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

html,body  {
	color:#333333;
	font: normal 95%/1.5em "Helvetica Neue", Helvetica, Geneva, sans-serif;
	background:url(../newImages/headerBg.jpg) repeat-x;
	margin:0px;
	padding:0px;
	width:100%;

}

ul {
padding:0px;
margin:0px;
}

li {
padding:0px;
margin:0px;
}

p {
padding:0px;
margin:0px;
line-height:normal;
color:#555555;
}

h1 {
padding:0px;
margin:0px;
}

h2 {
padding:0px;
margin:0px;
}

.clearFloat {
width:100%;
clear:both;
height:0px;
margin:0px;
padding:0px;
overflow:hidden;
}


#headerWrap {
padding:0px;
}
 
#headerContent {
margin:auto auto;
width:900px;
height:160px;
padding:0px;
background:url(../newImages/logoDrains.jpg) no-repeat;
}

#form {
	position:relative;
	width:495px;
	height:116px;
	left:384px;
	top:17px;
	padding:2px;
}

form {
width:255px;
margin:2px;
padding:0px;
}

.submit input
{
margin-left:0px;
width:200px;
} 


#title {
	width: 247px;
	height: 20px;
	color: #5A698B;
	font: bold 12px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top:4px;
	margin-bottom:1px;
	margin-left:3px;
	padding-top: 2px;
	background:url(../newImages/titleBG.jpg) no-repeat;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
}

div.row {
	clear: both;
	margin-left:3px;
	margin-bottom:2px;
	width: 250px;
}

.col1 {
	text-align:center;
	font: 11px/24px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 100px;
	height: 24px;
	margin: 0px;
	float: left;
	margin-right: 2px;
	margin-bottom:2px;
	background:url(../newImages/col1Bg.jpg)  no-repeat;
}

.col2 {
	width: 145px;
	height: 24px;
	display: block;
	float: left;
	margin: 0px;
	padding:0px;
	background:url(../newImages/col2Bg.jpg)  no-repeat;
}

.input {
	background-color: #fff;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 1px 0 1px 15px;
	padding: 1px;
	border: 1px solid #8595B2;
}

.submit {
	height: 30px;
	width: 247px;
	margin-left:3px;
	background:url(../newImages/submitBg.jpg)  no-repeat;
	padding-top: 3px;
	clear: both;
} 

/* Services Include Content */

#serviceWrapper {
width:900px;
margin:auto auto;
padding:0px;
background:url(../newImages/serviceWrapperFull.jpg) no-repeat;
}

#serviceList {
width:380px;
height:265px;
float:left;
}

#serviceListHeader {
height:75px;
}

#serviceListContent ul {
padding-left:130px;
}

#serviceListContent li {
margin-top:3px;
padding-left:14px;
padding-right:55px;
background:url(../newImages/serviceLiBg.jpg) no-repeat;
list-style:none;
color:#63859e;
font-size:13px;
line-height:13px;
font-weight:700;
}

#serviceListHeader h1{
font-family:"Arno Pro", "Palatino Linotype", Georgia;
font-size:110%;
font-weight:600;
color:#4b7f9b;
padding-top:45px;
padding-left:130px;
}

#serviceContent {
width:505px;
float:left;
} 

#serviceContentHeader {
height:60px;
width:356px;
margin-top:170px;
}

#serviceContentHeader h2{
font-family:"Arno Pro", "Palatino Linotype", Georgia;
font-size:130%;
font-weight:600;
color:#3f5261;
padding-top:23px;
padding-left:25px;
padding-right:25px;
text-align:center;
}

#serviceTextTop {
margin-top:10px;
height:21px;
width:502px;
background:url(../newImages/serviceTextTop.jpg) no-repeat;
}

#serviceText {
height:133px;
width:502px;
background:#63859e;
overflow:auto;
padding:0px;
}

#serviceText p {
padding-left:12px;
padding-top:5px;
color:#FFFFFF;
padding-right:15px;
font-weight:500;
}

#serviceText h3 {
padding-left:12px;
padding-top:0px;
padding-bottom:0px;
margin-bottom:0px;
color:#FFFFFF;
padding-right:15px;
}

#serviceText ul {
padding-left:12px;
padding-top:0px;
margin-top:0px;
color:#FFFFFF;
padding-right:15px;
}

#serviceText li {
list-style:none;
}

.serviceUnderline {
margin-top:5px;
margin-left:12px;
height:2px;
width:400px;
background:url(../newImages/serviceUnderline.jpg) no-repeat;
}

#serviceTextBot {
height:10px;
width:502px;
background:url(../newImages/serviceTextBot.jpg) no-repeat;
}

/* trade Content Middle Layer  */ 


#tradeTopWrapper {
height:217px;
background:url(../newImages/tradeMiddleBg.jpg) repeat-x;
margin-left:0px;
width:100%;
}

#tradeTopContent {
margin:auto auto;
width:900px;
height:217px;
background:url(../newImages/tradeTopBg.jpg) no-repeat;
}

#tradeListHeader {
width:380px;
height:217px;
float:left;
}

#tradeListHeader h1{
font-family:"Arno Pro", "Palatino Linotype", Georgia;
font-size:130%;
font-weight:600;
color:#4b7f9b;
padding-top:185px;
padding-left:35px;
}

#tradeContentHeader h2{
font-family:"Arno Pro", "Palatino Linotype", Georgia;
font-size:130%;
font-weight:600;
color:#4f7693;
padding-top:185px;
text-align:center;
}

#tradeContentHeader {
width:495px;
height:217px;
float:left;
} 

#tradeMid {
background:url(../newImages/tradeContentWidthBg.jpg);
}

#tradeMidContent {
margin:auto auto;
width:900px;
}

#tradeList {
width:380px;
float:left;
font-size:12px;
}

#tradeList ul {
margin-left:19px;
margin-top:0px;
}

#tradeList li {
display:block;
background:url(../newImages/tradeLiBg.jpg) no-repeat;
width:285px;
height:34px;
list-style:none;
padding-left:45px;
padding-top:12px;
padding-bottom:0px;
color:#FFFFFF;
font-weight:bold;
}

#tradeList a{
margin-bottom:0px;
padding-bottom:0px;
text-decoration:none;
}

#tradeList a:link{
color:#FFFFFF;
}

#tradeList a:visited{
color:#FFFFFF;
text-decoration:none;
}

#tradeList a:hover{
color:#e6f2f8;
}

#tradeList a:active{
color:#003366;
}

#tradeContent {
width:520px;
float:left;
} 

#tradeTestimonialWrapper {
width:253px;
float:left;
}

#testimonialTop {
width:253px;
height:40px;
background:url(../newImages/testTop.jpg) no-repeat;
}

#testimonialContent {
width:253px;
background:url(../newImages/testMid.jpg) repeat-y;
}

#TestWhole {
padding-left:12px;
padding-right:20px;
font-size:12px;
color:#63859e;
}

#TestText {
font-weight:bold;
font-style:italic;
}

#testimonialFooter {
width:253px;
height:40px;
background:url(../newImages/testBot.jpg) no-repeat;
}

#tradeLocalWrapper {
width:260px;
float:left;
}

#localTop {
width:260px;
height:40px;
background:url(../newImages/localTop.jpg) no-repeat;
}

#localContent {
width:260px;
background:url(../newImages/localMid.jpg) repeat-y;
}

#localContent ul{
margin-left:20px;
color:#FFFFFF;
padding-bottom:5px;
padding-right:15px;
}

#localContent li{
list-style:none;
}

#localTownsScrollTop {
height:3px;
width:230px;
background:url(../newImages/townOverflowTop.jpg) no-repeat;
margin-left:18px;
padding:0px;
margin-bottom:0px;
}

#localTownsScrollTop img{
padding:0px;
margin:0px;
}

#localTowns {
width:248px;
height:60px;
overflow:auto;
padding:0px;
margin:0px;
}

#localTownsScrollBottom {
height:6px;
width:230px;
background:url(../newImages/overFlowBott.jpg) no-repeat;
margin-left:18px;
}

#localTowns li {
display:inline;
}

#localContent h1{
font-family:"Arno Pro", "Palatino Linotype", Georgia;
font-size:130%;
font-weight:300;
color:#FFFFFF;
margin-left:20px;
}

#localFooter {
width:260px;
height:50px;
background:url(../newImages/localBot.jpg) no-repeat;
}


/*footer wrapper */

#footerTopWrapper {
height:200px;
background:url(../newImages/footerTopBg.jpg) repeat-x;
margin-left:0px;
width:100%
}

#footerTop {
margin:auto auto;
width:900px;
height:155px;
background:url(../newImages/footerTopMidBg.jpg) no-repeat;
}

#footerContentWrapper {
width:900px;
padding-top:50px;
}

#footerContentRandom {
width:322px;
margin-left:22px;
margin-right:37px;
float:left;
display:inline;
}

#footerContentRandom p{
padding:10px;

}

#footerContentRandom h1{
font-family:"Arno Pro", "Palatino Linotype", Georgia;
font-size:130%;
font-weight:600;
color:#4b7f9b;
padding-top:10px;
padding-right:10px;
padding-left:10px;
padding-bottom:0px;
}

#footerContentInfo {
width:500px;
float:left;
display:inline;
}

#footerContentInfo p{
padding:10px;
}

#footerContentInfo h1{
font-family:"Arno Pro", "Palatino Linotype", Georgia;
font-size:130%;
font-weight:600;
color:#4b7f9b;
padding-top:10px;
padding-right:10px;
padding-left:10px;
padding-bottom:0px;
}

#footerHeader {
height:30px;
}

#footerHeader h1 {
padding-top:5px;
padding-left:33px;
font-family:"Arno Pro", "Palatino Linotype", Georgia;
font-size:130%;
font-weight:600;
color:#4b7f9b;
}

#footerImageLayer {
height:90px;
}

#footerImageLeft {
float:left;
width:470px;
padding-left:12px;
}

#footerImageRight {
float:left;
width:410px;
height:90px;
background:url(../newImages/van.jpg) right no-repeat;
}

#footerImageRight ul{
padding-top:50px;
padding-left:0px;
color:#4b7f9b;
}

#footerImageRight li{
list-style:none;
}

#footerImageRight a{
color:#4b7f9b;
font-weight:bold;
}

#footerMid {
background:#FFFFFF;
}

.floatRight {
float:right;
}

/*   Contact Form    */

#contactus {
width:480px;
margin:auto auto;
padding-top:10px;
}

#formLabel {
width:200px;
}

#contactForm #input {
width:20px;
}