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

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #464545;
}

h3 {
	
	color: #38839c;
	font-weight: bold;
	font-size: 16px;
	margin: 0px 0px 10px 10px;
	
}

#headerContainer {
	height: 300px;
	width: 100%;
	
	background-image: url(../images/mainHeaderBg.png);
	background-repeat: repeat-x;
	border-bottom: #b6b6b6 1px solid;
	
}

#headerHolder {
	height: 300px;
	width: 884px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	
}

#logoHolder {
	width: 884px;
	height: 30px;
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
	background-position: 8px 8px;
	
}

#flashHeader {
	width: 874px;
	height: 232px;
	float: left;
	margin: 0px 0px 9px 7px;
	background-image:url(../images/flashWindow.png);
	background-repeat:no-repeat;
}



#mainBodyHolder {
	width: 874px;
	min-height: 600px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 40px;
}

#leftNavigation {
	width: 250px;
	height: 600px;
	float: left;
	background-color: #e5e5e5;
	padding: 5px 0px 0px 0px;
	margin-bottom: 40px;
}

#rightMainBody {
	width: 624px;
	min-height: 600px;
	height: 100%;
	padding-bottom: 10px;
	float: left;
	text-align: left;
	
}

#rightMainBodyCon {
	width: 624px;
	min-height: 600px;
	height: 100%;
	padding-bottom: 10px;
	float: left;
	text-align: left;
	
}

#rightMainBody p{
	font-size: 14px;
	margin: 5px 0px 0px 10px;
	line-height: 1.8em;


}

.titleText {
	color: #515050;
	margin: 5px 0px 10px 10px;
	font-size: 16px;
		
}

#mainCaption {
	width: 589px;
	height: 85px;
	float: right;
	background-image:url(../images/speechMarks.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-right: 5px;
}

#mainCaption p {
	font-size: 14px;
	margin: 3px 20px 0px 33px;
	color: #515050;
	line-height: 120%;
}

#columnLeft {
	width: 294px;
	min-height: 500px;
	height: 100%;
	float: right;
	margin: 0px 5px 0px 0px;
	
}

#columnLeft p {
	font-size: 14px;
	color: #515050;
	line-height: 140%;
	margin: 0px 10px 20px 0px;	
}

#columnRight {
	width: 294px;
	min-height: 500px;
	height: 100%;
	float: right;
	margin: 0px 0px 0px 0px;
}

#columnRight p {
	font-size: 14px;
	color: #515050;
	line-height: 1.8em;
	margin: 0px 10px 20px 0px;
	
}
	
#footerContainer {
	width: 100%;
	min-height: 150px;
	height: 100%;
	background-image: url(../images/mainHeaderBg.png);
	background-repeat: repeat-x;
	border-top: #b6b6b6 1px solid;
	float: left;
}

#footerHolder {
	width: 874px;
	height: 150px;
	margin-left: auto;
	margin-right: auto;
}

.pageTitle {
	font-size: 14px;
	margin: 0px 0px 0px 8px;
	padding: 0px;
	color: #464545;
	font-weight: normal;
	
}

.columnImage {
	border: none;
	margin: 18px 0px 20px 20px
	
}

.footerText {
	color: #515050;
	font-size: 14px;
	
}

h2 {
	color: #464545;;
	font-weight: bold;
	font-size: 16px;
	margin: 0px 0px 10px 10px;
	
}

/*column setup */

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } 
.clearfix { display: inline-block; }
/* start commented backslash hack \*/ * html .clearfix { height: 1%; }
.clearfix { display: block; } /* close commented backslash hack */

#reachWashHolder {
	width: 569px;
	height: 325px;
	float: left;
	clear: both;
	margin: 10px 0px 10px 30px;
	border: solid 1px #9d9c9c;
	
}

#gutterMovie {
	border: solid 1px #9d9c9c;
	width: 321px;
	height: 270px;
	float: left;
	clear: both;
	margin: 10px 140px 10px 140px;
}

.tarmacList {
	list-style-image: url(../images/bullet.png);	
	padding: 5px 0px 3px 50px;
}

#tarmacMovie {
	height: 470px; 	
	width: 435px;
	float: left;
	clear: both;
	margin: 10px 0px 10px 85px;
}

#blockPavingMov {
	width: 530px;
	height: 250px;
	float: left;
	margin: 10px 30px 10px 50px;
	clear: both;
}

#patioPathMov {
	width: 569px;
	height: 325px;
	float: left;
	clear: both;
	margin: 30px 0px 20px 20px;
}

#wallsDeckingMov {
	width:0px; 	
}

#conservatoryMov {
	width: 569px;
	height: 370px;
	float: left;
	margin: 10px 0px 20px 20px;
	clear: both;
}

#hydroMov {
	width: 550px;
	height: 400px;
	float: left;
	clear: both;
	margin: 10px 0px 20px 30px;
}

#harnessMov {
	width: 310px;
	height: 245px;
	float: left;
	clear: both;
	margin: 20px 140px 20px 160px;
	
}

#asgContact { 
	margin-left: 30px;
	
}

#asgContact label {
	float: left;	
	clear: both;
	margin-bottom: 5px;
}

#asgContact input {
	float: left;
	clear: both;
}

#asgContact textarea {
	float: left;
	clear: both;
}

#asgContact p {
	float: left;
	clear: both;
}

#graffitiMov {
	width: 550px;
	height: 510px;
	float: left;
	margin: 20px 0px 20px 40px;
	clear: both;
}

#carDealershipMov {
	width: 270px;
	height: 360px;
	float: left;
	margin: 20px 0px 20px 160px;
}

#fascadeMov {
	margin: 20px 0px 20px 20px;	
}

#chewingGumRemoval {
	margin: 0px 0px 0px 170px;	
}

strong {
	margin-right: 5px;	
}

.gutterImg {
	margin: 0px 10px 10px 10px;	
}

.laddersImg {
	margin: 0px 20px 20px 20px;	
}

.myform{
margin:0 auto;
width:400px;
padding:14px;
height: 100%;
}

/* ----------- stylized ----------- */
#stylized{
border:solid 2px #9d9c9c;
background:#fff;
height: 100%;
margin-top: 10px;

}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:12px;
margin-left: 44px;
margin-bottom:20px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}

#stylized .checkyTexty {
	font-size: 12px;
	font-weight: normal;
}

#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}

#stylized input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 20px 10px;
}

#stylized .checkyBoxy {
		
}



#stylized textarea{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
height: 150px;
margin:2px 0 20px 10px;
}

#stylized .button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}

#stylized checkbox {
	float: right;	
}

.spacer {
	width: 100%;
	height: 20px;
	clear: both;
}

#imageGal {
	width: 98.5%;
	margin-left: 5px;
	min-height: 500px;
	float: left;
}