/* American Alternative Fuels - CSS Document */

body {
	background:#fffdde url(../images/bg.jpg) repeat-x;
	margin:0;
}

/**** HEADINGS ****/

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	font-style:italic;
	color:#119c4e;
	line-height:1.5em;
	margin:0;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	color:#353c37;
	line-height:1.5em;
	margin:0;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#119c4e;
	line-height:1.5em;
	margin:0 0 .5em 0;
}
h4,.h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#119c4e;
	line-height:1.5em;
	margin:0 0 .5em 0;
}

h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	font-style:italic;
	color:#fff;
	line-height:1.5em;
	margin:0;
}

/**** CONTENT ****/

p,.content {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:100;
	color:#3a3a3a;
	line-height:2em;
	margin:0 0 1em 0;
}

/**** BODY STRUCTURE ****/

.container {
	width:987px;
	margin:0 auto;
	padding:0 0 10px 0;
}

.header { 
	width:987px;
	height:158px;
	margin:0;
	padding:0;
}

	/*** HEADER AREA ***/
	
		a.logo {
			background:url(../images/logo.jpg) no-repeat;
			width:282px;
			height:72px;
			margin:18px 0 0 0;
			padding:0;
			display:block;
			cursor:pointer;
			float:left;
			text-indent:-999em;
		}
		
		.navbar {
			width:987px;
			height:59px;
			margin:9px 0 0 0;
			padding:0;
			float:left;
			clear:both;
		}
	
	/*** RIGHT SIDE ***/
	
		.topInfo {
			width:380px;
			height:30px;
			margin:40px 0 0 0;
			padding:0;
			float:right;
		}
		
		.search {
			width:280px;
			height:30px;
			margin:0;
			padding:0;
			float:right;
			clear:right;
		}

	/*** END HEADER AREA ***/

/*** BANNER HOME ***/
.banner {
	background:url(../images/banner-road.jpg) no-repeat;
	width:987px;
	height:305px;
	margin:0;
	padding:0;
}

.bannerText {
	padding:40px 0 0 40px;
	width:410px;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:100;
	color:#FFFFFF;
	line-height:1.8em;
	float:left;
}

.titleGoGreen {
	background:url(../images/title_GoGreen.png) no-repeat;
	width:332px;
	height:54px;
	margin:0;
	padding:0;
	text-indent:-999em;
}

/*** BANNER INSIDE ***/

.banner-inside {
	background:url(../images/banner-inside.jpg) no-repeat;
	width:987px;
	height:245px;
	margin:0;
	padding:0;
}

.banner-inside-hybrid {
	background:url(../images/banner-inside-hybrid.jpg) no-repeat;
	width:987px;
	height:245px;
	margin:0;
	padding:0;
}

.titleHybrid {
	background:url(../images/titile_hybrid.png) no-repeat;
	width:271px;
	height:85px;
	margin:0;
	padding:0;
	text-indent:-999em;
}

a.btnPurchase {
	background:url(../images/btn-purchase-hybrid.png) no-repeat;
	width:141px;
	height:53px;
	float:right;
	margin:30px 185px 0 0;
	padding:0;
	cursor:pointer;
	text-indent:-999em;
}

/*** END BANNERS ***/

.bodyArea {
	width:960px;
	margin:0 auto;
	padding:0;
	clear:both;
}

div.clear {
	clear:both;
	margin:0;
	padding:0;
}

	/*** BODY AREA ***/
	
	.leftCol {
		width:650px;
		margin:0;
		padding:0;
		float:left;
	}
	
	.rightCol {
		width:265px;
		margin:0;
		padding:0;
		float:right;
	}
	
	div.dividerVertial {
		background:url(../images/vertical-divider.png) repeat-y;
		width:1px;
		margin:0 0 0 10px;
		padding:0;
		float:left;
	}	
	
	div.divider {
		background:#b2b19b;
		height:1px;
		margin:4px 0;
		padding:0;
		clear:both;
	}
	
	/*** END BODY AREA ***/
	
.footer {
	background:#cccccc;
	width:100%;
	height:1px;
	margin:0;
	padding:0;
	clear:both;
}

.footerLinks {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:100;
	color:#3a3a3a;
	line-height:2em;
	width:960px;
	margin:0 auto;
	padding:10px 0 10px 0;
	clear:both;
}

.footerLeft {
	float:left;
	width:250px;
	margin:0;
	padding:0;
}

.footerRight {
	float:right;
	width:644px;
	margin:0;
	padding:0;
}

/**** LINKS / LIST ITEMS ****/

a {
	color:#119c4e;
	text-decoration:none;
}
a:visited {
	color:#119c4e;
	text-decoration:none;
}
a:hover {
	color:#119c4e;
	text-decoration:underline;
}
a:active {
	color:#119c4e;
	text-decoration:none;
}

ul {
	margin:10px;
	padding:5px;
}

ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#3a3a3a;
	line-height:1.5em;
}

/*** FORMS ***/

.form-fields {
	border:1px solid #D0D9DF;
	color:#486F82;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:13px;
	height:18px;
	margin:3px;
	padding:5px;
	width:200px;
}

/*** MINI NAV ***/

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

ul.miniNav li {
	margin:0;
	width:240px;
	padding:0;
	border-bottom:1px solid #a0bec5;
}

ul.miniNav li:hover {
	background:#51b74b;
}

ul.miniNav li a {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#22678b;
	text-decoration:none;
	padding:9px;
	display:block;
	line-height:1.5em;
}

ul.miniNav li a:hover { 
	color:#FFFFFF;
	text-decoration:none;
}


.impressText {
	float:left;
	margin:10px 0 0 0;
}

div.waterMark {
	background:url(../images/logo-impress.png) no-repeat;
	width:98px;
	height:29px;
	margin:0 5px;
	padding:0;
	float:left;
	text-indent:-999em;
}

a.logoIntellisites {
	background:url(../images/logo-intellisites.png) no-repeat;
	width:54px;
	height:49px;
	margin:-7px 0 0 7px;
	padding:0;
	cursor:pointer;
	display:block;
	float:left;
	text-indent:-999em;
}	
a.logoBurst {
	background:url(../images/logo-burst.png) no-repeat;
	width:100px;
	height:49px;
	margin:-7px 0 10px;
	padding:0;
	cursor:pointer;
	display:block;
	float:left;
	text-indent:-999em;
}