body  {background:#000 url(images/main-bg2.jpg) repeat-y top center; margin:0; padding:0; text-align:center; font-family:Arial; font-size:12px; color:#000;}

#wrapper {width:941px; margin:0 auto; text-align:left;}
#maincontainer {width:941px; float:left;}

#blackSides {
   width:941px;
   float:left;
   background:transparent url(images/side-bg2.png) no-repeat top left;
}

#allcontent {width:867px; float:left; margin-left:36px;}
#flash {
   width:867px;
   height:369px;
   float:left;
}

/* Top Nav
----------------------------------------------------------------------------*/
#topNav {
   width:867px;
   height:24px;
   float:left;
}
#topNav span {display:none;}
.sprite {background:url(images/nav.gif);}
.goh {width:157px; height:24px; background-position:0 0; float:left;}
.goh:hover {width:157px; height:24px; background-position:0 -24px;}
.hd {width:119px; height:24px; background-position:-157px 0; float:left;}
.hd:hover {width:119px; height:24px; background-position:-157px -24px;}
.wcu {width:136px; height:24px; background-position:-276px 0; float:left;}
.wcu:hover {width:136px; height:24px; background-position:-276px -24px;}
.spec {width:171px; height:24px; background-position:-412px 0; float:left;}
.spec:hover {width:171px; height:24px; background-position:-412px -24px;}
.tst {width:115px; height:24px; background-position:-583px 0; float:left;}
.tst:hover {width:115px; height:24px; background-position:-583px -24px;}
.con {width:104px; height:24px; background-position:-698px 0; float:left;}
.con:hover {width:104px; height:24px; background-position:-698px -24px;}
.hm {width:65px; height:24px; background-position:-802px 0; float:left;}
.hm:hover {width:65px; height:24px; background-position:-802px -24px;}

#nav {
   margin:0; 
   padding:0; 
   list-style:none;
   height:24px;
}

#nav li {
   float:left; 
   display:block; 
   background:#232323; 
   position:relative;
   z-index:500; 
   margin:0;
   font-size:11px;
   font-weight:bold;
}
/* this is the parent menu */
#nav li a {
   display:block; 
   text-decoration:none; 
   color:#fff; 
   text-align:left; 
   background-color:#981c1e;
}

#nav li a:hover {
   color:#fff;
   background-color:#680018;
   text-decoration:none;
}
/* submenu, it's hidden by default */
#nav ul { 
   position:absolute;
   left:0; 
   display:none;
   margin:0; 
   padding:0; 
   list-style:none;
   top:24px;
}

#nav ul li {
   width:155px; 
   float:left;
   border-bottom:1px solid #fff;
}

#nav ul li.t1, #nav ul li.t2 {float:left;}
#nav ul li.t1 {width:160px;}
#nav ul li.t2 {width:175px;}
/* display block will make the link fill the whole area of LI */
#nav ul a {
   display:block;  
   padding:7px 0 7px 20px; 
   color:#fff;
}
		
#nav ul a:hover {text-decoration:none;}
*html #nav ul {margin:0;}

/* Home Page */

/* Video/Boxes Middle
----------------------------------------------------------------------------*/
#mainMid {
   width:867px;
   float:left;
   background-color:#ededed;
   padding-bottom:16px;
}

#inMainMid {
   width:867px;
   float:left;
   background-color:#fff;
   padding-bottom:16px;
   min-height:504px;
   height:auto !important; /* For ie6 min-height */
   height:504px; /* For ie6 min-height */
}

#movieBoxes {
   width:824px;
   float:left;
   margin:26px 0 0 32px;
}

#movie {
	width:337px;
	height:320px;
	float:left;
	margin-top:4px;
	background:transparent url(images/movie.gif) no-repeat;
}

#youTube {
   width:302px;
   height:243px;
   float:left;
   overflow:hidden;
   margin-top:10px;
   margin-left:10px;
}

#focus {
	width:320px;
	height:55px;
	float:left;
	margin-top:4px;
}

#boxesQuote, #homeBoxes {
   width:487px;
   float:left;
}

#box1 {
   width:231px;
   height:167px;
   float:left;
}

#box2 {
   width:231px;
   height:167px;
   float:left;
   margin-left:10px;
}

#box1Top {
   width:234px;
   height:135px;
   float:left;
   background-image:url(images/box1x-bg.jpg);
   overflow:hidden;
}

#box2Top {
   width:229px;
   height:135px;
   float:left;
   background-image:url(images/box2x-bg.jpg);
   overflow:hidden;
}

#boxTxt {
   width:176px;
   float:left;
   margin-left:34px;
   color:#4a4a4a;
}
#boxTxt h1 {font-family:"Trebuchet MS", Arial; font-size:25px; color:#78001c; margin-top:24px; margin-bottom:8px; font-weight:normal; line-height:25px;}

#boxTxt2 {
   width:176px;
   float:left;
   margin-left:34px;
   color:#4a4a4a;
}
#boxTxt2 h2 {font-family:"Trebuchet MS", Arial; font-size:25px; color:#78001c; margin-top:24px; margin-bottom:8px; font-weight:normal; line-height:25px;}

#box1Btm {
   width:231px;
   height:32px;
   float:left;
   background-image:url(images/btm-box.jpg);
   overflow:hidden;
}

#box2Btm {
   width:231px;
   height:32px;
   float:left;
   background-image:url(images/btm-box2.jpg);
   overflow:hidden;
}

.btmArrow {
   width:214px;
   float:left;
   text-align:right;
}

#quote {
   width:461px;
   float:left;
   margin-top:6px;
}

#quoteTxt {
   width:461px;
   float:left;
   margin-left:14px;
   color:#000;
   line-height:18px;
}

/* Did You Know / Form Fields
----------------------------------------------------------------------------*/
#grayBox {
   width:867px;
   float:left;
   background:#d2d2d2;
   padding-bottom:8px;
}

#starBox {
   width:349px;
   height:116px;
   float:left;
   margin-top:6px;
   background:transparent url(images/star-logo.gif) no-repeat top left;
   font-size:11px;
   color:#000;
   line-height:15px;
}
#starBox h3 {font-size:14px; color:#000; margin-top:0px; margin-bottom:0px;}
#starBox ul {list-style-type:none; padding:0; margin:8px 0 0 152px;}
#starBox li {margin-bottom:8px;}
#starBox a {color:#981c1e; text-decoration:none; font-weight:bold;}
#starBox a:hover {color:#4a4a4a; text-decoration:none; font-weight:bold;}

#knowBox {
   width:297px;
   float:left;
   margin-top:6px;
   min-height:116px;
   height:auto !important; /* For ie6 min-height */
   height:116px; /* For ie6 min-height */
   background:transparent url(images/white-dots.gif) repeat-y;
}

#knowTxt {
   width:230px;
   float:left;
   margin-top:12px;
   margin-left:36px;
   font-size:11px;
   line-height:17px;
   color:#000;
}

#progBox {
   width:180px;
   float:left;
   margin-top:17px;
   margin-left:40px;
   font-size:11px;
   color:#000;
}
#progBox h4 {font-size:14px; color:#981c1e; margin-top:0px; margin-bottom:3px;}
#progBox p {margin-top:0px; margin-bottom:6px;}

/* Inner Page */

#header {
   width:867px;
   height:170px;
   float:left;
   overflow:hidden;
}

#logo {
   width:242px;
   float:left;
}

#topLinks {
   width:625px;
   float:left;
}

/* Inner Left
----------------------------------------------------------------------------*/
#left {
   width:180px;
   float:left;
   margin-left:16px;
}

#featHome {
   width:180px;
   float:left;
   padding-top:17px;
}
#featHome a {color:#95332e; text-decoration:none; font-weight:bold; font-size:11px;}
#featHome a:hover {color:#4a4a4a; text-decoration:none; font-weight:bold; font-size:11px;}

#featHmBox {
   width:180px;
   float:left;
   background: -moz-linear-gradient(100% 100% 90deg, #fff, #d5d5d5); 
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d5d5d5), to(#fff));
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5d5d5', endColorstr='#ffffff');
   padding:0 0 20px 0;
}

#featHmTxt {
   width:140px;
   float:left;
   font-size:11px;
   color:#3e3e3e;
   line-height:15px;
   margin-left:20px;
}
#featHmTxt h1 {font-size:13px; margin-top:12px; margin-bottom:10px; text-transform:uppercase; color:#78001c;}
#featHmTxt p {margin-top:3px; margin-bottom:0px;}

#stressIcon {
   width:180px;
   float:left;
   margin-top:35px;
   font-size:11px;
}
#stressIcon h2 {font-size:12px; margin-top:0px; margin-bottom:6px;}

#BBB {
   width:150px;
   float:left;
   margin-top:30px;
   text-align:center;
   font-size:11px;
   color:#66431b;
}
#BBB a {font-weight:normal;}
#BBB a:hover {font-weight:normal;}

/* Inner Middle
----------------------------------------------------------------------------*/
#middle {
   width:628px;
   float:left;
   margin-top:32px;
   margin-left:28px;
   color:#472c10;
}
#middle h2 {font-size:26px; color:#4d4d4d; margin-top:0px; margin-bottom:15px; font-weight:normal;}
#middle h3 {font-size:14px; color:#472c10; margin-top:0px; margin-bottom:10px;}
#middle h3.red {font-size:16px; color:#78001C; margin:0; text-transform:uppercase;}
#middle h4 {font-size:14px; color:#78001C; margin-top:15px; margin-bottom:0px;}
#middle li {margin-bottom:3px;}
#middle p {margin:0 0 16px 0;}

#middle2 {
   width:590px;
   float:left;
   margin-top:32px;
   margin-left:28px;
   color:#472c10;
   line-height:18px;
}
#middle2 h2 {font-size:26px; color:#4d4d4d; margin-top:0px; margin-bottom:15px; font-weight:normal; line-height:29px;}
#middle2 h3 {font-size:14px; color:#472c10; margin-top:0px; margin-bottom:10px;}
#middle2 h4 {font-size:14px; color:#78001C; margin-top:15px; margin-bottom:0px;}
#middle2 li {margin-bottom:3px;}

.galMainBox {
   width:628px;
   float:left;
   margin-top:15px;
}

.galIndiv {
   width:143px;
   float:left;
   margin-right:13px;
   text-align:center;
   font-size:11px;
}
.galIndiv a {color:#a8391f; text-decoration:underline; font-weight:normal;}
.galIndiv a:hover {color:#8a5b26; text-decoration:none; font-weight:normal;}

#inQuoteBox {
   width:590px;
   float:left;
   margin-top:21px;
   background:transparent url(images/seperator.gif) no-repeat;
}

#inQuoteTxtBox {
   width:590px;
   float:left;
   background:transparent url(images/inquote.gif) no-repeat top left;
   margin-top:20px;
}

#inQuoteTxt {
   width:560px;
   float:left;
   margin-left:28px;
   color:#7a5021;
   font-family:Times, Georgia;
   line-height:18px;
}
#inQuoteTxt p {margin-top:0px; margin-bottom:0px;}

#homeBox {
   width:628px;
   float:left;
   margin-top:15px;
}

#homePic {
   width:628px;
   float:left;
}

#bigPic {
   width:600px;
   height:372px;
   padding:1px; 
    
   background-color:#FFF; 
   margin-bottom:10px;
}
#bigPic img{
	position:absolute;
	display:none;
}

ul#thumbs li.active{ 
    border:2px solid #000; 
	background:#fff; 
	padding:2px; 
} 

ul#thumbs, ul#thumbs li{ 
    margin:0; 
	padding:0; 
	list-style:none; 
}   

ul#thumbs li{ 
    float:left; 
	margin-right:4px; 
	margin-bottom:12px; 
	border:1px solid #CCC; 
	padding:2px; 
	cursor:pointer; 
} 

ul#thumbs img{ 
   float:left; 
   width:41px; 
   height:32px; 
   line-height:32px; 
   overflow:hidden; 
   position:relative; 
   z-index:1; 
}

/*Read more: http://www.nitinh.com/2010/03/how-to-create-a-simple-slideshow-using-mootools-jquery/#ixzz1HQx5co44*/

#plansBox {
   width:628px;
   float:left;
   margin-top:16px;
}
#plansBox ul {list-style:none; padding:0; margin:0;}
#plansBox ul li {display:inline; float:left;}
#plansBox ul li.rows {width:198px; margin:0 10px 0 0;}
#plansBox ul li.row3 {width:198px;}
#plansBox span {width:198px; text-align:center; margin-top:28px; float:left;}
a.ranch {background:url(images/ranch-homes.jpg) no-repeat; display:block; width:198px; height:182px; color:#4a4a4a; font-weight:normal; cursor:pointer;}
a.twostor {background:url(images/two-story.jpg) no-repeat; display:block; width:198px; height:182px; color:#4a4a4a; font-weight:normal; cursor:pointer;}
a.frstflor {background:url(images/first-floor.jpg) no-repeat; display:block; width:198px; height:182px; color:#4a4a4a; font-weight:normal; cursor:pointer;}

/* Preferred Contractors
----------------------------------------------------------------------------*/
.logoBox {
   width:590px;
   float:left;
   margin-top:15px;
}

.preLogo {
   width:200px;
   float:left;
   text-align:right;
}

.preInfo {
   width:370px;
   float:left;
   margin-left:20px;
   margin-top:6px;
}

.resInfo {
   width:370px;
   float:left;
   margin-left:20px;
   line-height:16px;
}
.resInfo a {text-decoration:underline; font-weight:normal;}
.resInfo a:hover {text-decoration:underline; font-weight:normal;}

.resCatBox {
   width:590px;
   float:left;
   margin-top:15px;
}

/* Floor Plans
----------------------------------------------------------------------------*/
.plansBox {
   width:628px;
   float:left;
   margin-top:20px;
   border-bottom:1px solid #78001C;
   padding-bottom:20px;
}

.plansPic {
   width:170px;
   float:left;
   font-size:11px;
   text-align:center;
}

.plansTxt {
   width:338px;
   float:left;
   margin-left:20px;
}
.plansTxt p {margin-top:12px; margin-bottom:0px;}
.plansTxt a {font-weight:normal;}
.plansTxt a:hover {font-weight:normal;}

#plansPic {
   width:628px;
   float:left;
   margin-top:13px;
}

#plansList {
   width:187px;
   float:left;
}
#plansList ul {list-style:none; padding:0; margin:0;}
#plansList li a {color:#981c1e; text-decoration:none; font-weight:bold;}
#plansList li a:hover {color:#484848;}

#plansLrgPic {
   width:441px;
   float:left;
}

#plansLrgPic2 {
   width:434px;
   float:left;
}

#detLeft {
   width:180px;
   float:left;
   background:url(images/home-detail-left.jpg) repeat-x;
   min-height:255px;
   height:auto !important;
   height:255px;
}
#detLeft h1 {font-size:14px; color:#000; margin:32px 0 0 15px; border-bottom:1px solid #fff; width:150px; padding:0 0 4px 0; text-transform:uppercase;}
#detLeft ul {list-style:none; padding:0; margin:8px 0 0 15px;}
#detLeft li {margin:0 0 3px 0;}
#detLeft li.on {color:#484848; font-weight:bold;}
#detLeft li.on a {color:#484848 !important; text-decoration:none; font-weight:bold;}
#detLeft li.on a:hover {color:#484848;}
#detLeft li a {color:#981c1e; text-decoration:none; font-weight:bold;}
#detLeft li a:hover {color:#484848;}

#plansInfo {
   width:194px;
   float:left;
   margin-top:51px;
   color:#000;
}
#plansInfo ul {list-style:none; padding:0; margin:0;}
#plansInfo li.gap {margin:0 0 22px 0;}
#plansInfo li a {color:#981c1e; text-decoration:none; font-weight:bold; background:url(images/dbl-arrow.gif) no-repeat 3px; padding:0 0 0 13px;}
#plansInfo li a:hover {color:#484848;}

#floorPlan {
   width:615px;
   float:left;
   margin:24px 0 0 0;
   padding:0 0 15px 0;
}

/* Footer
----------------------------------------------------------------------------*/
#footer {
   width:941px;
   height:130px;
   float:left;
   background:transparent url(images/footer-bg2.png) no-repeat;
}

#footTxt {
   width:840px;
   height:42px;
   float:left;
   margin-top:18px;
   margin-left:57px;
   color:#b9b9b9;
   font-size:10px;
}
#footTxt a {color:#b9b9b9; text-decoration:none; font-weight:normal;}
#footTxt a:hover {color:#fff; text-decoration:underline; font-weight:normal;}
#footTxt ul {list-style-type:none; padding:0; margin:0 0 7px 0;}
#footTxt li {display:inline;}

#footTabOff {
   width:226px;
   float:left;
   margin-left:594px;
   background:transparent url(images/btm-tab-off2.png) no-repeat;
   text-align:center;
   color:#78001c;
   font-weight:bold;
}
#footTabOff a {color:#78001c; text-decoration:none;}
#footTabOff a:hover {color:#fff; text-decoration:underline;}

#footTabOn {
   width:226px;
   height:77px;
   float:left;
   margin-left:594px;
   background:transparent url(images/btm-tab-on2.png) no-repeat;
   text-align:center;
   color:#e5d4b3;
   font-weight:bold;
}
#footTabOn p {margin-top:8px; margin-bottom:11px;}
#footTabOn a {color:#e5d4b3; text-decoration:none;}
#footTabOn a:hover {color:#fff; text-decoration:underline;}
   
/* Classes
----------------------------------------------------------------------------*/
.picshad {border:3px solid #fff; -moz-box-shadow:0px 0px 6px #999; -webkit-box-shadow: 0px 0px 6px #999; box-shadow: 0px 0px 6px #999;}
.submit { vertical-align: middle; *vertical-align: text-bottom; }
.reg {font-family:arial; font-size:10px;}
.lrg {font-size:14px;}
.sub {font-size:16px; font-weight:bold; color:#000;}
.brown {color:#472c10;}
.gap {margin-bottom:4px;}
.gap2 {margin-left:20px; margin-bottom:10px;}
.gap3 {margin-bottom:12px;}
.gap4 {margin-bottom:22px;}
a {color:#78001c; text-decoration:none; font-weight:bold;}
a:hover {color:#4a4a4a; text-decoration:none; font-weight:bold;}
a img {border:none;}
form {padding:0px; margin:0px;}