/* CSS Document for HJS */

/* Body and main layout divs */
body
{
	vertical-align: top;
	padding: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color:#FFFFFF;
	border: 0px solid #000000;
	text-align: center;
}
/* The next few lines are a fix to ensure that the footer behaves properly in most browsers by being at the bottom of the document or the bottom of the viewport, which ever is longer. 
Found at http://www.sitepoint.com/forums/showpost.php?p=1239966&postcount=3 */

/* commented backslash hack \*/ 
html, body{height:100%;} 
/* end hack */
html,body {margin:0;padding:0}
body {text-align:center}/* centre for ie5.+*/

* html .wrapper{
height:100%;
width:768px;/* box model hack for ie5.+*/
w\idth:766px
}
.wrapper{
	width:766px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	text-align:left;
	border-right: thin solid #330066;
	border-left: thin solid #330066;
	border: 1px solid #330066;
}
.content
{
	margin-top: 2px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
}
.header
{
	margin-top: 5px;
	padding-left: 150px;
}
.title_bar
{
	background-color: #330066;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
 	height: 5px;
	border-top: 2px solid #9966CC;
	border-left: 2px solid #9966CC;
	padding-left: 150px;
}
.title_bar h1 
{
	color:#000000;
}
.left
{
	float:left;
	width:150px;
	margin-top: 5px;
	margin-bottom: 0px;
}
.right
{
	width:800px;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
	color: #330066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.right h1, .right h2, .right h3, .right h4, .right h5, .right h6 .right h7
{
	margin-bottom:5px;
	margin-top:0px;
	font-size: 14px;
	line-height:1.5;		
}
.right p
{
	margin-bottom:10px;
	text-align: justify;
}
.right ul
{
	margin:0px;
	padding:0px;
	padding-bottom: 0px;
	list-style-type:disc;
	list-style-position:inside;
}
.right li
{
	padding-bottom: 10px;
	padding-left: 0px;
	margin-left: 10px;
}
.right a
{
	color: #330066;
}
.waffle
{
	position:absolute;
	top:1500px;
	padding:20px;
	width:100%;
	text-align:justify;
}
.waffle h1, .waffle h2, .waffle h3, .waffle h4, .waffle h5, .waffle h6, .waffle p
{
	font-size: 10px;
} 
.cover
{
	background-image: url(../images/FFFFFF.gif);
	height:1700px;	
}
.cover2
{
	background-image: url(../images/FFFFFF.gif);
	height:1px;	
}

/* Keypage links */
.kl
{
	clear:both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin-top:10px;
	color: #999999;
}
.kl a
{
	text-decoration:none;
	color: #999999;
}
.footer 
{
	width:760px;
	position:absolute;
	bottom:0;
	height:20px;
	background-color: #330066;
	color: #FFFFFF;
	border-top: 2px solid #9966CC;
	border-left: 2px solid #9966CC;
	border-bottom: 2px solid #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: center;
}
.footer a
{
	color: #FFFFFF;
}

/* More of the fix for the footer */
.clearfooter{clear:both;height:30px;width:100%}
div>p {margin:0}


/* Left Link Bar */
.nav
{
}
.nav ul
{
	list-style:none;
	margin: 0;
	padding: 0;
}
.nav li
{
	border-bottom: 3px solid #FFFFFF;
}
.nav li a
{
	display:block;
	padding: 5px 25px 5px 0px;
	text-decoration:none;
	height: 15px;
	text-align: right;
	color: #FFFFFF;
	font:bold 9px Verdana, Arial, Helvetica, sans-serif;
	background-color: #330066;
	background-image: url(../images/nav.gif);
	background-repeat: no-repeat;
	border-top: 2px solid #9966CC;
	border-right: 2px solid #330066;
	border-bottom: 2px solid #330066;
	border-left: 2px solid #9966CC;
}
.nav li a:hover
{
	background-color: #330099;
	border-top: 2px solid #330099;
	border-right: 2px solid #9966CC;
	border-bottom: 2px solid #9966CC;
	border-left: 2px solid #330099;
}

/* Text styling */
.bold
{
	font-weight: bold;
}
.client_text
{
	font-weight: bold;
	font-style:italic;
}
.client_name
{
	font-style:italic;
}
/* picture gallery */
.row1
{
}
.row1 ul
{
	list-style-type: none;
}
/* css for maps */ 
.row1 li
{
	float:left;
	margin-right: 20px;
	margin-bottom: 10px;
	text-align: center;
}
.row1 img
{
	display: block;
	border: 2px solid #330099;
}
/* css for lists of areas covered */
.areas
{
	width: 550px;
}
.col1
{
	width: 150px;
	float:left
}