/*
	Main Stylesheet for http://www.sixfold.biz
	Author: Kevin Henney
	Author Email: kevin@spotlightstudio.co.uk
	Author URI: http://www.spotlightstudio.co.uk
	Version: 2
	Created: 08/07/08
*/

/*
	Link colours:
		Link, Active and Visited: #1494C5
		Hover: #791227
	
	Heading Colours: #791227
*/

body {
	font-family: "verdana","tahoma","arial",sans-serif;
	font-size: 62.5%;
	text-align: center;
}

h1, h2, h3, h4, h5, h6, blockquote, .sidebar {
	font-family: "trebuchet","trebuchet ms","tahoma","arial","verdana", sans-serif;
}

a, a:link, a:active {
	color: #1494c5;
	text-decoration: none;
}

a:hover {
	color: #791227;
}

p {
	color: #222;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

div#wrapper {
	width: 960px;
	max-width:960px;
	margin: 0 auto;
	text-align: left;
}

/*-------------------------------------
	Header
-------------------------------------*/

div#header {
	width: 960px;
	height: 108px;
	position: relative;
}

	img#logo{
		position: absolute;
		bottom: 24px;
		left: 24px;
	}
	
	img#phone {
		position: absolute;
		bottom: 24px;
		right: 24px;
	}
	
/*-------------------------------------
	Menu
-------------------------------------*/	

div#menu {
	width: 960px;
	height: 36px;
	border-bottom:1px solid #37313B;
}

	ul.menu {
		line-height:1.0;
		float:left;
		position: relative;
		width:702px;
		height: 36px;
		margin:0 0 24px 24px;
		font-size:1.2em;
	}
		ul.menu ul {
			background:#fff; /*IE6 needs this*/
			padding: 0;
		}
	
		ul.menu li {
			float:left;
			list-style:none;
			position:relative;
			line-height: 36px;
			margin-right:36px;
		}
	
			ul.menu li li a {
				display:block;
				padding: 0;
				margin: 0;
				text-decoration:none;
				float:none;
				text-indent: 12px;
				width:98%;
				line-height:24px;
				height:24px;
			}
	
			ul.menu li ul {
				float:none;
				left:-999em;
				position:absolute;
				width: 250px;
				z-index: 5;				
			}
	
		ul.menu li:hover ul,
		ul.menu li.sfHover ul {
			left: -4px;
			top: 36px;
		}
		ul.menu li:hover li ul,
		ul.menu li.sfHover li ul,
		ul.menu li li:hover li ul,
		ul.menu li li.sfHover li ul,
		ul.menu li li li:hover li ul,
		ul.menu li li li.sfHover li ul {
			top:-999em;
		}
		ul.menu li li:hover ul,
		ul.menu li li.sfHover ul,
		ul.menu li li li:hover ul,
		ul.menu li li li.sfHover ul,
		ul.menu li li li li:hover ul,
		ul.menu li li li li.sfHover ul {
			left: 250px;
			top:-1px;
		
		}
	
		ul.menu li li {
			position: relative;
			float: none;
			width: 100%;
		}
		
	form.search {
		width: 210px;
		float: left;
		padding-top: 17px;		
		font-family: "verdana","tahoma","arial",sans-serif;
		margin-left: 24px;
		}
		
		form.search input#searchword {
			width: 120px;
			height: 18px;
			border:1px solid #37313b;
			padding:0;
			margin:0;
			background-color: #f9f9f9;
			font-size:1.2em;
			line-height:1.8em;
		}
		
		form.search .button {
			background:none;
			border:none;
			color: #1494C5;
		}
		
/*-------------------------------------
	Banner
-------------------------------------*/		

div#banner {
	width: 960px;
	padding-top: 24px;
	border-bottom:1px solid #37313b;
}

	div#randomimage {
		float:right;
		width:460px;
	}
	
	div#randomimage img {
		float:right;
	}

/*-------------------------------------
	Services
-------------------------------------*/

div#services {
	width: 960px;
	padding:24px 0;
	border-bottom:1px solid #37313B;
}

div#services h2 {
	font-size:1.8em;
	color:#791227;
	line-height:2.2em;
}

div#services p {
	font-size:1.2em;
	line-height:1.8em;
	margin-bottom:.8em;
}
	
	div#salesexcellence,
	div#biddingsupport,
	div#talent,
	div#publicsector {
		width:210px;
		margin:0 0 0 24px;
		float:left;
	}

/*-------------------------------------
	Role or Focus
-------------------------------------*/

div#yourrole {
	height:35px;
	background-color:#791227;
	width:960px;
	border-bottom:1px solid #37313B;
}

div#yourrole a {
	color:#fff;
	line-height:35px;
	font-weight:bold;
	font-size:1.2em;
}

	#md, #sd, #bd, #st {
		width:210px;
		float:left;
		margin-left:24px;
	}


/*-------------------------------------
	Main
-------------------------------------*/

div#main {
	margin:0 0 0 24px;
	width:668px;
	float:left;
	padding:24px 0;
	font-size:1.2em;
}


	div#main h1 {
		font-size:1.8em;
		color:#791227;
		line-height:2.2em;	
	}

	div#main h2,
	div#main h3,
	div#main h4,
	div#main h5,
	div#main h6 {
		font-size:1.6em;
		color:#791227;
		line-height:1.8em;
	}

	div#main p {
		line-height:1.8em;
		margin-bottom:.8em;
	}
	
	#main ul li{
		list-style:square;
		list-style-position:inside;
	}

	#main ul,
	#main ol,
	#main dl {
		margin:0 0 0 1em;
		line-height:150%;
		padding:.8em 0;
	}
	
	#main ul li,
	#main ol li,
	#main dl dd {
		margin:0 0 1em 0;
		padding:0 0 0 2.4em;
	}
	
	#main dl dt {
		color:#791227;
		font-size:1.2em;
		font-weight:bold;
		padding:.8em 0;
	}
	
	#main ol li{
		list-style-type: decimal;
	}

/*-------------------------------------
	Sidebar
-------------------------------------*/

div#sidebar{
	margin:0 0 0 24px;
	width:220px;
	float:left;	
	padding:24px 12px;
	background-color:#f9f9f9;
}

	div#sidebar h2,
	div#sidebar h3,
	div#sidebar h4 {
		font-size:1.6em;
		color:#791227;
		line-height:2.2em;
	}


/*-------------------------------------
	Footer
-------------------------------------*/	
#footer {
	clear:both;
	text-align:center;
	padding:24px 0;
	border-top:1px solid #37313B;
}

#footer p{
	margin:0;
	padding:0;
}

#footer a {
	line-height:0;
	margin:0;
	padding:0;
}

/*-------------------------------------
	Tables
-------------------------------------*/	

#main table {
border-collapse: collapse;
border: 1px solid #ccc;
font: normal 11px verdana, arial, helvetica, sans-serif;
color: #363636;
background: #fff;
margin-bottom:1.8em;
}

#main table caption {
text-align: center;
font: bold 18px arial, helvetica, sans-serif;
background: transparent;
padding:6px 4px 8px 0px;
color: #333;
text-transform: uppercase;
}

#main table td, table th {
border: 1px dotted #ccc;
padding: .4em;
color: #333;
}

#main table thead th, #main table tfoot th {
font: bold 11px verdana, arial, helvetica, sans-serif;
border: 1px solid #ccc;
text-align: left;
background: #ddd;
color: #333;
padding-top:3px;
}

#main table tbody td a {
background: transparent;
text-decoration: none;
color: #333;
}

#main table tbody td a:hover {
background: #ccc;
color: #fff;
}

#main table tbody th a {
font: normal 11px verdana, arial, helvetica, sans-serif;
background: transparent;
text-decoration: none;
font-weight:normal;
color: #fff;
}

#main table tbody th a:hover {
background: transparent;
color: #fff;
}

#main table tbody th, #main table tbody td {
vertical-align: top;
text-align: left;
}

#main table tfoot td {
border: 1px solid #ccc;
background: #ddd;
padding-top:3px;
color: #333;
}

#main table .odd {
background: #f0f0f0;
}

#main table tbody tr:hover {
background: #ddd;
border: 1px solid #ccc;
color: #000;
}

#main table tbody tr:hover th,
#main table tbody tr.odd:hover th {
background: #ccc;
color: #fff;
}

/*-------------------------------------
	Contact
-------------------------------------*/

#main .contact_address p {
	margin:0;
	padding:0;
	line-height:1.8em;
}

#emailForm{
margin:15px 0pt;
padding:10px;
}

#emailForm label {
	color:#791227;;
	display:block;
	font-size:1.2em;
	margin:0pt 0pt 0.2em;
	text-align:left;
}


#emailForm input {
color:#222;
display:inline;
font-size:1.2em;
margin:0pt 0pt 20px;
padding:2px;
width:300px;
}

#emailForm input#contact_email_copy {
	width:30px;
	margin-bottom:6px;
}

#emailForm label.copy {
	display:inline;
}

.contact_email_checkbox {
	margin-bottom:24px;
}

#emailForm textarea {
color:#222;
font:normal 1.2em verdana, arial, helvetica, sans-serif;
height:150px;
margin:0pt 0pt 20px;
overflow:auto;
padding:2px;
width:400px;
}

/*-------------------------------------
	Clear
-------------------------------------*/

#services:after,
#salesexcellence:after,
#biddingsupport:after,
#talent:after,
#publicsector:after,
#left:after,
#right:after,
ul.menu:after,
p.pathway:after,
#banner:after,
#randomimage:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}