/*
Site Name: Hill Solomon
Version: 3.0
Author: Andy Pearson
Date: 30/06/09
Time: 10:03:48
*/

body {
	font:62.5%/1.8 Helvetica, Arial, sans-serif;
	background:#fff url(../images/backie.gif) repeat-y top left;
	color:#333;
}
h1 {
	font-size:3.6em;
}
h2 {
	font-size:3em;
	color:#000;
	padding-bottom:0.6em;
}
h3 {
	font-size:2em;
	color:#666;
	padding-bottom:0.2em;
}
h4 {
	color:#666;
	font-size:1.6em;
	padding-bottom:0.2em;
}
h5 {
	font-size:1.2em;
	font-weight:bold;
}
h6 {
	color:#2a73c2;
	font-size:1.8em;
	padding-bottom:0.5em;
}
h1, h2, h3, h4, h6 { font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; }
h1 a, h5 a { border:none; }
em { font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; }
p {
	font-size:1.3em;
	padding-bottom:0.7em;
	line-height:1.5;
}
a {
	text-decoration:none;
	color:#2a73c2;
	border-bottom:1px solid #7ca5db;
}
a:hover {
	color:#93a833;
	border-color:#93a833;
}
ul,
ol {
	font-size:1.3em;
	padding-bottom:1.4em;
	padding-left:50px;
}
ul { list-style:disc; }
ol { list-style:decimal; }

/*
---- Structure
*/
#container { width:930px; background:transparent url(../images/mask.png) repeat top left; }
#container .wrap { background:transparent url(../images/backie.gif) repeat-y top left; }
* html #container { background-image:none; background-color:#fff; }

#content { float:right; width:775px; }
#main-content { float:left; width:620px; padding:0 0 12px 0; }
#additional-content { float:right; width:137px; border:1px solid #a9b85b; border-top:none; padding:14px 8px; }

#sub-nav { float:left; width:133px; padding:22px 0 22px 22px; }

/*
---- Header
*/
#header {
	padding:56px 0 42px 702px;
	border-bottom:1px solid #aab95c;
}
	#header h1 { font-size:1em; padding:0; }
	#header h1 a {
		display:block;
		width:146px;
		height:90px;
		background:url(../images/hill-solomon.gif) no-repeat top left;
		text-indent:-99999px;
		overflow:hidden;
	}
	#header p {
		padding:3px 0 0 42px;
		font-size:1.2em;
		color:#2a73c2;
	}

/*
---- Nav
*/
#nav {
	background-color:#93a833;
	padding:0 0 0 155px;
}
	#nav ul {
		padding:0;
		float:left;
		list-style:none;
	}
	#nav li {
		float:left;
	}
	#nav a {
		padding:4px 0;
		display:block;
		border:none;
		color:#000;
		width:155px;
		text-align:center;
	}
	#nav a:hover {
		background-color:#7c8e2a;
		color:#fff;
	}
	#nav li.current a {
		background-color:#2a73c2;
		color:#fff;
	}
	
	#what-we-do { background-color:#aab95c; }
	#why-you-need-it { background-color:#becb85; }
	#who-we-do-it-for { background-color:#d4dcad; }
	#who-s-who { background-color:#eaeed7; }
	#what-s-going-on { color:#fff !important; }

/*
---- Sub Nav
*/
#sub-nav ul { padding:0; list-style:none; font-size:1.2em; }
#sub-nav li { padding-bottom:3px; }
#sub-nav li.current a { color:#333333; }
#sub-nav a { border:none; color:#737373; }
#sub-nav a:hover { color:#2a73c2; }

/*
---- Main Content
*/
#main-content h2,
#main-content h3,
#main-content h4,
#main-content p {
	padding-left:32px;
	padding-right:42px;
}

/*
---- Additional Content
*/
#additional-content h5 {
	line-height:1.3;
	padding-bottom:4px;
}
#additional-content p {
	padding-bottom:9px;
	font-size:1.1em;
	line-height:1.3;
	color:#666;
}
#additional-content .last p { padding-bottom:0; }


/*
---- Footer
*/
#footer {
	clear:both;
	padding-bottom:24px;
}
#footer p {
	float:left;
	width:133px;
	padding:0 0 0 22px;
	font-size:1.1em;
	color:#93a833;
	line-height:1.2;
}
	#footer p span {
		display:block;
		padding-bottom:5px;
	}
	
#footer ul {
	float:left;
	padding:86px 0 0 32px;
	list-style:none;
	font-size:1.1em;
	line-height:1.2;
}
	#footer li {
		float:left;
		border-right:1px solid #93a833;
		padding:0 12px;
	}
	#footer li.first { padding-left:0; }
	#footer li.last { border:none; }
	
	#footer a {
		border:none;
		color:#93a833;
	}
	#footer a:hover {
		color:#2a73c2;
	}

/* ---- Clearfix */
.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 */