/*************************************************************************************************

	Harpers Waist Management [MASTER]

	* Created by: James Mills [www.koodoocreative.co.uk]
	* Document created: 9th March 2009
	* Copyright (c) 2008 James Mills / Koodo Creative.
	
*************************************************************************************************/

/* Import the global reset document
-------------------------------------------------------------- */
@import "reset.css";


/*	Sticky Footer Solution 
	by Steve Hatcher 
	http://stever.ca
	http://www.cssstickyfooter.com
	N.B. also add padding to div#overall_wrapper
-------------------------------------------------------------- */
html, body, #overall_wrapper {height: 100%;}
body > #overall_wrapper {height: auto; min-height: 100%;width:800px;}



/* Golbal CSS settings
-------------------------------------------------------------- */
* { font-family:Arial, Verdana, Helvetica, sans-serif; }

body {
	background:url(../images/header_bg.jpg) repeat-x top;
	background-color:#efefef;
	text-align:center; 
}

.clear_fix { clear: both; }



/* Overall Wrapper
-------------------------------------------------------------- */
div#overall_wrapper {
	text-align:left;
	margin-right:auto;
	margin-left:auto;
	width:800px;
	padding-bottom: 10px; /* must be same height as the footer */
	margin-top: 20px;
	background:url(../images/coil_logo.png) no-repeat right top;

}
div#header_wrapper {

	height:132px;
	padding-top: 3px;
	margin-top: 3px;
	margin-bottom:10px;
}
	
/* Page Title
-------------------------------------------------------------- */
h1#page_title {
	background:url(../images/logo.png);
	color:#232c53;
	float:left;
	width:370px;
	height:68px;
	display:block;
	text-indent:-1000px;
	
}
p#page_title_sub {
	display:block;
	width:400px;
	height:40px;
	float:right;
	margin-top: 12px;
	text-align:right;
	line-height:2em;
}

/* Site navigation
-------------------------------------------------------------- */
ul#site_nav {
	margin-top:80px;
	background:url(../images/nav_bg.jpg) no-repeat left top;
	
}

ul#site_nav li {
	display:inline;
	float:left;
	background:url(../images/nav_hr.png) no-repeat right;
	margin-top:5px;
	margin-right:10px;
	position: relative;
	
}
ul#site_nav li.last {
	background:none;
}
ul#site_nav li a {
	font-size:1.5em;
	color:#fff;
	margin-left:10px;
	text-decoration:none;
	margin-right:30px;
	font-weight:bolder;
	margin-top:7px;
	display:block;
	float:left;

}
ul#site_nav li a:hover{
	font-size:1.5em;
	color:#fff;
	margin-left:10px;
	text-decoration:underline;
	margin-right:30px;
	font-weight:bolder;
	margin-top:7px;
	display:block;
	float:left;
}
ul#site_nav li.mega div {
	display: none;
	position: absolute;
	left: 0px;
	top:20px;
	background:#0000FF;
	padding:15px;
	margin-top:-1px;
	height:169px;
	width:558px;
}

ul#site_nav li.hovering div {
	display: block;
}







/* Sub naivgation
-------------------------------------------------------------- */
div#accordion {
	padding-left:20px;
	padding-right:20px;
}

div#accordion h3 {
	border-top:2px solid #e5932b;
	
	font-size:1.1em;
	color:#e5932b;
	text-decoration:none;
	line-height:1.6em;
	padding-bottom:5px;
	padding-top:5px;
}
div#accordion h3:hover {
	background:url(../images/logo_bul.gif) no-repeat 0px 8px;
	padding-left:20px;
	
}

ul#sub_nav li a {
	font-size:1.1em;
	color:#000;
	text-decoration:none;
	display:block;
	margin-bottom:6px;
}
ul#sub_nav li a:hover{
	color:#444444;
	text-decoration:underline;
}


/* Left
-------------------------------------------------------------- */
div#Left{
	background-color: #cccccc;
	float:Left;
	width:219px;
	background:url(../images/left_middle.jpg) repeat-y left;
}
div#Left_top{
	background:url(../images/left_top.jpg) no-repeat left top;
	height:11px;

}
div#Left_bottom{
	background:url(../images/left_bottom.jpg) no-repeat left top;
	height:23px;

}

div#Left p{
	font-size:1.1em;
	line-height:1.2em;
	padding-left:20px;
	color: #cccccc;
	padding-top:10px;
}
/* Right
-------------------------------------------------------------- */
div#Right{
	float:Right;
	width:575px;
}

/* Flash
-------------------------------------------------------------- */
div#flash_wrapper{
	background:url(../images/no-flash.jpg) no-repeat;
	height:283px;
	width:575px;
	padding-bottom:10px;
}

/* Right_Content
-------------------------------------------------------------- */
div#Right_Content{
	float:Left;
	width:240px;
}
div#Right h1{
	font-size:2em;
	color:#232c53;
	text-decoration:none;
	line-height:1.6em;
}
div#Right hr{
	
	color: #232c53;
	background-color: #232c53;
	height: 2px;
	border: 0;
		margin-bottom:10px;
}
div#Right p{

	color: #232c53;
	font-size:1.1em;
	line-height:1.2em;

}



/* Right_News
-------------------------------------------------------------- */
div#Right_News{
	background:url(../images/news_middle.jpg) repeat-y left;
	float:Right;
	width:330px;
	
}
div#Right_News_top{
	background:url(../images/news_top.jpg) no-repeat left top;
	height:20px;

}
div#Right_News_bottom{
	background:url(../images/news_bottom.jpg) no-repeat left top;
	height:20px;

}
div#Right_News h2{
	display:block;
	width:296px;
	height:34px;
	background:url(../images/rss_bg.jpg) no-repeat;
	margin-bottom:5px;
	padding-left:5px;
	margin-left:19px;
	padding-top:8px;
	color:#FFFFFF;
	font-size:2em;
}

/* Style the news
-------------------------------------------------------------- */
div#Right_News hr{
	color: #fff; 
	background-color: #fff; 
	border: 1px dotted #e2850f; 
	border-style: none none dotted;
	width:290px;
	margin-left:20px;
	clear:both;

}
div#Right_News p{
	font-size:1.1em;
	line-height:1.2em;
	padding-left:20px;
	width:300px;
	float:left;
	padding-bottom:10px;

}
div#Right_News img{
	width:80px;
	height:80px;
	display:block;
	float:right;
	margin-right:15px;
}

div#Right_News a {
	color: #e5932b;
	font-size:1.6em;
	line-height:1.5em;
	padding-left:20px;
	width:300px;
	float:left;
	text-decoration:none;
}
div#Right_News a:hover{
	color: #e5932b;
	font-size:1.6em;
	line-height:1.5em;
	padding-left:20px;
	width:300px;
	float:left;
	text-decoration:underline;
}
/* column1
-------------------------------------------------------------- */
div#column, div.column {
	background:url(../images/content_bg.png);
	padding:8px;
	-moz-border-radius: 6px; 
    -webkit-border-radius: 6px;
	margin-bottom:20px;
}
div#column1 {
	background:url(../images/content_bg.png);
	width:310px;
	float:left;
	padding:8px;
	-moz-border-radius: 6px; 
    -webkit-border-radius: 6px;
	margin-bottom:20px;
}
div#column h2, div#column1 h2, div.column h2, div.column h2 a{
	font-size:1.4em;
	color:#232c53;
	font-weight:bold;
	margin-bottom:10px;
	line-height:1.4em;
}
div#column p, div#column1 p, div.column p {
	font-size:1.3em;
	line-height:18px;
	color:#000;
	margin-bottom:15px;
}
div#column ul, div#column1 ul, div.column ul{
	margin-left:30px;
	margin-bottom:15px;
}
div#column li, div#column1 li, div.column li {
	background:url(../images/logo_bul.gif) no-repeat 0px 0px;
	padding-left:20px;
	font-size:13px;
	color:#000;
	margin-bottom:10px;
	list-style:none;
}






div#column2 {
	width:228px;
	float:right;
	background:url(../images/content_bg.png);
	margin-bottom:10px;
	padding:8px;
	text-align:right;
	-moz-border-radius: 6px; 
    -webkit-border-radius: 6px;
}

div#column2 .item {
	margin-bottom:10px;
}


/* Footer
-------------------------------------------------------------- */
div#footer {
	position: relative;
	margin-top: -10px; /* negative value of footer height */
	height: 50px;
	clear:both;
	background:url(../images/footer_bg.jpg) no-repeat center top;

}
div#footer div#footer_inside {
	margin-left:auto;
	margin-right:auto;
	width:780px;
	padding-top:15px;

	
}
div#footer div#footer_inside li, div#footer div#footer_inside li a {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	font-size:1.1em;
	display:inline;
}

div#footer div#footer_inside li.left {
	float:left;
}

div#footer div#footer_inside li a {
	float:right;
	margin-left:10px;
}




/* Contact Form
-------------------------------------------------------------- */
form#frm_contact label {
	display:block;
	font-size:1.6em;
	margin-bottom:5px;
}

form#frm_contact input[type="text"], form#frm_contact textarea, form#frm_contact select {
	display:block;
	font-size:1.4em;
	border:1px solid #333333;
	padding:3px;
	margin-bottom:10px;
	width:280px;

}
form#frm_contact input[type="text"]:active,
form#frm_contact input[type="text"]:focus,
form#frm_contact textarea:active,
form#frm_contact textarea:focus {
	background:#FFFF99;
}