/*------------------------------
Author: Barry G White, http://www.creativebridge.co.uk/
Website: http://www.resl.co.uk/
Last Edit: 07 April 07
------------------------------*/

/* Colours -------------------
darkblue:		07001f
blue:			081041
lightblue:		042b62
teal:			2cacad
grey:			7f7F7f
------------------------------*/

/* Global Styles
------------------------------*/
html, body {
	font: small/1.2em Helvetica, arial, sans-serif;
	background: #07001f;
	color: #fff;
	margin: 0;
	padding: 0;
	}

p {margin: 0 0 2% 0; padding: 0;}
em {font-weight: normal; font-style: normal; color: #fff;}

/* Links */
a:link, a:active {color: #081041; text-decoration: underline;}
a:visited {color: #fff; text-decoration: underline;}
a:hover {color: #042b62; text-decoration:none;}

a img {border: none;}

/* Headers */
h1, h2, h3 {color: #081041; margin-top: 0;}
h1 {font-size: 250%; font-weight: normal;}
h2 {font-size: 145%;}

/* Classes */
.justify {text-align: justify;}
.centered {text-align:center;}
.gutter {padding: 20px;}
.float-l {float: left;}
.float-r {float: right;}

/* Wrap
------------------------------*/
#wrap {
	width: 944px;
	background: #2cacad;
	margin: 0 auto;
	}

/* Header
------------------------------*/
#header {background: #7f7F7f;}

#header h1 {
	background-repeat: no-repeat;
	background-position: center center;
	width: 925px;
	height: 285px;
	text-align: center;
	text-indent: -9999px;
	margin: 46px auto 0 auto;
	padding: 10px 0;
	}
#home #header h1 {background-image: url(i/banner-home.jpg); height: 464px;}
#company #header h1 {background-image: url(i/banner-company.jpg);}
#facility #header h1 {background-image: url(i/banner-facility.jpg);}
#quality #header h1 {background-image: url(i/banner-quality.jpg);}
#skills #header h1 {background-image: url(i/banner-skills.jpg);}
#casestudies #header h1 {background-image: url(i/banner-casestudies.jpg);}
#futures #header h1 {background-image: url(i/banner-futures.jpg);}
#contact #header h1 {background-image: url(i/banner-contact.jpg);}


/* Navigation */
#nav {
	text-transform: uppercase;
	float: left;
	font-weight: bold;
	width: 944px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	}
#nav li {
	background: url(i/nav-bg.jpg) repeat-x top;
	list-style-type: none;
	float: left;
	text-align: center;
	line-height: 45px;
	width: 117px;
	border-right: 1px solid #07001f;
	border-bottom: 1px solid #07001f;
	}
#nav li.last {width: 118px; border-right: none;}
#nav li.current {background: #2cacad;}
#nav a {
	color: #fff;
	text-decoration: none;
	height: 45px;
	display: block;
	}
#nav a:hover {background: #2cacad;}

/* Container
------------------------------*/
#container {border-top: 3px solid #07001f; clear: both; float: left; width: 100%;}
#container h2 {margin: 20px 0 0 20px; letter-spacing: 0.2em;}
#contact #container, #futures #container, #skills #container, #quality #container, #facility #container, #company #container {
	height: 485px;
	}

/* Main */
#main {float: right; width: 68%;}
.single-col #main {width: 100%;}
#casestudies #main img {padding-bottom: 20px;}

/* Sidebar */
#sidebar {float: left; width: 32%;}
#sidebar p {color: #042b62;}
#sidebar img {margin-top: 20px;}
#company #sidebar img {border: 4px solid #fff;}


/* 3 Columns */
#home #main {float: left; width: 50%;}
#home #col-left {float: left; width: 50%;}
#home #col-right {float: right; width: 50%;}
#home #sidebar {float: right; width: 50%;}

#home #col-left p {margin: 0 0 0 25px;}
#home #col-left ul {margin: 0;}
#home #sidebar img {margin: 50px 0 20px 0;}

/* Contact Form
------------------------------*/
form {width: 265px;}
form dd {margin-left: 0;}
form dd input, form dd textarea {width: 260px;}
form dt {margin-top: 5px;}
form .button {font-size: 80%; padding: 0; color: #081041; background: #fff;}



/* Footer
------------------------------*/
#footer {clear: both; background: #081041; font-size: 90%;}
#footer p {padding-bottom: 5px;}

#footer a:link, #footer a:active {color: #fff; text-decoration: none;}
#footer a:visited {color: #2cacad; text-decoration: none;}
#footer a:hover {color: #fff; text-decoration: underline;}

/* Footer: Navigation */
#footnav {text-align: center; margin: 0; padding: 5px;}
#footnav li {
	list-style-type: none;
	display: inline;
	border-right: 1px solid #fff;
	padding-right: 3px;
	}
#footnav li.last {border-right: none;}