* {
margin:0;
padding:0;
outline:none;
}

body {
background:#eeeeee url(img/metalTile.jpg) repeat;
}

#top {
height:170px;
background:#ececec url(img/metalTile.jpg) repeat;
padding:31px 0 0 0;
}

#masthead {
width:827px;
height:170px;
display:block;
background:transparent url(img/masthead-bg3.png) no-repeat;
margin:0 auto;
border-bottom:2px solid #868686;
}

#wrapper {
width:825px;
margin:0 auto;
background:#ececec;
border-left:#868686 1px solid;
border-right:#868686 1px solid;
}

#content {
width:760px;
background:#FFFFFF url(img/index-content-bg.gif) top no-repeat;
margin:0 auto;
border-left:#bdbdbd 1px solid;
border-right:#bdbdbd 1px solid;
}

#footer-container{
margin:0 auto 10px;
z-index:10;
height:140px;
width:827px;
display:block;
}

/*** MASTHEAD ***/


#logo {
width:221px;
float:left;
margin:40px 0 0 51px;
}

#logo h1 {
width:221px;
}

#logo h1 a {
width:221px;
height:96px;
display:block;
background:transparent url(img/logo.png) no-repeat;
text-indent:-9999px;
text-decoration:none;
}

#contact-box {
margin:25px 0 0 70px;
padding:20px 0 0 0;
width:400px;
height:85px;
text-align:center;
float:left;
}

#contact-box-top {

}

#contact-box ul {
list-style-type:none;
margin:15px 0 0 10px;
}

#contact-box ul li {
list-style:none;
margin:0 14px;
float:left;
}

#contact-box ul li a.com-btn:link, #contact-box ul li a.com-btn:active, #contact-box ul li a.com-btn:visited {
width:160px;
height:42px;
display:block;
overflow:hidden;
text-indent:-9999px;
background:transparent url(img/commercial-btn.png) 0 0 no-repeat;
}

#contact-box ul li a.com-btn:hover {
background:transparent url(img/commercial-btn.png) 0 -42px no-repeat;
}  

#contact-box ul li a.res-btn:link, #contact-box ul li a.res-btn:active, #contact-box ul li a.res-btn:visited {
width:160px;
height:42px;
display:block;
overflow:hidden;
text-indent:-9999px;
background:transparent url(img/residential-btn.png) 0 0 no-repeat;
}

#contact-box ul li a.res-btn:hover {
background:transparent url(img/residential-btn.png) 0 -42px no-repeat;
}

#contact-box ul li.com-li {
margin-left:19px;
}

#navbar {
margin:8px 0 0 34px;
width:761px;
height:22px;
display:block;
background:transparent url(img/nav-bg2.jpg) repeat-x;
}

#navbar ul {
list-style-type:none;
text-align:center;
}

#navbar ul li {
margin:0 30px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
list-style:none;
display:inline;
font-weight:bold;
}

#navbar ul li a:link, #navbar ul li a:active, #navbar ul li a:visited {
color:#FFF;
text-decoration:none;
}

#navbar ul li a:hover {
color:#dcdcde;
}


/*** CONTENT ***/

#content-top {
margin:0 auto 25px;
width:549px;
}

#content-top img {
margin:5px 0 0 0;
}

#content-main {
width:761px;
margin:10px auto;
}

#content-left {
width:300px;
text-align:center;
float:left;
}

#content-left a:link, #content-left a:active, #content-left a:visited {
text-decoration:none;
color:#316295;
}

#content-left a:hover {
color:#003e7e;
}

#content-right {
padding:30px 0 0 0;
width:460px;
float:left;
}

#content-right h1 {
margin:0 auto;
font-family:Arial, Helvetica, sans-serif;
font-size:26px;
line-height:18px;
color:#003e7e;
text-align:center;
}

#content-right p {
padding: 7px 25px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:18px;
color:#003366;
}

#content-bottom {
width:827px;
margin:40px 0 0 0;
}

#horRuler {
margin:0 auto 30px;
width:714px;
}


#testimonialBox {
width:600px;
margin:0 auto;
clear:both;
}

#testimonialBox p {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
line-height:22px;
color:#003366;
}


/* FOOTER */
#footer{
width:827px;
height:140px;
display:block;
background:transparent url(img/footer-bg2.png) no-repeat;
margin:0 auto;
}

#footer-left {
margin:42px 0 0 50px;
width:225px;
float:left;
}

#footer-left p {
font-family:"Trebuchet MS", Garamond, Georgia;
}

#footer-right {
margin:73px 60px 0 0;
width:225px;
float:right;
}

#footer-right p {
font-family:"Trebuchet MS", Garamond, Georgia;
}

#footer-right a:link, #footer-right a:active, #footer-right a:visited {
text-decoration:none;
color:#FFF;
}

#footer-right a:hover {
color:#e0c27c;
}


#textslides {
	width:600px;
	height:72px;
	display:block;
	margin:0;
	padding:0;
	overflow:hidden;
}

.text {
	width:600px;
	height:72px;
    padding: 0;  
    margin:  0; 
    display:block;
} 

.text div {
	width:600px;
	height:72px;
	display:block;
	margin:0;
	padding:0;
	top:0;
	left:0;	
}

.clearit {
height:0%;
clear:both;
}