/* CSS Document */

h1
{
font-size:16px;
font-family:Arial, Helvetica, sans-serif, Gulim;
}

html {
     overflow: -moz-scrollbars-vertical;
}

body	{
		background-color:#000033;
		
		
		}


* 		{
		margin:0;
		padding:0;
		}

#wrapper
		{
	width:800px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	border:thin solid #333333;
	background-color:#FFFFFF;
	clear: both;
		
		}
#main_content {
	width: 800px;
	background-color:#FFFFFF;
	float: left;
	clear: both;
}		
.content_right {
	background-color: #AACEF2;
	float: left;
	width: 265px;
	padding: 15px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif, Gulim;
	font-size: 14px;
	text-align: left;
	top: 15px;
}

.content_right ul 
		{
	list-style-type:circle;
	height: 25px;
	font-size: 14px;
	width: 270px;
		}
.content_right li{
		width:270px;
		text-align:left;
}

.our_services {
	float: left;
	width: 220px;
}

.footer 
		{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:#333333;
	height:25px;
	width:800px;
	text-align:center;
	float:left;
	background-image:url(../images/nav_bg.jpg);
	background-repeat:repeat-x;
	font-size:14px;
	clear: both;
}

.flash_horizontal
		{
		height:200px;
		width:800px;
		background-color:#FFFFFF;
		
		}

.header 
		{
		height:125px;
		width:800px;
		background-image:url(../images/header.jpg);
		}

.nav 
		{
		background-image:url(../images/nav_bg.jpg);
		background-repeat:repeat-x;
		
		background-color:#333333;
		height:25px;
		width:auto;
		margin:auto;
		}
#menu {   
   padding:0;   
   margin:0; 
   float:none;  
   }   
#menu li {   
   list-style-type:none;   
   } 
#menu a, #menu a:visited { 
  
   display:block;
 
   width:9em;   
   border:1px solid #808; 
   font-family:arial, verdana, sans-serif; /* ADDED */   
   font-size:0.8em; /* ADDED */   
   text-align:center; /* ADDED */   
   text-decoration:none; /* ADDED */
   background:#808; /* ADDED */   
   color:#eee; /* ADDED */  
   
  
   }   

ul 
		{
		list-style-type: none;
		height: 25px;
		}

li 
		{
		float:left;
		width:200px;
		text-align:center;
		}

ul a 
		{
		display:block;
		line-height:25px;
		text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#999999
		}
		
ul a:hover 
		{
		background-image:url(../images/nav_bg_over.jpg);
  		background-repeat:repeat-x; 
		color:#FFF;
		background-color:#000033;
		}
  
.content_left
		{
	width:460px;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	padding:15px;
	float: left;
	color: #333333;
		}
.content_top
		{
	padding: 10px;
	height: 80px;
	color: #333333;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif, Gulim;
	background-color: #AACEF2;


		}
#content_left_bottom
		{
	padding: 10px;
	width: 440px;
	color: #333333;
	background-color: #AACEF2;


		}
.content{
	width:770px;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	padding:15px;
	float: left;
		}


.services_content 
		{
		height:650px;
		width:770px;
		background-color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align:justify;
		padding:15px;
		
		}

.contact_content 
		{
	width:770px;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	padding:15px;
	height:300px;
		}
.links_content 
		{
	width:770px;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	padding:15px;
	height:200px;
		}

.contact 
		{
		float:left;
		width:230px;
		background-color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align:justify;
		padding:15px;
		}
.email 
		{
		float:left;
		width:175px;
		background-color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align:justify;
		padding:15px;
		}

 

.serv1_pic
		{
	float:left;
	background-color:#999999;
	height:100px;
	width:100px;
	background-image:url(../images/house_extension.jpg);
		}

.serv1_head 
		{
	float:left;
	height:25px;
	width:200px;
	position:relative;
	left:5px;
	font-weight:bold;
	text-align:left;
		}
.serv1_text {
	float:left;
	height:65px;
	width:200px;
	position:relative;
	top:25px;
	right:195px;
	text-align:left;
	padding-top:10px;
	
}
.serv2_pic {
	height:100px;
	width:100px;
	float:left;
	position:relative;
	background-image:url(../images/gas_safe_plumbing_engineers_sink.jpg);
	right:100px;
	bottom:0px;
}
.serv2_head {
	height:25px;
	width:200px;
	float:left;
	left:505px;
	position:relative;
	bottom:100px;
	font-weight:bold;
	text-align:left;
}
.serv2_text {
	float:left;
	height:75px;
	width:200px;
	position:relative;
	left:305px;
	bottom:75px;
	text-align:left;
}
.serv3_pic {
	float:left;
	height:100px;
	width:100px;
	position:relative;
	top:20px;
	background-image:url(../images/roofing_tiles.jpg);
	right:400px;
}
.serv3_head {
	height:25px;
	width:200px;
	float:left;
	position:relative;
	text-align:left;
	font-weight:bold;
	right:395px;
	top:20px;
}
.serv3_text {
	float:left;
	height:75px;
	width:200px;
	position:relative;
	top:20px;
	right:395px;
	text-align:left;
}
.serv4_pic {
	float:left;
	height:100px;
	width:100px;
	position:relative;
	left:400px;
	bottom:80px;
	background-image:url(../images/bricklayer_wall.jpg);
}
.serv4_head {
	float:left;
	height:25px;
	width:200px;
	position:relative;
	left:405px;
	bottom:80px;
	font-weight:bold;
	text-align:left;
}
.serv4_text {
	float:left;
	height:75px;
	width:200px;
	position:relative;
	left:205px;
	bottom:55px;
	text-align:left;
}
.serv5_pic {
	height:100px;
	width:100px;
	float:left;
	position:relative;
	background-image:url(../images/electrician_re-wiring_home.jpg);
	top:40px;
	right:500px;
}
.serv5_head {
	float:left;
	height:25px;
	width:200px;
	position:relative;
	left:105px;
	font-weight:bold;
	text-align:left;
	bottom:60px;
}
.serv5_text {
	float:left;
	height:75px;
	width:200px;
	position:relative;
	right:95px;
	bottom:35px;
	text-align:left;
}

.serv6_pic {
	float:left;
	height:100px;
	width:100px;
	position:relative;
	background-image:url(../images/painter_decorator.jpg);
	bottom:60px;
}
.serv6_head {
	height:25px;
	width:200px;
	position:relative;
	float:left;
	font-weight:bold;
	text-align:left;
	left:5px;
	bottom:60px;
}
.serv6_text {
	float:left;
	height:75px;
	width:200px;
	position:relative;
	left:5px;
	bottom:60px;
	text-align:left;
}
.serv7_pic {
	float:left;
	height:100px;
	width:100px;
	position:relative;
	background-image:url(../images/plastering_walls.jpg);
	bottom:40px;
}
.serv7_head {
	float:left;
	height:25px;
	width:200px;
	position:relative;
	font-weight:bold;
	text-align: left;
	left:5px;
	bottom:40px;
}
.serv7_text {
	height:75px;
	width:200px;
	float:left;
	position:relative;
	right:195px;
	bottom:15px;
	text-align:left;
}
.serv8_pic {
	float:left;
	height:100px;
	width:100px;
	position:relative;
	background-image:url(../images/facias_gutters_paving_windows.jpg);
	right:100px;
	bottom:40px;
}
.serv8_head {
	float:left;
	height:25px;
	width:200px;
	position:relative;
	font-weight:bold;
	text-align:left;
	left:505px;
	bottom:140px;
}
.serv8_text {
	float:left;
	height:75px;
	width:200px;
	position:relative;
	left:305px;
	bottom:115px;
	text-align:left;
}
.contact_details {
	float:left;
	width:300px;
}

.contact_form {
	float:left;
	width:400px;
	position:relative;
	left:50px;
	margin-right:auto;
	margin-left:auto;
	border:1px solid #CCCCCC;
	background-color:#AACEF2;
}
#contact_info {
	font-family:Arial, Helvetica, sans-serif, Gulim;
	font-size:12px;
	font-weight:bolder;
	color:#FF0000;
}
#wrapper #content #links {
	width:400px;
	float:left;
	padding-left:20px;
	margin-right:auto;
	margin-left:auto;
}
#homepage_logos {
	background-color: #FFFFFF;
	float: none;
	height: 100px;
	width: 700px;
	padding: 10px;
	margin-right: auto;
	margin-left: auto;
}
#servicespage_logos {
	background-color: #FFFFFF;
	float: none;
	height: 100px;
	width: 700px;
	padding: 10px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	bottom: 80px;
}
.aico {
	background-image: url(../images/AICO%20Trained%20Installer.jpg);
	float: left;
	height: 93px;
	width: 219px;
	position: relative;
	left: 160px;
}

.elecsa {
	float: left;
	height: 65px;
	width: 193px;
	background-image: url(../images/Elecsa%20logo.gif);
	position: relative;
	left: 80px;
	top: 20px;
}

.pam_wall_ties {
	float: left;
	height: 112px;
	width: 103px;
	background-image: url(../images/PAM_LOGO.jpg);
}
.counter {
	color:#000033;
	text-align: center;
}
.page_update {
	text-align: center;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	height: 50px;
	color:#FFFFFF;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif, Gulim;
	clear: both;
}
.clear_both {
	clear: both;
}
.areas{
	padding: 15px;
	float: left;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif, Gulim;
	font-size: 12px;
	background-color: #AACEF2;
	color: #333333;

}