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

	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:950px;}



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

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

.clear_fix { clear: both; }



/* Overall Wrapper
-------------------------------------------------------------- */
div#overall_wrapper {
	margin-left:auto;
	margin-right:auto;
	width:950px;
	padding-top: 20px;
	
}
div#header_wrapper {
	padding-bottom: 12px;
}
div#border_wrapper {
	background:url(../images/border.png);
	padding:10px;
}
div#content_wrapper {
	background-color:#fff;
	padding:10px;
	text-align:left;
}
	
/* Page Title
-------------------------------------------------------------- */
h1#page_title a {
	background:url(../images/logo.png) no-repeat top;
	display:block;
	width:186px;
	height:145px;
	text-indent:-9000px;
	padding-left:750px;
}

/* Site navigation
-------------------------------------------------------------- */
ul#site_nav {
	background:url(../images/nav.gif) repeat-x left top;
	height:32px;
	margin-bottom:10px;
}

ul#site_nav li {
	display:inline;
	float:left;
	background:url(../images/nav_hr.png) no-repeat right;
	margin-top:2px;
	margin-left:5px;
	
}

ul#site_nav li a {
	font-size:1.1em;
	color:#fff;
	padding:5px;
	text-decoration:none;
	margin-right:10px;
	font-weight:bolder;
	padding-top:7px;
	display:block;
	float:left;
}

ul#site_nav li a:hover{
	font-size:1.1em;
	color:#fff;
	padding:5px;
	text-decoration:underline;
	margin-right:10px;
	font-weight:bolder;
	padding-top:7px;
	display:block;
	float:left;
}

/* Column1
-------------------------------------------------------------- */
div#Column1
{
	width:320px;
	margin-bottom:10px;
	margin-right:10px;
	float:left;
}
div#Column1 p{
	font-size:1.1em;
	color:#003c7f;
	text-decoration:none;
	line-height:1.6em;
	padding-right:10px;
	margin-bottom:5px;
	float:left;
}
div#Column1 h2{
	font-size:1.8em;
	color:#003c7f;
	text-decoration:none;
	line-height:1.6em;
	padding-right:10px;
	margin-bottom:10px;
	
}
div#Column1 img
{

}
/* Column1
-------------------------------------------------------------- */
div#Column1_content
{
	width:680px;

	float:left;
}
div#Column1_content_wrapper
{
	margin-bottom:5px;

}
div#Column1_content_left
{
	float:left;
	width:420px;
}
div#Column1_content_right
{
	float:right;
	background-color:#e7e7e7;
	padding:8px;
}

div#Column1_content_left h1{
	font-size:1.7em;
	color:#003c7f;
	text-decoration:none;
	line-height:1.2em;
	text-transform:uppercase;
	margin-bottom:10px;
}
div#Column1_content_left p{
	font-size:1.2em;
	color:#003c7f;
	text-decoration:none;
	line-height:1.5em;
}div#Column1_content_right p{
	font-size:1.2em;
	color:#003c7f;
	text-decoration:none;
	line-height:1.5em;
	width:200px;
}
div#Column1_content_left a {
	font-size:1.2em;
	color:#f8c56e;
	/*height:13px;*/
	/*width:113px;*/
	text-decoration:none;
	/*font-weight:bolder;*/
	/*display:block;*/
	/*background:url(../images/nav.gif) repeat-x left top;*/
	/*padding:5px;*/
	/*margin-top:10px;*/
}

div#Column1_content_left a:hover{
	font-size:1.2em;
	color:#f8c56e;
	/*height:13px;*/
	text-decoration:underline;
/*	font-weight:bolder;*/
	/*display:block;*/
	/*background:url(../images/nav.gif) repeat-x left top;*/
	/*padding:5px;*/
	/*margin-top:10px;*/
	/*width:113px;*/
}
div#Column1_content_right img{

}
div#Column1_content hr{
	border: 3px dotted #003c7f; 
	border-style: none none dotted;
	margin-bottom:10px;
	margin-top:10px;

}

/* Column2
-------------------------------------------------------------- */
div#Column2
{
	width:350px;
	margin-bottom:5px;
	padding:0px;
	float:left;

}

div#Links_Bg{
	display:block;
	background-color:#e7e7e7;
	padding:5px;
}

ul#sub_nav li {
	margin-top:1px;
	margin-left:5px;
	border: 1px dotted #000; 
	border-style: none none dotted;
}

ul#sub_nav li a {
	font-size:1.2em;
	color:#000;
	padding:5px;
	text-decoration:none;
	margin-right:10px;
	font-weight:bolder;
	display:block;
}

ul#sub_nav li a:hover{
	font-size:1.2em;
	color:#000;
	padding:5px;
	text-decoration:underline;
	margin-right:10px;
	font-weight:bolder;
	display:block;
}
/* Column3
-------------------------------------------------------------- */
div#Column3
{
	background:url(../images/news_bg.jpg) no-repeat  bottom;
	background-color:#e7e7e7;
	width:210px;
	padding:5px;
	margin-left:10px;
	float:left;
}
div#Column3 h4{
	font-size:1.2em;
	color:#000;
	text-decoration:none;
	line-height:1.3em;
	margin-bottom:5px;
	margin-top:3px;
	
}
div#Column3 p{
	font-size:1.2em;
	color:#545454;
	text-decoration:none;
	line-height:1.3em;
	margin-bottom:5px;

}
div#Column3  a {
	font-size:1em;
	color:#fff;
	width:80px;
height:15px;
	text-decoration:none;
	font-weight:bolder;
	display:block;
	background:url(../images/nav.gif) repeat-x left top;
	
	text-align:center;
	padding:3px;
	margin-bottom:20px;
}

div#Column3 a:hover{
	font-size:1em;
	color:#fff;
	width:80px;
	height:15px;
	text-decoration:underline;
	font-weight:bolder;
	display:block;
	background:url(../images/nav.gif) repeat-x left top;

	text-align:center;
	padding:3px;
	
}
div#Column3 hr{
	border: 1px dotted #000; 
	border-style: none none dotted;
	width:205px;

}
/* Flash
-------------------------------------------------------------- */

div#Flash_wrap{

}
div#Flash_homepage{
	background:url(../images/no-flash.jpg) no-repeat;
	height:231px;
	width:350px;
	margin-bottom:10px;
}
/* Footer
-------------------------------------------------------------- */
div#footer {
	margin-top:10px;
	text-align:left;
	background-color:#dddddd;
	height:50px;
}
h3{
	font-size:1.8em;
	color:#ffffff;
	text-decoration:none;
	line-height:1.6em;
	text-align:center;
	background:url(../images/nav.gif) repeat-x left top;
	
}

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