/*** Erase ***/
body, div, dl, dt, dd, ul, ol,
li, h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input,
textarea, p, blockquote, th, td { margin:0; padding:0; }
:focus { outline:0 none; }
fieldset, img { border:0 none; }
ol, ul { list-style:none; }
address, caption, cite, code,
dfn, em, strong, th, var { font-weight:normal; font-style:normal; }
table { border-collapse:collapse; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
td, th { vertical-align:top; }
h1, h2, h3, h4, h5, h6, textarea { font-size:1em; line-height:normal; font-weight:normal; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; }
abbr, acronym { border:0 none; }

/*** Replace ***/
body {
	font-size:16px;
	font-weight:normal;
	font-family:Tahoma, Geneva, Verdana, sans-serif;
	color:#fff;
	background:#aea9a5 url(../images/body-bg.jpg) top left repeat-x;
}
h1 { margin-bottom:30px; font-size:2.5em; color:#d03e26; /* 30px/12px */ }
h2 { margin-bottom:0.25em; font-size:1.6667em; }
h3 { margin-bottom:0.5em; font-size:1.2em; font-weight:bold; color:#d03e26; }
p, ul, ol { margin-bottom:1.5em; }
a { color:#fff; }
a:link, a:visited { text-decoration:underline; }
a:active, a:focus, a:hover { text-decoration:none; }
li { margin-left:15px; }
img { vertical-align:top; }
strong { font-weight:bold; }
em { font-style:italic; }
ul li { list-style:disc outside; }
ol { margin-left:3px; }
ol li { list-style:decimal outside; }
blockquote { padding:0; margin:5px 10px; }
textarea { font-family:Tahoma, Geneva, Verdana, sans-serif; }

.clear { clear:both; }
.clear-left { clear:left; }
.clear-right { clear:right; }

/* Lean, Mean Accessible Forms (adapted from http://www.alistapart.com/articles/prettyaccessibleforms) */
form.lmaform fieldset { margin-bottom:10px; }
	form.lmaform fieldset.submit { margin:0; border:none; padding:0; }
	
	form.lmaform legend { padding:0 2px; font-weight:bold; #margin:0 -7px; }
		form.lmaform label { display:-moz-inline-box; display:inline-block; line-height:1.8; vertical-align:top; }
		
		form.lmaform fieldset li { margin:0; padding:5px; list-style:none; }
			form.lmaform fieldset fieldset { margin:3px 0 0; border:none; }
				form.lmaform fieldset fieldset legend { padding:0 0 5px; font-weight:normal; }
					form.lmaform fieldset fieldset label { display:block; width:auto; }
			
			form.lmaform em { font-weight:bold; font-style:normal; color:#f00; }
/* End L.M.A. Forms */

p.pre-list { margin:0; }

div#nav a:link, div#nav a:visited { text-decoration:none; }

/*** Styles ***/
div#container {
	position:relative;
	width:960px;
	margin:0 auto;
	font-size:0.75em;
}

div#header,
div#nav,
div#content,
div#footer { position:relative; }

div#header {
	height:137px;
	margin-top:16px;
	color:#fff;
	background:#d03e27;
}
	a#logo {
		display:block;
		position:absolute;
		width:185px;
		top:36px;
		left:15px;
		font-size:2em;
		line-height:normal;
		text-align:center;
	}
		a#logo:link,
		a#logo:visited { text-decoration:none; }
		
		a#logo img {}
	
	img#tagline {
		position:absolute;
		top:56px;
		left:240px;
	}
	
	img#battery {
		position:absolute;
		top:13px;
		right:20px;
	}

div#nav {
	z-index:10;
	height:32px;
	font-size:1.1667em;
	color:#fff;
	background:#5b5a57 url(../images/nav-bg.jpg) top left repeat-x;
}
	div#nav ul { margin:0; }
		div#nav li {
			position:relative;
			float:left;
			width:154px;
			margin-left:7px;
			list-style:none;
			line-height:30px;
			text-align:center;
		}
			div#nav li.first { margin:0; }
			
			div#nav a {
				display:block;
				height:32px;
			}
				div#nav a:link,
				div#nav a:visited { color:#fff; background:transparent; }
				
				div#nav a:active,
				div#nav a:focus,
				div#nav a:hover,
				div#nav li.active a,
				div#nav li:hover a { color:#d03e27; background:#000; }
			
			div#nav ul.sub {
				display:none;
				position:absolute;
				width:154px;
				top:32px;
				left:0;
				background:url(../images/subnav-bg.png) top left repeat;
			}
				div#nav li:hover ul.sub { display:block; }
				
				div#nav ul.sub li {
					float:none;
					margin:0;
					line-height:normal;
					text-align:left;
				}
					div#nav ul.sub a { height:auto; padding:8px 16px; }
						div#nav ul.sub a:link,
						div#nav ul.sub a:visited { color:#fff; background:transparent; }
						
						div#nav ul.sub a:active,
						div#nav ul.sub a:focus,
						div#nav ul.sub a:hover,
						div#nav ul.sub li.active a { color:#d03e27; background:transparent; }

div#content {
	min-height:512px;
	padding:20px 20px 0;
	line-height:1.5em;
	color:#666;
	background:#fff;
}
	div#content a { color:#d03e27; }
	
	div#main {
		float:left;
		width:710px;
	}
	
	div#sidebar {
		float:right;
		width:190px;
	}
		/* Sidebar: Let's talk */
		div#lets-talk { width:179px; margin:0 0 0 11px; }
			div#lets-talk h2 {
				height:78px;
				margin:0 0 0 1px;
				text-indent:-9999em;
				background:url(../images/lets-talk.jpg) top left no-repeat;
			}
			
			div#lets-talk div.text {
				height:176px;
				margin:0 0 10px 0;
				padding:6px 10px;
				font-size:0.8333em;
				background:url(../images/lets-talk-box.jpg) top left no-repeat;
			}
				div#lets-talk h3 { margin:0; }
				
				div#lets-talk ul,
				div#lets-talk p { margin:0; }
					div#lets-talk li a { color:#666; }
		
		/* Sidebar: The team */
		div#the-team { margin-left:12px; }
			div#the-team h3 {}
			
			div#the-team p {}
			
			div#the-team img { padding-bottom:5px; }
			
			div#the-team a img { padding:0 0 0 5px; }
		
		/* Sidebar: Contact details */
		div#contact-details {
			width:176px;
			height:207px;
			margin:0 0 15px 14px;
			background:url(../images/contact-details-bg.jpg) top left no-repeat;
		}
			div#contact-details p { text-indent:-9999em; }
		
		/* Sidebar: Location map badge */
		a#location-map-badge { padding-left:14px; }
		
		/* Home */
		body#home h1 { margin-bottom:20px; }
		
		body#home div#main { width:710px; }
			div#home-photo {
				position:relative;
				float:right;
				width:314px;
			}
				div#home-photo div.wrapper {
					position:absolute;
					height:230px;
					overflow:hidden;
					top:0;
					left:0;
				}
				
				div#home-photo div.text { margin:240px 0 0 10px; }
					div#home-photo div.text a { font-weight:bold; }
			
			div#home-content {
				float:left;
				width:393px;
				min-height:365px;
				padding:15px 0 0;
				background:#e44222;
			}
				div#home-content,
				div#home-content a { color:#fff; }
				
				div#home-content p {
					margin:0 0 10px;
					padding:0 15px;
					font:1.0833em/1.5em Arial, "Helvetica Neue", Helvetica, sans-serif;
				}
				
				div#home-content h2 { margin:0 0 15px; padding:0 15px; font-size:1.3333em; }
			
			div#home-boxes { margin:0 7px; }
				div.hm-box {
					float:left;
					width:126px;
					height:176px;
					background-position:top left;
					background-repeat:no-repeat;
				}
					div#home-boxes div.hm-box p { /* text-indent:-9999em; */
						margin:0;
						padding:100px 10px 30px 20px;
						font-size:0.75em;
						line-height:1.3em;
					}
						div#home-boxes div.hm-box a:hover p span { text-decoration:underline; }
				
				div#home-boxes div#supply-chain {
					background-color:;
					background-image:url(../images/hm-box-supply-chain.jpg);
				}
				
				div#home-boxes div#construction {
					margin-left:1px;
					background-color:;
					background-image:url(../images/hm-box-construction.jpg);
				}
				
				div#home-boxes div#manufacturing {
					background-color:;
					background-image:url(../images/hm-box-manufacturing.jpg);
				}
		
		body#home div#sidebar {}
		
		/* Custom software */
		body#custom-software div#main
			div#cs-content {}
				div#cs-content ul {
					float:left;
					width:400px;
					height:172px;
					margin:0;
					padding:35px 0 0;
					font-size:1.3333em;
					color:#656766;
					background:url(../images/cs-content-bg.jpg) top left no-repeat;
				}
					div#cs-content li {
						margin:0 0 5px 21px;
						padding:0 0 0 20px;
						list-style:none;
						background:url(../images/li-grey-bullet.jpg) 0 7px no-repeat
					}
					
					div#cs-content a { float:left; margin:0 0 6px 9px; }
		
		/* Development model */
		div#dev-mod-rotator { position:relative; overflow:hidden; padding:0 27px; }
			div#pane-wrapper {
				position:relative;
				width:865px;
				height:296px;
				/*overflow:hidden;*/
				margin:0;
			}
				div.pane1,
				div.pane2,
				div.pane3,
				div.pane4 {  }
					div#dev-mod-rotator div.pane {
						width:432px;
						height:296px;
					}
						div#dev-mod-rotator div.pane h2 { margin:25px 0 0 28px; }
						
						div#dev-mod-rotator div.pane p { width:353px; margin:15px 0 0 41px; }
							div#dev-mod-rotator div.pane p.after-list { margin-top:0; }
						
						div#dev-mod-rotator div.pane ul { margin:0 0 5px 41px; }
					
					div#dev-mod-rotator div.odd {
						float:left;
						color:#fff;
						background:#d03e27;
					}
					
					div#dev-mod-rotator div.even {
						float:right;
						background:#faebe9;
					}
						div#dev-mod-rotator div.even h2 { color:#d03e27; }
						
						div#dev-mod-rotator div.even p { color:#666; }
				
				div#dev-mod-rotator a#dev-mod-prev,
				div#dev-mod-rotator a#dev-mod-next {
					display:block;
					position:absolute;
					z-index:10;
					width:38px;
					height:18px;
					bottom:43px;
				}
				
				div#dev-mod-rotator a#dev-mod-prev { left:34px; }
				div#dev-mod-rotator a#dev-mod-next { right:34px; }
			
			div#dev-mod-rotator div#indicators {
				clear:both;
				width:123px;
				height:17px;
				margin:10px auto;
			}
				div#dev-mod-rotator div#indicators a {
					display:block;
					float:left;
					width:17px;
					height:17px;
					margin:0 13px 0 0;
					text-indent:-9999em;
				}	
					div#dev-mod-rotator div#indicators a:link,
					div#dev-mod-rotator div#indicators a:visited { background:#ccc url(../images/dev-mod-indicator.jpg) 0 0 no-repeat; }
					
					div#dev-mod-rotator div#indicators a:active,
					div#dev-mod-rotator div#indicators a:focus,
					div#dev-mod-rotator div#indicators a:hover,
					div#dev-mod-rotator div#indicators a.activeSlide { background:#cd1421 url(../images/dev-mod-indicator.jpg) 0 -17px no-repeat; }
			
			div#dev-mod-footer { height:46px; margin:50px 27px 0; line-height:46px; }
				div#dev-mod-footer img { vertical-align:middle; }
				
				div#dev-mod-footer span.custom-software { padding:0 30px; }
		
		/* Clients */
		h1 span { color:#ccc; }
		
		ul#client-list { float:left; margin:0; }
			ul#client-list li {
				float:left;
				width:205px;
				height:118px;
				margin:0 34px 20px 0;
				list-style:none;
			}
				ul#client-list li.last-col { margin-right:0; }
		
		div#client-badge { float:left; width:205px; height:118px; }
		
		div#client-text { float:right; width:488px; }
			div#client-text p.back-link {}
				div#client-text p.back-link a {
					display:block;
					height:19px;
					padding-left:25px;
					background:url(../images/orange-white-arrow-l.jpg) top left no-repeat;
				}
		
		/* Team */
		div#team-chooser { margin:0 0 10px; }
			div#team-chooser p { margin:0 0 2px; }
			
			div#team-img {
				position:relative;
				width:720px;
				height:180px;
				border:1px solid #e0e0e0;
				background-position:top left;
				background-repeat:no-repeat;
			}
				body#the-team div#team-img { background-image:url(../images/team-all.jpg); }
				body#coenraad-brand div#team-img { background-image:url(../images/team-coenraad.jpg); }
				body#craig-schock div#team-img { background-image:url(../images/team-craig.jpg); }
				body#wendy-bright div#team-img { background-image:url(../images/team-wendy.jpg); }
				body#jeremy-hughes div#team-img { background-image:url(../images/team-jeremy.jpg); }
				body#ruth-ablett div#team-img { background-image:url(../images/team-ruth.jpg); }
				body#darren-harrison div#team-img { background-image:url(../images/team-darren.jpg); }
				
				div#team-img a {
					display:block;
					position:absolute;
					height:170px;
					top:5px;
				}
					div#team-img a.coenraad { width:75px; left:140px; }
					div#team-img a.craig { width:57px; left:229px; }
					div#team-img a.wendy { width:73px; left:311px; }
					div#team-img a.jeremy { width:98px; right:227px; }
					div#team-img a.ruth { width:67px; right:138px; }
					div#team-img a.darren { width:75px; right:35px; }
			
			div#team-text {
				position: relative;
				height:60px;
				background-position: top left;
				background-repeat: no-repeat;
			}
				body#coenraad-brand div#team-text { left:45px; background-image: url(../images/team-coenraad-quote.jpg); }
				body#craig-schock div#team-text { left:43px; background-image: url(../images/team-craig-quote.jpg); }
				body#wendy-bright div#team-text { left:215px; background-image: url(../images/team-wendy-quote.jpg); }
				body#jeremy-hughes div#team-text { left:315px; background-image: url(../images/team-jeremy-quote.jpg); }
				body#ruth-ablett div#team-text { left:255px; background-image: url(../images/team-ruth-quote.jpg); }
				body#darren-harrison div#team-text { left:365px; background-image: url(../images/team-darren-quote.jpg); }
		
		/* Contact */
		form.lmaform { width:501px; }
			form.lmaform fieldset { margin:0 0 15px; }
				form.lmaform ol { margin:0; }
					form.lmaform fieldset li {
						border-bottom:1px solid #ccc;
						padding:15px 0;
					}
						form.lmaform fieldset li.last { border:0 none; padding-bottom:0; }
						
						form.lmaform label {
							width:125px;
							font-size:1.25em;
							font-weight:bold;
							color:#d03e27;
						}
						
						form.lmaform input.text,
						form.lmaform textarea {
							width:180px;
							height:22px;
							border:1px solid #b3b3b3;
							padding:8px 5px 0;
							font-size:1em;
							color:#666;
							background:#e5e5e5;
						}
						
						form.lmaform textarea {
							width:360px;
							height:112px;
							padding:8px 5px;
						}
				
				form.lmaform fieldset.submit { margin:0 0 15px; }
					form.lmaform input#submit {
						float:right;
						margin-right:1px;
					}

div#footer {
	height:32px;
	font-size:0.9em;
	line-height:30px;
	text-align:center;
	background:#8a8b87;
}