/*Resets the margins*/

	html,body{margin:0;padding:0; background: #E6E6E6; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
	p {margin:0;padding:0;}
	h1, h2, h3, ul{margin:0;padding:0;}
	img{margin:0;padding:0; border:none;}








/* Layout
------------------------------------------------------------------ */
	div.container{
	background: #E7E7B8; height:auto; width:960px; margin:0px auto; border-right: 2px #333333 solid; border-left: 2px #333333 solid;
	}
	div.whiteBox{
	position:relative; float:left; background: #FFFFFF; width:960px; height:auto; border-top: 4px #333333 solid; border-bottom: 4px #333333 solid;	
	}
	div.brownBox{
	position:relative; float:left; background: #575443; width:960px; height:auto; border-top: 4px #333333 solid; border-bottom: 4px #333333 solid;
	}
	div.halfBox{
	position:relative; float:left; width:430px;  padding:25px; 
	}
	div.articleBox{
	position:relative; float:left;  width:500px; padding:10px 0px 30px 10px;
	}
	div.quarterBox{
	position:relative;
	float:left;
	width:185px;
	padding:0px 0px 0px 25px
	}
	div.sixthBox{
	position:relative; float:left; width:120px; margin-left:20px; line-height:16px;
	}
	div.featuredArticle	{
	position:relative; float:left; margin: 0px 0px 10px 0px;	
	}	
	div.mainBar{
	position: relative; float:left; width: 550px; padding:25px;
	}
	div.mainHalf{
	display:block; position:relative; float:left; width:250px; height:300px; background:url(images/section-back-left.jpg) no-repeat top; margin-bottom:25px;
	}
	div.right{
	background:url(images/section-back-right.jpg) no-repeat top; 
	}
		div.sectionPic
		{position:relative; float:left; margin-top:25px;
		}
		div.sectionPicRight
		{position:relative; float:right; margin-top:25px;
		}	
		div.sectionList
		{position:relative; float:left; padding: 25px 0px 0px 25px; height:130px; width:220px;
		}	
	
	
	div.sideBar{
	position: relative; float:left; width: 350px;
	}
	div.mainThird
	{
	position: relative; float:left; width: 160px; margin: 0px 0px 25px 0px;
	}
	
				div.noBorder
				{
				border: none;
				}
				div.noPadding
				{
				padding: 0px;
				}
				
	div.error{
	margin-bottom: 20px; font-size:11px;
	}

/* Nav
------------------------------------------------------------------ */
	div.nav
	{
	position:relative; float:left; width:900px; background: #E7E7B8; height: 40px; padding-left:60px;
	}
	a.nav
	{ 
	display:block; position:relative; float:left; height:27px; font-size: 15px; color:#000000; text-decoration:none; text-align:center; font-weight:bold; padding-top: 13px;  color:#000000;
	} 
		a.home
		{
		 background:url(images/navHome.jpg) repeat-x; width:65px;
		}
			a.home:hover
			{
			 background:url(images/navHome-over.jpg) repeat-x; color:#FFFFFF; font-weight:bold;
			}	
			a.homeThis
			{
			 background:url(images/navHome-over.jpg) repeat-x; color:#FFFFFF; font-weight:bold; width:65px;
			}
			a.homeThis:hover
			{
			 background:url(images/navHome-over.jpg) repeat-x;
			}
			
		a.find
		{
		 background:url(images/navFind.jpg) repeat-x;	width:155px;
		}
			a.find:hover
			{
			 background:url(images/navFind-over.jpg) repeat-x; color:#FFFFFF;  font-weight:bold;
			}
			a.findThis
			{
			 background:url(images/navFind-over.jpg) repeat-x; color:#FFFFFF;  font-weight:bold; width:155px;
			}
			a.findThis:hover
			{
			 background:url(images/navFind-over.jpg) repeat-x;
			}
		a.consumer
		{
		 background:url(images/navNormal.jpg) repeat-x;	width:170px;
		}
			a.consumer:hover
			{
			 background:url(images/navNormal-over.jpg) repeat-x; color:#FFFFFF;  font-weight:bold; 
			}
			a.consumerThis
			{
			 background:url(images/navNormal-over.jpg) repeat-x; color:#FFFFFF;  font-weight:bold; width:170px;
			}
			a.consumerThis:hover
			{
			 background:url(images/navNormal-over.jpg) repeat-x;
			}
		a.contractor
		{
		 background:url(images/navNormal.jpg) repeat-x;	width:170px;
		}
			a.contractor:hover
			{
			 background:url(images/navNormal-over.jpg) repeat-x; color:#FFFFFF;  font-weight:bold;
			}
			a.contractorThis
			{
			 background:url(images/navNormal-over.jpg) repeat-x; color:#FFFFFF;  font-weight:bold; width:170px;
			}
			a.contractorThis:hover
			{
			 background:url(images/navNormal-over.jpg) repeat-x;
			}
		a.estimate
		{
		 background:url(images/navEstimate.jpg) repeat-x;	width:170px;
		}
			a.estimate:hover
			{
			 background:url(images/navEstimate-over.jpg) repeat-x; color:#FFFFFF; font-weight:bold;
			}
			a.estimateThis
			{
			 background:url(images/navEstimate-over.jpg) repeat-x; color:#FFFFFF; font-weight:bold; width:170px;
			}
			a.estimateThis:hover
			{
			 background:url(images/navEstimate-over.jpg) repeat-x;
			}
		a.shop
		{
		 background:url(images/navShop.jpg) repeat-x;	width:110px;
		}
			a.shop:hover
			{
			 background:url(images/navShop-over.jpg) repeat-x; color:#FFFFFF; font-weight:bold;
			}
			a.shopThis
			{
			 background:url(images/navShop-over.jpg) repeat-x; color:#FFFFFF; font-weight:bold; width:110px;
			}
			a.shopThis:hover
			{
			 background:url(images/navShop-over.jpg) repeat-x;
			}
	
	
	
	



/* Header
------------------------------------------------------------------ */

	div.header{
	position:relative; float:left; height:auto; background: #E7E7B8;
	}
	div.logo{
	position:relative; float:left; width:480px; left:25px;
	}
	div.utilities{
	position:relative; float:right; width:480px; margin-top:20px; text-align:right; right:40px;
	}
	
	#searchBox {
	margin-bottom:10px; background:url(images/searchbox.jpg) no-repeat right; width:470px; float:right; height:30px; position:relative; 
}


	
	
	input.searchButton {
	top:5px; position:relative; padding-right:5px;
	
	}
	div.ie{
	position:relative; float:right;
	}
	div.iebox{
	position:relative; float:right; top:3px; padding-right:5px;
	}

		
/* Footer
------------------------------------------------------------------ */
	/*For some reason this is weird, if you screw with the fotoer, then the container border fucks up*/
	div.footer{ text-align:center; line-height: 25px; 
	}
/* Boxes
------------------------------------------------------------------ */
div.contactBoxTop
	{
	 background:url(images/boxtop.gif) no-repeat; width:340px; height: 20px; margin:35px 0px 0px 0px;
	}
	div.contactBox
	{
	 background:url(images/boxmid.gif) repeat-y; width:340px; margin:0px 0px 0px 0px;
	}
	div.contactBoxBottom
	{
	 background:url(images/boxbottom.gif) no-repeat; width:340px; height: 20px; margin:0px 0px 0px 0px;
	}

	div.centeredBox{
	margin:35px 0px 0px 45px;
	}
	div.sideBox{
	margin:25px 0px 10px 0px;
	}
	div.greyBox{
	 position: relative; float:left; margin:25px 0px 0px 25px;
	}
	div.featuredBox{
	 position: relative; float:left; margin:25px 0px 25px 0px;  width:550px;
	}
	
	div.greyBoxFeat{
	 position: relative; float:left;  width:425px; padding:0px; margin:0px 0px 10px 0px;
	}

	div.upperBox{
	background:url(images/white-box-top.jpg) no-repeat; width: 340px; height: 16px;	
	}
		div.upperYellow{
		background:url(images/yellow-box-top.jpg) no-repeat;
		}
		div.upperGrey{
		background:url(images/wide-grey-top.jpg) no-repeat; width: 425px;  height: 15px;	
		}
		div.upperGreyFeat{
		background:url(images/grey-top.jpg) no-repeat; width: 425px;  height: 12px; line-height:8px; font-size:8px;
		}
		
	
	
	div.middleBox{
	background:url(images/white-box-middle.jpg) repeat-y; width: 290px; height: auto; padding:3px 25px 0px 25px;
	}
		div.middleYellow{
		background:url(images/yellow-box-middle.jpg) repeat-y; 
		}
		div.middleGrey{
		background:url(images/wide-grey-middle.jpg) repeat-y; width: 505px;  padding:5px 0px 1px 10px;
		}
		div.middleGreyFeat{
		background:url(images/grey-middle.jpg) repeat-y; width: 415px; padding:5px 10px 5px 0px;		}
	
	
	div.lowerBox{
	background:url(images/white-box-bottom.jpg) no-repeat; width: 340px; height: 16px;
	}
		div.lowerYellow{
		background:url(images/yellow-box-bottom.jpg) no-repeat;
		}
		div.lowerGrey{
		background:url(images/wide-grey-bottom.jpg) no-repeat; width: 425px;   height: 15px;	
		}
		div.lowerGreyFeat{
		background:url(images/grey-bottom.jpg) no-repeat; width: 425px;   height: 12px;	  line-height:8px; font-size:8px;
		}
	
	
	
	div.aside{
	position:relative; float:right; border-left: 2px solid #CCCCCC; padding-left:20px; margin:10px 0px 20px 20px; width:175px;
	}
	
	div.estimateBox
	{
	 background:url(images/free-estimate-back.jpg) no-repeat; width:340px; height: 300px; margin:35px 0px 0px 0px;
	}
		div.estimateHome{
		background:url(images/free-estimate-back-home.jpg) no-repeat; width:440px;	
		
		}

div.error, span.red
	{
	color:red;
	}




/* Images
------------------------------------------------------------------ */
	img.featured{
	display: block; positio:relative; float: left; margin: 0px 10px 0px 10px;	
	}
	
	a.article{
	display:block; position:relative; float:left;  margin-top:-39px; left:12px; width:500px; color:#000000; font-size: 20px; font-weight:normal; text-decoration:none; line-height:40px;
	}
		a.article:hover{
		color:#36A7E9; text-decoration:none; background:none; color: #36A7E9;
		}
	



/* Links
------------------------------------------------------------------ */
	
	a
	{
	color: #36A7E9; text-decoration:underline;
	}
	a.bold
	{
	font-weight:bold; line-height:20px;
	}
		a:hover
		{
		background-color: #36A7E9; color:#FFFFFF; text-decoration:none;
		}
	
	a.utilities{
	color:#000000; text-decoration:underline; line-height:18px;
	}
		a.utilities:hover{
		background-color: #000000; color:#FFFFFF; text-decoration:none;
		}
		a.img:hover{
		background:none;
		}
	a.list{
	color:#000000; text-decoration:underline; line-height:16px;
	}
		a.list:hover{
		background: #000000; color:#FFFFFF; text-decoration:none;
		}
	a.freeEstimate{
	 background:url(images/free-estimate.jpg) no-repeat; width:245px; height:45px; display:block; margin-left:25px;
	 }
		 a.freeEstimate:hover{
		 background:url(images/free-estimate-over.jpg) no-repeat;
		 }
	a.breadcrumb{
	text-decoration:none;
	}
	a.black
	{
		color:#000000; text-decoration:underline; font-size:14px; font-weight:bold;
	}
		a.black:hover
	{
		background: #000000; color:#FFFFFF; text-decoration:none;
	}
	a.marginBottom
	{
	margin-bottom:3px;
	}
	
			a.none:hover
	{
		background: white; color:#FFFFFF; text-decoration:none;
	}
		
		 
.contacterror {
color:red; font-size:11px;
}		 
		 

/* Table
------------------------------------------------------------------ */
	table{
	width:400px;;
	}
	table.side{
	width:300px;
	}
	td{
	width:125px;
	}

/* Form
------------------------------------------------------------------ */
input.findContractor{
	 background:url(images/find-a-contractor-yellow.jpg) no-repeat; width:245px; height:45px; display:block; margin-left:25px; border: none; cursor:pointer;
	 }
		 input.findContractor:hover{
		 background:url(images/find-a-contractor-yellow-over.jpg) no-repeat;
		 }
		 
		 
		 input.contactus{
	 background:url(images/contactus.jpg) no-repeat; width:260px; height:60px; display:block; margin-left:0px; border: none; cursor:pointer;
	 }
		 input.contactus:hover{
		 background:url(images/contactus-over.jpg) no-repeat;
		 }

	label.contractor {
		float:left;
		width:150px;
		font-weight:bold;
		font-size:.9em;
	}
	label.plan
	{
	 position:relative; float:left; width: 100px; text-align:right; margin-right:15px;
	}
	
	label.plan1
	{
	 position:relative; float:left; width: 150px; text-align:right; margin-right:15px;
	}

	.clear {
		font-size:.1em;
		line-height:4em;
		width:100%;
		clear:both;
	}


/* Typography
------------------------------------------------------------------ */
p{
 font-size:12px; margin:10px 0px 5px 0px; line-height:15px; color:#232323;
}
	p.box{
	margin:15px 0px 0px 0px; line-height:22px;
	}
	p.center{
	text-align:center;
	}
	p.white
	{
	color:#FFFFFF;
	}

	h1{ color:#E66227; font-size:24px; margin: 0px 0px 15px 0px;
	}
	
		h1.box{
		font-size:24px; font-weight:bold; text-align:center; margin-bottom: 10px; color:#000000;
		}
		h1.topMargins{
		margin:15px 0px 15px 0px;
		}
	h2{
	font-size: 20px; font-weight:normal; margin:5px 0px 10px 0px;
	}
		h2.white{
		color:#FFFFFF;
		}
		h2.topMargins{
		margin:15px 0px 10px 0px;
		}
	
	h3{
	font-size: 18px; color:#E66227; font-weight:normal; margin:0px 0px 5px 0px;
	}
		h3.topMargins{
		margin:15px 0px 5px 0px;
		}
		h3.white{
		color:#FFFFFF;
		}
		h3.black{
		color:#000000;
		}
	
label.contractor
{
font-size:12px; margin-top:3px;

}

/* Lists
------------------------------------------------------------------ */
	ul.paragraph{
		list-style-type:disc; margin:10px 0px 10px 15px;
	}
	
	ul.link{
	list-style-type:circle; color: #36A7E9; list-style-position:inside; margin: 0px 0px 10px 15px;
	}
	
	
		span.list{
		display:block; position:relative; float:left; background:url(images/arrow.jpg) no-repeat; margin: 2px 0px 5px 0px; padding-left: 18px; width:150px;
		}
	
	ul.sitemap
	{
	display:block; position:relative; float:left; width:165px; margin: 0px 0px 0px 0px; list-style-position:outside; 
	}
	li.sitemap{
		margin-top:5px; margin-left:15px;
	}
	li.insideMap{
	list-style-type:circle; margin-left:30px; color:#232323;
	}

	li.inside{
	list-style-type:circle; margin-left:15px; color:#232323;
	}
	
	li.sections{
	list-style-type:circle; margin-left:15px; margin-bottom:5px; color: #36A7E9;
	}
	li.topcities
	{
	display:block; position:relative; float:left; width:100px;list-style-position:inside; 
	}
	li.contractorServices
	{
	display:block; position:relative; float:left; width:225px;list-style-position:inside; margin-left:15px; height:40px;
	}
	li.services{
	list-style-type:circle; margin-bottom:3px;list-style-position:outside; 
	}
	
	
	.serviceProcedureColumn{
	width:250px; float:left; margin-left:20px;
	}
	
	.serviceProcedureColumn h2{
	font-size:13px;
	font-weight:bold;
	text-decoration:underline;
	margin-bottom:8px;
	}
	
	.serviceProcedureContainer{
	float:left;}
	
	.selectUnit{
	margin-bottom:20px;
	}
	
	.selectUnit a{
	color:#3F73FC
	}
	
	.selectUnit a:hover{
	color:#3F73FC;
	background:white;
	}
	
	.selectUnit select{
	width:230px;
	}
	
	.simProcedures{
	text-align:left;
	margin-bottom:10px;
	float:left
	}
	
	.simProcedureColumn{
	float:left;
	width:160px;
	margin-right:5px;
	
	}