/* American Alternative Fuels - CSS Document */

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

/**** HEADINGS ****/

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:21px;
	font-weight:bold;
	color:#671b32;
	line-height:1.3em;
	margin:0 0 .3em 0;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#23243e;
	line-height:1.3em;
	margin:0 0 .3em 0;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#23243e;
	line-height:1.3em;
	margin:0 0 .3em 0;
}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#671b32;
	margin:0 0 .2em 0;
}

/**** CONTENT ****/

p,.content {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#23243e;
	line-height:1.7em;
	margin:0 0 1em 0;
}


hr {
	border-bottom:1px dashed #23243e;
	border-top:none;
	border-left:none;
	border-right:none;
}

a.date {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:100;
	color:#23243e;
	line-height:1.3em;
	margin:0;
}


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

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

.header {
	width:944px;
	height:164px;
	margin:10px 0 0 0;
	padding:0;
}

	/*** HEADER AREA ***/
	
		a.logo {
			background:url(../images/logo.jpg) no-repeat;
			width:392px;
			height:90px;
			margin:0;
			padding:0;
			display:block;
			cursor:pointer;
			float:left;
			text-indent:-999em;
		}
	
	/*** RIGHT SIDE ***/
	
		.topInfo {
			width:280px;
			height:20px;
			margin:0;
			padding:0;
			float:right;
			text-align:right;
		}
		
		.topInfo h2 {
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:20px;
			font-weight:100;
			color:#ffffff;
			margin:0;
			padding:0;
			text-align:right;
		}
		
		.topInfo h3 {
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:16px;
			font-weight:100;
			color:#ffffff;
			margin:0;
			padding:0;
		}
		
	/** NAV BAR **/	
		.navbar {
			width:944px;
			height:44px;
			margin:30px 0 0 0;
			padding:0;
			float:left;
			clear:both;
		}

	/*** END HEADER AREA ***/
	

.banner {
	background:url(../images/canvas.png) no-repeat;
	width:922px;
	height:315px;
	margin:0;
	padding:18px 8px;
	clear:both;
	position:relative;
}

.banner404 {
	background:url(../images/canvas404.png) no-repeat;
	width:577px;
	height:287px;
	margin:60px 0 0 180px;
	padding:18px 8px;
	clear:both;
	position:relative;
}
	.ribbonLeft404 {
	background:url(../images/left-ribbon.png) top center no-repeat;
	width:20px;
	height:70px;
	margin:0;
	padding:0;
	position:absolute;
	top:-48px;
	left:19px;
	}
	
	.ribbonRight404 {
	background:url(../images/right-ribbon.png) top center no-repeat;
	width:20px;
	height:70px;
	margin:0;
	padding:0;
	position:absolute;
	top:-50px;
	left:533px;
	}
	
	.content404 {
	padding:80px 10px 10px 90px;
	width:420px;
	}

.banner h2 a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:17px;
	color:#FFFFFF;
	font-weight:100;
	text-decoration:none;
}

.banner h2 {
	margin:0;
}


	.ribbonLeft {
	background:url(../images/left-ribbon.png) top center no-repeat;
	width:20px;
	height:70px;
	margin:0;
	padding:0;
	position:absolute;
	top: -58px;
	left: -1px;
	}
	
	.ribbonRight {
	background:url(../images/right-ribbon.png) top center no-repeat;
	width:20px;
	height:70px;
	margin:0;
	padding:0;
	position:absolute;
	top: -56px;
	left: 919px;
	}

.bodyArea {
	width:944px;
	margin:8px 0 0 0;
	padding:0;
	clear:both;
}

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

	/*** BODY AREA ***/

	
	.leftCol {
		width:280px;
		margin:0;
		padding:0;
		float:left;
	}
	
	.midCol {
		width:270px;
		margin:0 0 0 25px;
		padding:0;
		float:left;
	}
	
	.rightCol {
		width:280px;
		margin:0;
		padding:0;
		float:right;
	}
	
	.divider {
		border-right:1px solid #b1b2b1;
		margin:0 0 0 25px;
		padding:0;
		float:left;
		height:270px;
	}
	
	a.boxBlue {
		background:#183148 none repeat scroll 0 0;
		height:88px;
		margin:2px;
		padding:65px 0 0 0;
		width:180px;
		float:left;
		display:block;
		text-align:center;
		cursor:pointer;
	}
	a.boxBlue:hover {
		background:#671b32 none repeat scroll 0 0;
	}
	
	a.boxBlue_LONG {
		background:#183148 none repeat scroll 0 0;
		height:98px;
		margin:2px;
		padding:55px 0 0 0;
		width:180px;
		float:left;
		display:block;
		text-align:center;
		cursor:pointer;	
	}
	
	a.boxBlue_LONG:hover {
		background:#671b32 none repeat scroll 0 0;
	}
	a.boxBlue_img {
		display:block;
		width:180px;
		height:153px;
		margin:2px;
		padding:0;
		float:left;
		cursor:pointer;
	}
	
	.lawyerContainer {
		float:left;
		clear:left;
		margin:0;
		padding:10px 0 10px 0;
		width:700px;
		border-bottom: 1px solid #c7c7c7;
	}	
	.lawyer {
		width:146px;
		margin:0 5px 0 0;
		padding:0;
		float:left;
		text-align:center;
	}
	.lawyerInfo {
		width:530px;
		margin:0;
		padding:0;
		float:left;
	}
	
	/*** END BODY AREA ***/
	
.footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:100;
	color:#23243e;
	line-height:1.7em;
	margin:0;
	border-top:1px solid #b1b2b1;
	width:912px;
	margin:0 auto;
	padding:15px;
	clear:both;
}

.leftFooter {
	float:left;
	width:670px;
	padding:0 0 5px 0;
	margin:0;
}
.rightFooter {
	float:right;
	width:230px;
	margin:0;
	padding:0 0 10px 0;
	text-align:right;
}

.rightFooter h4 {
	margin:0;
}

.attorneyText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:100;
	color:#000000;
	margin:0;
	line-height:15px;
}

/*** INSIDE STYLES ***/

.leftBar {
	width:242px;
	float:left;
	margin:50px 0 0 0;
	padding:0;
	position:relative;
}

.leftBar-Top {
	background:url(../images/sideBar-top.png) top repeat-y;
	width:202px;
	height:28px;
	margin:0;
	padding:16px 20px;
}

.leftBar-Top h2 {
	color:#FFFFFF;
	font-weight:100;
}

.leftBar-bg {
	background:url(../images/sideBar-bg.png) top repeat-y;
	width:212px;
	clear:left;
	margin:0;
	padding:10px 15px 5px 15px;
}

.leftBar-footer {
	background:url(../images/sideBar-footer.png) top repeat-y;
	width:242px;
	height:8px;
	clear:left;
	margin:0;
	padding:0;
}

	/** RIBBONS **/
	.ribbonLeft-inside {
	background:url(../images/left-ribbon.png) top center no-repeat;
	width:20px;
	height:70px;
	margin:0;
	padding:0;
	position:absolute;
	top: -54px;
	left: 0px;
	}
	
	.ribbonRight-inside {
	background:url(../images/right-ribbon.png) top center no-repeat;
	width:20px;
	height:70px;
	margin:0;
	padding:0;
	position:absolute;
	top: -52px;
	left: 216px;
	}

.rightCol-inside {
	float:right;
	width:670px;
	margin:0;
	padding:0 0 10px 0;
	position:relative;
}

.quote {	
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	color:#FFFFFF;
	font-style:italic;
	height:150px;
	margin:55px 0 0 18px;
	width:530px;
}

.banner-about {
	background:url(../images/banner-about.png) no-repeat;
	width:652px;
	height:177px;
}

.banner-practice {
	background:url(../images/banner-practice.png) no-repeat;
	width:652px;
	height:177px;
}

.banner-team {
	background:url(../images/banner-team.png) no-repeat;
	width:652px;
	height:177px;
}

.banner-contact {
	background:url(../images/banner-contact.png) no-repeat;
	width:652px;
	height:177px;
}

.contentArea {
	padding:230px 0 0 0;
	clear:both;
	width:680px;
}

div.hr {
	border-bottom:1px dashed #c7c7c7;
	margin:5px 0 10px 155px;
	width:510px;
}

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

a {
	color:#651A31;
	text-decoration:none;
}
a:visited {
	color:#651A31;
	text-decoration:none;
}
a:hover {
	color:#41111F;
	text-decoration:underline;
}
a:active {
	color:#651A31;
	text-decoration:none;
}

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

ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#23243e;
	line-height:1.5em;
	margin:0 0 15px 0;
}

/*** FORMS ***/

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

ul.partners {
	margin:10px 0 10px 10px;
	padding:0 0 0 10px;
}

ul.partners li {
	padding:0 0 5px 0;
	margin:0;
}

ul.partners li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#23243e;
	text-decoration:none;
	margin:0;
	padding:0;
}

ul.partners li a:visited {
	color:#23243e;
	text-decoration:none;
}
ul.partners li a:hover {
	color:#671B32;
	text-decoration:underline;
}
ul.partners li a:active {
	color:#23243e;
	text-decoration:none;
}

/*** FORMS ***/
.formText {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:100;
	float:left;
	text-align:right;
	width:160px;
	padding:0 0 4px 0;
}

.formField {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:100;
	float:left;
	margin:0 0 0 10px;
	padding:0 0 4px 0;
}

.required {
	color:#CC0000;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:100;
	margin:0;
	padding:0;
}

.bannerInside {
	position:absolute;
	top:-16px;
	left:-15px;
}

.map {
	border:1px solid #c7c7c7;
}

input.search {
	border:1px solid #c7c7c7;
	padding:4px 5px 5px 5px;
	margin:0 0 0 5px;
	font-size:12px;
	color:#999999;
	width:150px;
	float:left;
}
input.submit {
	background:url(../images/search-btn.jpg) no-repeat;
	width:22px;
	height:26px;
	margin:0;
	padding:0;
	display:block;
	float:left;
	cursor:pointer;
	border:0;
	text-indent:-999em;
}

/** IMAGES **/

img.years {
	padding:0 10px 0 0;
}

img.capital {
	margin:0 10px 5px 0;
}

img.headshot {
	margin:5px 15px 0 0;
}

.testimonials {
	margin:0;
	width:650px;
	background:#FFFFCC;
	padding:10px;
	border: 1px solid #c7c7c7;
}
.testimonialcontent {
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:16px;
	color:#23243e;
	line-height:1.7em;
	margin:0 0 1em 0;
}