@charset "UTF-8";
/* CSS Document */

body{
margin:0px;
color:#333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background:#F9F9F3;
}

a{
color:#690;
}

h2{
color:#690;
margin:6px 1px;
font-size:18px;
}

h3{
color:#666;
margin:6px 1px;
font-size:14px;
}

h4{
padding:10px;
text-align:center;
font-size:14px;
color:#666;
background:#fff;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}

.box {padding:4px 12px 12px 12px;}

#topbar{
width:100%;
height:6px;
background:#690;
}

#logos{
width:800px;
height:130px;
padding:20px 0px 0px 0px;
margin:0px auto;
}

#delteclogo{
width:195px;
height:99px;
float:left;
display:block;
background:url(images/deltec_logo.jpg) top left no-repeat;
}

#emhelogo{
width:195px;
height:130px;
float:right;
display:block;
background:url(images/extreme_makeover_home_edition.jpg) top left no-repeat;
}

#delteclogo a{
display:block;
width:195px;
height:99px;
}

#emhelogo a{
display:block;
width:195px;
height:130px;
}

#delteclogo a span,#emhelogo a span{
display: none;
}

#midsection{
width:100%;
height:350px;
background:url(images/midsectionbg.jpg) top left repeat-x;
}

#midsectioninner{
background:url(images/midsectionbg_floorplans.jpg) top left no-repeat;
width:670px;
height:350px;
margin:0px auto;
padding:0px 165px;
}

#menu{
height:50px;
width:670px;
margin:0px;
padding:0px;
}

#menu ul{
list-style:none;
margin:0px;
padding:0px;
height:50px;
display:block;
width:auto;
}

#menu ul li{
list-style:none;
margin:0px 4px;
padding:0px;
height:50px;
display:inline;
float:left;
}

#menu ul li a{
text-decoration:none;
height:50px;
padding:0px 6px 0px 0px;
display:block;
float:left;
font-size:11px;
color:#CFD8BD;
font-weight:bold;
cursor:pointer;
}

#menu ul li a span{
display:block;
float:left;
height:16px;
padding:25px 2px 9px 8px;
color:#CFD8BD;
cursor:pointer;
}

#menu ul li a:hover{
color:#fff;
}

#menu ul li a:hover span{
color:#fff;
}

#menu ul li.active a{
text-decoration:none;
height:50px;
padding:0px 6px 0px 0px;
display:block;
float:left;
font-size:11px;
color:#fff;
font-weight:bold;
cursor:pointer;
background:url(images/menubg_right_active.jpg) top right no-repeat;
}

#menu ul li.active a span{
display:block;
float:left;
height:16px;
padding:17px 2px 17px 8px;
color:#fff;
cursor:pointer;
background:url(images/menubg_left_active.jpg) top left no-repeat;
}

.mainbox{
width:650px;
height:280px;
background:#333;
padding:10px;
}

.mainboxinfo{
width:650px;
height:280px;
background:#fff;
}

.mainboxinside{
display:none;
height:280px;
width:650px;
position:relative;
}

#mainbox1{
background:url(images/mainboxphoto1-house.jpg) top left no-repeat;
}

#mainbox2{
background:url(images/mainboxphoto2.jpg) top left no-repeat;
}

#mainbox3{
background:url(images/mainboxphoto3.jpg) top left no-repeat;
}

#mainbox4{
background:url(images/mainboxphoto4.jpg) top left no-repeat;
}

#mainbox5{
background:url(images/mainboxphoto5.jpg) top left no-repeat;
}

#mainbox6{
background:url(images/mainboxphoto6.jpg) top left no-repeat;
}

#mainbox7{
background:url(images/mainboxphoto7.jpg) top left no-repeat;
}

.mainboxinside div{
display:block;
position:absolute;
bottom:10px;
left:10px;
width:320px;
font-size:11px;
height:55px;
padding:5px;
}

.mainboxinside ul{
display:block;
position:absolute;
bottom:10px;
right:10px;
height:65px;
list-style:none;
margin:0px;
padding:0px;
}

.mainboxinside ul li{
list-style:none;
display:inline;
margin:0px 2px;
padding:16px 10px;
width:73px;
height:45px;
float:left;
font-weight:bold;
background:url(images/innerbuttonbg.gif) top left no-repeat;
}

.mainboxinside ul li a{
list-style:none;
display:inline;
margin:auto 0px;
padding:0px;
font-size:12px;
width:73px;
color:#fff;
text-decoration:none;
float:left;
font-weight:bold;
}

#container{
width:700px;
margin:0px auto;
padding:30px 10px;
}

.textinput{
width:100%;
padding:3px 5px;
border:1px solid #ccc;
font-size:14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#555;
}

label{
margin:10px 0px 0px 0px;
font-size:11px;
color:#666;
}

#content span{
font-size:10px;
font-style:italic;
color:#999;
}

#footer{
width:100%;
background:url(images/katrinafooterbg.jpg) top left repeat-x;
height:100px;
color:#fff;
margin:5px 0px;
}

#footertext{
width:800px;
padding:5px 0px;
margin:0px auto;
color:#AFC979;
text-align:right;
font-size:12px;
}

#footertext a{
color:#AFC979;
}

.sponsorbox{
float:left;
display:block;
width:320px;
margin:5px;
text-align:center;
border: 1px solid #efefef;
background:#fff;
}
.delivery {
background-color:lightyellow;
border:1px solid #EFEFEF;
padding:10px;
}
.mediabox{
display:block;
float:left;
margin:5px;
text-align:center;
width:208px;
height:195px;
font-size:11px;
}

.mediabox img{
border:1px solid #ccc;
padding:3px;
background:#fff;
}

#faqs{
margin:0px 0px 0px 10px;
padding:0px;
display:block;
}

#faqs li{
list-style:none;
margin:5px 0px;
display:block;
}

#faqs li a{
font-weight:bold;
font-size:12px;
text-decoration:none;
color:#87A04F;
padding:0px 0px 0px 10px;
border-left:1px solid #F9F9F3;
display:block;
}

#faqs li a:hover{
border-left:1px solid #87A04F;
background:#fff;
}

#submenu{
height:41px;
width:700px;
padding:20px 0px;
}

#submenu ul{
list-style:none;
margin:0px;
padding:0px;
display:block;
height:41px;
width:700px;
}

#submenu ul li{
display:inline;
float:left;
height:41px;
width:106px;
list-style:none;
margin:0px 10px;
padding:0px;
}

#submenu ul li a{
display:block;
color:#617E2A;
float:left;
height:18px;
font-size:15px;
font-weight:bold;
text-decoration:none;
text-align:center;
width:106px;
padding:12px 0px 11px 0px;
background: url(images/submenu.jpg) top left no-repeat;
}

#submenu ul li a.active{
background: url(images/submenu_active.jpg) top left no-repeat;
color:#fff;
}

.beforeafter{
float:left; 
display:block; 
width:200px;
text-align:center;
}

.beforeafter img{
padding:2px;
border:1px solid #ccc;
}