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; float:left; }
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 }
.big {font-size:3em;}
.yellow {color:#fff120;}
/* --------------------------*/

/*--------- 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 }
#contentBG2 { background:url(/images/contentTop2.png) -2px 0 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; }

.nav2 {  position:relative; margin-left:-50px; margin-top:156px; margin-bottom:-6px; z-index:1000;}
.nav2 ul { list-style-type:none; }
.nav2 ul li { float:left; float:left; margin:0 24px; white-space: nowrap; }
.nav2 ul li a {text-decoration:none; font-size:26px; position:relative; z-index:1000; white-space: nowrap;

-webkit-transform: rotate(-4deg); 
-moz-transform: rotate(-4deg);	
transform: rotate(-4deg);	
}
.nav2 ul li a:hover { color:#fff120;   }

/*--- 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; cursor:pointer; }
.ownersGallery img { margin:15px; cursor:pointer; }
.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; cursor:pointer;  }
.ownersGallery h2 { width:146px; height:70px; background-position:-154px -66px; margin-bottom:-20px;cursor:pointer;  }
.whatsNew p { padding:0 20px; cursor:pointer; }
.whatsNew h4 { padding:0 20px; font-weight:700; font-size:16px; margin-bottom:0; cursor:pointer;  }
a.readMore { height:37px; width:103px; background-position:0 -203px; margin-left:30px; margin-top:10px }
.whatsNew:hover a.readMore, 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; }
.ownersGallery:hover a.view, 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; }
/*--------------------------*/


/*------ Build Your Own VRV Online-------*/

.buildYourOwn a { text-indent:-9999px; display:block; background:url(/images/headingsAndNavSprite.png) -10px -704px; margin:0 auto; text-align:center; width:300px; height:111px; margin-bottom:-40px; margin-top:-20px; position:relative;}
.buildYourOwn a:hover {background-position: -10px -818px;;}

/*--------------------------*/


/*------VRV Advantage -------*/
.vrvAdvantage { display:block; width:409px; height:282px; background:url(/images/vrvAdvantageFull.gif) no-repeat; float:left; cursor:pointer }
.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:hover a, .vrvAdvantage a.learnMore:hover, .vrvAdvantage a.learnMore:active { height:34px; width:99px; background-position:-201px -203px; }
/*-----------------------------*/


/*------Slideshow-------*/
#homePageSlideshow {position:relative; display:block; width:400px; height:280px;}
.sliderBorder {position:absolute; z-index:9999;}
.slides img {margin-left:12px; padding:6px 0 0 0; display:none; }
/*-----------------------------*/


/*-----------Footer---------------*/
#footer { text-align:center }
#footer .links { margin:10px 0 }
#footer .links a { padding:20px; }
/*----------------------------*/

/*-----------Models---------------*/
#models {clear:left; font-size:15px;}
#models .thirds { padding:1%; width:31%; margin:10px 0; border:1px solid #263b86; position:relative; z-index:9999; }
#models h2 { margin-top:0;font-size:22px }
#models h3 {margin-bottom:4px;color:#fff01f; font-size:25px;}
#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 .activities { width:250px; font-size:16px; margin-left:15%; margin-top:20px;  background:#000 url(/Images/box.jpg) 0px 10px no-repeat; height:180px; float:left;}
#models .capacity{width:250px; font-size:16px; margin-left:15%; margin-top:0px;  background:#000 url(/Images/box.jpg) 0px 10px no-repeat;height:200px; float:left; clear:both;}
#models .media {float:left;  width:400px; margin-right:5%; margin-top:-170px; *margin-top:40px;}
#models .modelButtons a.viewPhotos { width:190px; height:56px; background-position:-111px -298px; }
#models .modelButtons a.viewPhotos:hover { width:190px; height:56px; background-position:-111px -240px; }
#models .modelButtons a.photoGallery{ width:258px; height:113px;  background-position:-27px -534px;}
#models .modelButtons a.photoGallery:hover { width:258px;  background-position:-27px -418px;}
#models .modelButtons a.buildAndQuote { width:300px; height:93px;  background-position:-1px -1161px; margin-bottom:10px }
#models .modelButtons a.buildAndQuote:hover {  background-position:-1px -1055px; }
#models .modelButtons a.specs{ width:260px; height:64px;  background-position:-29px -1338px; margin-bottom:10px }
#models .modelButtons a.specs:hover { background-position:-27px -1275px; }
#models .floorplan {float:left; border:1px solid #fff; margin:10px 0; width:870px;}
.specs {font-size:14px;}
.specs td {border:1px solid white; padding:10px; }
#models span.left {float:left; color:#ffef20;}
#models span.right {float:right;}

.tagLine {font-size:30px; text-align:center; color:#fff120;-webkit-transform: rotate(-1deg); 
-moz-transform: rotate(-1deg);    
transform: rotate(-1deg);}

/*----------------------------*/


/*---------- 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, .BuildIt .quoteDisclaimer p { font-size:20px;  }
.BuildIt .quoteDisclaimer p {font-style:italic; font-size:16px; font-weight:700; color:#ff0000; text-align:justify; width:290px;}
.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; }
.discountedQuote {font-size:24px; color:#263b87;}

/*----------------------------------*/


/*---------- Dealer Locator -------------*/
div.DealerLocator .LocatorForm, div.DealerLocator .LocatorResults {background:none;background-color:#000; }
div.DealerLocator {float:left; clear:left; margin-top:40px; color:#fff}
div.DealerLocator label {color:#fff;}

/*----------------------------------*/


/*------------- 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; }
/*-----------------------------------*/



