
/*
		Goinnovate - Craig Haggart
		http://www.goinnovate.co.uk
		
		Colour Guide:
		
		Background brown - #28180f
		Link colour - #f1cf72
		Sand Footer - #e8ddb5

*/


/* LAYOUT */
/* ----------------------------------------- */

/*****Global Styles*****/
body { background: #28180f url(../images/bg.jpg) top center no-repeat ;  }
div.wrapper { width:960px; margin:0 auto;  }
div.header { width:960px; margin:0 auto 60px auto;  min-height:170px;  }
div.header-other { width:960px; margin:0 auto;  min-height:120px; margin-bottom:60px; }
div.content-container { width:960px; margin-bottom:40px; overflow:auto;}
div.content { width:560px; float:left; margin-right:62px; }
/* Large Image */
div.large-img { display:block; width:960px; margin-bottom:50px; }

/***Top Gutter**/
div.top_gutter { width:100%; height:35px; background:#20130c url(../images/header-bg.jpg) center no-repeat;  border-bottom:1px solid #4f3426; }
div.top_gutter_container { width:960px; margin: 0 auto; }
div.top_gutter_container ul { margin-top:12px;}
div.top_gutter_container ul li, .top_gutter_container ul li a { color:#FFFFFF; font-size:0.85em; text-decoration:none; }
/* Top gutter Nav*/
div.top_gutter ul { width:auto; float:right; margin:0em; padding-top:10px;}
div.top_gutter ul li { font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; color:#7e6b56; float:left; padding:0px 5px 0px 5px; list-style:none; font-size:0.70em; }
div.top_gutter ul li span{ color:#ada49e;}
div.top_gutter ul li.last { padding-right:0px; border-right: none; }
div.top_gutter ul li a:hover { text-decoration:underline; }


/*--home--*/
div.facilities-side-bar { float:left; width:298px; background:#20130c; padding:20px }
div.facilities-side-bar ul {margin-left:0em;}
div.facilities-side-bar ul li  { list-style:none; background: url(../images/tick.png) no-repeat 0 50%; padding: 0 0 0 30px;  color: #b39c7e; text-decoration:none; font-size:12px; }
img.text-thumb {float:left; padding:0 15px 3px 0; margin-top:6px; }
/*--Location--*/
div.distance-side-bar { float:left; width:298px; background:#20130c; padding:20px }
div.distance-side-bar ul { margin-left:1em}
div.distance-side-bar ul li  { list-style: circle; ; color: #b39c7e; text-decoration:none; font-size:12px; }
/*--rates--*/

table.rates-table {
	color:#675142;
	font-size:12px;
	}

table.rates-table td {
	border: 1px solid #675142;
	padding: 10px;
	}
	
table.rates-table td.no-border  {
	border-left: 1px solid #20130c;
	border-top: 1px solid #20130c;
	}


/* Main Navigation */

ul.nav { background:url(../images/nav.png);  width:501px; height:43px; position:absolute; top:187px; left:10px; margin:0px; }
ul.nav li { display:block; float:left; list-style-type:none  }
ul.nav li a:hover { border:none }
		
		 	li.buttonHome a, li.buttonLocation a, li.buttonRates a { width:126px; height:43px; display:block; text-indent:-9999px; background:url(../images/nav.png) }
			li.buttonContact a { width:123px; height:43px; display:block; text-indent:-9999px; background:url(../images/nav.png) }

			
			li.buttonHome a 			{ background-position:0; top:0px }
			li.buttonHome a.active		{ background-position:-506px;  }
			li.buttonHome a:hover		{ background-position:-506px ;  }


			li.buttonLocation a 			{ background-position:-126px; top:0px }
			li.buttonLocation a.active 		{ background-position:-633px;  }
			li.buttonLocation a:hover		{ background-position:-633px;  }
	

			li.buttonRates a 			{ background-position:-252px; top:0px }
			li.buttonRates a.active		{ background-position:-759px;  }
			li.buttonRates a:hover		{ background-position:-759px;  }
			
			li.buttonContact a 			{ background-position:-378px; top:0px }
			li.buttonContact a.active		{ background-position:-885px;  }
			li.buttonContact a:hover		{ background-position:-885px;  }
		

/* Slider Navigation */

ul.slider-nav { background:url(../images/slider-nav.png);  width:399px; height:52px; position:absolute; top:302px; left:81px; margin:0px; }
ul.slider-nav li { display:block; float:left; list-style-type:none  }
ul.slider-nav li a:hover { border:none }
			
			li.buttonLeftArrow a { width:71px; height:52px; display:block; text-indent:-9999px; background:url(../images/slider-nav.png) }
			li.buttonRightArrow a { width:69px; height:52px; display:block; text-indent:-9999px; background:url(../images/slider-nav.png) }
		 	li.buttonHost a { width:62px; height:52px; display:block; text-indent:-9999px; background:url(../images/slider-nav.png) }
			li.buttonManage a { width:86px; height:52px; display:block; text-indent:-9999px; background:url(../images/slider-nav.png) }
			li.buttonGetresults a  { width:109px; height:52px; display:block; text-indent:-9999px; background:url(../images/slider-nav.png) }
			
			
			li.buttonLeftArrow a 			{ background-position:0 0; top:0px }
			li.buttonLeftArrow a:hover		{ background-position:-398px;  }
			
			li.buttonHost a 			{ background-position:-71px; top:0px }
			li.buttonHost a.active		{ background-position:-469px;  }
			li.buttonHost a:hover		{ background-position:-469px;  }
			
			li.buttonManage a 			{ background-position:-133px; top:0px }
			li.buttonManage a:hover		{ background-position:-531px;  }
			
			li.buttonGetresults a 			{ background-position:-220px; top:0px }
			li.buttonGetresults a:hover		{ background-position:-618px;  }
			
			li.buttonRightArrow a 			{ background-position:-329px; top:0px }
			li.buttonRightArrow a:hover		{ background-position:-727px;  }

		



			

/* Footer */
div.footer-wrapper { background:#20130c; width:100%; overflow:auto; border-top:1px solid #33241b;  }
div.footer { width:960px; margin:30px auto 5px auto; overflow:auto; }
div.footer ul { margin:0px 0px 20px 3px; }
div.footer ul li { list-style:none; font-size:11px; font-family:"Lucida Grande","Arial Unicode MS", sans-serif; color:#395e69; margin-bottom:5px;  }
div.footer ul li a { background: url(../images/arrow.png) no-repeat 0 50%; padding: 0 0 0 10px;  color: #395e69; text-decoration:none; }
div.footer ul li a:hover { color: #fff; }
div.footer ul li a:visited { color:#578e9e;  background:url(../images/tick.png) no-repeat 0 50%; padding: 0 0 0 10px;  }

div.links_1, .links_2, .links_3, .links_4 { width:140px; float:left; margin-right:20px; }

div.footer_legel { width:960px; margin: 20px auto; font-size:11px;  }
div.footer_legel p {color:#999999; }
#legal { float: left; padding:0px 0; margin:0;  }
#links {   margin:0px 0; }
#links a { color:#666666; font-size:10px; }
#links a:hover { color:#999999 }




