/*  
Site Name: Ryans Construction
Version: 1.0
Author: Peter Mansell
Author URI: http://www.binamic.co.uk
Date: 7th August 2009
*/

body {
	font:62.5%/1.8  Arial, Helvetica, sans-serif;
	background:#231f20;
	margin:0;
	padding:0;
	height:100%;
}
h1 {
	padding:0;
	font-size:1.2em;
	width:262px;
	float:left;
}
	h1 a {
		width:262px;
		height:110px;
		padding:0;
		border:none;
		display:block;
		text-indent:-99999px;
		background:transparent url(../images/backies/logo.gif) no-repeat top left;
		overflow:hidden;
	}
h2 {
	font-size:2em;
	font-weight:normal;
	margin-bottom:18px;
	color:#718020;
	border-bottom:2px solid #b5bac0;
	padding-top:30px;
}
h3 {
	padding:10px 0 5px;
	font-size:1.4em;
	text-transform:uppercase;
	font-weight:bold;
}
h4 {
	padding:10px 0 5px;
	font-size:1.2em;
	text-transform:uppercase;
	font-weight:bold;
}
p {
	font-size:1.2em;
	padding-bottom:18px;
}
a {
	text-decoration:none;
	padding:1px 2px;
	color:#A5B73B;
}
a:hover {
	color:#000;
}
ul,
ol {
	font-size:1.2em;
	padding-bottom:12px;
	list-style:disc;
	margin-left:20px;
}
li {
	padding:0;
}
hr {
	display:none;
}

/*
---- Containers & Wrappers
*/
#container {
	margin:0 auto;
	width:850px;
	background:transparent url(../images/backies/content-bg.gif) repeat-y top left;
	
}
	body.sub #container {
		background:transparent url(../images/backies/content-bg-sub.gif) repeat-y top left;
	}

#container-bottom {	
	background:transparent url(../images/backies/footer.gif) no-repeat bottom center;
	padding-bottom:50px;
}
	body.sub #container-bottom {	
		background:transparent url(../images/backies/footer-sub.gif) no-repeat bottom center;
	}


#header-container {
	background:#9eb12e url(../images/backies/bg.gif) repeat-x top left;
}

#header {
	padding:0;
	margin:0 auto;
	width:800px;
}


/*
---- Navigation
*/
#navigation, #navigation:hover {
	clear:both;
	}

#navigation ul {
	padding:1px 0 0 0;
	list-style:none;
	font-size:1.2em;
	line-height:1;
	border-right:1px solid #bed249;
	border-left:1px solid #bed249;
	width:798px;
	margin:0;
	background:#231f20 url(../images/backies/navi.gif) no-repeat top center;
	display:block;
	border-bottom:none;
}

	#navigation ul li {
		border:none;
		padding:0;
		display:block;
		float:left;
		text-align:center;
		margin:0;
	}
	
	#navigation li.home a{ background:url(../images/backies/tabs.gif) no-repeat 0 0; }
	#navigation li.about a { background:url(../images/backies/tabs.gif) no-repeat -133px 0; }
	#navigation li.services a { background:url(../images/backies/tabs.gif) no-repeat -266px 0; }
	#navigation li.environment a { background:url(../images/backies/tabs.gif) no-repeat -399px 0; }
	#navigation li.accreditations a { background:url(../images/backies/tabs.gif) no-repeat -532px 0; }
	#navigation li.contact a { background:url(../images/backies/tabs.gif) no-repeat -665px 0; }
	
	#navigation li.home a:hover, #navigation li.home a.current  { background:url(../images/backies/tabs.gif) no-repeat 0 -300px; }
	#navigation li.about a:hover, #navigation li.about a.current  { background:url(../images/backies/tabs.gif) no-repeat -133px -300px; }
	#navigation li.services a:hover, #navigation li.services a.current  { background:url(../images/backies/tabs.gif) no-repeat -266px -300px; }
	#navigation li.environment a:hover, #navigation li.environment a.current  { background:url(../images/backies/tabs.gif) no-repeat -399px -300px; }
	#navigation li.accreditations a:hover, #navigation li.accreditations a.current  { background:url(../images/backies/tabs.gif) no-repeat -532px -300px; }
	#navigation li.contact a:hover, #navigation li.contact a.current  { background:url(../images/backies/tabs.gif) no-repeat -665px -300px; }
	
		#navigation li a {
			border:none;
			display:block;
			float:left;
			color:#a5b73b;
			width:133px;
			font-size:1.5em;
			padding:22px 0 22px 0;
		}
		
			#navigation li a:hover, #navigation li a.current{
				color:#FFFFFF;
			}
/*
---- Content
*/
#content {	
	padding:0 40px;
}

body.sub #content {	
	padding:0 25px;
}

#sub-navigation {
	width:215px;
	float:left;
	margin-right:15px;
}

#main-content {
	padding-right:15px;
	width:555px;
	float:right;
}

/*
---- Sub-navigation
*/

#sub-navigation ul {
	border:none;
	padding:0;
	list-style:none;
	font-size:1.6em;
	line-height:1;
	margin:30px 0 0 0;
}
	#sub-navigation ul li {
		border:none;
		padding:0;
		display:block;
		text-align:left;
		width:215px;
		margin:0;
	}
		#sub-navigation ul li.first a {
			border-top:none;
		}
		#sub-navigation ul li a {
			padding:10px 15px;
			display:block;
			border-top:1px solid #b3c743;
			color:#b3c743;
			font-weight:bold;
			margin:0;
		}
			#sub-navigation ul li a:hover, #sub-navigation ul li a.current {
				background:#b3c743;
				color:#231f20;
			}

/*
---- Company Details
*/


#details {
	float:right;
	width:538px;
	text-align:right;
	color:#FFFFFF;
}
	#details h1,
	#details h2,
	#details p {
		font-size:1.8em;
		float:none;
		width:auto;
		padding:0;
		margin:0;
		color:#fff;
		border:none;
	}
	#details h2 {
		font-size:2em;
		padding-top:7px;
	}
	#details p.emails {
		font-size:1.4em;
	}
	#details a {
		color:#505d04;
		font-weight:bold;
		border:none;
	}
	
/*
---- Forms
*/
form { padding:12px 24px 0; }
form div {
	padding:0 0 16px;
	clear:both;
}
form label {
	display:block;
	float:left;
	width:162px;
	font-weight:bold;
	font-size:1.3em;
	padding:4px 6px 0 0;
	text-align:right;
	color:#666;
}

form textarea {
	padding:3px 4px;
	font-size:13px;
	font-family:Arial, sans-serif;
}

form div.no-label { padding-left:168px; }
form textarea { width:250px; }

.form { width:500px; float:left; }
.address { float:right; width:200px; }

ul.error {
	border:none;
	font-size:1.2em;
	font-weight:bold;
	color:#c60000;
	padding:3px 0 0 178px;
}

p.success {
	color:#111111;
	border-color:#04B500;
	background-color:#E5FFE4;
	margin:3px 0 0 178px;
	font-weight:bold;
	padding:10px;
}

p.contact {
	padding:3px 0 0 188px;
	font-weight:bold;
}

/*
---- Content styles
*/

img.right { float:right; padding:5px; }
img.right-border { float:right; margin:5px; border:3px solid #CCCCCC; }
img.left-border { float:left; margin:5px; border:3px solid #CCCCC; }

/*
---- Home logo's
*/

#logo-container  { 
	display:block;
	width:770px;
	overflow:hidden;
	}

#logos	{
	float:left;
	position:relative;
	left:50%;
	text-align:left;
	zoom:1;
}
	#logos ul	{
		list-style:none;
		position:relative;
		left:-50%;
		margin:0;
		padding:0;
	}
		#logos li	{float:left;position:relative; margin:0 60px;}/* ie needs position:relative here*/

p.binamic {float:right;color:#A5B73B;padding-right: 228px; }
.binamic a {border-bottom:1px solid #A5B73B;}
/*
---- Clear All and the Clearfix
*/
.clear-all {
	margin:0px;
	padding:0px;
	clear:both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */