@charset "utf-8";
/*
    Document   : style
    Created on : 16-Jul-2010, 15:17:38
    Author     : Dominic Barnard
    Description:
		Global stylesheet for www.ahead4.co.uk
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol,ul {list-style: none;}blockquote,q {quotes: none;}blockquote:before,blockquote:after,q:before,q:after {content: '';content: none;}:focus {outline: 0;}ins {text-decoration: none;}del {text-decoration: line-through;}table {border-collapse: collapse;border-spacing: 0;}address {font-style: normal;}.clearfix {width: 100%;height: 0;visibility: hidden;clear: both;}#page_container{width:975px;margin:0 auto;}

body {
	font: 12px Arial, Verdana;
	color: #2e2e2e;
}
a, a:visited {
	text-decoration: none;
	color: #005d84;
}
a:hover {
	text-decoration: none;
	color: #ccc;	
}
p {
	line-height: 1.5em;
}
p + p {
	margin-top: 0.8em;
}
h1 {
	font-size: 18px;
	font-weight: normal;
	color: #b2b2b2;
}
h2 {
	font-size: 14px;
	font-weight: bold;
	color: #005d84;
	line-height: 40px;	
}
#home-tab {
	position: absolute;
	top: 27px;
	left: -30px;
}
#support-tab {
	position: absolute;
	top: 113px;
	left: -30px;
}
#top-bar {
	width: 100%;
	height: 12px;
	background: #fff url(../images/top-bar.gif) repeat-x 0 0;
	margin-bottom: 15px;
}
#logo-container {
	width: 170px;
	float: left;
}
#header-right {
	width: 650px;
	float: right;
}
#navigation li {
	float: left;
	margin: 20px 0 0 0;
	width: 124px;
}
.nav-title {
	display: inline-block;
	width: 110px;
	margin-right: 10px;	
	font-size: 11px;
	text-decoration: none;
}
a.nav-title {
	color: #333;
}
a.nav-title span {
	text-decoration: none;
	display: block;
}
a.nav-title:hover span {
	font-size: 16px;	
	color: #666;
	text-decoration: none;
}
a.about span {
	color: #007fb5;
	font-size: 16px;
}
a.services span {
	color: #99b719;
	font-size: 16px;	
}
a.home-users span {
	color: #de661e;
	font-size: 16px;
}
a.business span {
	color: #c325bd;
	font-size: 16px;	
}
a.contact span {
	color: #cdbe1d;
	font-size: 16px;
}

#wrapper {
	width: 850px;
	margin: 0 auto;
	background: #fff;
}
table {
	width: 100%;
	margin-bottom: 10px;
}
table th, table td {
	margin: 0;
	padding: 5px;
}
table thead th {
	height: 20px;
	line-height: 2em;
	font-weight: normal;
	padding: 0;
}
#mid-banner {
	position: relative;
	clear: both;
	width: 850px;	
	color: #fff;
	padding: 10px 0 5px 0;
}
#shop-details {
	width: 850px;
	height: 204px;
	float: left;	
	background-color: #222426;
}
#shop-details a {
	font-weight: bold;
}
#shop-details a:hover {
	font-weight: bold;
	color: #666;
}
#shop-details p {
	margin: 10px 0 0 15px;
}
#shop-details span {
	font-weight: bold;
}
#shop-details a {
	color: #fff;
}
#side-bar {
	clear: both;
	float: left;
	width: 180px;
	margin-top: 25px;
}
#services-overview {
	background: #1868ad;
	height: 10px;
	width: 180px;
	padding: 10px 0 15px 10px;
	color: #fff;
	font-weight: bold;
}
#side-bar li {
	display: block;
	width: 180px;
	padding: 10px 0 5px 10px;
}
#page-container {
	margin: 20px 0 20px 0;
	float: right;
	width: 640px;
	background-color: #fff;
}
#page-container h1 {
	font-size: 14px;
	font-weight: bold;
	color: #005d84;
	line-height: 17px;
}

/*
Start Contact Form
*/
#contactform {
	width: 100%;
	clear: both;
	overflow: hidden;
}
#contactform h1 {
	margin-bottom: 7px;
}
#contactform label {
	display: inline-block;
	width: 87px;
	text-align: right;
	padding-right: 5px;
}
#contactform select {
	width: 204px;
	margin-bottom: 5px;
}
#contactform input {
	width: 200px;
	margin-bottom: 5px;
}
#contactform #callback_sub {
	width: 150px;
}
/*
End Contact Form
*/

#footer-wrap {
	clear: both;
	width: 830px;
	height: 139px;
	color: #fff;
	background: #fff url(../images/footer-bg.gif) repeat-x bottom;
	padding: 10px;
}
#footer-wrap img {
	position: relative;
	float: left;
	margin: 0 10px 0 10px;
}
#footer-wrap a {
	color: #fff;
	font-weight: bold;
}
#ahead4-homepage {
	float: left;
	width: 293px;
}
#ahead4-homepage p {
	margin-top: 15px;
}
#ahead4-homepage a:hover {
	color: #F60;
}
#ahead4-homepage span {
	display: block;
	font-weight: bold;
	font-size: 14px;	
}
#mailing-list {
	float: left;
	width: 263px;	
}
#mailing-list p {
	margin-top: 15px;	
}
#mailing-list a:hover {
	color: #03F;
}
#mailing-list span {
	display: block;	
	font-weight: bold;
	font-size: 14px;		
}
#contact {
	float: right;
	width: 273px;		
}
#contact p {
	margin-top: 15px;	
}
#contact a:hover {
	color: #93C;
}
#contact span {
	display: block;
	font-weight: bold;	
	font-size: 14px;	
}
#copyright {
	width: 100%;
	margin: 50px 10px 0 0;;
	font-size: 10px;
	color: #ccc;
	float: right;
	text-align: right;
}
#company-details {
	margin: 0 auto;
	width: 850px;
	font-size: 10px;
	color: #787878;
	text-align: center;
}
.flash-container {
	position: absolute;
	top: 0px;
	right: 0px;
	background: transparent;
}
#areas-list li {
	list-style: none;
	width: 145px;
	float: left;
	padding: 10px 0 0 15px;		
}

/**
 * Network Sites Tab
 */
#network-sites {
	position: fixed;
	top: 50%; right: -285px;
	margin-top: -110px;
	width: 335px;
	height: 220px;
	background: transparent url("../images/network/drop-shadow.png") no-repeat 42px 201px;
}
	#network-tab, .network-site, .network-arrow {
		background: transparent url("../images/network/sprite.png") no-repeat 0 0;
	}
	#network-tab {
		float: left;
		width: 50px;
		background-position: 0 -6px;
		height: 198px;
		margin-top: 9px;
	}
	#network-tab:hover {
		background-position: -60px -6px;
	}
	#network-container {
		float: left;
		width: 285px;
	}
		.network-site {
			height: 48px;
			padding: 22px 0 0 15px;
		}
			.network-site .network-arrow {
				width: 45px; height: 45px;
				float: right;
				background-position: -8px -207px;
				position: relative;
				right: 21px; bottom: 9px;
			}
			.network-site h3 {
				color: #FFF;
				margin: 0;
				text-shadow: none;
				margin:0 0 4px;
				text-shadow:none;
				font: normal 1.4em/0.7em "Trebuchet MS",Arial,Tahoma
			}
			.network-site p {
				line-height: normal;
			}
			.network-site a, .network-site a:visited {
				color: #FFF;
				font-weight: normal;
			}
		#network-repairs {
			background-position: -126px -6px;
		}
		#network-homepage {
			background-position: -126px -74px;
		}
		#network-shop {
			background-position: -126px -142px;
		}


.support-overlay {
	position: fixed;
	top: 0; left: 0;
	height: 100%; width: 100%;
	background-color: #000;
}

.support-popup {
	position: fixed;
	top: 50%; left: 50%;
	height: 110px; width: 290px;
	margin: -75px 0 0 -175px;
	border: 5px solid #1868AD;
	padding: 20px;
	background-color: #FFF;
}
	.support-popup h1 {
		color:#1868AD;
		font-size:22px;
		margin-bottom:20px;
	}
	.support-popup input[type=text] {
		border:1px solid #666666;
		font-size:14px;
		margin-left:13px;
		text-align:center;
		width:100px;
	}
	.support-popup span {
		font-size: 14px;
	}
	.support-popup input[type=submit] {
		display:block;
		margin:15px auto 0;
		padding:2px 5px;
		width:159px;
	}