*{
margin:0; 
padding:0;
}
body a:link{color:#FFFFFF;}
body a:hover{text-decoration:none; color:#000000;}
body{
margin:0; 
padding:0;
background-color:#e3e3e3; 
}
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{margin:0; padding:0;}
h1, h2, h3{ font-family:Arial, Helvetica, sans-serif; color:#BA0C0D;}
h1{
font-size:1.2em;
border-bottom:4px solid #E9D8A4;
color:#000000;
margin-bottom:4px;}
 h2{
font-size:13px;
text-transform:uppercase;}
h3{
font-size:13px; 
padding:14px 8px 8px 8px; 
text-align:center; 
text-transform:uppercase;
}
ul{list-style-type:none;}
.spacer{ 
font-size:0; 
line-height:0; 
clear:both;}
#top{
margin:0 auto;
width:831px;
height:102px;
padding:0 17px 0 17px;
background:url(image/Tbg.gif) repeat-x 0 0 #0DC9EF;
}
#top img.logo{
float:left;
margin:30px 0 0 0;
}
#top ul{width:510px;
margin:28px 0 0 0; 
height:61px; 
float:right; 
background:url(image/menu_bg.jpg) no-repeat #0CB6C6;}
#top ul li{
display:inline;}
#top a{
float:left;
padding:24px 1px 0 2px;
border-right:1px solid;
border-color:#05889E;
height:37px;
width:98px;
font:bold 13px Arial, Helvetica, sans-serif;
color:#FCE154;
letter-spacing:1px; 
text-align:center;
text-decoration:none; 
text-transform: capitalize;
}
#top a.active{
border:0;}
#top a:hover{
font:bold 13px Arial, Helvetica, sans-serif; 
color:#FFFFFF;
text-decoration:none;
}
#body{
margin:0 auto;
width:865px;
height:auto;
background-color:#0DC9EF;}
#body div.border{
margin:0 17px 0 17px; 
height:14px;
}
#body div.bannar{
margin:0 19px 0 17px; 
padding:13px; 
padding-top:0; 
height:244px; 
background-color:#FFFFFF;}
#body div.bannar img{ 
float:left; 
clear:right;
border:none;
}
#body div.area{
height:100%;
margin:0 19px 0 17px; 
padding:13px; 
padding-top:0; 
background-color:#FFFFFF;
}

#body div.left ul{
padding:0;
margin:0;
float:left; 
font: normal 11px Arial, Helvetica, sans-serif;  
width:212px;
background:url(image/bg-ul.gif) no-repeat bottom #EAD8A6;
}
.left li a{
font: normal 12px Arial, Helvetica, sans-serif;
display:block;
width: 180px; 
color:#000000;
background-color:#EAD8A6;
text-decoration: none;
padding:3px 3px 2px 27px;
}
.left li a.tit{
font:bold 12px Arial, Helvetica, sans-serif;
color:#000000;
display:block;
width: 185px;
border:none; 
cursor:default;
background:url(image/arro.gif) no-repeat 4px 9px #EAD8A6;
text-decoration: none;
padding:6px 4px 4px 18px;
}
.left li a.tit:hover{
font:bold 12px Arial, Helvetica, sans-serif;
color:#000000;
display:block;
width: 185px;
border:none; 
background-color:#EAD8A6;
text-decoration: none;
padding:6px 4px 4px 18px;
}
.left li a.tit2{
font:bold 12px Arial, Helvetica, sans-serif;
color:#000000;
display:block;
width: 185px;
border:none; 
background:url(image/arro.gif) no-repeat 4px 9px #EAD8A6;
text-decoration: none;
padding:6px 4px 4px 18px;
}
.left li a.tit2:hover{
font:bold 12px Arial, Helvetica, sans-serif;
color:#FF0000;
display:block;
width: 185px;
border:none; 
background-color:#EAD8A6;
text-decoration: none;
padding:6px 4px 4px 18px;
}
.left li a:hover{
font: 12px Arial, Helvetica, sans-serif;
display:block;
width: 181px; 
color:#FF0000;
border:1px dotted #FF0000;
background-color:#EAD8A6;
text-decoration: none;
padding:2px 3px 1px 26px;
}
#body div.right{
float:right; 
width:570px;
height:auto; 
background-color:#FFFFFF;
}
.right img.FL_left{ 
float:left; 
clear:right; 
border:0; 
padding:4px 12px 0 0;}
.right img.FL_left_in{ 
width:275px; height:183px;
float:left; 
clear:right; 
border:0; 
padding:4px 4px 4px 0;}
.right img.FL_right{ 
float:right;
width:285px;
height:183px;
border:0; 
padding:4px 0 4px 0;}
.right p{
font:normal 10px Arial, Helvetica, sans-serif; 
color:#000000; 
text-align:justify; 
padding:6px 3px 3px 3px;}
.right p.wel{border-bottom:4px solid #E9D8A4;}
.right p.about{
font:Arial, Helvetica, sans-serif;
font-size:12px; 
color:#000000; text-align:justify; 
padding:6px 3px 3px 3px;}
.right ul{
list-style:none;}
.right ul li{
list-style-type:square; 
list-style-position:inside;
font-weight:bold; 
padding:2px; margin-left:25px;
font-size:12px; color:#00CC00;}
#body div.right a{ 
font:normal Arial, Helvetica, sans-serif;
font-size:12px; color:#00CC00; 
text-decoration:underline;}
#body div.right a:hover{ 
font:normal Arial, Helvetica, sans-serif;
font-size:12px; color:#FB2600; 
text-decoration:underline;}
.right a.more{ 
float:right; 
height:15px; 
width:52px; 
font-size:12px; 
display:block; 
background:url(image/more.gif) no-repeat 0 0 #990000; 
text-indent:-2000px;}
.right a.more:hover{ 
float:right; 
height:15px; 
width:52px; 
font-size:12px; 
display:block; 
background:url(image/more_hover.gif) no-repeat 0 0 #990000; 
text-indent:-2000px;}
.right a.moreT{ 
float:right; 
height:15px; 
width:52px; 
font-size:12px; 
display:block; 
background:url(image/more_hover.gif) no-repeat 0 0 #990000; 
text-indent:-2000px;}
.right a.moreT:hover{ 
font-size:12px; 
display:block; 
background:url(image/more.gif) no-repeat 0 0 #990000; 
}
.interior{ 
float:left;
font-size:12px; 
width:182px; 
height:330px;}
.remodeling{ 
float:left; 
width:182px; 
height:330px; 
margin:0 12px;}
.decks{ 
float:left; 
height:330px; 
width:182px;}

/* form */
form.cont{ margin:0 auto;
padding-top:80px;
width:300px;
}
form.cont label{ 
float:left; 
font:normal 12px Arial, Helvetica, sans-serif; 
color:#000000; 
padding:8px;}
form.cont input{ 
float:right;
font:normal 11px Arial, Helvetica, sans-serif; 
color:#000000; 
width:180px; 
height:14px; 
padding:2px; 
margin:6px; 
background-color:#FFFFCC; 
border:1px solid #FFCC99;
}
form.cont textarea{
float:right; 
padding:2px; 
margin:6px; 
scrollbar-base-color:#FFFFCC;  
width:180px; height:150px;
border:1px solid #FFCC99; 
background-color:#FFFFCC;}
form.cont input.loginBtn{
float:right; 
border:none; 
width:46px; 
height:18px; 
margin:4px;
padding:0;}
/* end */
/* site_map*/
#body div.sitemap{
 margin:0 auto; 
 padding:50px 0;
 width:300px;
 }
.sitemap ul{
list-style:none;}
.sitemap ul li{
list-style-type: lower-alpha;
font-weight:bold; 
list-style-position:inside; 
padding:2px; margin-left:25px;
font-size:12px; color:#00CC00;}
#body div.sitemap a{ 
font:normal Arial, Helvetica, sans-serif;
 color:#FF0000; 
text-decoration:underline;}
#body div.sitemap a:hover{ 
font:normal Arial, Helvetica, sans-serif;
color:#000000; 
text-decoration:underline;}

/* end */

#body div.footer{
height:60px; 
background-color:#0DC9EF;
}
.footer ul{
list-style:none; 
height:30px; 
width:400px;
font-weight:bold; 
margin:0 auto;  
padding:15px 0 0 0;}
.footer ul li{ 
float:left; 
font:normal 12px Arial, Helvetica, sans-serif;
font-weight:bold; 
color:#FFFFFF;}
.footer ul li a{
font:normal 12px Arial, Helvetica, sans-serif; 
color:#FFFFFF;
font-weight:bold;
text-transform:capitalize;
padding:0 12px;
}
.footer ul li a:hover{
font:normal 12px Arial, Helvetica, sans-serif; 
color:#FFFFFF; 
text-decoration:none; 
padding:0 12px;}
.footer p.com_name{
font:normal 12px Arial, Helvetica, sans-serif; 
color:#FFFFFF;
padding:0px 25px 0 0; 
width:245px; 
float:right; 
}
.footer p.com_name a{
font:normal 12px Arial, Helvetica, sans-serif; 
color:#FFFFFF; 
text-decoration:none;
}
.footer p.com_name a:hover{
font:Arial, Helvetica, sans-serif;
font-size:12px; 
color:#000000;
}