@import url(reset.css);

body {
	font-family:Verdana, sans-serif;
	font-size:12px;
	line-height:1.5em;
	color:#000;
	text-align:center;
}

#background {
	padding:2em 0 0 0;
	background:#fff url(../images/background.jpg) 50% 2em repeat-x;
	background-attachment:fixed;	
}

#container {
	text-align:left;
	width:750px;
	margin:0 auto;
	position:relative;	
}

h1, h2, h3 {
	margin:1em 0;
	color:#f00;
	font-weight:normal;
	line-height:1.2em;
}

h1 {
	font-size:1.8em;
}

h2 {
	font-size:1.4em;
}

h3 {
	font-size:1.2em;
	font-weight:bold;	
}

#FadeBox {
	margin:15px 0;
	font-size:11px;
	color:#666;
}

#FadeBox .head {
	height:32px;
	background:url(../images/BoxFadeHead.png);
}

#FadeBox .center {
	background:url(../images/BoxFadeCenter.png) repeat-y;
	padding:10px 25px 0;
	
}

#FadeBox .foot {
	height:32px;
	background:url(../images/BoxFadeFoot.png);
}

#FadeBox h1, #FadeBox h2, #FadeBox h3 {
	font-weight: lighter;
	font-size:17px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
}

#FadeBox  h1 {
	margin:0 !important;
	font-size:1.8em;
	padding:0 0 0 24px;
}

#FadeBox h2 {
	margin:0 !important;
	font-size:1.4em;
	margin:0 0 8px 0;
}

#FadeBox p {
	margin:0 !important;
	padding-bottom:10px;
}

#content {
	padding:15em 0 0 0;	
	margin:0 0 2em 0;
}

#header {
	position:absolute;
	top:0;
	left:0;
	height:15em;
}

#footer {
	height:7em;
	position:relative;
}

#footer ul {
	background:url(../images/baseOverlay.png) top left repeat-x;
	height:27px;
}

#footer li {
	padding:0 1em;
	line-height:27px;
	background:url(../images/baseDividerOverlay.png) top right no-repeat;	
}

#footer li a {
	color:#fff;
	display:block;
}

p {
	margin:1em 0;
}

a {
	text-decoration:none;
	color:#999;
}

ul {
	list-style:disc;
	padding:0 0 0 2em;	
}

ul.inline li, dl.inline {
	float:left;
}

dl.contact {
	margin:1em 2em 1em 0;	
}

#header ul {
	height:2em;	
}

#header ul.inline li {
	margin:0 1em;
	padding:0 0.6em;	
}

ul.no-style {
	list-style:none;
	margin:0;
	padding:0;
}

ul.no-style li {
	margin:0;
	padding:0;
}

.stretch {
	width:100%;
}

#logo {
	position:absolute;
	top:5em;
	left:2em;
}

.underline-grey {
	border-bottom:1px solid #ccc;
}

.underline-red, #header li a:hover {
	border-bottom:4px solid #f00;
}

#header li a {
	display:block;
	padding:0.1em 0;
}

.red-text {
	color:#f00;
}

#header .number {
	font-size:24px;
	font-weight:bold;
}

#header .small {
	font-size:0.8em;
}

#call-us-now {
	color:#999;
	width:285px;
	position:absolute;
	top:5em;
	right:2em;
}

.clearer {
	clear:both;
}

.translucent-bg {
	background:url(../images/mainBodyOverlay.png) top left repeat;
}

#main-column {
	float:left;
	width:533px;
	padding:20px;
	margin:0 10px 0 0;
}
#main-column a {color:#FF0000;}
#right-column {
	float:left;
	width:167px;
}

#main-feature {
	background:url(../images/mainFeatureBG.png) top left no-repeat;
	margin:-0.5em auto 1em auto;
	width:543px;
	height:240px;
	position:relative;
	left:-4px;
}

#main-feature img {
	position:absolute;
	top:5px;
	left:6px;
}

#icom {
	position:absolute;
	bottom:0;
	right:0;
	background:url(../images/icomBrandingTab.png) top left repeat-x;
	width:205px;
	height:27px;
	line-height:27px;
	font-size:0.75em;
	text-align:center;
	color:#000;
}

#icom a {
	color:#000;
}

#right-column dt {
	background:url(../images/baseOverlay.png) top left repeat-x;
	line-height:27px;
	border-bottom:6px solid #f00;
	color:#fff;
	padding:0 1em;
	margin:0;
}

#right-column dd {
	padding:1em 0;
	background:url(../images/mainBodyOverlay.png) top left repeat;
	font-size:0.8em;
	line-height:1.3em;
}

#right-column dd li {
	margin:0.2em 1em;
}

#right-column dd li a {
	padding:0.5em 1em;
	color:#000;
	display:block;
}

#right-column dd li a:hover {
	background:#999;
	color:#fff;
}

#side-nav {
	margin:0 0 1em 0;
}

#right-column div.cta {
	margin:1em 0;
	position:relative;
	padding:1em;
	color:#333;
}

#right-column div.cta p {
	font-size:0.9em;
	line-height:1.2em;
	width:10em;	
	margin:0.5em 0;
}

#right-column div.cta span.title {
	text-transform:uppercase;
	color:#f00;
	font-size:18px;
}

#right-column div.cta a {
	display:block;
	width:100%;
	height:20px;
	text-indent:-9999px;
	background:url(../images/promoButton.jpg) 0 0 no-repeat;
	position:absolute;
	bottom:0;
	left:0;
	border-top:3px solid #aaa;
}

#right-column div.cta a:hover {
	background-position:0 -20px;
}

#cta-supply-costs, #cta-promote {
	height:140px;
	background:url(../images/PromoButtonTop.jpg) top left no-repeat;
}

#cta-promote {
	background:url(../images/PromoButtonBase.jpg) top left no-repeat;
}

strong {
	font-weight:bold;
}

label {
	display:block;
	margin:1em 0;
}

label span {
	display:block;
	width:10em;
	float:left;
	margin:0.1em 0 0 0;
}

input, select, textarea {
	background:#fff;
	border:1px solid #333;
	padding:0.2em;
}

input:focus, select:focus, textarea:focus {
	border-color:#f00;
}

input {
	width:20em;
}

.join-form label {
	display:block;
	margin:0;
	width:20em;
}

.join-form label span {
	display:block;
	width:18em;
	float:left;
	margin:0 0 0 0;
}

.join-form div {
	float:left;
	width:22em;
}
.join-form input {
	width:auto;
}

dl {
	margin:1em 0;	
}

dt {
	font-weight:bold;
	margin:0 0 0.5em 0;
}

dd {
	margin:0 0 1em 0;
}

address {
	font-style:normal;
}

label span em {
	color:#f00;
}

tr.summary td, tr.summary th, th {
	font-weight:bold;
}

td, th {
	padding:0.3em 0.5em;
}

table.centre-data td {
	text-align:center;
}

div#main-column table {
	border-collapse:separate;
	border-spacing:2px;
}
.separator {border-top:double 4px #FF0000;}