/*
Theme Name: Chris Storey Hypnotherapy
Theme URL: http://www.techdesigns.co.uk
Description: 
Version: 1
Author: Joey Robinson
Author URL: http://www.techdesigns.co.uk
Latest updated: 12th August 2009
*/

html, body{ margin:0; padding:0; text-align:center; background:url(img/bg.jpg) top center repeat-x #E9DBEA; font-family:verdana;color:#666666; font-size: 13px;} 
 
#pagewidth{ width:896px; text-align:left; margin-left:auto; margin-right:auto; background:url(img/page_bg.jpg) top center repeat-y;} 

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

#header{ position:relative; height:214px; width:832px;background:url(img/header.jpg) top center no-repeat; overflow:hidden;} 

#menu{ position:relative; height:45px; width:831px; padding: 0px 0px 0px 1px; overflow:hidden;} 

#tabs { float:right; clear:right; display:block; line-height:normal; margin: 0px 0px 0px 0px; width:832px; height: 45px; text-align:left; padding: 0px 0px 0px 0px;overflow:hidden; }
#tabs ul { margin:0; padding:0px 0px 0px 0px; list-style:none;float:left; font-family: arial; font-size: 14px; font-weight:bold;}
#tabs li { display:inline; margin:0; padding:0;}
#tabs a { float:left; background:url(img/tab.jpg) no-repeat left top; margin:0px 0px 0px 0px; padding:0 0 0 22px; text-decoration:none; }
#tabs a span { float:left; display:block; background:url(img/tab2.jpg) no-repeat right top; padding:15px 22px 16px 0px; color: #793188; }
 /* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
 /* End IE5-Mac hack */
#tabs a:hover span { color: #793188; }
#tabs a:hover { background-position:0% -50px; color: #793188; }
#tabs a:hover span { background-position:100% -50px; color: #793188; }
#tabs #current a { background-position:0% -50px; }
#tabs #current a span { background-position:100% -50px;}

#header h1{margin:0px 0px 0px 0px;padding:0px;float:left;width:832px;}
#header h1 a{display:block;width:832px;height:169px;}
#header h1 a:hover{display:block;width:832px;height:169px;}
#header h1 span{display:none;} 


#sidecol{ width:198px; float:right;display:inline;  position:relative; padding: 0px 0px 0px 2px; overflow:hidden;}

#submenu {list-style: none; clear:left; }
ul#submenu {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;list-style: none; width:198px;}
ul#submenu li{margin: 0px 0px 0px 0px; display: block; font-family: arial; font-size: 14px; text-decoration:none; font-weight:bold; line-height:1.7em;}
ul#submenu li a{ width: 160px; display: block; background:url(img/li.jpg) top left no-repeat; padding: 7px 5px 6px 33px;  text-decoration:none; color:#793188;margin: 0px 0px 2px 0px; vertical-align: bottom;}
ul#submenu li a:hover{ background-repeat: no-repeat; background-position: -198px 0px; background-image:url(img/li.jpg); text-decoration:none; color:#793188; }

 

#links {list-style: none; clear:left;}
ul#links {padding: 0px 0px 0px 0px; margin: 4px 0px 0px 0px;list-style: none; width:198px;}
ul#links li{margin: 0px 0px 0px 0px; display: block; font-family: arial; font-size: 14px; text-decoration:none; font-weight:bold; line-height:1.7em;}
ul#links li a{ width: 160px; display: block; background:url(img/li2.gif) top left no-repeat; padding: 7px 5px 3px 33px;  text-decoration:none; color:#793188;margin: 0px 0px 2px 0px; vertical-align: bottom;}
ul#links li a:hover{ background-repeat: no-repeat; background-position: -198px 0px; background-image:url(img/li2.gif); text-decoration:none; color:#000000; }


#contacts{width:176px; border: 1px solid #D2BDD5; padding: 10px 10px 10px 10px; background:url(img/contacts_bg.jpg) top left no-repeat; color:#000000; font-family:arial; font-size:14px; font-weight:bold; line-height: 1.4em;}

#maincol{ float: left; position: relative; width:572px; padding: 30px 30px 0px 30px; color:#666666; font-size: 13px; line-height:1.7em;}
#maincol h1, #maincol h2, #maincol h3, #maincol h4 { color:#000000; font-family:arial; font-size: 24px; font-weight:normal;padding: 0px 0px 0px 0px; margin: 0px;}
#maincol h1 a{ color:#000000; font-family:arial; font-size: 24px; padding: 0px 0px 0px 0px; margin: 0px; text-decoration:none;}
#maincol h1 a:hover{ color:#568BC0; font-family:arial; font-size: 24px; padding: 0px 0px 0px 0px; margin: 0px; text-decoration:none;}
#maincol p{ color:#666666; font-size: 13px; line-height:1.7em;}
#maincol a{ color:#666666; }
#maincol a:hover{ color:#666666; text-decoration:none;}
#maincol ul{ color:#666666; font-size: 13px; line-height:1.7em;}
#maincol ol{ color:#666666; font-size: 13px; line-height:1.7em;}
#maincol img{ float:right; padding: 0px 0px 10px 10px; border:0px; clear:right;}


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

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

#footer{ height:66px; padding: 41px 40px 0px 40px;width: 816px; background:url(img/footer.jpg) top center no-repeat; clear:both; margin-left:auto; margin-right:auto;color:#723180; font-family:arial; font-size:14px; font-weight:bold;} 
#footer a{ color:#723180; font-family:arial; font-size:14px; font-weight:bold;} 
#footer a:hover{ 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;
  } 

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