@import url("reset.css");

body {
	background: #98b600;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #7c7e80;
}

#wrapper {
	width: 960px;
	margin: 46px auto;
	padding: 24px 0;
	position: relative;
	background: url(../images/content-top.gif) no-repeat top right;
}

p, h1, h2, h3 { margin-bottom: 1.2em; }

.larger { font-size: 14px; padding-top: 14px; }

/*	--------------------------------------
	HEADERS
	--------------------------------------	*/
	
h1 { font-size: 20px; color:#2F4658; }
h2 { font-size: 16px; font-weight:normal; color:#2F4658; }
h3 { font-size: 14px; font-weight:normal; color:#2F4658; margin-top: 0.5em; }
h3 { font-size: 14px; font-weight:normal; color:#2F4658; margin-top: 1.5em; }
h4, h5, h6 { font-size: 12px; font-weight:bold; color:#2F4658; margin-bottom: 0.5em !important; }

h1.main { background-repeat: no-repeat; background-position:0 0; display:  block; width: 530px; height: 70px; text-indent: -9999px; }
body.home h1.main { background-image: url(../images/headings/home.gif); }
body.about h1.main { background-image: url(../images/headings/about.gif); }
body.faq h1.main { background-image: url(../images/headings/faq.gif); }
body.before h1.main { background-image: url(../images/headings/before.gif); }
body.testimonials h1.main { background-image: url(../images/headings/testimonials.gif); }
body.freight h1.main { background-image: url(../images/headings/freight.gif); }
body.news h1.main { background-image: url(../images/headings/newsletters.gif); }
body.contact h1.main { background-image: url(../images/headings/contact.gif); }

#side h3 { text-transform: uppercase; size: 11px !important; font-weight: normal; margin: 30px 0 0 0 !important; color: #FFF; }

/*	--------------------------------------
	TOP NAVIGATION
	--------------------------------------	*/

ul#nav {
	list-style: none;
	width: 210px;
	margin: 0;
	padding: 0;
}

ul#nav li {
	padding: 0;
	margin: 0;
	list-style: none;
	text-indent: -999px;
	display: block;
	width: 216px;
	height: 30px;
}

ul#nav li a {
	display: block;
	margin: 0;
	padding: 8px 0;
	text-decoration: none;
	background-position: 0 0;
	width: 170px;
	overflow: hidden;
}

ul#nav li a.home { background-image: url(../images/nav/home.gif); }
ul#nav li a.about { background-image: url(../images/nav/about.gif); }
ul#nav li a.faq { background-image: url(../images/nav/faq.gif); }
ul#nav li a.before { background-image: url(../images/nav/before.gif); }
ul#nav li a.testimonials { background-image: url(../images/nav/testimonials.gif); }
ul#nav li a.freight { background-image: url(../images/nav/freight.gif); }
ul#nav li a.faq { background-image: url(../images/nav/faq.gif); }
ul#nav li a.news { background-image: url(../images/nav/news.gif); }
ul#nav li a.contact { background-image: url(../images/nav/contact.gif); }


ul#nav li a:hover { background-position: -217px 0; }

body.home ul#nav li a.home,
body.about ul#nav li a.about,
body.faq ul#nav li a.faq,
body.before ul#nav li a.before,
body.testimonials ul#nav li a.testimonials,
body.freight ul#nav li a.freight,
body.faq ul#nav li a.faq,
body.news ul#nav li a.news,
body.contact ul#nav li a.contact
{ background-position: -217px 0; width: 216px; }



ul#navLeft li ul li a {
	display: block;
	font-size: 0.9em;
	margin: 0;
	padding: 0 0 12px 15px;
	background: url(../images/blt-arrow.gif) no-repeat 0 3px;
}

ul#navTop li a:hover, ul#navLeft li a:hover {
	color: #f1e413;
}

/*	--------------------------------------
	LAYOUT
	--------------------------------------	*/

div#side {
	width: 217px;
	float: left;
	color: #FFF;
	padding: 12px 0 0 0;
	overflow: hidden;
}

div#side a#logo {
	background: url(../images/logo.gif) no-repeat 0 0;
	width: 217px;
	height: 102px;
	display: block;
	text-indent: -999px;
}

div#content {
	width: 640px;
	padding: 10px 42px 65px 42px;
	float: left;
	margin: 0 0 0 19px;
	background: url(../images/content-bg.gif) no-repeat bottom right;
	height: 450px;
	min-height: 450px;
}

html>body div#content { height:auto }

div#content #intro {
	width: 290px;
	float: left;
	padding: 0 40px 0 0;
}

.column {
	width: 290px;
	float: left;
}

div#content img#photo {
	float: left;
}

div#content #copy { 
	padding: 0 106px 10px 0;
	clear: left;
}

div#content img { border: 6px solid #d8dde0; }

div#content ul {
	list-style: none;
	margin: 0 0 1.2em 0;
	padding: 0;
}

div#content ul li {
	background: url(../images/bullet.gif) no-repeat 0 4px;
	padding: 0 0 0 23px;
}

div#content ul.longer li {
	padding: 0 0 1em 23px;
}

div#content ul.images {
	clear: left;
}

div#content ul.images li {
	background: none;
	padding: 0;
	float: left;
	padding: 0 10px 10px 0;
	position: relative;
}

div#content ul.images li strong {
	position: absolute;
	top: 10px; right: 20px;
	background: #FFF;
	padding: 4px;
	display: block;
	text-transform: uppercase;
	font-size: 9px;
	font-weight: normal;
	letter-spacing: 0.08em;
}

.divider {
	border-top: 1px solid #e3e3e3;
	height: 15px;
	margin-top: 20px;
	clear: left;
}

body.before .divider, body.faq .divider, body.freight .divider {
	border-top: none;
}


/*	--------------------------------------
	LINK STYLES
	--------------------------------------	*/

div#content a { color: #98b600; text-decoration: underline; }
div#content a:hover { color: #b4d800; text-decoration: none; }

/*	--------------------------------------
	CONTENT
	--------------------------------------	*/

span.error{
	color:#ff0000;
}
	
/*	--------------------------------------
	FOOTER
	--------------------------------------	*/
	
#footer { 
	clear: both;
	padding: 10px 10px 30px 276px;
	color: #fff;
}

#footer a {
	color: #FFF;
}