/*------------------------------
Author: Barry G White, http://www.creativebridge.co.uk
Website: http://www.aemarketing.co.uk
Version: 1
------------------------------*/

/* Colours -------------------
darkblue: #0f083f
lightblue: #8bd3e5
------------------------------*/

/* Basic Styles
-----------------------------*/
html, body {
	margin: 0;
	padding: 0;
	font: small Helvetica,arial,sans-serif;
	color: #000;
	background: #555;
	}

a:link {color: #fff; background: transparent; text-decoration: underline;}
a:visited {color: #fff; background: transparent; text-decoration: underline;}
a:hover {color: #8bd3e5; background: transparent; text-decoration: none;}
a:active {color: #8bd3e5; background: transparent;}

h1 {margin:0; padding:0; font-size:180%;}
h2 {margin:0; padding:0;font-size:160%;}
em {font-weight:bold; font-style:normal;}
img {border: none;}

/* Layout
------------------------------*/
#wrap {
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 940px;
	color: #000;
	background: #fff;
	}
#home #wrap {width:960px;}

#header {
	float: left;
	width: 100%;
	padding-top: 20px;
	background: #fff url("i/border-top.jpg") repeat-x;
	}
#home #header {
	height: 298px;
	padding-top: 0;
	background: #000 url("i/h-banner.jpg") no-repeat bottom center; 
	}

#container {
	background: #000 url("i/bg.jpg") repeat-x left bottom;
	float: left;
	clear: both;
	color: #fff;
	}

#contact {
	background: #0f083f;
	padding-top: 154px;
	color: #fff;
	width: 100%;
	float: left;
	line-height: 200%;
	background-repeat: no-repeat;
	background-position: top center;
	font-weight: bold;
	}
#dialight #contact {background-image: url("i/banner-dialight.jpg");}
#marathon #contact {background-image: url("i/banner-marathon.jpg");}
#johnson #contact {background-image: url("i/banner-johnson.jpg");}
#renco #contact {background-image: url("i/banner-renco.jpg");}
#central #contact {background-image: url("i/banner-central.jpg");}
#illinois #contact {background-image: url("i/banner-illinois.jpg");}

#content {clear: both; font-size: 90%;}

#subnav {
	float: left;
	list-style-type: none;
	font-size: 115%;
	margin: 3px 0 0 95px;
	padding: 0;
	}

#column {width: 100%; float: left; clear: left;}
#col-left {width: 50%; float: left; clear: left;}
#col-right {width: 50%; float: right;}

.gutter {padding: 30px 40px;}
#contact .gutter {padding: 0 60px;}
#home .gutter {padding: 30px 70px;}

#footer {
	width: 100%;
	background: #0f083f;
	color: #fff;
	margin: 0;
	padding: 0;
	clear: both;
	}

/* Section: Header
------------------------------*/
#header h1 {
	float: right;
	font-size: 100%;
	margin-right: 30px;
	width: 202px; 
	background: #fff url("i/logo-aem.jpg") no-repeat bottom center;
	text-align: center;
	}
#header h1 a {
	display: block;
	text-decoration: none;
	background: #fff url("i/logo-aem.jpg") no-repeat bottom center;
	padding: 85px 0 7px 0;
	}
#header h1 a:hover {background: transparent; color: #8bd3e5;}

#home #header h1 {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 40px;
	width: 330px;
	height: 95px;
	background: url(i/h-logo.jpg) no-repeat left center;
	text-indent:-9999px;
	}
#home #header h1 a {
	display: block;
	height: 95px;
	background: url(i/h-logo.jpg) no-repeat left center;
	padding: 0;
	}

#header h2 {
	float: left;
	height: 108px;
	text-indent: -9999px;
	margin-left: 30px;
	background-repeat: no-repeat;
	}
#dialight #header h2 {width: 501px; background-image: url("i/logo-dialight.jpg");}
#marathon #header h2 {width: 542px; background-image: url("i/logo-marathon.jpg");}
#johnson #header h2 {width: 416px; background-image: url("i/logo-johnson.jpg");}
#renco #header h2 {width: 328px; background-image: url("i/logo-renco.jpg");}
#central #header h2 {width: 226px; background-image: url("i/logo-central.jpg");}
#illinois #header h2 {width: 278px; background-image: url("i/logo-illinois.jpg");}


/* Section: Contact
------------------------------*/
#contact p {
	margin: 0;
	padding: 0;
	float: left;
	width: 40%;
	color: #8bd3e5;
	background: transparent;
	}
#contactlist {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: right;
	width: 55%;
	list-style-type: none;
	}
#contactlist li {
	float: left;
	margin-left: 5%;
	}

/* Section: Contact (Homepage)
------------------------------*/
#home #contactlist {
	margin: 0;
	padding: 0;
	background: #000;
	color: #fff;
	list-style-type: none;
	line-height: 33px;
	font-size: 140%;
	font-weight: bold;
	}
#home #contactlist li {
	float: left;
	margin: 0;
	padding: 0;
	}
#home #contactlist li.last {padding: 0 0 0 50px;}


/* Section: Container
------------------------------*/
#nav-products {
	margin: 3px 0 0 0;
	padding: 0;
	background-color: transparent;
	list-style-type: none;
	float: left;
	height: 157px;
	}
#nav-products li {
	float: left;
	margin-right: 3px;
		}
#nav-products a {
	display: block;
	height: 157px;
	}
#nav-products li, #nav-products li a:hover {
	background-position: bottom left;
	background-repeat: no-repeat;
	}

#p-dialight {background-image: url("i/h-dialight-logo.jpg");}
#p-dialight a:hover {background-image: url("i/h-dialight-hover.jpg");}

#p-marathon {background-image: url("i/h-marathon-logo.jpg");}
#p-marathon a:hover {background-image: url("i/h-marathon-hover.jpg");}

#p-johnson {background-image: url("i/h-johnson-logo.jpg");}
#p-johnson a:hover {background-image: url("i/h-johnson-hover.jpg");}

#p-renco {background-image: url("i/h-renco-logo.jpg");}
#p-renco a:hover {background-image: url("i/h-renco-hover.jpg");}

#p-central {background-image: url("i/h-central-logo.jpg");}
#p-central a:hover {background-image: url("i/h-central-hover.jpg");}

#p-illinois {background-image: url("i/h-illinois-logo.jpg");}
#p-illinois a:hover {background-image: url("i/h-illinois-hover.jpg");}

#p-renco a, #p-central a, #p-illinois a {height: 50px; width: 157px; text-indent: -9999px;}
#p-illinois a {height: 51px;}
#nav-products #p-renco, #nav-products #p-central {margin: 0 0 3px 0;}
#nav-products #p-illinois {margin: 0;}

#dialight.pdf #container {
	background: #171B87 url("i/bg.jpg") repeat-x left top;
	}


/* Section: Content
------------------------------*/
#subnav li {
	float: left;
	margin-right: 10px;
	width: 180px;
	text-align: center;
	line-height: 26px;
	}
#subnav li.last {margin-right:0;}
#subnav li a span {
	background: transparent url("i/star.gif") no-repeat center center;
	width: 23px;
	height: 25px;
	padding: 3px 8px;
	color: #c50719;
	}
#subnav li a:hover span {
	background: transparent url("i/star-on.gif") no-repeat center center;
	}	
#subnav a, #subnav a:link, #subnav a:active, #subnav a:visited {
	color: #0f083f;
	text-decoration: none;
	background: #fff;
	width: 180px;
	height: 26px;
	display: block;
	}
#subnav a:hover, #subnav a.current {
	color: #fff;
	background: #0f083f;
	}
#subnav li a.current span {
	background: transparent url("i/star-on.gif") no-repeat center center;
	}
.center {text-align: center;}
#content.techsupport p {font-size: 120%;}
#content p.largetext {font-size: 180%;}

/* Section: Footer
------------------------------*/
#nav-foot {
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 200%;
	text-align: center;
	}
#nav-foot li {display: inline;}
#nav-foot .current a {
	text-decoration: none;
	background: #0f083f;
	color: #8bd3e5;
	}
#footer p {
	background: #8bd3e5;
	text-align: center;
	line-height: 200%;
	margin: 0;
	padding: 0;
	clear: left;
	font-size: 90%;
	color: #0f083f;
	}