/* ---------------------------------------------

SCREEN CSS Document created by Phinney/Bischoff Design House
For: Bellacure http://www.bellacure.com

----------------------------------------------- */


body { font-family: Helvetica, Arial, sans-serif; background-color: #036; background-repeat: repeat-y; background-position: 0 0; margin-top: 0; margin-left: 0; }

/* ---------- LAYOUT ---------- */
#navigation { color: #fff; text-align: center; position:absolute; width: 100%; height:2px; z-index: 95; margin-top: 85px; margin-right: auto; margin-left: auto; padding-left: 68px; }
#main_image { background-color: #e6f1f7; background-image: url(images/reef_villa_header.jpg); background-repeat: no-repeat; background-position: 0 0; top: 0; bottom: 0; width: 720px; height: 369px; margin: 0; }
#wrapper { background-image: url(images/test.jpg); background-repeat: repeat; width: 1000px; margin-right: auto; margin-left: auto; }

#blurb { text-align: justify; width: 635px; margin: 0; padding: 35px 0 20px 50px; float: left; }
#footer { color: #fff; font-size: 10px; background-color: #9aa19f; background-repeat: no-repeat; background-attachment: scroll; background-position: left top; text-align: center; margin: 0; padding: 0; }
body#home #footer { color: #fff; background-color: #9aa19f; background-repeat: repeat-y; background-attachment: scroll; background-position: left top; margin: 0; padding: 0; }
#phone { position:absolute; left:465px; top:763px; width:272px; text-align: right; z-index:99; }

/* ---------- LINKAGE ---------- */
a:link { color: #3b4956; text-decoration: none; border-bottom: 1px dotted #3b4956; }
a:visited { color: #666; text-decoration: none; border-bottom: 1px dotted #666; }
a:hover { color: #de7008; text-decoration: none; border-bottom: 1px dotted #ff6c1c; }
div#feature a:link, div#feature a:visited { color: #ddeeba; border-bottom: 1px dotted #ddeeba; }
div#feature a:hover { color: #ff9; border-bottom: 1px dotted #ff0; }

a.button:link, a.button:visited { font-size: 10px; color: #fff; background: #de7008; padding: 1px; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; border:none; }
a.button:hover { background: #586980; border:none; }

div#footer a:link, div#footer a:visited { font-size: 10px; color: #fff; text-decoration: none; border: none;  }
div#footer a:hover { color: #fff; border-bottom: 1px dotted #fff;  }

a.img-button { border: none; }
a.img-button:link { border: none; }
a.img-button:visited { border: none; }
a.img-button:hover { border: none; }
/* ---------- TEXT FORMATTING ---------- */
h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Arial, sans-serif; font-weight: normal; margin-top: 10px; }
p, ul, ol, dl { font-family: Tahoma, Verdana, sans-serif; color: #333; }

h1 { padding: 10px 0 0; font-size: 27px; line-height: 26px; color: #5c6767; text-align: center; margin-bottom: 12px; margin-left: 0; }
h2 { margin: 0; padding: 0; font-size: 18px; line-height: 20px; color: #333; }
h3 { margin: 1em 0 .25em 0; padding: 0; font-size: 18px; color: #333; }
h4 { margin: 1em 0 .25em 0; padding: 0; font-size: 16px; color: #333; }

p { margin: .50em 0 1.75em 0; padding: 0; font-size: 12px; line-height: 19px;  }
blockquote p.cite { font-family: Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #999; text-transform: uppercase; text-align: right; margin: 0 0 1em 0; padding: 0; letter-spacing: 2px; }
#blurb p { font-size: 11px; line-height: 18px; color: #666; margin: 0; padding: 0; }
body#home #footer p { margin: 0; padding: 15px 0 15px 48px; color: #999; font-size: 10px; }
#photo-side { position:absolute; left:65px; top:138px; visibility: hidden;  }
#viewcontrol-side { position:absolute; left:393px; top:125px; width:45px; height:79px;  visibility: hidden; }
#feature p { margin: 32px 125px 0 12px; color: #ddeedc; line-height: 16px;  }
h1.smaller { font-size: 24px; }
#navlinks ul
{ padding-left: 0; background-color: #036; color: white; float: left; width: 100%; font-family: arial, Helvetica, sans-serif; margin: 0; border-top: 2px groove #fc6; border-bottom: 2px groove #fc6; }

#navlinks ul li { display: inline; }

#navlinks ul li a
{
padding: 0.2em 11px 0.2em 12px;
background-color: #036;
color: white;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navlinks ul li a:hover
{
background-color: #369;
color: #fff;
}
#container
	{ background-color: white; background-repeat: repeat; background-position: 740px 0; padding:0; text-align: left; width:720px; margin: 5px auto 0; border-left: 4px groove #a8b2af; border-bottom: 4px groove #a8b2af; border-right: 4px groove #a8b2af; }
#navigation h1
{ color: #cc6; font-size: 18px; padding-top: 55px; }
#top
	{ background-image: url(images/header2.jpg); background-repeat: no-repeat; background-position: top; text-align: center; top: 0; width: 100%; height: 128px; overflow: hidden; max-width: 1000px; display: block; }
#main1_image { background-color: #e6f1f7; background-image: url(images/view.jpg); background-repeat: no-repeat; background-position: 0 0; top: 0; bottom: 0; width: 720px; height: 354px; margin: 0; }
#main2_image { background-color: #e6f1f7; background-image: url(images/header3.jpg); background-repeat: no-repeat; background-position: 0 0; top: 0; bottom: 0; width: 720px; height: 310px; margin: 0; }
.pict_style{ margin-bottom: 10px; margin-left: 10px; padding: 5px; border: groove 1px #006; }
.cap { float: left; width: 42px; font-size: 62px; line-height: 51px; font-weight: normal; color:#444444; font-family: georgia, times; }
#blurb p.space { margin-top: 20px; }
#main3_image { background-color: #e6f1f7; background-image: url(images/turtleback_villa.jpg); background-repeat: no-repeat; background-position: 0 0; top: 0; bottom: 0; width: 720px; height: 330px; margin: 0; }
#main4_image { background-color: #e6f1f7; background-image: url(images/header4.jpg); background-repeat: no-repeat; background-position: 0 0; top: 0; bottom: 0; width: 720px; height: 360px; margin: 0; }
.leftborder { float: left; margin-right: 10px; padding: 2px; }