/*
	Akome.co.uk - Main Stylesheet
	Nick Reffitt <info@nickreffitt.co.uk>
*/
* {
	margin: 0;
	padding: 0;
	border: 0;
}
:focus { outline: 0; }
body {
	background: url(../images/home_header_bg.gif) repeat-x #FFFFFF top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1 {
	float: left;
	overflow: hidden;
	display: block;
	text-indent: -10000px;
}

	div#wrapper {
		margin: 0 auto;
		width: 800px;
	}
		div#header {
			width: 775px; height: 104px;
		}
			div#header h1 {
				width: 260px; height: 80px;
				background: url(../images/home_header_logo.gif) no-repeat top left;
				margin: 24px 0 0 30px;
			}
			div#header p {
				float:right;
				font-weight: bold;
				font-size: 10px;
				color: #6cb227;
				margin: 15px 0 0 10px;
			}
			div#header p.slogan {
				clear:right;
				margin-top: 5px;
				font-size: 11px;
			}
				div#header p a {
					font-weight: normal;
					color: #333333;
					text-decoration: none;
				}
					div#header p a:hover {
						color: #6cb227;
					}
		
		div#nav {
			float:right;
			width: 470px; height: 25px;
			margin: 3px 25px 8px 0; 
			padding: 0;
		}
			div#nav ul{
				float:right;
				margin: 0; padding: 8px 0px;
				height: 25px;
			}
				div#nav ul li{
					display: inline;
					margin: 0;
				}
					div#nav ul li a { 
						font-size: 11px;
						color: #ffffff;
						padding: 8px 15px 8px 15px;
						background: url(../images/home_nav_bg.gif) repeat-x top;
						text-decoration: none;
					}
						div#nav ul li a:hover { text-decoration:underline; }
						div#nav ul li a.light { 
							background: url(../images/home_nav_light_bg.gif) repeat-x bottom;
						}
		
		div#banner {
			float: left;
			width: 800px; height: 200px;
			background: url(../images/home_banner_placeholder.gif) no-repeat top;
		}
		
		div#content {
			float:left;
			width: 800px; min-height: 450px;
			background: url(../images/content_bg.gif) no-repeat top;
		}
			div#content form {
				float:left;
				margin: 22px 0 0 60px;
			}
				div#content form input,
				div#content form textarea {
					border: 1px solid #cccccc;
					margin: 0 0 0 35px;
					padding: 2px 5px;
					color: #666666;
				}
				
		div#welcome {
			float: left;
			width: 500px;
		}
			div#welcome h1 {
				width: 412px; height: 25px;
				background: url(../images/content_welcome.gif) no-repeat top left;
				margin: 22px 0 10px 64px;
			}
			div#welcome p {
				float:left;
				width: 470px;
				color: #575757;
				font-size: 11px;
				line-height: 18px;
				margin: 0 0 0 64px;
				padding: 10px 0 0 0;
			}
			div#welcome img {
				margin: 30px 0 50px 64px;
			}
		
		div#latest-news {
			float:right;
			width: 172px; min-height: 200px;
			margin: 27px 64px 0 0;
		}
			div#latest-news h1 {
				width: 116px; height: 15px;
				background: url(../images/content_latestnews.gif) no-repeat top left;
				margin: 0px 0 0 0px;
			}
			div#latest-news ul {
				float:left;
				width: 100%;
				font-size: 11px;
				margin: 20px 0 0 13px;
				color: #575757;
			}
				div#latest-news ul li {
					list-style-image: url(../images/bullet.gif);
					padding-bottom: 10px;
				}
					div#latest-news ul li a { 
						color: #575757; 
						text-decoration: none;
					}
						div#latest-news ul li a:hover { color: #A1A1A1; }
		
		div#sub-nav {
			float:left;
			width: 180px; min-height: 200px;
			background: url(../images/sub-nav_bg.gif) no-repeat top right;
			margin: 0px 0 0 80px;
		}
			div#sub-nav ul {
				float:left;
				width: 180px;
				font-size: 11px;
				margin: 20px 0 0 0px;
			}
				div#sub-nav ul li {
					list-style: none;
					margin-bottom: 1px;
					width: 160px;
					padding: 11px 0 11px 20px;
				}
					div#sub-nav ul li a { 
						color: #FFFFFF; 
						text-decoration: none;
					}
						div#sub-nav ul li a:hover { font-weight:bold; }
						
						div#sub-nav ul li.light { 
							background: url(../images/sub-nav-light_bg.gif) repeat-y top left;
							padding: 7px 0 7px 20px;  
						}
							div#sub-nav ul li.light a { 
								font-size: 11px; 
								color: #659195;
							}
		
		div#info {
			float:left;
			width: 500px;
			padding-bottom: 20px;
		}
			div#info h1 {
				width: 410px; height: 25px;
				margin: 22px 0 10px 35px;
			}
				div#info h1.contact {
					background: url(../images/content_contact.gif) no-repeat top left;
					margin: 22px 0 10px 70px;
				}
			div#info p {
				float:left;
				width: 440px;
				color: #575757;
				font-size: 11px;
				line-height: 18px;
				margin: 0 0 0 35px;
				padding: 10px 0 0 0;
			}
			div#info form {
				float:left;
				margin: 0px 0 0 35px;
				width: 350px;
			}
			div#info .img {
				float: left; clear: left;
				margin: 10px 0 0 25px;
			}
			div#info p.solutions { 
				width: 280px;
				margin: 10px 0 0 15px; 
			}
			div#info p.bluesky {
				width: 250px;
				margin: 10px 0 0 15px;
			}
			div#info p.greenenergy {
				width: 190px;
				margin: 10px 0 0 15px;
			}
			div#info p.case {
				width: 280px;
				margin: 5px 0 0 15px;
			}
			div#info p.services {
				width: 280px;
				line-height: 16px;
				margin: 20px 0 60px 15px;
			}
			div#info p.performance {
				width: 200px;
				margin: 5px 0 0 15px;
			}
			div#info p.press {
				width: 290px;
				margin: 5px 0 0 15px;
			}
			div#info p.theroad {
				width: 210px;
				margin: 5px 0 0 15px;
			}
			div#info p.airtesting {
				width: 210px;
				margin: 5px 0 0 15px;
			}
			div#info p.leed {
				width: 330px;
				margin: 5px 0 0 15px;
			}

div#footer_wrapper {
	clear:left;
	margin: 0 auto 0 auto;
	background: url(../images/home_footer_bg.gif) #7aba3c repeat-x top;
}
	div#footer {
		margin: 0 auto 0 auto;
		padding: 20px 0 20px 0;
		width: 750px; min-height: 50px;
		color: #66a123;
		font-size: 11px;
		font-weight: bold;
	}
		div#footer a {
			color: #FFFFFF;
			text-decoration: none;
			padding: 0;
			word-spacing: 0;
			font-weight: normal; 
		}
			div#footer a:hover {
				color: #c5fa83;
			}
		div#footer p {
			float: right;
			font-weight: normal;
			color: #FFFFFF;
			text-align: right;
		}