/*
Theme Name: E.C.O. Photography
Theme URL: http://www.techdesigns.co.uk
Description: 
Version: 1
Author: Joey Robinson
Author URL: http://www.techdesigns.co.uk
Latest updated: 25th January 2010
*/
html, body{ margin:0; padding:0; text-align:center; background:#FFFFFF;color:#000000;} 
 
#pagewidth{ width:960px; text-align:left; margin-left:auto; margin-right:auto; } 

#page{ width:960px; text-align:left; margin-left:auto; margin-right:auto;} 

#header{ position:relative; height:77px; width:960px;} 
#header h1{margin:18px 0px 0px 0px;padding:0px;float:left;width:960px; font-family:Futura Lt BT, arial; font-size:42px; font-weight:normal; color:#000000; text-transform:uppercase;}
#header h1 a{display:block;width:960px;color:#000000; text-decoration:none;}
#header h1 a:hover{display:block;width:960px;color:#666666; text-decoration:none;}
#header h1 span{} 

#flash{width:940px; height:610px; display:block; margin: 0px auto 0px auto; padding: 0px 10px 0px 10px;}

#maincol{ float: left; display:inline; position: relative; width:960px; margin: 0px 0px 40px 0px; color:#000000; font-size: 13px; line-height:1.7em; font-family:helvetica, arial; font-weight:bold;}
#maincol p{ color:#000000; font-size: 13px; line-height:1.7em; font-family:helvetica, arial; font-weight:bold; margin: 0px 5px 0px 5px;}
#maincol a{ color:#000000; font-size: 13px; font-family:helvetica, arial; font-weight:bold; }
#maincol a:hover{ color:#000000; font-size: 13px; font-family:helvetica, arial; font-weight:bold; text-decoration:none; }


#gallery{ width:960px; float:left; clear:both; overflow:hidden; margin:0px 0px 30px 0px;} 
#gallery a:hover{ filter:alpha(opacity=60);opacity:.60; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);} 



#menu{ position:relative; height:180px; width:960px; display:block; overflow:hidden float:left; clear:both;} 

#i001{ position:relative; height:180px; width:190px;float:left; clear:left; margin: 0px 0px 0px 0px;} 
#i001 h3{margin:0px 0px 0px 0px;padding:0px;float:left;width:190px;}
#i001 h3 a{display:block;width:190px;height:180px;background:url(img/i001.jpg) top left no-repeat;}
#i001 h3 a:hover{display:block;width:190px;height:180px;background-position:-190px 0px;}
#i001 h3 span{display:none;} 

#i002{ position:relative; height:180px; width:190px;float:left; margin: 0px 0px 0px 0px;} 
#i002 h3{margin:0px 0px 0px 0px;padding:0px;float:left;width:190px;}
#i002 h3 a{display:block;width:190px;height:180px;background:url(img/i002.jpg) top left no-repeat;}
#i002 h3 a:hover{display:block;width:190px;height:180px;background-position:-190px 0px;}
#i002 h3 span{display:none;} 

#i003{ position:relative; height:180px; width:190px;float:left; margin: 0px 0px 0px 0px;} 
#i003 h3{margin:0px 0px 0px 0px;padding:0px;float:left;width:190px;}
#i003 h3 a{display:block;width:190px;height:180px;background:url(img/i003.jpg) top left no-repeat;}
#i003 h3 a:hover{display:block;width:190px;height:180px;background-position:-190px 0px;}
#i003 h3 span{display:none;} 

#i004{ position:relative; height:180px; width:190px;float:left; margin: 0px 0px 0px 0px;} 
#i004 h3{margin:0px 0px 0px 0px;padding:0px;float:left;width:190px;}
#i004 h3 a{display:block;width:190px;height:180px;background:url(img/i004.jpg) top left no-repeat;}
#i004 h3 a:hover{display:block;width:190px;height:180px;background-position:-190px 0px;}
#i004 h3 span{display:none;} 

#i005{ position:relative; height:180px; width:190px;float:left; margin: 0px 0px 0px 0px;} 
#i005 h3{margin:0px 0px 0px 0px;padding:0px;float:left;width:190px;}
#i005 h3 a{display:block;width:190px;height:180px;background:url(img/i005.jpg) top left no-repeat;}
#i005 h3 a:hover{display:block;width:190px;height:180px;background-position:-190px 0px;}
#i005 h3 span{display:none;} 

#footer{ height:150px; width: 960px; background:url(img/logo.gif) top center no-repeat; clear:both; margin-left:auto; margin-right:auto; text-transform:uppercase; color:#000000; font-size: 13px; line-height:1.7em; font-family:helvetica, arial; font-weight:bold;} 
#footer a{ color:#000000; font-size: 13px; line-height:1.7em; font-family:helvetica, arial; font-weight:bold; text-decoration:none;} 
#footer a:hover{ color:#666666; font-size: 13px; line-height:1.7em; font-family:helvetica, arial; font-weight:bold; 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 */ 


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}


 
img.centered {display:block; margin-left:auto; margin-right:auto;}
img.alignright {float:right; clear:right; padding: 0px 0px 10px 10px;}
img.alignleft {float:left; clear:left; padding: 0px 10px 10px 0px;}
.aligncenter { display: block; margin-left: auto; margin-right: auto;}
.alignright {float:right; clear:right; padding: 0px 0px 10px 10px;}
.alignleft {float:left; clear:left; padding: 0px 10px 10px 0px;}
 



div.formlayout {
width: 500px;
background-color: #fffff;
padding: 0px;
margin: 0px auto;
float:left;
 }
 
div.row {
width: 450px;
  clear: both;
  padding-top: 5px;
  }

div.row span.label {
  float: left;
  width: 150px;
  padding-top: 0px;
  padding-right: 4px;
 margin-bottom: 3px;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 300px;
  text-align: left;
  } 

#footertext { clear:both; color:#000000; width: 500px; padding: 0px 0px 30px 0px; font-size: 11px; margin-left:auto; margin-right:auto; font-family:arial;}
#footertext a { color:#000000; font-size: 11px; text-decoration:none;}
#footertext a:hover { color:#000000; font-size: 11px;  }