/* CSS Document */

a:link {color: #496FBA;}
a:visited {color: #006599;}
a:hover {color: #E3693A;}
a:active {color: #E93649;}

/* Centre layout */

html, body {

	margin: 0; 

	padding: 0; 

	background-color: #9D9D9D;

	background-image:url(../i/bg.jpg);

	background-repeat: repeat-y;

	background-position: center;





}

#wrapper {    

	margin-left: auto;    

	margin-right: auto; 

	margin-top: 0px;  

	}  

/* END Centre layout */	

 











/* HOME PAGE layout DIVs*/

	#menu {
	width: 782px;
	height: 251px;
	background-image:url(../i/menubg.jpg);
	background-repeat: no-repeat;
	}

	#spacermenu {
	width: 273px;
	height: 100px;
	float: left;
	}

		#menutext {
		width: 400px;
		height: 100px;
		float: left;
		padding-top: 35px;
		}



	#mainhp {
	width: 782px;
	background-image:url(../i/contentbg.jpg);
	background-repeat: repeat-y;
	}

	#main {
	width: 782px;
	background-image:url(../i/contentbg.jpg);
	background-repeat: repeat-y;
	overflow: hidden;
	}
	#maintextarea {
	width: 722px;
	overflow: hidden;

	}
/*#spacercontent {
	float: left;
	width: 30px;
	height: 400px;
	border: 1px solid red;
}*/
#spacermain {
	float: left;
	width: 18px;
	height: 250px;
	/*border: 1px solid red;*/
}

		#colleft{
		float: left;
		width: 194px;
		background-image:url(../i/callnow.jpg);
		background-position: bottom;
		background-repeat: no-repeat;
		}

#spacersites {
	float: left;
	width: 13px;
	height: 10px;
	/*border: 1px solid red;*/
}
			#latestsites {
			float: left;
			width: 176px;
			height: 280px;
			border: 1px solid #CCC;
			margin-bottom: 5px;	
			}

			#callnow {
			float: left;
			width: 178px;
			height: 107px;	
			margin-left: -30px;	
			}

		#colright{
		float: left;
		width: 550px;
		}

			#fourpoint {
			border: 1px solid red;
			border: 1px solid #CCC;
			width: 529px;
			height: 204px;
			margin-left: 3px;
			background-image:url(../i/4point.jpg);
			background-position: bottom right;
			background-repeat: no-repeat;
			}

			#control {
			border: 1px solid #CCC;
			width: 320px;
			height: 175px;
			float: left;
			margin-left: 4px;
			margin-top: 3px;
			background-image:url(../i/controlbg.jpg);
			background-position: bottom left;
			background-repeat: no-repeat;
			}

			#passport {
			border: 1px solid #CCC;
			width: 210px;
			height: 175px;
			float: left;
			margin-left: 3px;
			margin-top: 3px;
			background-image:url(../i/megaphonebg.jpg);
			background-position: bottom right;
			background-repeat: no-repeat;
			}

#fourpointspacer {
	width: 165px;
	height: 150px;
	float: left;
	}

#controlspacer {
	width: 160px;
	height: 140px;
	float: left;
	}

#passportspacer {
	width: 10px;
	height: 140px;
	float: left;
	}

#title1 {
	width: 100%;
	background-image:url(../i/orangebg.jpg);
	height: 21px;
	}

#title2 {
	width: 100%;
	background-image:url(../i/greenbg.jpg);
	height: 21px;
	}

#title3 {
	width: 100%;
	background-image:url(../i/bluebg.jpg);
	height: 21px;
	}

#title4 {
	width: 100%;
	background-image:url(../i/pinkbg.jpg);
	height: 21px;
	}

	#footer {
	clear: both;
	width: 782px;
	height: 58px;
	background-image:url(../i/footerbg.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	}

	#footerbox {
	width: 720px;
	height: 21px;
	border: 1px solid #CCC;
	padding: 1px;
	}

	#footerboxbg {
	padding-top: 2px;
	width: 718px;
	height: 18px;
	background-color: #0974A6;
	}

	#spacer {
	width: 10px;
	height: 10px;
	}

	#copyright {
	clear: both;
	width: 720px;
	background-image:url(../i/w4d_watermrk.gif);
	background-position: right;
	background-repeat: no-repeat;
	}



#textarea {
  width:720px;
}



#locationbox {
		width: 720px;
		height: 26px;
		padding: 3px 0px 3px 8px;
		margin-bottom: 5px;
		background-image:url(../i/locationbg.jpg);
		margin-left: -4px;
		background-repeat: no-repeat;
		}



/* Portfolio Page Layout divs*/



#folio1, #folio2, #folio3, #folio4, #folio5, #folio6, #folio7, #folio8, #folio9, #folio10, #folio11, #folio12 {
	float: left;
	width: 230px;
	min-height: 300px;
	padding-left: 9px;
	padding-top: 5px;
}



.portfolioborder {
	background-image:url(../i/folioborder.gif);
	background-repeat: no-repeat;
	width: 225px;
	min-height: 200px;
	padding: 10px 5px 17px 12px;
	text-align: left;
}




/* END Portfolio Page Layout divs*/



H1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #1F91A7;
	line-height: 24px;
	text-align: left;
}

H2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #1F91A7;
	line-height: 28px;
	text-align: left;
}

H3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #5E849B;
	line-height: 28px;
	text-align: left;
}

.menutextitem {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	text-align: center;
	padding-top: 15px;
	width: 65px;
	height: 50px;
	float: left;
}

.menutextitem a:link {text-decoration: none;color: #333;font-family: Verdana;font-size: 12px}
.menutextitem a:active {text-decoration: none;color: #333;font-family: Verdana;font-size: 12px}
.menutextitem a:visited {text-decoration: none;color: #333;font-family: Verdana;font-size: 12px}
.menutextitem a:hover {text-decoration: underline;color: #1F5B72;font-family: Verdana;font-size: 12px}


.footertext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
}

.footertext a:link {text-decoration: none;color: #FFF;font-family: Verdana;font-size: 11px}
.footertext a:active {text-decoration: none;color: #FFF;font-family: Verdana;font-size: 11px}
.footertext a:visited {text-decoration: none;color: #FFF;font-family: Verdana;font-size: 11px}
.footertext a:hover {text-decoration: underline;color: #FFF;font-family: Verdana;font-size: 11px}


.copyrighttext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	line-height: 17px;
}

.copyrighttext a:link {text-decoration: none;color: #333;font-family: Verdana;font-size: 11px}
.copyrighttext a:active {text-decoration: none;color: #333;font-family: Verdana;font-size: 11px}
.copyrighttext a:visited {text-decoration: none;color: #333;font-family: Verdana;font-size: 11px}
.copyrighttext a:hover {text-decoration: underline;color: #333;font-family: Verdana;font-size: 11px}


.hptitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	padding-top: 3px;
}

.hptitle2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0974A6;
	font-weight: bold;
	padding-top: 8px;
	text-align: left;
}

.hptext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	text-align: left;
	line-height: 18px;

}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #333;
}

.bodytext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	text-align: left;
	line-height: 18px;
	text-align: left;
}

.locationtext {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #264E60;
	line-height: 17px;
	text-align: left;
	font-weight: bold;
}

#list, #list1, #list2, #list3 { 
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-image: url(../i/bullet.jpg); 
	text-align: left;
	color: #333;
	line-height: 22px;
}

#bordertable, #bordertableb {
	padding: 2px 4px 2px 4px;
	border: 1px solid #1187BA;
	background-image: url(../i/quotebg.jpg);
	margin-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	}
#bordertable2 {	
	padding: 2px 4px 2px 4px;
	border: 1px solid #1187BA;
	background-color:#EEE;
	margin-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	}


	#outlinetable1, #outlinetable2, #outlinetable3 {	
	padding: 2px 4px 2px 4px;
	border: 1px solid #1187BA;
	margin-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	}

	

.whitetext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
}	

.foliotitle {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #264E60;
	line-height: 17px;
	font-weight: bold;

}

.foliotitle a:link {text-decoration: none}
.foliotitle a:active {text-decoration: none}
.foliotitle a:visited {text-decoration: none}
.foliotitle a:hover {text-decoration: underline}


.foliodescription {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #264E60;
	line-height: 17px; 

}

#mapborder {
	width: 599px;
	border: 1px solid #1187BA;

}