/* 
Start Laser Surveys Layout Styles 
For font/image/link styles etc see typography.css
JM DESIGN SOLUTIONS 2009

General Page Styles */

	body,
	html {
	margin:0;
	padding:0;
	color:#333333;
	background-color: #E9E9E9;
	}

	body {
		min-width:908px;
	}
	
	#wrap {
	background:#fff;
	width:870px;
	margin-top: 0px;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	padding-left: 19px;
	padding-right: 19px;
	}



/* Header Section */

	#logo {
	padding-top: 23px;
	margin-left: 0px;
	margin-bottom: 65px;
	}
	
	#strapline {
	position: absolute;
	margin-top: 37px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	}
		
	#image {
	position: absolute;
	margin-top: 0px;
	margin-left: 0px;
	}	
	
	#phone {
	background-image: url(../images/general/email-telephone.jpg);
	background-repeat: no-repeat;	
	margin-left: 720px;
	margin-top: 30px;
	position: absolute;
	width: 130px;
	line-height: 17px;
	padding-left: 25px;
	}

	#header-image {
	background-image: url(../images/header-bars/home.jpg);
	background-repeat: no-repeat;
	height: 181px;
	width: 870px;
	padding-top: 0px;
	padding-bottom: 4px;
	}



/* Page Content Styles */

	#left-column {
	margin-left: 0px;	
	float: left;
	width: 220px;
	margin-bottom: 15px;
	margin-top: 4px;
	}
	
	#links {
	width: 242px;
	height: 223px;
	}

	#right-column {
	float: right;
	width: 605px;
	margin-top: 4px;
	margin-right: 23px;
	margin-left: 0px;
	margin-bottom: 15px;
	}

	#right-column li {
	font-family: arial;
	color: black;
	font-size: 11px;
	line-height: 17px;
	margin-left: 25px;
	}

	#logos {
	width: 227px;
	height: 124px;
	margin-top: 225px;
	padding-left: 0px;
	padding-top: 15px;
	margin-bottom: 45px;
	}



/* Sub-category Styling */

#sub-category-left {
	margin-top: 10px;
	float: left;
	border: 1px solid #333333;
	width: 275px;
	margin-left: 15px;
	margin-bottom: 10px;
}

#sub-category-right {
	margin-top: 10px;
	float: right;
	border: 1px solid #333333;
	width: 275px;
	margin-right: 15px;
	margin-bottom: 10px;
}

#sub-category-left img {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}

#sub-category-right img {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}

#sub-category-left p {
	padding: 5px;
	padding-top: 0;
}

#sub-category-right p {
	padding: 5px;
	padding-top: 0;
}



/* Homepage News Section */
	
	#laser-news {
	width: 295px;
	height: auto;
	border: 1px solid #FF0000;
	margin-top: 10px;
	background-image: url(../images/general/laser-news-panel-back.jpg);
	background-repeat: repeat;
	float: left;
	}

	#centremaps-news {
	width: 295px;
	height: auto;
	border: 1px solid #242279;
	margin-top: 10px;
	background-image: url(../images/general/centremaps-news-panel-back.jpg);
	background-repeat: repeat;
	float: right;
	}
	
	#laser-title {
	padding-left: 10px;	
	background-color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: white;
	font-weight: bold;	
	}

	#centremaps-title {
	padding-left: 10px;	
	background-color: #242279;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: white;
	font-weight: bold;	
	}	
	

/* Left Hand Link Section */

#main-nav {
	width: auto;
	height: auto;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#home {
	position: absolute;
	margin-top: 0px;
	margin-left: 215px;	
	background-image: url(../images/tabs/home-on.jpg);
	background-repeat: no-repeat;	
	padding-top: 2px;
	width: 80px;
	height: 18px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

#home-off {
	position: absolute;
	margin-top: 0px;
	margin-left: 215px;	
	background-image: url(../images/tabs/home-off.jpg);
	background-repeat: no-repeat;	
	padding-top: 2px;
	width: 80px;
	height: 18px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

#about {
	position: absolute;
	margin-top: 0px;
	margin-left: 300px;
	background-image: url(../images/tabs/home-off.jpg);
	background-repeat: no-repeat;	
	padding-top: 2px;
	width: 80px;
	height: 18px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

#about-on {
	position: absolute;
	margin-top: 0px;
	margin-left: 300px;
	background-image: url(../images/tabs/home-on.jpg);
	background-repeat: no-repeat;	
	padding-top: 2px;
	width: 80px;
	height: 18px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

#land {
	position: absolute;
	margin-top: 0px;
	margin-left: 385px;
	background-image: url(../images/tabs/land-buildings-off.jpg);
	background-repeat: no-repeat;	
	padding-top: 2px;
	width: 115px;
	height: 18px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

#land-on {
	position: absolute;
	margin-top: 0px;
	margin-left: 385px;
	background-image: url(../images/tabs/land-buildings-on.jpg);
	background-repeat: no-repeat;	
	padding-top: 2px;
	width: 115px;
	height: 18px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

#underground {
	position: absolute;
	margin-top: 0px;
	margin-left: 505px;
	background-image: url(../images/tabs/underground-services-off.jpg);
	background-repeat: no-repeat;	
	padding-top: 2px;
	width: 140px;
	height: 18px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

#underground-on {
	position: absolute;
	margin-top: 0px;
	margin-left: 505px;
	background-image: url(../images/tabs/underground-services-on.jpg);
	background-repeat: no-repeat;	
	padding-top: 2px;
	width: 140px;
	height: 18px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

#centremaps {
	position: absolute;
	margin-top: 0px;
	margin-left: 650px;
	background-image: url(../images/tabs/centremapslive-off.jpg);
	background-repeat: no-repeat;	
	padding-top: 2px;
	width: 130px;
	height: 18px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

#centremaps-on {
	position: absolute;
	margin-top: 0px;
	margin-left: 650px;
	background-image: url(../images/tabs/centremapslive-on.jpg);
	background-repeat: no-repeat;	
	padding-top: 2px;
	width: 130px;
	height: 18px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

#contact {
	position: absolute;
	margin-top: 0px;
	margin-left: 785px;
	background-image: url(../images/tabs/home-off.jpg);
	background-repeat: no-repeat;	
	padding-top: 2px;
	width: 80px;
	height: 18px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

#contact-on {
	position: absolute;
	margin-top: 0px;
	margin-left: 785px;
	background-image: url(../images/tabs/home-on.jpg);
	background-repeat: no-repeat;	
	padding-top: 2px;
	width: 80px;
	height: 18px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}


#links ul{
   padding : 0;
   margin : 0;
   margin-left: 0px;
   margin-top: 0px;
   white-space : nowrap;
   color : White;
   float : left;
   width : 1%;
  	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC; 
}

#links ul li.top {
	padding-top: 23px;
	padding-bottom: 5px;
	padding-left : 7px;
	padding-right : 10px;
	margin-top: 0px;
	margin-bottom: 4px;
	display : block;
	width: 205px;
	font-size: 12px;
	font-family: Arial;
	color: #333333;
	font-weight: bold;
	list-style-type: none;
	background-color: #CCCCCC;	
}

#links ul li.second {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left : 25px;
	padding-right : 10px;
	margin-top: 0px;
	margin-bottom: 4px;
	display : block;
	width: 187px;
	font-size: 12px;
	font-family: Arial;
	color: #333333;
	background-image: url(../images/general/bullet-point.jpg);
	background-repeat: no-repeat;
	background-position: 10px;
	list-style-type: none;
	background-color: #CCCCCC;	
}

#links ul li a{   
   text-decoration : none;
}

#links ul li a:hover{
   text-decoration : underline;
}
	
	
/*Footer Section */	
	
	#footer {
	height: 45px;
	clear:both;
	color: #666666;
	}
	
	#right-footer {
	position: absolute;
	margin-left: 350px;
	margin-top: 5px;
	font-size: 0.7em;	
	font-family: tahoma;
	width: 520px;
	text-align: right;
	}
	
	#left-footer {
	position: absolute;
	margin-left: 0px;
	margin-top: 5px;	
	font-size: 0.7em;
	font-family: tahoma;
	width: 350px;
	text-align: left;	
	}
	
	#footer p {
	padding:5px;
	margin:0;
	color: #9FB39F;
	font-size: 0.7em;
    }



/* Misc Styles */ 

	#red-bar {
	height: 12px;
	background-color: #FF0000;
	width: 870px;	
	}


	#red-bar-top {
	height: 12px;
	background-color: #FF0000;
	width: 870px;
	margin-bottom: 4px;		
	margin-top: 15px;		
	}