html, body { height: 100%; margin: 0; padding: 0; }
body { background-color:#3e393d; background:url(/images/bg.jpg) repeat-x fixed #7A7B75; }
/* ---------- typography -------------*/
body { font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#fff; }
h1, h2, h3, p, a { color:#fff; }
h1 { font-size:2em; background:url(/images/headerBG.gif) 0 0 no-repeat; padding:25px 0 15px 0; margin:-5px 5px -15px 0px; }
h2 { margin-bottom:3px }
p { margin:4px 0; }
/* --------------------------*/

/*-------------- Common --------------*/
img { border:none; }
.clearboth { clear:both; font-size:1px; line-height:0; margin:-1px 0 0; overflow:hidden; }
.center { margin:auto; text-align:center; }
.floatLeft img { float:left; padding-right:10px }
.floatRight img { float:right; padding-left:10px; }
.column { float:left; width:48%; }
.thirds { float:left; width:33% }
.hidden { display:none }
/* --------------------------*/

/*--------- Layout -----------*/
#container { margin:0 auto; text-align:left; width:1023px; }
#innerContainer { background:url(/images/contentRepeat.png) 40px repeat-y; width:1023px; margin-top:613px; float:left }
#contentBG { background:url(/images/contentTop.png) no-repeat; margin-top:-613px; min-height:613px; height:auto !important; height:613px; float:left; padding:0 50px 0 90px }
#footer { background:url(/images/contentBottom.png) -1px 0 no-repeat; height:155px; width:1023px; float:left; padding:50px 12px; }
#content, #homeContent { float:left; clear:both; width:870px; margin-top:50px }
#sidePanel { float:left; clear:left; width:205px; margin-top:60px; }
/* --------------------------*/


/*----------- Navigation -------*/
.nav { text-indent:-9999px; position:relative; margin-left:-50px; margin-top:150px }
.nav ul { list-style-type:none; }
.nav ul li { float:left; float:left; margin:0 32px; }
.nav ul li a { display:block; background:url(/images/headingsAndNavSprite.png); }
.nav ul li.navModels a, .nav ul li.navModels a:link, .nav ul li.navModels a:visited { width:73px; height:33px; background-position:0 0; }
.nav ul li.navModels a:hover, .nav ul li.navModels a:active { width:73px; height:33px; background-position:-1px -33px; }
.nav ul li.navBuild a, .nav ul li.navBuild a:link, .nav ul li.navBuild a:visited { width:136px; height:35px; background-position:0 -66px }
.nav ul li.navBuild a:hover, .nav ul li.navBuild a:active { width:136px; height:35px; background-position:-1px -101px; }
.nav ul li.navAbout a, .nav ul li.navAbout a:link, .nav ul li.navAbout a:visited { width:103px; height:33px; background-position:0 -137px }
.nav ul li.navAbout a:hover, .nav ul li.navAbout a:active { width:103px; height:33px; background-position:0 -170px; }
/*--- Secondary Nav ----*/
.secondaryNav { padding: 3px; position:relative; margin-top:-120px; margin-left:710px; float:right; width:200px; font-weight:700 }
.secondaryNav ul { margin-left: 0; padding-left: 1em; display: inline; border: none; float:left; margin:8px; }
.secondaryNav ul li { margin-left: 0; padding-left: 2px; border: none; list-style: none; display: inline; }
.secondaryNav ul li a { text-decoration:none; }
.secondaryNav ul li a:hover { color:yellow }
/*----------------------------*/

/* ------------ Custom CSS --------------*/


/*-----  Home Page ---------*/

/*-- Whats New and Owner's Gallery ----*/
.whatsNew, .ownersGallery { display:block; float:left; width:184px; height:280px; margin:0 0 0 23px; background:url(/images/homeSmSectionBG.gif) no-repeat; }
.ownersGallery img { margin:15px; }
.whatsNew h2, .ownersGallery h2, a.readMore, a.view { display:block; background:url(/images/headingsAndNavSprite.png); text-indent:-9999px }
.whatsNew h2 { width:116px; height:66px; background-position:-184px 0; margin-bottom:-20px }
.ownersGallery h2 { width:146px; height:70px; background-position:-154px -66px; margin-bottom:-20px }
.whatsNew p { padding:0 20px; }
.whatsNew h4 { padding:0 20px; font-weight:700; font-size:16px; margin-bottom:0 }
a.readMore { height:37px; width:103px; background-position:0 -203px; margin-left:30px; margin-top:10px }
a.readMore:hover, a.readMore:active { height:37px; width:103px; background-position:-1px -241px }
a.view { height:33px; width:51px; background-position:-73px 0; margin-left:30px; }
a.view:hover, a.view:active { height:33px; width:51px; background-position:-73px -33px; }
/*-------------------*/

/*------Welcome -----------*/
.welcome { display:block; width:427px; height:184px; background:url(/images/homeWelcomeSectionBG.gif) no-repeat; margin-top:37px }
.welcome p { padding:50px 0 20px 40px; float:left; width:210px }
.welcome img { margin:55px 10px 0 0px; }
/*--------------------------*/

/*------VRV Advantage -------*/
.vrvAdvantage { display:block; width:409px; height:282px; background:url(/images/vrvAdvantageFull.gif) no-repeat; }
.vrvAdvantage a.learnMore { display:block; background:url(/images/headingsAndNavSprite.png); text-indent:-9999px; height:34px; width:99px; background-position:-201px -170px; margin-left:290px; margin-top:200px; z-index:40000 }
.vrvAdvantage a.learnMore:hover, .vrvAdvantage a.learnMore:active { height:34px; width:99px; background-position:-201px -203px; }
/*-----------------------------*/

/*-----------Footer---------------*/
#footer { text-align:center }
#footer .links { margin:10px 0 }
#footer .links a { padding:20px; }
/*----------------------------*/

/*-----------Models---------------*/
#models .thirds { padding:1%; width:31%; margin:10px 0; border:1px solid #263b86; }
#models h2 { margin-top:0;font-size:22px }
#models h3 {margin-bottom:4px;color:#fff01f}
#models p.modelDescription { height:180px }
#models table { height:200px }
#models .modelButtons a { text-indent:-9999px; display:block; background:url(/images/headingsAndNavSprite.png); margin:0 auto; text-align:center }
#models .modelButtons a.viewPhotos { width:190px; height:56px; background-position:-111px 65px; }
#models .modelButtons a.viewPhotos:hover { width:190px; height:56px; background-position:-111px 123px; }
#models .modelButtons a.buildAndQuote { width:136px; height:35px; background-position:-1px -101px; margin-bottom:10px }
#models .modelButtons a.buildAndQuote:hover { width:136px; height:35px; background-position:0 -66px; }
/*----------------------------*/


/*---------- Build It -------------*/
.BuildIt { background:#fff; border:2px solid #263b86; color:#000; padding:10px }
.BuildIt * { color:#000 }
.BuildIt div.QuoteForm { background:#263b86; }
.BuildIt div.QuoteForm p label { color:#fff }
.contentBuild { color:#484848; font-size:14px; font-weight:700; padding-bottom:5px; padding-left:10px; padding-right:5px }
.BuildIt .submit { background-image:url(/images/build-it-buttons/Choose-This-Floorplan.jpg); border:none; position:relative; cursor:pointer; display:block; height:40px; width:200px }
.btnContinue { background-image:url(/images/build-it-buttons/continue.jpg); border:none; cursor:pointer; display:block; height:37px; width:146px }
#topbar { position:relative; visibility:hidden; width:208px; z-index:100 }
#topbarDock { cursor:pointer; position:static; visibility:hidden; width:190px; z-index:100 }
.BuildIt .NeedHelp { font-size:20px }
.BuildIt .getQuote { color:#fff; font-family:verdana; font-size:16px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:700; line-height:normal }
h4.ChoiceTitle { border:none }
.BuildIt h1 { background-image:none; font-size:12px; padding-left:5px; }
.ModelDesc { padding-left:30px; }
.SpecsPanel { margin-left:50px; }
/*----------------------------------*/

/*------------- Hacks -----------------*/
#homeButton{display:block;background:transparent;width:540px;height:140px;cursor:pointer;position:absolute;left:150px;text-indent:-9999px;top:0;}
:focus { -moz-outline-style: none; }
/*-----------------------------------*/


