/************************************ 
Client: Haig Park Off Road Layout   *
Type: Layout                        *
By: Tim Green                       *
Version:1.0                         *
************************************/
/*Reset*/
html, body, div, span,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, acronym, address, em, font,ol,
fieldset, form, label, legend, caption{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/*Body Styles*/
html,body{
	background:#174289 url(../images/body.png) repeat-x top;
	bottom:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	height:100%;
}

/*Remove the ugly image border*/
img{border:none;}

/* General Text Styles*/
p {
	color:#212020;
	margin:0;
	padding:4px 0 0 13px;
}

h1, h2, h3, h4, h5, h6 {
	color:#163364;
	font-size:100%;
	font-weight:normal;
	text-shadow:1px 1px #BFDDFF;
	text-transform:capitalize;
}

#content h2{
	font-size:24px;
	font-weight:bold;
	margin:5px 5px 0 5px;
	padding-left:6px;
	text-transform:capitalize;
}

#content h4{
	font-size:18px;
	font-weight:bold;
	margin:5px 5px 0 5px;
	padding-left:6px;
	text-transform:capitalize;
}

#content h5{
	font-size:14px;
	font-weight:bold;
	margin:5px 5px 0 5px;
	padding-left:6px;
}

/*Contains all information*/
div#container{
	margin:0 auto;
	width:980px;
}

/*Clearing Div's*/
div.clear{clear:both;}

/*Make Certains Divs etc to hide*/
.vis{	
	display:block;
	visibility:hidden;
}

/*Header Start*/
div.header{height:122px;	}

/*Company Logo*/
div#logo{
	background:url(../images/hp-logo.png) no-repeat;
	height:122px;
	float:left;
	margin-left:3px;
	width:980px;
}

/*Creating the background logo as link*/
div#logo a {
  background:url(../images/hp-logo.png) no-repeat;
  display:block;  
  height:121px;
  text-decoration:none;
  text-indent:-9999px;
  width:300px;
}

/*Hide the background image text*/
#logo a span {visibility: hidden;}

/*Header End*/

/*Tool Tip */
#tooltip{
	background-color:#DCE9FD; 
	border:#BED3F3 1px solid;
	color:#333;
	display:none;
	padding:6px 5px;
	position:absolute;
	width:auto;
}	

a#tool,tool-1, tool-2, tool-3{
	text-decoration:none;
	color:#212020;	
}

/*Feature Item*/
div#featured{
	height:310px;
	margin-top:15px;
	margin-bottom:8px;
}

/*Content Start*/

/*Top Content Backgrounds*/
div#toppages{ 
	background:url(../images/content-top.png) no-repeat top;
	height:12px;
	margin-top:75px;
}

div#top-content{
	background:url(../images/top-content.png) no-repeat center top;
	height:15px;
	margin-top:20px;
}

/*Main Content Styles*/
div#content{
	background:#fff url(../images/white.png) repeat;
	clear:both;
	height:100%;
	margin:0 auto;
	min-height:330px;	
	overflow:auto;
	width:950px;
}

div#content-left{
	margin-left:12px;
	min-height:300px;
	float:left;
	width:650px;
}

div#content-right{
	float:right;
	margin:0 18px 0 15px;
	min-height:300px;
	width:250px;
}
/*Botton Content Background*/
div#bottom-content{
	background:url(../images/bottom-content.png) no-repeat center bottom;
	height:15px;
}

/*Accordion Start*/
div#specials-accordion{
	margin:5px 0 0 12px;
	display:none;
}

div#basic-accordian{
	border:5px solid #EEE;
	padding:5px;
	width:350px;
	z-index:2;
}

div.accordion_headings{
	background:#0F2C5B;
	border:1px solid #14243F;
	color:#fff;
	cursor:pointer;
	font-size:14px;
	font-weight:bold;
	margin-bottom:3px;
	margin:0 0 3px;
	padding:10px 0 10px 5px;
}

div.accordion_headings:hover{
	background:#133162;
	border:1px solid #4772B8;
	padding:10px 0;
}

div.accordion_child{
	background:#E3EEFF;
	border:#749DDF 1px solid;
	margin:1px 0 9px;
	overflow:auto;
	padding:15px;
}

div.header_highlight{
	background:#163363;
	padding:10px 0;
}
/*Accordion End*/


/*Content End*/

/*Footer Content*/
div#footer-content{
	background-color:#1B4C9B;
	color:#8AAFEF;
	height:49px;
	margin:12px 0 0 0;
	padding-top:16px;
}

/*Main Footer Content*/
div#footer{
	/*background-color:#061F4A;*/
	color:#8AAFEF;
	font-size:10px;
	height:15px;
	padding-left:15px;
	bottom:0;
	text-align:center;
}

div#foot-site{
	clear:both;
	color:#325DA4;
	padding:8px 0 5px;
	text-decoration:none;
}

#foot-site a:hover{color:#FEFFFF; text-decoration:none;}
#foot-site a{color:#8AAFEF; text-decoration:none;}