html, body, h1, h2, h3, h4, ul, li {
	margin: 0;
	padding: 0;
}
h1 img {
	display: block;
}
img {
	border: 0;
}
a {
	text-decoration: none; color: #000000;
}
a:hover {
	text-decoration: none; color: #000000;
}
.left {
	float: left;
}
.right {
	float: right;
}
.more {
	text-align: right;
}
.clear {
	clear: both;
}

body {
	background: #FFFFFF;
	text-align: center;
	font: 13px gill sans mt;
	color: #000000;
	padding-bottom: 10px;
	padding-top: 3px;
	text-decoration: none;
}


/** layout **/
#wrapper {
	text-align: left;
	margin: auto;
	width: 778px;

  position: relative;
  background: transparent;
}


/* DEMO CSS */

	#mainContainer{
		position: absolute;
		top: 100px;
 		left: 0px;
		width:220px;
		margin:0 auto;
		text-align:left;
		background-color:#FFF;
	}
	
	#leftContainer{
		width:220px;
		position: absolute;
		padding-left:0px;
		padding-right:5px;
		height:180px;
	}
	
	#contentContainer{
		width:220px;
		float:left;
	}
	.ad{
		clear:both;
		text-align:center;
		padding:5px;
	}	
	




#greenline {
  position: absolute;
  top: 80px;
  left: -99px;
}

#greenlinec {
  position: absolute;
  top: 545px;
  left: -110px;
}

#blackline {
  position: absolute;
  top: 0px;
  left: 276px;
}


}
#header {
  position: absolute;
  top: 0px;
  left: 25px;
  width: 700px;
  height: 25px;
  background: url(images/topblueline.jpg) no-repeat;
  text-align: right;
  color: #006696;
  
}
#header p {
  margin: 7px 1px 2px 3px;
  padding: 1px;
  letter-spacing: 0.1em;
  font-size: 10px;
  color: white;
  text-decoration: none;
}
#left {
  float: left;
  width: 243px;
}
#logo {
  position: absolute;
  top: 145px;
  left: 110px;
  width: 400px;
  height: 140px;
  background: white;

}
#logo h1 {
  padding-top: 5px;
  font: 24px "arial narrow", arial, sans-serif;
}
#logo p {
  margin: 20px 5px 4px 5px;
  border-top: 1px solid #004496;
  border-bottom: 1px solid #004496;
  padding: 3px;
  letter-spacing: 0.2em;
  font-weight: none;
}

#logog {
  position: absolute;
  top: 168px;
  left: 295px;
  width: 400px;
  height: 140px;
  background: white;

}



#pick {
  position: absolute;
  top: 415px;
  left: -20px;
}

#picg  {
  position: absolute;
  top: 415px;
  left: 105px;
}


#pich {
  position: absolute;
  top: 415px;
  left: 245px;
}

#pici {
  position: absolute;
  top: 415px;
  left: 360px;
}

#picj {
  position: absolute;
  top: 415px;
  left: 382px;
}







#where {
  position: absolute;
  top: 480px;
  left: 225px;
  width: 300px;
  height: 15px;
  background: none;
  text-align: left;
  
}
#where p {
  margin: 0px 0px 0px 0px;
  border-top: 0px solid #003c78;
  border-bottom: 0px solid #003c78;
  padding: 3px;
  letter-spacing: 0.02em;
  font: 11px arial;
  color: black; 
}













#dom a { 
position: absolute;
display: block; 
top: 317px;
left: 90px;
width: 100px; 
height: 100px; 
background: transparent url(comm3.jpg) no-repeat; 
font: 13px gill sans mt;
color: #455455;
} 

#dom a:hover { 
background-position: -98px 0; 
font: 13px gill sans mt;
color: #111111;
} 



#yo a { 
position: absolute;
display: block; 
top: 317px;
left: -40px;
width: 100px; 
height: 100px; 
background: transparent url(dom3.jpg) no-repeat; 
font: 13px gill sans mt;
color: #455455;
} 

#yo a:hover { 
background-position: -98px 0; 
font: 13px gill sans mt;
color: #111111;
} 




#ind a { 
position: absolute;
display: block; 
top: 317px;
left: 220px;
width: 100px; 
height: 100px; 
background: transparent url(ind3.jpg) no-repeat; 
font: 13px gill sans mt;
color: #455455;
} 

#ind a:hover { 
background-position: -98px 0; 
font: 13px gill sans mt;
color: #111111;
} 




#ref a { 
position: absolute;
display: block; 
top: 317px;
left: 358px;
width: 100px; 
height: 100px; 
background: transparent url(ref2.jpg) no-repeat; 
font: 13px gill sans mt;
color: #455455;
} 

#ref a:hover { 
background-position: -98px 0; 
font: 13px gill sans mt;
color: #111111;
} 






#leis a { 
position: absolute;
display: block; 
top: 317px;
left: 488px;
width: 100px; 
height: 100px; 
background: transparent url(leis3.jpg) no-repeat; 
font: 13px gill sans mt;
color: #455455;
} 

#leis a:hover { 
background-position: -98px 0; 
font: 13px gill sans mt;
color: #111111;
} 




#pagedom {
  position: absolute;
  top: 275px;
  left: -70px;
  width: 250px;
  height: 350px;
  background: white;

}



#domesticword {
  position: absolute;
  top: 505px;
  left: -10px;
}



#loftconv {
  position: absolute;
  top: 330px;
  left: 195px;
  width: 250px;
  height: 350px;
  background: white;

}
#loftconvtext {
  position: absolute;
  top: 290px;
  left: 310px;
  width: 250px;
  height: 350px;
  background: white;

}

#loftconvtexta {
  position: absolute;
  top: 365px;
  left: 312px;
  width: 250px;
  height: 350px;
  background: white;

}

#loftconvtextb {
  position: absolute;
  top: 445px;
  left: 313px;
  width: 250px;
  height: 350px;
  background: white;

}






#gable {
  position: absolute;
  top: 330px;
  left: 345px;
  width: 250px;
  height: 350px;
  background: white;

}

#domestica {
  position: absolute;
  top: 420px;
  left: 216px;
  width: 250px;
  height: 350px;
  background: white;

}






#mission {
  position: absolute;
  top: 455px;
  left: 50px;
  width: 250px;
  height: 350px;
  background: white;

}







#homebutton a { 
position: absolute;
display: block; 
top: 5px;
left: -90px;
width: 40px; 
height: 22px; 
background: transparent url(homebutton1.jpg) no-repeat; 

} 














#ext a { 
position: absolute;
display: block; 
top: 260px;
left: 216px;
width: 68px; 
height: 68px; 
background: transparent url(extension2.jpg) no-repeat; 
font: 13px gill sans mt;
color: #455455;
} 

#ext a:hover { 
background-position: -68px 0; 
font: 13px gill sans mt;
color: #111111;
} 






#conv a { 
position: absolute;
display: block; 
top: 340px;
left: 216px;
width: 68px; 
height: 68px; 
background: transparent url(ext1.jpg) no-repeat; 
font: 13px gill sans mt;
color: #455455;
} 

#conv a:hover { 
background-position: -68px 0; 
font: 13px gill sans mt;
color: #111111;
} 




#slimblackline { 
position: absolute;
display: block; 
top: 260px;
left: 285px;
width: 150px; 
height: 3px; 
background: transparent url(slimblackline1.jpg) no-repeat; 

} 


#slimblacklineb { 
position: absolute;
display: block; 
top: 340px;
left: 285px;
width: 150px; 
height: 3px; 
background: transparent url(slimblackline1.jpg) no-repeat; 

} 


#slimblacklinec { 
position: absolute;
display: block; 
top: 420px;
left: 285px;
width: 150px; 
height: 3px; 
background: transparent url(slimblackline1.jpg) no-repeat; 

} 




#extensionmaintitle {
  position: absolute;
  top: 320px;
  left: -50px;
  width: 250px;
  height: 350px;
  background: white;

}

#commercialmaintitle {
  position: absolute;
  top: 395px;
  left: -50px;
  width: 100px;
  height: 350px;
  background: white;

}

#commercialmainpic {
  position: absolute;
  top: 290px;
  left: -60px;
}

#commercialdesc {
  position: absolute;
  top: 423px;
  left: -55px;
}


#extensiondesc {
  position: absolute;
  top: 360px;
  left: -53px;
  width: 250px;
  height: 350px;
  background: white;

}



#blackline1 {
  position: absolute;
  top: 290px;
  left: -80px;
}

#blacklineb {
  position: absolute;
  top: 518px;
  left: 382px;
}

#blacklinec {
  position: absolute;
  top: 280px;
  left: 60px;
}

#fadedline {
  position: absolute;
  top: 280px;
  left: 335px;
}

#extbefore {
  position: absolute;
  top: 320px;
  left: 210px;
}

#extafter {
  position: absolute;
  top: 320px;
  left: 410px;
}

#commbefore {
  position: absolute;
  top: 280px;
  left: 450px;
}

#commafter {
  position: absolute;
  top: 360px;
  left: 450px;
}

#commaftera {
  position: absolute;
  top: 440px;
  left: 450px;
}


#commbeforeb {
  position: absolute;
  top: 440px;
  left: 145px;
}

#commafterb {
  position: absolute;
  top: 440px;
  left: 245px;
}

#commafterc {
  position: absolute;
  top: 440px;
  left: 345px;
}



#cloughmilldesc {
  position: absolute;
  top: 285px;
  left: 145px;
}


#before {
  position: absolute;
  top: 460px;
  left: 250px;
}

#after {
  position: absolute;
  top: 460px;
  left: 460px;
}


#next {
  position: absolute;
  top: 500px;
  left: 342px;
}

#previous {
  position: absolute;
  top: 507px;
  left: 328px;
}



#back {
  position: absolute;
  top: 250px;
  left: -60px;
  border-top: 1px solid #336232;
  border-bottom: 0px solid #336232;
  padding: 3px;
  letter-spacing: 0.02em;
  font: 11px arial;
}


#widedesign {
  position: absolute;
  top: 278px;
  left: 235px;
}

#designline {
  position: absolute;
  top: 288px;
  left: -35px;
}

#widesurveying {
  position: absolute;
  top: 275px;
  left: 355px;
}

#surveyingline {
  position: absolute;
  top: 290px;
  left: 485px;
}

















#lettee {
  position: absolute;
  top: 330px;
  left: -60px;
}

#letter {
  position: absolute;
  top: 325px;
  left: 10px;
}


#phone {
  position: absolute;
  top: 330px;
  left: 205px;
}

#phon {
  position: absolute;
  top: 327px;
  left: 275px;
}

#symbol {
  position: absolute;
  top: 410px;
  left: 206px;
}

#symbo {
  position: absolute;
  top: 407px;
  left: 276px;
}

#symb {
  position: absolute;
  top: 442px;
  left: 276px;
}





#delbefore1 {
  position: absolute;
  top: 285px;
  left: 200px;
}

#delafter1 {
  position: absolute;
  top: 395px;
  left: 200px;
}


#delbefore2 {
  position: absolute;
  top: 285px;
  left: 300px;
}

#delafter2 {
  position: absolute;
  top: 395px;
  left: 300px;
}


#delbefore3 {
  position: absolute;
  top: 285px;
  left: 400px;
}

#delafter3 {
  position: absolute;
  top: 395px;
  left: 400px;
}



#delbefore4 {
  position: absolute;
  top: 285px;
  left: 500px;
}

#delafter4 {
  position: absolute;
  top: 395px;
  left: 500px;
}











#before4 {
  position: absolute;
  top: 260px;
  left: 375px;
}

#after4 {
  position: absolute;
  top: 498px;
  left: 380px;
}








#conversionline {
  position: absolute;
  top: 267px;
  left: 203px;

}#conversionline1 {
  position: absolute;
  top: 267px;
  left: 430px;
}

#conversionline2 {
  position: absolute;
  top: 505px;
  left: 203px;

}#conversionline3 {
  position: absolute;
  top: 505px;
  left: 430px;
}


#blackline11 {
  position: absolute;
  top: 269px;
  left: 203px;
}
#blackline22 {
  position: absolute;
  top: 269px;
  left: 593px;
}
#blackline33 {
  position: absolute;
  top: 495px;
  left: 203px;
}
#blackline44 {
  position: absolute;
  top: 495px;
  left: 593px;
}





#surveyingdesc {
  position: absolute;
  top: 290px;
  left: 105px;
}
