/*
Theme Name: Hay's Electrical Services Ltd
Theme URL: http://www.techdesigns.co.uk
Description: 
Version: 1
Author: Joey Robinson
Author URL: http://www.techdesigns.co.uk
Latest updated: 9th October 2008
*/
html, body{ margin:0px 0px 0px 0px; padding:0; text-align:center; background: url(img/bg.jpg) top center repeat-x #B0D8FF; font-family:verdana,arial;} 
 
#pagewidth{ width:860px; text-align:left; margin-left:auto; margin-right:auto; background: url(img/page_bg.jpg) top center repeat-y; } 

#page{ width:860px; text-align:left; margin-left:auto; margin-right:auto; background: url(img/page.jpg) top center no-repeat; } 

#header{ position:relative; height:175px; width:800px;background: url(img/header.jpg) top center no-repeat; padding: 0px 30px 0px 30px;} 
#header h1{margin:0px 0px 0px 0px;padding:0px;float:left;width:800px;}
#header h1 a{display:block;width:800px;height:139px;}
#header h1 a:hover{display:block;width:800px;height:139px;}
#header h1 span{display:none;} 

#topimage{ position:relative; height:200px; width:780px;background: url(img/top.jpg) top center no-repeat; padding: 0px 30px 0px 30px; margin:0px auto 0px auto; display:block;} 

ul#menu { margin: 0px; padding: 0px 0px 0px 0px; list-style-type: none; white-space: nowrap;height: 36px; clear:both;}
ul#menu li { float: left; font-family: verdana, arial, sans-serif; font-size: 12px; margin: 0; padding: 11px 0px 11px 0px; background: inherit; border: 0px; text-transform:uppercase; font-weight:bold;}
#menu a, #menu a:link { margin: 0; padding: 11px 13px 11px 13px; color: #0053A6; border: 0px; text-decoration: none;  background: url(img/menu.jpg) top left no-repeat;}
ul#menu li#active { color: #000000;}
#menu a:hover { color: #000000; background-repeat: no-repeat; background-position: -309px 0px; background-image: url(img/menu.jpg);}

#maincol{ float: right; display:inline; position: relative; width:720px; min-height: 390px; padding: 30px 70px 20px 70px;}
#maincol h1, #maincol h2, #maincol h3, #maincol h4 { color:#000000; font-family:arial; font-size: 22px; padding: 0px 0px 0px 0px; margin: 0px; clear:left;}
#maincol h1 a{ color:#000000; font-family:arial; font-size: 22px; padding: 0px 0px 0px 0px; margin: 0px; text-decoration:none;}
#maincol h1 a:hover{ color:#568BC0; font-family:arial; font-size: 22px; padding: 0px 0px 0px 0px; margin: 0px; text-decoration:none;}
#maincol p{ color:#333333; font-size: 13px; line-height:1.7em;}
#maincol a{ color:#333333; }
#maincol a:hover{ color:#333333; text-decoration:none;}
#maincol ul{ color:#333333; font-size: 13px; line-height:1.7em;}
#maincol ol{ color:#333333; font-size: 13px; line-height:1.7em;}
#maincol img{ float:right; padding: 0px 0px 10px 10px; border:0px; clear:right;}

#icon1{ float:left; position:relative; width:240px; margin: 10px 22px 0px 0px;}
#icon1 h5{margin:0px 0px 0px 0px;padding:0px;width:240px;}
#icon1 h5 a{display:block;width:240px;height:165px; background: url(img/icon_001.jpg) top left no-repeat;}
#icon1 h5 a:hover{display:block;width:240px;height:165px; filter:alpha(opacity=60);opacity:.60; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);}
#icon1 h5 span{display:none;}

#icon2{ float:left; position:relative; width:240px; margin: 10px 0px 0px 0px;}
#icon2 h5{margin:0px 0px 0px 0px;padding:0px;width:240px;}
#icon2 h5 a{display:block;width:240px;height:165px; background: url(img/icon_002.jpg) top left no-repeat;}
#icon2 h5 a:hover{display:block;width:240px;height:165px; filter:alpha(opacity=60);opacity:.60; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);}
#icon2 h5 span{display:none;}
 
#footer{ height:55px; clear:both; width:760px; padding: 12px 50px 0px 50px; margin:0px auto 0px auto; background: url(img/footer.gif) top center no-repeat; font-family:verdana; color:#0053A6; font-weight:bold; font-size:12px; text-align:left;} 
 
#footertext { clear:both; color:#386BB8; width: 500px; padding: 10px 0px 10px 0px; font-size: 11px; margin-left:auto; margin-right:auto;}
#footertext a { color:#386BB8; font-size: 11px; text-decoration:none; }
#footertext a:hover { color:#000000; font-size: 11px; text-decoration:none;  }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 




#footertext { clear:both; color:#666666; width: 500px; padding: 10px 0px 20px 0px; font-size: 11px; margin-left:auto; margin-right:auto; height: 30px;}
#footertext a { color:#666666; font-size: 11px; text-decoration:none;}
#footertext a:hover { color:#333333; font-size: 11px; text-decoration:none; }


#submenu{ width:720px; padding: 0px 0px 0px 0px; margin:0px; display:block;}
ul#submenunav { margin: 0px; padding: 0px 0px 10px 0px; list-style-type: none; white-space: nowrap;clear:both;}
ul#submenunav li { float: left; font-family: verdana, arial, sans-serif; font-size: 12px; margin: 0; padding: 0px 0px 12px 0px; background: inherit; border: 0px; text-transform:uppercase; font-weight:bold;}
#submenunav a, #submenunav a:link { margin: 0; padding: 0px 25px 12px 0px; color: #0053A6; border: 0px; text-decoration: none;  }
ul#submenunav li#active { color: #000000;}
#submenunav a:hover { color: #000000;}