@charset "utf-8";
/* CSS Document */
*{
padding:0;
margin:0;
outline:none;
}
blockquote{
color:red;
font-size:24px;
quotes:inherit;
}
html{
background:#8da264;
}

#wrap{
width:869px;
margin:auto;
}
/*HEADER*/
#header-l{
width:239px;
height:185px;
background:url(../images/header-l.jpg);
float:left;
}
#header-t{
width:630px;
height:89px;
background:url(../images/header-t.jpg);
float:right;
}

#header-b{
width:630px;
height:62px;
background:url(../images/header-b.jpg);
float:right;
}
/*MENU*/
#menu{
width:630px;
height:34px;
float:right;
}
#menu a:hover div, #menu .current{
background-position:0 -34px;
}
#home, #history, #estimates, #carreers, #contact{
height:34px;
float:left;
cursor:pointer;
}

#home{
background:url(../images/menu-home.jpg);
width:94px;
}
#history{
background:url(../images/menu-history.jpg);
width:132px;
}
#estimates{
background:url(../images/menu-estimates.jpg);
width:132px;
}
#carreers{
background:url(../images/menu-carreers.jpg);
width:132px;
}
#contact{
background:url(../images/menu-contact.jpg);
width:140px;
}

/*ROTATE*/
#head{
width:869px;
height:187px;
clear:both;
}
#rotate {
width:869px;
height:187px;
overflow:hidden;
}
#rotate img {
position:absolute;
}

/*COntent*/
.table{
border-collapse:collapse;
font-size:12px;
}
.table textarea{
width:180px;
height:100px;}
.table td{
padding:2px 4px;
vertical-align:top;
}
.light{
background:#B5D8EE;
border-collapse:collapse;
}
#content{
clear:both;
padding:5px 25px;
font-family:Arial, Helvetica, sans-serif;
}
#content p{
padding:5px 15px;
font-size:14px;
}
#content ul{
padding:5px 0 0 55px;
font-size:14px;
}
#content h2{
color:#5c0604;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
padding:5px 8px;}
#content h3{
color:#5c0604;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
padding:5px 8px;
text-decoration:underline;
text-align:center}

#content .left{
float:left;
margin:5px 10px;
border:1px solid black;
}
#content .center{
display:block;
margin:auto;
border:1px solid black;
}
.services{
width:500px;
margin:auto;
border:1px solid black;
border-collapse:collapse;
}
.services tr{
background:#cedcb3;
}
.services tr:hover{
background:#a7ced6;
}
.services td{
width:50%;
font-size:13px;
border:1px solid black;
border-collapse:collapse;
padding:3px;
}
/*Services*/
#services{
width:840px;
margin:auto}
.service{
width:176px;
margin:5px 15px;
float:left;}
.service img{
border:none;
}
.service ul{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:5px 0 0 35px;
list-style:url(../images/list.gif);
}

#services form{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:10px;
}
#services input{
margin:0 4px;}
/*PROMOS*/
#promos{
clear:both;
width:560px;
margin:auto;
padding-top:20px;
}
#promos2{
clear:both;
width:850px;
margin:auto;
padding-top:20px;
}
.promo{
width:176px;
float:left;
margin:0 50px
}
.promo2{
	width:240px;
	float:left;
	margin:0 25px
}
.promo-t{
width:176px;
height:13px;
background:url(../images/text-t.jpg);
}
.promo-m{
width:176px;
background:url(../images/text-m.jpg) repeat-y;
}
.promo-m img{
border:none;
}
.promo-m h1, #content h1{
color:#5c0604;
font-family:Verdana, Arial, Helvetica, sans-serif;

padding:5px 15px;}
.promo-m h1{ font-size:14px;
text-align:center;}

#content h1{font-size:24px;}
.promo-m p{
padding:5px 15px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.promo-b{
width:176px;
height:14px;
background:url(../images/text-b.jpg) no-repeat;
clear:both;
}

/*FOOTER*/
#footer{
width:960px;
margin:auto;
clear:both;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-top:10px;
}
#footer ul{
text-align:center;
}
#footer ul li{
display:inline;
list-style:none;
margin:0 10px;
}
#footer p{
text-align:center;
}
#footer a{
text-decoration:none;
color:black;
}

/*FORM*/
.contact-form{
margin:0 0 0 25px;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
}
.contact-form input{
width:150px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
.contact-form textarea{
width:250px;
height:100px;
font-size:12px;
max-width:500px;
max-height:250px;
font-family:Arial, Helvetica, sans-serif;}
.contact-form input.send{
width:80px;}

.contact-form label{
float:left;
width:770px;}
.contact-form label.error{
float:left;
color:red;
font-size:8pt;
font-weight:bold;}