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

/* temporary css */
#newsletter {width:231px; height:112px; float:right; background:url(../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(../img/body-bg.gif) no-repeat top center;}
body {font-size:100.01%;}
ul {list-style:none;}
a:link, a:active, a:visited {color:#4B3905; text-decoration:none;}
a:hover {color:#7C692E; text-decoration:underline;}
hr{border:0; border-top:1px solid #555; margin:0; height:1px;}

/* ---------- Package ---------- */
#logo {position:absolute; display:block; top:0px; width:220px; height:150px; z-index:2;}
#topnavigation {position:absolute; top:0px; z-index:1;}
#flash-nav { height:50px; width:678px; position:relative; left:199px;}
#top {height:50px;}
#perferred-client {margin-left:580px; display:block; height:69px; width:207px;margin-top:37px;}
#flash-header {width:857px; height:410px; background:url(../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,
#press-page #flash-header,
#construction-updates-page #flash-header,
#viamari-page #flash-header,
#visionaries-page #flash-header,
#award-winning-page #flash-header,
#interior-design-page #flash-header,
#alliance-exchange-page #flash-header,
#floor-plans-page #flash-header,
#amenities-page #flash-header,
#service-page #flash-header
{height:248px; margin:0 auto;}

#virtual-tour-page #flash-header{height:0px;}

/* headers */
#contact-us-page #flash-header {background:url(../img/header-contact-us.jpg) no-repeat;}
#service-page #flash-header {background:url(../img/header-services.jpg) no-repeat;}
#amenities-page #flash-header {background:url(../img/header-amenities.jpg) no-repeat;}
#interior-design-page #flash-header {background:url(../img/header-interior-design.jpg) no-repeat;}
#floor-plans-page #flash-header {background:url(../img/header-contact-us.jpg) no-repeat;}
#the-latour-experience-page #flash-header {background:url(../img/header-latour.jpg) no-repeat;}
#visionaries-page #flash-header {background:url(../img/header-the-latour-experienc.jpg) no-repeat;}
#faq-page #flash-header {background:url(../img/header-faq.jpg) no-repeat;}
#construction-updates-page #flash-header {background:url(../img/header-progress.jpg) no-repeat;}
#residences-page #flash-header {background:url(../img/header-residences.jpg) no-repeat;}
#press-page #flash-header {background:url(../img/header-residences.jpg) no-repeat;}
#viamari-page #flash-header {background:url(../img/header-viamari.jpg) no-repeat;}
#photo-gallery-page #flash-header, #virtual-tour-page #flash-header {background:url(../img/header-photo-gallery.jpg) no-repeat;}
#award-winning-page #flash-header {background:url(../img/header-award-winning.jpg) no-repeat;}
#alliance-exchange-page #flash-header {background:url(../img/header-alliance.jpg) no-repeat;}

#content {width:857px; padding:92px 10px 10px 10px; background:url(../img/content-bg.gif) no-repeat;}
#virtual-tour-page #content{background:url(../img/content-virtual-bg.gif) no-repeat 0px -1px; padding:100px 10px 10px 10px;}
#left {width:620px; float:left;}
#left p {margin-top:10px; font-size:80%;}
#right {width:232px; float:right; text-align:right;}
#right a img {margin-top:10px;}
#right a{font-size:80%; text-decoration:underline;}
/* #newsletter {float:right; text-align:left; padding:45px 0px 0px 13px; width:218px; height:67px; background:url(../img/newsletter.gif) no-repeat;} */
#form-name, #form-email {width:130px;}
#bottom {width:100%; background:#4b3905 url(../img/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:65px; 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:110px; height:100px;}

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

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

/* ---------- Other Pages ---------- */
/* faq */
#viamari-page #content ul, #faq-page #content ul {top-margin:10px;font-weight:normal; font-size:85%;}
#viamari-page #content ul li , #faq-page #content ul li {margin:5px 0;font-weight:normal; font-size:85%;}
#viamari-page #content .answer, #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;}

/* residences + subpages */
/* #padding {padding:10px;} */


#residence-sub-nav {border:none !important; position:relative; top:-1px; left:270px; background:url(../img/residence-sub-nav.gif) no-repeat; width:380px; height:21px;}
#residence-sub-nav li {border:none !important; display:block; float:left;}
#residence-sub-nav li a {border:none !important; display:block; float:left; height:21px; text-indent:-9999px; overflow:hidden;}
#residence-sub-nav li a#s1 {width:77px;}
#residence-sub-nav li a#s1:hover {background:url(/img/residence-sub-nav.gif) no-repeat 0px -22px;}
#residence-sub-nav li a#s2 {width:75px;}
#residence-sub-nav li a#s2:hover {background:url(/img/residence-sub-nav.gif) no-repeat -77px -22px;}
#residence-sub-nav li a#s3 {width:110px;}
#residence-sub-nav li a#s3:hover {background:url(/img/residence-sub-nav.gif) no-repeat -152px -22px;}
#residence-sub-nav li a#s4 {width:68px;}
#residence-sub-nav li a#s4:hover {background:url(/img/residence-sub-nav.gif) no-repeat -262px -22px;}
#residence-sub-nav li a#s5 {width:50px;}
#residence-sub-nav li a#s5:hover {background:url(/img/residence-sub-nav.gif) no-repeat -330px -22px;}

#latour-sub-nav {border:none !important; position:relative; top:-1px; left:270px; background:url(../img/latour-sub-nav.gif) no-repeat; width:380px; height:21px;}
#latour-sub-nav li {border:none !important; display:block; float:left;}
#latour-sub-nav li a {border:none !important; display:block; float:left; height:21px; text-indent:-9999px; overflow:hidden;}
#latour-sub-nav li a#s6 {width:77px;}
#latour-sub-nav li a#s6:hover {background:url(/img/latour-sub-nav.gif) no-repeat 0px -22px;}
#latour-sub-nav li a#s7 {width:82px;}
#latour-sub-nav li a#s7:hover {background:url(/img/latour-sub-nav.gif) no-repeat -77px -22px;}
#latour-sub-nav li a#s8 {width:157px;}
#latour-sub-nav li a#s8:hover {background:url(/img/latour-sub-nav.gif) no-repeat -159px -22px;}

#viamari-sub-nav{border:none !important; position:relative; top:-1px; left:270px; background:url(../img/viamari-sub-nav.gif) no-repeat; width:363px; padding-left:17px; height:21px;}
#viamari-sub-nav li {border:none !important; display:block; float:left;}
#viamari-sub-nav li a {border:none !important; display:block; float:left; height:21px; text-indent:-9999px; overflow:hidden;}
#viamari-sub-nav li a#s9 {width:75px;}
#viamari-sub-nav li a#s9:hover {background:url(/img/viamari-sub-nav.gif) no-repeat -17px -22px;}
#viamari-sub-nav li a#s10 {width:103px;}
#viamari-sub-nav li a#s10:hover {background:url(/img/viamari-sub-nav.gif) no-repeat -92px -22px;}
#viamari-sub-nav li a#s11 {width:54px;}
#viamari-sub-nav li a#s11:hover {background:url(/img/viamari-sub-nav.gif) no-repeat -195px -22px;}