/*
Theme Name: Keylight Photography
Theme URL: http://www.techdesigns.co.uk
Description: 
Version: 1
Author: Joey Robinson
Author URL: http://www.techdesigns.co.uk
Latest updated: 20th May 2009
*/
html, body{ margin:0; padding:0; text-align:center; background:url(img/bg.jpg) top center repeat-x #696969; color:#FFFFFF; font-size: 11px; font-family:verdana;} 
 
#page{ width:960px; text-align:left; margin-left:auto; margin-right:auto; background:url(img/page.jpg) top center no-repeat;} 

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

#email{ position:relative; height:114px; width:152px; padding: 0px 0px 0px 0px; float:right; clear;right;} 
#email h5{margin:0px 0px 0px 0px;padding:0px;float:left;width:152px;}
#email h5 a{display:block;width:152px;height:114px;}
#email h5 a:hover{display:block;width:152px;height:114px;background:url(img/e-mail.jpg) top center no-repeat;}
#email h5 span{display:none;} 

#tabs {  clear:right; display:block; line-height:normal; margin: 0px 0px 0px 0px; width:904px; height: 27px; text-align:right; padding: 0px 0px 0px 0px;overflow:hidden; }
#tabs ul { margin:0; padding:0px 0px 0px 0px; list-style:none;float:right; font-family: verdana; font-size: 11px; font-weight:bold;}
#tabs li { display:inline; margin:0; padding:0;}
#tabs a { float:left; background:url(img/tab.gif) no-repeat left top; margin:0px 2px 0px 0px; padding:0 0 0 14px; text-decoration:none; }
#tabs a span { float:left; display:block; background:url(img/tab2.gif) no-repeat right top; padding:5px 14px 7px 0px; color: #FFFFFF; }
 /* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
 /* End IE5-Mac hack */
#tabs a:hover span { color: #FFFFFF; }
#tabs a:hover { background-position:0% -42px; color: #FFFFFF; }
#tabs a:hover span { background-position:100% -42px; color: #FFFFFF; }
#tabs #current a { background-position:0% -42px; }
#tabs #current a span { background-position:100% -42px;}
 

 
#maincol{ float: left; display:inline; position: relative; width:566px; padding: 34px 0px 70px 58px; color:#FFFFFF; font-size: 11px;}
#maincol h1{ color:#FFFF99; font-family:arial; font-size: 20px; padding: 0px 0px 0px 0px; margin: 0px; font-weight:normal; }
#maincol h2, #maincol h3{ color:#FFFFFF; font-family:arial; font-size: 20px; padding: 0px 0px 0px 0px; margin: 0px; font-weight:normal; }
#maincol h1 a, #maincol h2 a, #maincol h3 a, #maincol h4 a{ color:#FFFF99; font-family:arial; font-size: 20px; padding: 0px 0px 0px 0px; margin: 0px; font-weight:normal;text-decoration:none;}
#maincol h1 a:hover, #maincol h2 a:hover, #maincol h3 a:hover, #maincol h4 a:hover { color:#FFFF99; font-family:arial; font-size: 20px; padding: 0px 0px 0px 0px; margin: 0px; font-weight:normal;text-decoration:none;}
#maincol h4 { color:#FFFF99; font-family:arial; font-size: 16px; padding: 10px 0px 0px 0px; margin: 0px; font-weight:bold; }
#maincol p{ color:#FFFFFF; font-size: 11px; line-height:1.7em; font-family:verdana;}
#maincol ul, #maincol ol{ list-style: none; color:#FFFFFF; font-size: 11px; line-height:1.7em; font-family:verdana;}
#maincol ul li, #maincol ol li{ padding: 2px 0px 3px 20px; background: url(img/li.gif) top left no-repeat; }
#maincol a{ color:#FFFFFF; }
#maincol a:hover{ color:#FFFFFF; text-decoration:none;}


.aligncenter { display: block; margin-left: auto; margin-right: auto;}
.alignright {float:right;}
.alignleft {float:left;}

#submenu{ position:relative; height:42px; width:904px; overflow:hidden; margin-left:auto; margin-right:auto; background:url(img/submenu.jpg) top center no-repeat; padding: 0px 28px 0px 28px; text-align:right;} 

ul#submenunav { margin: 0px; padding: 0px; list-style-type: none; white-space: nowrap;height: 39px; text-align:right; float:right;}
ul#submenunav li { float: left; font-family: arial, sans-serif; font-size: 14px; margin: 0; font-weight:bold; padding: 13px 0px 13px 0px; background: inherit; border: 0px; }
#submenunav a, #submenunav a:link { margin: 0; padding: 13px 22px 13px 18px; color: #FFFF99; border: 0px; text-decoration: none;background: url(img/submenu_button.jpg) top right no-repeat;}
ul#submenunav li#active { color: #FFFFFF; }
#submenunav a:hover { color: #FFFFFF;}


#gallerycol{ float: left; display:inline; position: relative; width:844px; padding: 34px 58px 70px 58px; color:#FFFFFF; font-size: 11px;}
#gallerycol h1, #gallerycol h2, #gallerycol h3{ color:#FFFF99; font-family:arial; font-size: 20px; padding: 0px 0px 0px 0px; margin: 0px; font-weight:normal; }
#gallerycol h1 a, #gallerycol h2 a, #gallerycol h3 a{ color:#FFFF99; font-family:arial; font-size: 20px; padding: 0px 0px 0px 0px; margin: 0px; font-weight:normal;text-decoration:none;}
#gallerycol h1 a:hover, #gallerycol h2 a:hover, #gallerycol h3 a:hover { color:#FFFF99; font-family:arial; font-size: 20px; padding: 0px 0px 0px 0px; margin: 0px; font-weight:normal;text-decoration:none;}
#gallerycol h4 { color:#FFFF99; font-family:arial; font-size: 16px; padding: 10px 0px 0px 0px; margin: 0px; font-weight:bold; }
#gallerycol p{ color:#FFFFFF; font-size: 11px; line-height:1.7em; font-family:verdana;}
#gallerycol a{ color:#FFFFFF; }
#gallerycol a:hover{ color:#FFFFFF; text-decoration:none;}


#fullwidthcol{ float: left; display:inline; position: relative; width:844px; padding: 34px 58px 70px 58px; color:#FFFFFF; font-size: 11px;}
#fullwidthcol h1, #fullwidthcol h2, #fullwidthcol h3 { color:#FFFF99; font-family:arial; font-size: 20px; padding: 0px 0px 0px 0px; margin: 0px; font-weight:normal; }
#fullwidthcol h1 a, #fullwidthcol h2 a, #fullwidthcol h3 a{ color:#FFFF99; font-family:arial; font-size: 20px; padding: 0px 0px 0px 0px; margin: 0px; font-weight:normal;text-decoration:none;}
#fullwidthcol h1 a:hover, #fullwidthcol h2 a:hover, #fullwidthcol h3 a:hover{ color:#FFFF99; font-family:arial; font-size: 20px; padding: 0px 0px 0px 0px; margin: 0px; font-weight:normal;text-decoration:none;}
#fullwidthcol h4 { color:#FFFF99; font-family:arial; font-size: 16px; padding: 10px 0px 0px 0px; margin: 0px; font-weight:bold; }
#fullwidthcol p{ color:#FFFFFF; font-size: 11px; line-height:1.7em; font-family:verdana;}
#fullwidthcol a{ color:#FFFFFF; }
#fullwidthcol a:hover{ color:#FFFFFF; text-decoration:none;}
#fullwidthcol img{ float:right; padding: 0px 0px 15px 10px; border:0px; clear:right;} 

.box{width:530px; border:1px solid #000000; background:#333333; padding: 5px 10px 10px 10px; margin: 10px 0px 10px 0px;}


#newscontent{ float: left; display:inline; position: relative; width:616px; padding: 34px 0px 70px 58px; color:#FFFFFF; font-size: 11px; overflow-x:hidden;}
#newscontent h1{ color:#FFFF99; font-family:arial; font-size: 20px; padding: 0px 0px 0px 0px; margin: 0px; font-weight:normal; }
#newscontent h2, #newscontent h3{ color:#FFFFFF; font-family:arial; font-size: 20px; padding: 0px 0px 0px 0px; margin: 0px; font-weight:normal; }
#newscontent h1 a, #newscontent h2 a, #newscontent h3 a, #newscontent h4 a{ color:#FFFF99; font-family:arial; font-size: 20px; padding: 0px 0px 0px 0px; margin: 0px; font-weight:normal;text-decoration:none;}
#newscontent h1 a:hover, #newscontent h2 a:hover, #newscontent h3 a:hover, #newscontent h4 a:hover { color:#FFFF99; font-family:arial; font-size: 20px; padding: 0px 0px 0px 0px; margin: 0px; font-weight:normal;text-decoration:none;}
#newscontent h4 { color:#FFFF99; font-family:arial; font-size: 16px; padding: 10px 0px 0px 0px; margin: 0px; font-weight:bold; }
#newscontent p{ color:#FFFFFF; font-size: 11px; line-height:1.7em; font-family:verdana;}
#newscontent ul, #newscontent ol{ list-style: none; color:#FFFFFF; font-size: 11px; line-height:1.7em; font-family:verdana;}
#newscontent ul li, #newscontent ol li{ padding: 2px 0px 3px 20px; background: url(img/li.gif) top left no-repeat; }
#newscontent a{ color:#FFFFFF; }
#newscontent a:hover{ color:#FFFFFF; text-decoration:none;}


#newscol{ width:258px; float:right; display:inline; position:relative; padding: 29px 28px 0px 0px; overflow-x:hidden;}
#newscol h2{ color:#FFFF99; font-family:arial; font-size: 14px; padding: 0px 0px 0px 0px; margin: 0px; font-weight:bold; }

#newscol ul {padding: 5px 0px 5px 0px; margin: 0px 0px 0px 0px;list-style: none; width:208px; clear:left; }
#newscol ul li{margin: 0px 0px 0px 0px; display: block; }
#newscol ul li a{ width: 236px; display: block; background:url(img/side.gif) top left no-repeat; padding: 4px 5px 6px 18px; text-decoration:none; font-family:arial; color:#FFFFFF; font-size:14px; font-weight:bold;margin: 0px 0px 0px 0px; vertical-align: bottom;}
#newscol ul li a:hover{ padding: 4px 5px 6px 18px; width: 236px; background-repeat: no-repeat; background-position: -330px 0px; background-image:url(img/side.gif); text-decoration:none; color:#FFFF99; }













#galleryicon{ position:relative; height:300px; width:525px; padding: 0px 0px 0px 0px; margin: 20px auto 0px auto; clear;left;} 
#galleryicon h5{margin:0px 0px 0px 0px;padding:0px;float:left;width:525px;}
#galleryicon h5 a{display:block;width:525px;height:300px;background:url(img/gallery.jpg) top left no-repeat;}
#galleryicon h5 a:hover{display:block;width:525px;height:300px; }
#galleryicon h5 span{display:none;}

#rightcol{ width:308px; float:right; display:inline; position:relative; padding: 29px 28px 0px 0px;}
#rightcol h2{ color:#FFFF99; font-family:arial; font-size: 14px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 20px; font-weight:bold; }
#rightcol ul {padding: 5px 0px 5px 0px; margin: 0px 0px 0px 20px;list-style: none; width:288px; clear:left; }
#rightcol ul li{margin: 0px 0px 0px 0px; display: block; }
#rightcol ul li a{ width: 266px; display: block; background:url(img/side.gif) top left no-repeat; padding: 4px 5px 6px 18px; text-decoration:none; font-family:arial; color:#FFFFFF; font-size:14px; font-weight:bold;margin: 0px 0px 0px 0px; vertical-align: bottom;}
#rightcol ul li a:hover{ padding: 4px 5px 6px 18px; width: 266px; background-repeat: no-repeat; background-position: -330px 0px; background-image:url(img/side.gif); text-decoration:none; color:#FFFF99; }

.divider{clear:both; width:600px; height:30px; display:block; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px;}



#icon001{ position:relative; height:73px; width:308px; padding: 0px 0px 0px 0px; float:right; clear;right;} 
#icon001 h5{margin:0px 0px 0px 0px;padding:0px;float:left;width:308px;}
#icon001 h5 a{display:block;width:308px;height:73px;background:url(img/icon_001.jpg) top left no-repeat;}
#icon001 h5 a:hover{display:block;width:308px;height:73px; background-position:-308px 0px;}
#icon001 h5 span{display:none;}

#icon002{ position:relative; height:73px; width:308px; padding: 0px 0px 0px 0px; float:right; clear;right;} 
#icon002 h5{margin:0px 0px 0px 0px;padding:0px;float:left;width:308px;}
#icon002 h5 a{display:block;width:308px;height:73px;background:url(img/icon_002.jpg) top left no-repeat;}
#icon002 h5 a:hover{display:block;width:308px;height:73px; background-position:-308px 0px;}
#icon002 h5 span{display:none;} 

#icon003{ position:relative; height:73px; width:308px; padding: 0px 0px 0px 0px; float:right; clear;right;} 
#icon003 h5{margin:0px 0px 0px 0px;padding:0px;float:left;width:308px;}
#icon003 h5 a{display:block;width:308px;height:73px;background:url(img/icon_003.jpg) top left no-repeat;}
#icon003 h5 a:hover{display:block;width:308px;height:73px; background-position:-308px 0px;}
#icon003 h5 span{display:none;} 

#icon004{ position:relative; height:73px; width:308px; padding: 0px 0px 0px 0px; float:right; clear;right;} 
#icon004 h5{margin:0px 0px 0px 0px;padding:0px;float:left;width:308px;}
#icon004 h5 a{display:block;width:308px;height:73px;background:url(img/icon_004.jpg) top left no-repeat;}
#icon004 h5 a:hover{display:block;width:308px;height:73px; background-position:-308px 0px;}
#icon004 h5 span{display:none;} 

#icon005{ position:relative; height:73px; width:308px; padding: 0px 0px 0px 0px; float:right; clear;right; margin: 0px 0px 10px 0px;} 
#icon005 h5{margin:0px 0px 0px 0px;padding:0px;float:left;width:308px;}
#icon005 h5 a{display:block;width:308px;height:73px;background:url(img/icon_005.jpg) top left no-repeat;}
#icon005 h5 a:hover{display:block;width:308px;height:73px; background-position:-308px 0px;}
#icon005 h5 span{display:none;} 

#footer{ height:56px; width: 960px; background:url(img/footer.png) top center no-repeat; clear:both; margin-left:auto; margin-right:auto; color:#FFFFFF; font-size: 11px; font-family:verdana;} 
#footer a{ color:#FFFFFF; }
#footer a:hover{ color:#FFFFFF; text-decoration:none;}

#footertext{ width: 960px; height:100px; clear:both;  margin: 20px auto 30px auto; color:#FFFFFF; font-size: 11px; font-family:verdana;} 
#footertext a{ color:#FFFFFF; }
#footertext a:hover{ color:#FFFFFF; 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;}
}





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;
  }