/*
	* Client			:	The Honey Tree
	* Stylesheet		:	Default template stylesheet
	* Author			:	Kev Strong
	* Company			:	Onit Solutions
	* URL				:	http://www.onitsolutions.co.uk
	* E-mail			:	info@onitsolutions.co.uk
*/

/* UNIVERSAL SELECTOR */
* {					
	padding: 0;
	margin: 0;
	background-color: transparent;
	}

/*	Global Styles */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	background-color: #FFF;
	color:  #333333;
	text-align: center;	
	}
	
p {
	padding-bottom: 5px;
	line-height: 16px;
	margin: 10px;
	}
	
img {
	border: 0px;
	padding: 0px;
	margin: 0px;
	}
	
hr {
	width: 100%;
	margin: 10px 0px 10px 0px;
	}
	
ul {
	list-style-type: none;
	}	
	
ul li {
	padding-left: 15px;
	margin-bottom: 10px;
	}
	
	
/*	Header Tags */
h1 {
	font-size: 100%;
	padding-bottom: 10px;
	margin: 10px;
	}

h2 {
	font-size: 130%;
	padding-bottom: 8px;
	margin: 10px;
	}

h3 {
	font-size: 115%;
	padding-bottom: 5px;
	margin: 10px;
	}

/*	Default Link Tags	*/
a:link		{ color: #000; text-decoration: none; background-color: transparent; font-weight: bold;}
a:visited	{ color: #000; text-decoration: none; background-color: transparent; font-weight: bold;}
a:hover		{ color: #660000; text-decoration: none; background-color: transparent; }
a:active	{ color: #999999; text-decoration: none; background-color: transparent; }

/*	Site Classes	*/

/* Control's the width's of the first column in the site - affected sitewide - backgound color etc dictated in the relevant subsections below */
.column1 {
	width: 174px;
	float: left;
	}

/* Control's the width's of the second column in the site - ffected sitewide - backgound color etc dictated in the relevant subsections below */
.column2 {
	width: 586px;
	float: left;
	}

.clear {
	clear: both;
	}
	
.clear-right {
	clear: right;
	}
	
.clear-left {
	clear: right;
	}
	
.center {
	text-align: center;
	}
	
.error {
	color: #FF0000;
	}
	
.float-left {
	float: left;
	}

.float-right {
	float: right;
	}
		
.smallfont {
	font-size: 70%;
	}
	
.success {
	color:#BC9BDD;
	}

	
/*	-----------------------------------------------------
	Container & Site Parents
	* For Site Children please see relevant sections
	* eg Site Children --> Main Section
	----------------------------------------------------- */
	
#container {
	width: 760px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	background: url("../images/container-background.jpg") top left repeat-y;
	}
	
#header {
	text-align: center;
	}
	
#main {
	margin: 0px;
	padding: 0px;
	}

#footer {
	margin-top: 5px;
	min-height: 50px;
	background-color: #7B161D;
	color: #FFF;
	z-index: 0;
	}

* html #footer {
	height: 50px;
	}
	
/* This add's a clear to the end of the #main, #header & footer div automatically so you don't have to code stuff on the page */
#header:after, #main:after, #footer:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}
	
/*	----------------------------------------------------- 
	* Site Children
	* For Site Parents please see relevant sections
	----------------------------------------------------- */

/*	Header Section (Child)
	* For Header Parent please see "Container & Site Parents"
*/
#header.column1 {
	text-align: center;
	line-height: 30px;
	padding-top: 30px;
	color: #000;
	}
	
#header.column2 {
	text-align: center;
	}

/*	Main Section (Child)
	* For Main Parent please see "Container & Site Parents"
*/

#contact {
	background-color: #000;
	margin: 0px;
	padding: 0px;
	z-index: 1;
	position: relative;
	left: 0px;
 	top: 146px;
	top: 133px!ie; /* Target IE7 Only */
	}	
	
#contact a:link		{ color: #FFFFFF; text-decoration: none; background-color: transparent; font-weight: bold;}
#contact a:visited	{ color: #3366FF; text-decoration: none; background-color: transparent; }
#contact a:hover	{ color: #FF5A00; text-decoration: underline; background-color: transparent; }
#contact a:active	{ color: #999999; text-decoration: none; background-color: transparent; }
	


#intro-block {
	color: #FFF;
	min-height: 187px;
	}
	
* html #intro-block {
	height: 187px;
	}

#intro-block p {
	margin: 0px 10px 0px 10px;
	padding: 0px;
	}
	
#intro-block h2 {
	padding-top: 10px;
	}
	
#intro-block img {
	margin-right: 10px;
	}
	
#content-block {
	margin-top: 5px;
	background: url("../images/content-block-background.jpg") top right repeat-y;
	min-height: 200px;
	z-index: 0;
	}
	
* html #content-block {
	height: 200px;
	}
#content-block-one {
	border: 2px solid #CCCCCC;
	width: 253px;
	margin: 0px 5px 0px 5px;
	float: left;
	text-align: center;
	color: #000;
	}
	
* html #content-block-one {
	margin: 0px 5px 0px 2px;
	}
	
#content-block-one .header {
	background-color: #FFF;	
	margin-0px;
	padding: 0px;
	}

#content-block-one .header h2 {
	margin: 0px;
	color: #000;
	line-height: 40px;
	}
	
#content-block-two {
	width: 319px;
	float: left;
	background-color: #D8D8C9;
	text-align: center;	
	text-color: #FFF;
	}
	
#content-block-two .header {
	background-color: #000;	
	margin-0px;
	padding: 0px;
	}

#content-block-two .header h2 {
	margin: 0px;
	color: #FFF;
	line-height: 40px;
	}
	
#news-segment img {
	margin: 10px;
	border: 1px solid #000;
	float: left;
	text-align: left;
	}

/* This add's a clear to the end of the #intro-block & the #content-block div automatically so you don't have to code stuff on the page */
#intro-block:after, #content-block:after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}

/*	Footer Section (Child)
	* For Footer Parent please see "Container & Site Parents"
*/

#footer .column1 {
	text-align: center;
	}
	
#footer .column2 {
	text-align: center;
	}

#footer a:link		{ color: #FFFFFF; text-decoration: none; background-color: transparent; font-weight: bold;}
#footer a:visited	{ color: #FFFFFF; text-decoration: none; background-color: transparent; }
#footer a:hover		{ color: #FF5A00; text-decoration: underline; background-color: transparent; }
#footer a:active	{ color: #999999; text-decoration: none; background-color: transparent; }

#footer ul {
	margin: 8px 0px 8px 0px;
	}
	
#footer ul li {
	display: inline;
	background: url("../images/line.gif") top right repeat-y;
	padding: 0px 12px 0px 0px;
	margin: 0px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	}
	
#footer ul li.last { 
	background: none;
	}

/* This add's a clear to the end of the #intro-block & the #content-block div automatically so you don't have to code stuff on the page */
#footer:after  {
	clear: both;
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
}