/*****************************************
	Utilise Lofts CSS	
	by nwonline.co.uk
	Blue: #0089c0;
	Green: #bcd723;
*****************************************/

body { background: #432f2b url('../images/site/bg_body.jpg') 0 0 repeat-x;	font-family: "Arial", Gadget, sans-serif; margin: 0}

/*components*/


#navbox {
	height:110px;
	margin:0 auto; padding: 0	}
	
#index_wrap {
	width:960px; height: auto;	margin: 15px auto 0 auto; padding: 0;
	background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;	}
	
#header {
	width:960px; height:110px;
	margin: 0; position: relative }
	
#maincontent{ width:960px; padding: 0; margin: 0 }
#leftcontent {width:410px;float:left;padding:10px 10px 20px 20px;}
#rightcontent {
	width:940px;
	float:left;
	padding:10px 0 10px 10px;
	border-left: 1px solid #e0e0e0;
	min-height: 210px;
}

#rightcol { float: right; width: 290px; padding: 10px 10px 0 0}

div#logo { float: left; width: 192px; height: 90px; position: absolute; top: 12px; left: 10px; background: url('../images/site/logo.png') 0 0 no-repeat }
a.logo { float: left; width: 192px; height: 90px; }
a.logo:hover { text-decoration: none }
div#tel { float: right; width: 340px; height: 17px; position: absolute; top: 12px; right:
 15px; font: 19px/22px "Times New Roman", Times, serif; text-align: right; color: #006600; text-shadow: 1px 1px 1px #fff}

/*Navigation*/
#nav_wrap { width: 550px; float: right; position: absolute; bottom: 10px; right: 0 }
#topmenu {  width: 520px; float: right; margin: 0 ; padding: 0; }
#topmenu li { float: left;  height: 26px; margin: 0 5px 0 0; display: block; background: #006600; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#topmenu li a { display: block; padding: 0 15px; color: #fff; font: normal 12px/26px sans-serif; }
#topmenu li a:hover { color: #a2c9a2; text-decoration: none;}


#nav_001 .nav_001, #nav_002 .nav_002, #nav_003 .nav_003, #nav_004 .nav_004, #nav_005 .nav_005 { color: #fafafa !important; }	

/*footer*/
#footer{ width: 980px; height: 40px; clear:both; padding: 5px 0; color: #9b7e78; font: normal 11px/19px 'Tahoma', Arial, sans-serif;  margin: 0 auto}
#footer a { color: #b99f9a; font: normal 11px/19px 'Tahoma', Arial, sans-serif;}
#footer a:hover { text-decoration: underline; color: #9b7e78;}
#footer .foot_sec {	width: 45%;	float: left; padding: 10px 15px; margin: 0;}
#footer .foot_sec.left { float: left;}
#footer .foot_sec.right { float: right; font: normal 11px/19px 'Tahoma', Arial, sans-serif;}
#footer .foot_sec ul { margin: 0; padding: 0 10px 0; float: left; width: 90%; list-style:none; text-align: center; font: normal 11px/19px 'Tahoma', Arial, sans-serif; color: #9b7e78}
#footer .foot_sec ul li { display: inline; float: left; padding: 0 7px; border-left: 1px solid #281613; font: normal 11px/19px 'Tahoma', Arial, sans-serif;}
#footer .foot_sec ul li a { list-style-type: none; font: normal 11px/19px 'Tahoma', Arial, sans-serif;}
#footer .foot_sec ul li:first-child { padding: 0 7px 0 0; border-left: none;} 

/*Typography*/
p { color: #666; font: normal 12px/18px sans-serif;}
a:link, a:visited {	text-decoration: none;}
a:hover, a:active { text-decoration: underline;}

#leftcontent p a { color: #2873b2; font: bold 12px sans-serif; text-decoration: underline;}
#leftcontent p a:hover { color: #666; font: bold 12px sans-serif; text-decoration: none;}
#leftcontent blockquote { font: normal 12px/19px sans-serif; color: #666; font-style: italic; margin: 10px 40px 10px 40px; border-left: 2px solid #2873b2; padding: 5px 0 5px 10px;}

#leftcontent ul { clear: both; padding: 10px 0; width: 590px; list-style-type: disc !important; list-style: disc !important; margin: 0;}
#leftcontent ol { clear: both; padding: 10px 0; width: 590px; list-style-type: decimal !important; list-style: decimal !important; margin: 0;}
#leftcontent ul li { font: normal 12px/19px sans-serif; color: #666; list-style-type: disc !important; list-style: disc !important; margin: 0 0 0 30px}
#leftcontent ol li { font: normal 12px/19px sans-serif; color: #666; list-style-type: decimal !important; list-style: decimal !important; margin: 0 0 0 30px}

#leftcontent address { font: normal 12px/19px sans-serif; color: #666; font-style: italic;}
#leftcontent abbr { cursor:help; background: url('../images/site/dotted.jpg') 0 bottom repeat-x; font: bold 12px/19px sans-serif;}

/*Gallery*/
div#gallery ul#images li { width: 358px; height: 266px; float: left; margin: 0 5px 5px 0; border: 1px solid #e1e1e1; padding: 2px }

/*Contact Forms*/
#contact_form { width: 580px; padding: 15px 10px 10px 10px; float: left; margin: 10px 0; background: #F7F7F7; border-top: 1px solid #dedede; border-bottom: 1px solid #ccc; overflow: hidden;}
#contact_form form { float: left; width: 500px; margin: 0 0 0 40px; }
#contact_form label { width: 220px; float: left; clear: both; font: normal 12px/26px sans-serif; color: #666;}
#contact_form label#textarea{ width: 220px; float: left; clear: both; font: normal 12px/26px sans-serif; color: #666; height: 110px;}
#contact_form label.full { width: 440px;}
#contact_form input { float: right; font: normal 12px/21px sans-serif; color: #666; width: 260px; margin: 2px 0; padding: 2px 4px;}
#contact_form #submit { width: 90px; float: right; margin: 0; clear: both;} 
#contact_form textarea { font: normal 12px/18px sans-serif; color: #666; padding: 4px; float: right; width: 260px; height: 110px; margin: 0;}	
#contact_form select { font: normal 12px/23px sans-serif; color: #666; height: 23px; float: right; width: 272px; margin: 0;}
#contact_form small { font: normal 11px/34px sans-serif; color: #666;}
#contact_form em { font-style: italic;}

/*headers*/
h1 { color: #006600; font: normal 24px/30px Georgia, "Times New Roman", Times, serif; letter-spacing: 0; padding: 0; margin: 0; }
h2 { font: normal 18px/22px Georgia, "Times New Roman", Times, serif; color: #006600; padding: 5px 10px 0 0; letter-spacing: -1px;}
h3 { font: normal 14px/22px Georgia, "Times New Roman", Times, serif; color: #006600; padding: 5px 10px 0 0; letter-spacing: -1px;}
h4 { font: Georgia, "Times New Roman", Times, serif; color: #006600;}

p

/*three col*/
div#options { padding-bottom: 0; background: #fff url('../images/site/bg_options.png') 0 0 no-repeat; float:left }
div#options ul.three_col { float:left; width: 741px; margin: 0 0 5px; background: #fff url('../images/site/bg_options.png') 0 bottom no-repeat; padding: 0 0 20px }
div#options ul.three_col li { width: 230px; margin-right: 15px; display: inline; float: left;}
div#options ul.three_col li h2 { border-bottom: 1px solid #D9D9D9; padding-bottom: 5px; margin: 0 }
div#options ul.three_col li h2 a { font: normal 18px/22px Georgia, "Times New Roman", Times, serif; color: #006600; padding: 5px 10px 0 0; letter-spacing: -1px; padding-bottom: 5px; margin: 0 }
div#options ul.three_col li h2 a:hover { text-decoration: underline }

div#options ul.three_col li p { font: normal 11px/16px Arial, Helvetica, sans-serif; color: #666; margin: 8px 0 }
div#options ul.three_col li p a { color: #2873b2; font: normal 12px sans-serif; text-decoration: none;}
div#options ul.three_col li a { color: #006600; font: normal 11px sans-serif; text-decoration: none;; margin: 5px 0 0}
div#options ul.three_col li a:hover { text-decoration: underline }
div#options ul.three_col li p a:hover { color: #666; font: 12px sans-serif; text-decoration: underline;}

/*left col nav*/
#leftcol { float: left; width: 195px; height: 100%; padding: 0 ; margin-left: 10px; background: #fff url('../images/site/bg_leftcol.png') 15px 0 repeat-y; border-top: 1px solid #e0e0e0 }
#leftcol ul { float: left; list-style-type: none; font: bold 12px/24px sans-serif; }
#leftcol li { float: left; clear: both; display: block; width: 180px; padding-left: 10px; border-bottom: 1px solid #eaeaea;}
#leftcol li a {  padding: 0; display: block; color: #0f8943; font: normal 11px/24px 'Tahoma', sans-serif;}
#leftcol li a:hover{ color: #1a1a1a; text-decoration: none; }

#leftcol li:last-child { background: #fff url('../images/site/bg_leftnav_bottom.png') 10px 0 no-repeat }

/* Splash */
div#splash { width: 940px; height: 312px; float: left; position: relative; padding: 0; margin: 0 0 0 10px; background: #fff url('../images/bg_leftcol.jpg') 0 0 repeat-x; clear: both}
div#splash .anythingSlider { float: left; width: 940px; height: 312px; position: relative; margin: 0}
div#splash .anythingSlider .wrapper { width: 940px; height: 312px; overflow: auto; margin: 0; position: absolute; top: 0; left: 0}
div#splash .anythingSlider .wrapper ul { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0}
div#splash .anythingSlider ul li { display: block; float: left; padding: 0; height: 312px; width: 940px; margin: 0;}

/* Navigation Arrows */
div.anythingSlider .arrow {	top: 50%; width: 41px; height: 41px; position: absolute; display: block; text-indent: -9999px; }
div.anythingSlider .arrow a { display: block; height: 120px; margin-top: 0; width: 41px; text-align: center; outline: 0; text-indent: -9999px; }
div.anythingSlider .forward { right: 10px; background: url('../images/site/arrow_r.png') 0 0 no-repeat;  cursor: pointer }
div.anythingSlider .back { left: 10px; background: url('../images/site/arrow_l.png') 0 0 no-repeat; cursor: pointer }
div.anythingSlider .forward a, div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover { background: url('../images/site/arrow_r.png') 0 0 no-repeat; }
div.anythingSlider .back a, div.anythingSlider .back a:hover, div.anythingSlider .back a.hover { background: url('../images/site/arrow_l.png') 0 0 no-repeat; }


div#splash #thumbNav { position: absolute; top: 275px; text-align: center; left: 10px; }
div#splash #thumbNav a { color: black; font: bold 12px/18px sans-serif; display: inline-block; padding: 1px 7px; height: 18px; margin: 0 5px 0 0; background: #fff url('../images/bg_leftcol.jpg') 0 0 repeat-x; border: 1px solid #000; text-align: center; color: #333; text-decoration: none;}
div#splash #thumbNav a:hover { background-image: none; border: 1px solid #ccc}
div#splash #thumbNav a.cur { background: #006600; color: #fff; border: 1px solid #006600;}

div#splash .anythingSlider ul li#slide_001 { background: url('../images/site/slide_001.jpg') right no-repeat; }
div#splash .anythingSlider ul li#slide_002 { background:url('../images/site/slide_002.jpg') right no-repeat; }
div#splash .anythingSlider ul li#slide_003 { background: url('../images/site/slide_003.jpg') right no-repeat; }
div#splash .anythingSlider ul li#slide_004 { background: url('../images/site/slide_004.jpg') right no-repeat; }


/*Breadcrumb*/
#bc_wrap { height: 33px; float: left; }
#bc_wrap ul { width: 724px; float: left; margin: 0 0 5px; padding: 0 15px; background: #efeeee; border-bottom: 1px solid #ebebeb; border-left: 1px solid #e0e0e0; }
#bc_wrap ul li { float: left; display: inline; margin: 0 5px 0 0; padding: 0; font: normal 11px/33px 'Tahoma', sans-serif; color: #aba9a9;}
#bc_wrap ul li a { color: #176e2d;}

#bc_wrap .back_link { float: right;  }
#bc_wrap .back_link a {  font: normal 11px/33px 'Tahoma', sans-serif; color: #176e2d; }


div#category_text { background: #fff url('../images/site/bg_options.png') 0 bottom no-repeat; padding-bottom: 10px }
ul#results { margin: 10px 0 0 }
ul#results li { border-bottom: 1px solid #dedede; font: normal 12px/18px Arial, Helvetica, sans-serif; color: #666; padding: 0 0 10px; width: 720px }
ul#results li h2 a { font: normal 18px/22px Georgia, "Times New Roman", Times, serif; color: #006600; padding: 5px 10px 0 0; letter-spacing: -1px; padding-bottom: 5px; margin: 0 }
ul#results li .text_wrap { float: left; width: 530px }
ul#results li p { margin: 8px 0 }
ul#results li img { margin-right: 10px; width: 179px }