/* ---------- CSS DOCUMENT ---------- */

/* temporary css */
#newsletter {width:231px; height:112px; float:right; background:url("newsletter.gif"/*tpa=http://olamarliving.com/img/newsletter.gif*/) no-repeat;}
#newsletter-temp-link {display:block; height:112px; width:231px;}
/* resets */
html, body, div, p, span, small, strong, a, em, 
h1, h2, h3, h4, h5, h6, img,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {padding:0px; margin:0px; border:0px;}
strong {color:#272727;}
h2 {color:#4F3D08;}

html {font:1.2em/1.2em sans-serif,arial,helvetica,"Lucida Grande"; background:#fff8e8 url("body-bg.jpg"/*tpa=http://olamarliving.com/img/body-bg.gif*/) no-repeat top center; line-height:1 em;}
body {font-size:100.01%;}
ul {list-style:none;}
a:link, a:active, a:visited {color:#666666; text-decoration:none;}
a:hover {color:#7C692E; text-decoration:underline;}
hr{border:0; border-top:1px solid #555; margin:0; height:1px;}

/* ---------- Package ---------- */
#flash-nav {height:50px; width:678px; padding-left:199px;}
#perferred-client {margin-left:580px; display:block; height:69px; width:207px;margin-top:37px;}
#flash-header {width:857px; height:410px; background:url("flash-header-bg.jpg"/*tpa=http://olamarliving.com/img/flash-header-bg.jpg*/) no-repeat; margin:0 auto; text-align:center;}
#contact-us-page #flash-header,
#photo-gallery-page #flash-header,
#the-latour-experience-page #flash-header,
#faq-page #flash-header,
#residences-page #flash-header
{height:248px; margin:0 auto;}

/* headers */
#contact-us-page #flash-header {background:url("header-contact-us.jpg"/*tpa=http://olamarliving.com/img/header-contact-us.jpg*/) no-repeat;}
#the-latour-experience-page #flash-header {background:url("header-the-latour-experienc.jpg"/*tpa=http://olamarliving.com/img/header-the-latour-experienc.jpg*/) no-repeat;}
#faq-page #flash-header {background:url("header-faq.jpg"/*tpa=http://olamarliving.com/img/header-faq.jpg*/) no-repeat;}
#residences-page #flash-header {background:url("header-residences.jpg"/*tpa=http://olamarliving.com/img/header-residences.jpg*/) no-repeat;}
#photo-gallery-page #flash-header {background:url("header-photo-gallery.jpg"/*tpa=http://olamarliving.com/img/header-photo-gallery.jpg*/) no-repeat;}

#content {width:857px; padding:20px 10px 10px 10px; background:url("content-bg.gif"/*tpa=http://olamarliving.com/img/content-bg.gif*/) no-repeat;}
#left {width:568px; float:left; padding-right:20px;}
#left p {margin-top:10px; font-size:80%;}
#right {width:249px; float:left; text-align:right;}
#right a img {margin-top:10px;}
#right a{font-size:80%; text-decoration:underline;}
#form-name, #form-email {width:130px;}
#bottom {width:100%; background:#4b3905 url("bottom-bg.gif") no-repeat top center;}
#footer {text-align:center;}
#footer-nav {text-align:center; padding-top:45px;}
#copyright {display:block; float:left; color:#fff; padding-top:30px; text-align:left; font-size:60%;}
#latourlink {float:left; display:block; margin:15px 0px 0px 044px; height:81px; padding-bottom:55px; width:185px;}
#olamarlivinglink {float:left; display:block; margin-top:15px; margin-left:130px; height:100px; width:170px;}
#footer-nav li {margin:0 auto; display:inline; font-size:70%; margin:0px 5px;}
.gallery {border:2px solid #ECE5B7; padding:5px; heigth:100px; float:left; margin:10px;}
.gallery:hover {background-color:#fff;}
.gallery img {padding:3px; width:100px; height:100px;}
.gallery2 {border:2px solid #ECE5B7; padding:5px; heigth:150px; float:left; margin:10px;}
.gallery2:hover {background-color:#fff;}
.gallery2 img {padding:3px; width:150px; height:100px;}


/* ---------- Classes ---------- */

.auto {width:877px; margin:0 auto;}
.clear {clear:both;}

/* ---------- Other Pages ---------- */
/* faq */
#faq-page #content ul {top-margin:10px;font-weight:normal; font-size:85%;}
#faq-page #content ul li {margin:5px 0;font-weight:normal; font-size:85%;}
#faq-page .answer {border-bottom:1px solid #ECE1CC; margin-bottom:10px; padding-bottom:5px;}
/* contac us */

#contact-form {color:#9B7D4F; font-size:80%;}
#contact-form input, #contact-form textarea, #contact-form select {

	font-family: "Times New Roman", Georgia, Times, serif;

	font-size: 14px;

	letter-spacing:normal;

	color:#734E2D;

	width:245px;

}
#contact-form select {width:250px;}



#contact-form input#btnSubmit {

	margin:0px 0px 5px 210px;

	width:190px;

}

#contact-form textarea {

	height:60px;

}

#contact-form label {

	display:block;

	padding: 3px 0px 0px 0px;

}

#contact-form label strong {

	display:block;

	width:200px;

	float:left;

	font-weight:normal;

	text-align:right;

	padding-right:13px;

}


#contact-form p.note {

	font-size:12px;

	padding-left:163px;

	margin-bottom:0px;

	font-style:italic;

}
/* blog */
.blog					{background-color:#f6edd7; padding:10px; margin:10px 0px; border-bottom:1px solid #e4d7b8; border-right:1px solid #e4d7b8;}
.blog h3						{color:#87754b; font-size:90%;}
.blog h4						{color:#a29068; font-size:80%;}
.blog p.p					{padding:10px; font-size:80%; color:#555; margin:5px 0px; border-bottom:1px dashed #e4d7b8; border-top:1px dashed #e4d7b8;}
.blog small				{color:#c9b996; font-size:70%; margin:5px 0px;}