@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; } .clearer { clear:both; }
body {
	background:url(binaries/bg.jpg) top center repeat-y #060606;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:62.5%;
}
#wrapper {
	width:900px;
	margin:0 auto;
	position:relative;
}
#moduflow {
	width:425px; height:135px;
	background:url(binaries/logo.png) bottom left no-repeat;
	text-indent:-999em; overflow:hidden;
}
#moduflow-home {
	width:427px; height:100px;
	background:url(binaries/moduflow.png) right 33px no-repeat;
	padding-top:35px;
	position:relative;
	text-indent:-999em;
}
#fan_1, #fan_2, #fan_3, #fan_4 {
	width:50px; height:50px;
	position:absolute;
	background-image:url(binaries/fans_sprite.png);
	display:none;
}
#fan_1 { top:35px; left:0; }
#fan_2 { top:35px; left:50px; background-position:50px 0px; }
#fan_3 { top:85px; left:0; background-position:0px 50px; }
#fan_4 { top:85px; left:50px; background-position:50px 50px; }

ul#nav {
	background:url(binaries/nav_bg.jpg) top left no-repeat;
	width:559px; height:63px;
	position:absolute; top:0; right:0;
}
ul#nav li {
	float:left;
	list-style:none;
}
ul#nav li a {
	display:block;
	float:left;
	height:47px;
	text-indent:-999em;
	overflow:hidden;
}
ul#nav li a.home { width:74px; }
ul#nav li a.fans { width:82px; }
ul#nav li a.company-profile { width:176px; }
ul#nav li a.lev { width:139px; }
ul#nav li a.contact { width:88px; }
#content-wrapper {
	width:820px;
	padding:30px;
	border:10px #CCC solid;
	background:#FFF url(binaries/content-bg.gif) bottom left no-repeat;
	position:relative;
}
#header { height:76px; margin-bottom:20px; padding-top:20px; display:block;}
.home-header {
	width:375px;
	height:303px;
	background:url(binaries/home-header.png) top left no-repeat;
	position:absolute;
	top:-200px;
	right:0px;
}
.about-header {
	width:394px;
	height:349px;
	background:url(binaries/about-header.png) top left no-repeat;
	position:absolute;
	top:-220px;
	right:0px;
}
.fan-header {
	width:375px;
	height:303px;
	background:url(binaries/fans-header.png) top left no-repeat;
	position:absolute;
	top:-220px;
	right:0;
}
.lev-header {
	width:375px;
	height:303px;
	background:url(binaries/lev-header.png) top left no-repeat;
	position:absolute;
	top:-220px;
	right:0;
}
h2 {
	font-family:"Impact", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:2.4em;
	text-transform:uppercase;
	background:url(binaries/heading-underline.gif) bottom left no-repeat;
	padding-bottom:5px;
	margin-bottom:10px;
	font-weight:normal;
}
h3 {
	font-size:1.6em;
	color:#F00;
	margin-bottom:10px;
}
h4 {
	font-size:1.4em;
	padding-bottom:5px;
	margin-bottom:10px;
	background:url(binaries/heading-underline.gif) bottom left no-repeat;
}
a { color:#F00; }
p {
	font-size:1.2em;
	margin-bottom:10px;
}

#leftCol {
	width:345px;
	float:left;
}
#leftColWide {
	width:570px;
	float:left;
}
#centerCol {
	float:left;
	width:230px;
	margin-left:10px;
	text-align:center;
}
#centerCol img {
	margin-bottom:10px;
}
#rightCol {
	width:225px;
	float:right;
	margin-top:50px
}
#rightCol.coshh {
	background:url(binaries/coshh_logo.jpg) top center no-repeat;
	padding-top:200px;
}
#footer { margin-top:10px; }
#footer .copy {
	float:left; width:200px;
}
#footer .credit {
	float:right; width:200px;
	text-align:right;
}
#footer a, #footer p { color:#FFF; }
.fan .image { float:left; clear:left; margin-right:20px; }
.fan { clear:both; }
.fan .spec { float:right; width:490px; }