/*------------------------------------------------------------------------------------------------------------------

Basic Style Sheet for Herts Ahead

version:	1
author:		stormid
email:		info@stormid.com
website:	http://www.stormid.com

------------------------------------------------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	}
	
		
body{
	margin:0; 
    padding:0;
	color: #333333;
	background-color: #a6db57;
	font-size: 62.5%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666666;
	background-image:url(../images/common/hh-bg-top-new.jpg);
	background-repeat :  no-repeat;
	background-position:center top;
	}
	
a:hover{
	background:none;
	text-decoration:none;
	}
	
a{
	color: #F00;
	text-decoration:underline;
	cursor:pointer;
	}
	
/* = Resets
------------------------------------------------------------------------------------------------------------------*/
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
	}
	
table{
	border-collapse:collapse;
	border-spacing:0;
	}
	
fieldset,img{
	border:0;
	}
	
address,caption,cite,code,dfn,em,strong,th,var,optgroup{
	font-style:inherit;
	font-weight:inherit;
	}
	
del,ins{
	text-decoration:none;
	}
	
li{
	list-style:none;
	}
	
caption,th{
	text-align:left;
	}
	
q:before,q:after{
	content:'';
	}
	
abbr,acronym{
	border:0;
	font-variant:normal;
	}
	
sup{
	vertical-align:baseline;
	}
	
sub{
	vertical-align:baseline;
	}
	
input,button,textarea,select,optgroup,option{
	font-family:inherit;
	font-size:inherit;
	font-style:inherit;
	font-weight:inherit;
	}
	
 input:focus{
	 border: none;
 	}
	
/* = Headings
------------------------------------------------------------------------------------------------------------------*/
p{
	color: #333333;
	font-size: 1.3em;
	line-height: 2em;
	margin: 0;
	padding: 0 0 15px 0;
	}
	
h2{
	font-size: 2.4em; 
	font-weight: bold; 
	border-bottom: 1px solid #000000;
	color: #333333;
	margin: 10px 0 20px 0;
	}
	
h3{
	font-size: 1.6em; 
	font-weight: bold; 
	border-bottom: 1px solid #000000;
	color: #333333;
	margin: 10px 0 20px 0;
	}
	
h4, h5, h6, h7, h8, h9{
	color: #333333;
	font-size: 1.3em;
	margin: 0;
	padding: 0 0 15px 0;
	font-weight: bold;
	}
	
/* = Generic 
------------------------------------------------------------------------------------------------------------------*/	
.divclear {
	margin: 0px;
	padding: 0px;
	clear: both;
	}
	
/* = Main logo h1
------------------------------------------------------------------------------------------------------------------*/		
#wrapper-inner h1 {
	color:#7ab7f9;
	display:block;
	height: 99px;
	width: 377px;
	position:absolute;
	top: 65px;
	left: 5px;
	font-size: 0.3em;
	}

#wrapper-inner h1 span {
	color: #ffffff;
	background: url(../images/common/hh-logo.png) no-repeat top left;
	height: 99px;
	width: 377px;
	position:absolute;
	}

#wrapper-inner h1 a{
	color: #7ab7f9;
	cursor:pointer;
	}
	
#hh-3-people{
	background: url(../images/common/hh-3-people.png) no-repeat top left;
	width: 627px;
	height:193px;
	position: absolute;
	top: 0;
	left: 285px;
	z-index:99;
	}
	
.whistleball{
	width: 116px;
	height: 78px;
	position:absolute;
	top: 0;
	left: 0;
	background: url(../images/common/icon-thoughts/hh-whistleball.png) no-repeat top left;
	}
	
.staplermoney{
	width: 110px;
	height: 78px;
	position:absolute;
	top: 0;
	left: 330px;
	background: url(../images/common/icon-thoughts/hh-staplermoney.png) no-repeat top left;
	}
	
.helmet{
	width: 126px;
	height: 76px;
	position:absolute;
	top: 0;
	left: 500px;
	background: url(../images/common/icon-thoughts/hh-helmet.png) no-repeat top left;
	}
	
/*.beachball{
	width: 84px;
	height: 78px;
	position:absolute;
	top: 100px;
	left: -380px;
	background: url(../images/common/icon-thoughts/hh-beachball.png) no-repeat top left;
	z-index: 98;
	}*/
	
/* = Main divs 
------------------------------------------------------------------------------------------------------------------*/
#wrapper-outer{
	width: 100%;
	margin:0;
	padding: 0;
	position:relative;
	}
	
#wrapper-inner{
	width: 858px;
	padding-top: 170px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	}
	
#main-nav{
	height: 66px;
	background:url(../images/navigation/hh-nav-bg.png) top left no-repeat;
	padding: 0;
	margin: 0;
	/*position: relative;*/
	}
	
#main-nav ul{
	list-style:none;
	padding: 20px 0 0 5px;

	}
	
#main-nav ul li{
	float: left;
	}
	
#main-nav ul li.first{
	display:  none;
	}

#main-nav ul li a{
	color: #ffffff;
	font-weight: bold;
	font-size: 1.1em;
	text-decoration:none;
	background:url(../images/navigation/hh-nav-sep.jpg) center right no-repeat;
	padding: 0 9px 0 9px;
	}
	
#main-nav ul li a:hover{
	text-decoration: underline;
	}
	
#main-nav ul li.last a{
	background: none;
	}
	
.mogozout-link{
    position:absolute;
    right:15px;
    top:190px;
    }
    
.mogozout-link a{
    color: #ffffff;
	font-weight: bold;
	font-size: 1.1em;
	text-decoration:none;
    }
    
.mogozout-link a:hover{text-decoration:underline;}
	
#main-content-area{
	background:url(../images/common/hh-content-bg.png) top left repeat-y;
	padding: 20px 0 0 0;
	/*position:relative;*/
	zoom: 1;
	}
	
#main-content-area .content-left{
	width: 581px;
	float: left;
	margin: 0  25px 0 30px;
	display:inline;
	}
	
#main-content-area .content-left ul#link-list{
	list-style: none;
	}
	
#main-content-area .content-left ul#link-list li
{
    font-size: 1em;
    font-weight: normal;
	margin:0 0 20px 0;
	padding: 0 0 20px  0;
	float: left;
	border-bottom: 1px solid #000000;
	width: 100%;
	list-style: none;
	}

#main-content-area .content-left ul#link-list li.first{
	border: none;
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0;
	}
	
#main-content-area .content-left ul#link-list li.last{
	border: none;
	margin: 0;
	padding: 0;
	}
	
#main-content-area .content-left ul#link-list li.first p.right{
	width: 500px;
	}
	
#main-content-area .content-left ul#link-list li p.left {
	float: left;
	padding: 0 20px 0 0;
	}
	
#main-content-area .content-left ul#link-list li p.left img{
	padding: 0 20px 0 0;
}
	
#main-content-area .content-left ul#link-list li p.right{
	float: left;
	width: 410px;
	}
	
#main-content-area .content-right{
	width: 190px;
	float: left;
	}
	
#main-content-area .content-left ul
{
    margin: 0 0 20px 0;
	}
	
#main-content-area .content-left ul li{
	font-weight: bold;
	font-size: 1.3em;
	color: #333333;
	list-style-image:none;
list-style-position:inside;
list-style-type:disc;
	}

/* = Footer
------------------------------------------------------------------------------------------------------------------*/
#footer{
	height: 46px;
	background:url(../images/common/hh-footer-bg.png) top left no-repeat;
	position:relative;
	padding: 0;
	margin: 0 0 30px 0;
	}
	
#footer p{
	font-weight: bold;
	padding: 50px 0 0 6px;
	}
	
	
/* = Lister
------------------------------------------------------------------------------------------------------------------*/
 .lister p
{
    color:#333333;
font-size:1.3em;
line-height:2em;
margin:0;
padding:0 0 15px;}	

#main-content-area .content-left ul.items li.library{list-style: none; margin: 0; padding: 0 0 20px 0;}

#main-content-area .content-left ul.items li.library h3 a{text-decoration: none; margin: 0; padding: 0;}

#main-content-area .content-left ul.items li.library span{font-size: 1em; font-weight: normal; margin: 0; padding: 0 0 10px 0;}

#main-content-area .content-left ul.items li.library p{font-size: 1em; font-weight: bold; margin: 0; padding: 0;}

#main-content-area .content-left .paging ul{margin: 0; padding: 0;}

#main-content-area .content-left .paging ul li{margin: 0; padding: 0 10px 0 0; float: left; list-style: none;}