body {
	
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
background: url(bg.jpg) #161B31 repeat-x scroll 50% 0;
color:#626262;
font-family:"Verdana",Arial,Helvetica,sans-serif;
font-size:62.5%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:17px;
}


#container 												{ width: 960px; height: auto; display: block; margin: 30px auto 0 auto; padding: 0 10px; background: url('bg-container.jpg') no-repeat 50% 0; clear: both; }
#container:after, 
#contents-container:after		{ height: 0; visibility: hidden; content: "."; display: block; clear: both; }
body.popup #container				{ width: 620px; padding: 10px; margin: 10px auto; background-color: #000; }


#header					{ width: 830px; height: 140px; display: block; top: 0; left: 110px; position: relative; z-index: 50; clear: both; }
#logo							{ width: 230px; height: 140px; position: absolute; z-index: 60; top: 0; left: 0; display: block; text-indent: -9999em; font-size: 0; line-height: 0; background: url('logo.gif') no-repeat 0 0; }
#bookmark			{ width: 420px; height: 40px; position: absolute; right: 0; top: 35px; display: block; }
#bookmark a		{ height: 20px; width: auto; display: inline; float: right; text-decoration: none; }
#address				{ position: absolute; z-index: 60; top: 115px; right: 0; font-size: 1.1em; width: 550px; text-align: right!important; }
#address				{ color: #9c9671; }
body#contact-page #address { display: none; visibility: hidden; }


#contents-container								{ width: 940px; padding: 10px 10px 90px 10px; background: #e2dfd3 url('bg-btm.gif') no-repeat 50% bottom; height: auto; min-height: 550px; display: block; margin: 0 auto; float: left; position: relative; z-index: 60; clear: both; }
#left-contents												{ width: 150px; height: auto; position: relative; margin-top: -60px; line-height: 0; display: inline; float: left; background: url('bg-left.jpg') no-repeat 0 0; }
#right-contents											{ width: 780px; height: auto; display: inline; float: right; }
.text																		{ padding: 0 35px 0 0px; margin-bottom: -60px; display: block; }
body#gallery-page .text,
body#displayhomes-page .text	{ margin: 10px 0!important; padding: 0 10px; border-bottom: 1px dotted #d0c692;  }
.ontop																	{ margin: 10px 0 20px 0!important; }
#flash-panel													{ width: 770px; height: 420px; border: 5px solid #fff; display: block; margin-bottom: 15px; background: url('flash.jpg') no-repeat 0 0; }

/*banner*/
.banner									{ width: 770px; height: auto; display: block; float: right; clear: both; margin-bottom: 15px; }
#contact-banner			{ background: url('banner1.jpg') no-repeat 0 0; height: 260px; position: relative; z-index: 60; margin-top: -15px; }
#contact-banner a		{ width: 385px; height: 240px; text-indent: -9999em; text-decoration: none; font-size: 0; line-height: 0; display: inline; float: left; }

ul#nav												{ width: 150px; height: auto; display: block; float: left; margin: 0 0 -10px 0; padding: 0; clear: both; }
ul#nav li											{ display: block; position: relative; float: left; }
ul#nav li.base1						{ background: url('bg-nav-home.gif') no-repeat 0 0; height: 60px; }
ul#nav li.base2						{ background: url('bg-nav-profile.gif') no-repeat 0 0; height: 35px; }
ul#nav li.base3						{ background: url('bg-nav-display.gif') no-repeat 0 0; height: 40px; }
ul#nav li.base4						{ background: url('bg-nav-gallery.gif') no-repeat 0 0; height: auto; }
ul#nav li.base5						{ background: url('bg-nav-links.gif') no-repeat 0 0; height: 60px; margin-top: -35px; }
ul#nav li.base6						{ background: url('bg-nav-news.gif') no-repeat 0 0; height: 50px; }
ul#nav li.base7						{ background: url('bg-nav-contact.gif') no-repeat 0 -10px; height: 50px; }
ul#nav a											{ overflow: hidden; width: 150px; text-indent: -9999em; display: block; float: left; }
ul#nav a:hover						{ background-position: -150px 0!important; z-index: 85!important; }
ul#nav li.base4 ul.dropdown		{ width: 150px; height: 175px; display: none; background: url('bg-subnav.gif') no-repeat 0 0!important; margin-top: 15px; }
ul#nav li.base4 ul.dropdown li	{ height: 35px!important; display: block; }
ul#nav li.base4 ul.dropdown li.lastsub	{ margin-bottom: -33px!important; }
ul#nav li.base4 ul.dropdown a:hover	{ z-index: 99!important; }
/*background image*/
a#navhome				{ background: url('nav-home.gif') no-repeat 0 0; z-index: 84; height: 30px; margin-top: 30px; }
a#navprofile			{ background: url('nav-profile.gif') no-repeat 0 0; z-index: 83; height: 35px; margin-top: -2px; }
a#navdisplay			{ background: url('nav-display.gif') no-repeat 0 0; z-index: 82;height: 35px; margin-top: 3px; }
a#navgallery			{ background: url('nav-gallery.gif') no-repeat 0 0; z-index: 73; height: 60px; margin-top: -5px; }
a#navlinks				{ background: url('nav-links.gif') no-repeat 0 0; z-index: 72; height: 25px; margin-top: 30px; }
a#navnews				{ background: url('nav-news.gif') no-repeat 0 0; z-index: 71; height: 30px; margin-top: 6px; }
a#navcontact		{ background: url('nav-contact.gif') no-repeat 0 0; z-index: 70; height: 30px; margin-top: -6px; }
a#subsingle				{ background: url('subnav-single.gif') no-repeat 0 0; z-index: 86; height: 31px; margin-top: -22px; }
a#subdouble			{ background: url('subnav-double.gif') no-repeat 0 0; z-index: 87; height: 32px; margin-top: -31px; }
a#subluxury			{ background: url('subnav-luxury.gif') no-repeat 0 0; z-index: 88; height: 30px; margin-top: -33px; }
a#subunit					{ background: url('subnav-unit.gif') no-repeat 0 0; z-index: 89; height: 31px; margin-top: -40px; }
a#subupcoming	{ background: url('subnav-upcoming.gif') no-repeat 0 0; z-index: 90; height: 45px; margin-top: -50px; }
/*onstage*/
body#home-page a#navhome, body#profile-page a#navprofile, body#displayhomes-page a#navdisplay, body#gallery-page a#navgallery, 
body#links-page a#navlinks, body#news-page a#navnews, body#contactus-page a#navcontact { background-position: -150px 0!important; z-index: 85!important; }

/*sub nav*/
ul#subnav							{ width: 755px; display: block; float: left; margin: 0 0 20px 8px; clear: both; height: auto; }
ul#subnav li						{ font-size: 11px; display: inline; float: left; margin-left: 1px; position: relative; z-index: 70; }
ul#subnav a					{ background-color: #d5d0b7; height: 17px; width: 150px; padding: 5px 0; color: #000; text-decoration: none; display: block; float: left; text-align: center; }
ul#subnav a:hover	{ background-color: #552939; color: #fff; text-decoration: none; }
ul#subnav ul					{ background-color: #e2ded2; width: 150px; height: auto; display: block; left: -9999px; position: absolute; top: 100%; margin: 0; padding: 0; }
ul#subnav ul li				{ margin: 1px 0 0 0; }
ul#subnav li:hover ul, ul#subnav li.over ul { left: 0; }
ul#subnav li a#dropdown.onsection { background-color: #552939; color: #fff; text-decoration: none;  }

/*display homes*/
ul#display-listings				{ float: right; width: 770px; list-style: none; }
ul#display-listings li			{ width: 240px; float: left; display: inline; margin: 0 6px 20px 6px; }
ul#display-listings li a	{ display: block; float: left; text-decoration: none; }

/*links*/
ul#links-listing									{ float: right; width: 720px; margin: 0; padding: 0; display: block; list-style: none; }
ul#links-listing li								{ line-height: 15px; font-size: 1em; color: #454545; width: 172px; height: auto; overflow: hidden; float: left; display: inline; padding: 0; margin: 0 4px 10px 4px; }
ul#links-listing li h2						{ font-size: 1.2em; color: #75173a; height: 34px; margin: 0; text-align: center; width: 170px; display: block; padding-top: 8px; overflow: hidden; }
ul#links-listing li a							{ width: 170px; height: 78px; overflow: hidden!important; background-color: #fff; float: left; display: block; line-height: 0; text-decoration: none; border: 1px solid #d0c692;  }

/*display homes*/
#display-container								{ width: 430px; display: inline; padding: 0; margin: 0 0 0 15px; padding-right: 30px; float: left; border-right: 1px dotted #d0c692; }
.display-homes-gallery						{ overflow: hidden; width: 420px; height: 248px; border: 5px solid #fff; text-align: center; background-color: #fff; display: block; clear: both; margin: 0 auto; }
.display-homes-gallery img			{ width: 420px; height: 248px; text-align: center; display: inline; float: left; }
ul.dh-gallery												{ width: 430px; height: auto; float: left; clear: both; margin: 10px 0;  }
ul.dh-gallery li											{ width: 84px; height: 54px; float: left; display: inline; margin: 0 2px 3px 0; list-style: none; }
ul.dh-gallery a											{ width: 80px; height: 50px; padding: 1px; background-color: #fff; display: block; float: left; border: 1px solid #fff; }
ul.dh-gallery a:hover							{ background-color: #512133; border-color: #512133; }
ul.dh-gallery a.activeSlide			{ background-color: #512133; border-color: #512133; }
ul.dh-gallery a:focus							{ outline: none; }
ul.dh-gallery img										{ border: none; display: block }

#elevation 			{ width: 430px; height: 125px; clear: both; display: block; margin-bottom: 10px; }
#elevation h2	{ color: #000; display: block; padding: 5px 0; border-bottom: 1px dotted #d0c692; margin-bottom: 10px; }
#elevation a		{ width: 200px; height: auto; line-height: 0; padding: 0; float: left; display: inline; margin: 0 3px; border: 4px solid #fff; text-decoration: none; }

#display-info										{ width: 260px; height: auto; float: right; display: inline; margin-right: 20px; }
#display-info h2								{ color: #000; display: block; padding: 5px 0; border-bottom: 1px dotted #d0c692; margin-bottom: 10px; }
a#floorplan											{ width: 250px; height: 350px; border: 5px solid #fff; display: block; float: left; margin-bottom: 15px; text-decoration: none; }
a#download-spec							{ width: 260px; height: 65px; overflow: hidden; background: url('button-downloads1.jpg') no-repeat 0 0; margin-top: 10px; text-indent: -9999em; text-decoration: none; border: 0; display: block; }
a#download-full								{ width: 260px; height: 65px; overflow: hidden; background: url('button-downloads2.jpg') no-repeat 0 0; margin-top: 10px; text-indent: -9999em; text-decoration: none; border: 0; display: block; }
a#download-spec:hover, a#download-full:hover			{ background-position: 0 -65px!important; }

/*gallery*/
#gallery-display-container,
#multiple-display-container		{ width: 610px; display: block; padding: 0; margin: 0 auto; }
#gallery-display-container h2	{ text-align: center; color: #000; }
.display-gallery,
.multiple-gallery										{ overflow: hidden; width: 601px; height: 400px; border: 5px solid #fff; border-right: 4px solid #fff; text-align: center; background-color: #fff; display: block; clear: both; margin: 0 auto; }
.multiple-gallery										{ margin-bottom: 10px; }
.display-gallery img,
.multiple-gallery img							{ width: 600px; height: 400px; text-align: center; margin-right: 1px; display: inline; float: left; }
ul.mini-gallery											{ width: 610px; height: auto; float: left; clear: both; margin: 10px 0 10px 0;  }
ul.mini-gallery li										{ width: 120px; height: 80px; float: left; display: inline; margin: 0 2px 2px 0; list-style: none; }
ul.mini-gallery a										{ width: 116px; height: 76px; padding: 1px; background-color: #fff; display: block; float: left; border: 1px solid #fff; }
ul.mini-gallery a:hover						{ background-color: #512133; border-color: #512133; }
ul.mini-gallery a.activeSlide		{ background-color: #512133; border-color: #512133; }
ul.mini-gallery a:focus						{ outline: none; }
ul.mini-gallery img									{ border: none; display: block }

/*multiple gallery*/
ul#multiple-display								{ margin: 0; padding: 0; margin-top: 10px; list-style: none; }
ul#multiple-display h2						{ display: block; text-align: center; padding-bottom: 5px; border-bottom: 1px dotted #d0c692; border-top: 1px dotted #d0c692; clear: both; height: 20px; }
ul#multiple-display h2 a 				{ background-color: #f4f1e4; display: block; text-decoration: none; float: left; padding-top: 5px; height: 20px; text-align: center; width: 610px; }
ul#multiple-display h2 a:hover { background-color: #f4edd1; }
ul#multiple-display h2:hover		{ font-weight: bold; }



#footer							{ width: 830px; height: 60px; padding: 10px 0 0 0; display: block; margin: 0 auto; clear: both; }
#footer p						{ width: 740px; display: inline; font-size:1.1em; line-height: 16px; color: #9b936a; }
#footer span				{ float: right; margin-top: -15px; width: 90px; display: inline; }
#footer strong			{ font-weight: normal; color: #fff; }
#footer a						{ color: #9b936a; text-decoration: none;}
#footer a:hover		{ color: #edd097; text-decoration: underline;}


