html, body {
	margin: 0;
	padding: 0;
	font-family: Arial, Tahoma, sans-serif;
	background-color: #231f20;
	font-size: 1em;
	color: #6d6e71;
}

input.clickable {
	cursor: pointer;
	width: auto;
}

span.red {
	color: red;
}

a img {
	border: 0;
}

#container {
	width: 960px;
	margin: 0 auto 0 auto;
	/*border-left: 20px solid #fff;
	border-right: 20px solid #fff;
	border-bottom: 20px solid #fff;*/
	background-color: #fff;
}

#header {
	background-image: url("images/header_banner.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	height: 237px;
	position: relative;
	border-bottom: 1px solid #fff;
}
	
	#header h1 {
		margin: 0;
		padding: 0;
	}

	#header h1 a {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 23px;
		left: 25px;
		width: 180px;
		text-indent: -10000px;
		height: 60px;
	}

	#header h2 {
		position: absolute;
		margin: 0;
		padding: 0;
		bottom: 60px;
		color: #fff;
		left: 27px;
		font-size: 240%;
		width: 270px;
		line-height: 0.8em;
		visibility: hidden;
	}

	#header ul {
		position: absolute;
		list-style-type: none;
		margin: 0;
		padding: 0;
		bottom: 0;
		left: 15px;
	}

		#header ul li {
			float: left;
		}

			#header ul li a {
				display: block;
				padding: 5px 10px 10px 10px;
				border-right: 1px solid #fff;
				font-size: 80%;
				color: #fff;
				text-decoration: none;
				font-weight: bold;
			}


#content {
	padding: 20px 40px 0 40px;
}

	#content div.left {
		width: 180px;
		background: #A4A7A9;
		float: left;
		border-right: 1px solid #fff;
	}

		div.car_feature {
			margin: 10px auto;
			text-align: center;
			width: 150px;
			background-color: #fff;
			padding: 5px;
		}

			div.car_feature img {
				margin: 0 auto;
			}

			div.car_feature h3 {
				color: #333;
				text-align: left;
				padding: 0;
				margin: 0;
				font-size: 90%;
				padding-bottom: 5px;
				border-bottom: 1px solid #333;
			}

			div.car_feature a img {
				border: none;
			}

			div.car_feature p {
				text-align: left;
				margin: 5px 0 0 0;
				font-size: 90%;
				color: #666;
				font-weight: bold;
			}

				div.car_feature p a {
					font-size: 90%;
					color: #666;
					float: right;
					text-decoration: none;
				}

				div.car_feature p a:hover {
					text-decoration: underline;
				}

	#content #main {
		float: left;
		width: 678px;
		padding: 0 0 0 20px;
		color: #333;
		font-size: 80%;
	}

		#content #main h2 {
			margin-bottom: 20px;
			color: #555;
			font-size: 200%;
		}

			#content #main h2.blue {
				font-style: italic;
				color: #393f73;
				font-weight: normal;
			}

		#content #main h3 {
			color: #555;
			font-size: 140%;
		}

			#content #main p {
				line-height: 1.6em;
			}

				#content #main p a {
					color: #333;
				}

				#content #main p a:hover {
					text-decoration: none;
				}

			#content #main p.pages {
				margin-top: 10px;
				height: 45px;
			}
				
				#content #main p.pages a {
					display: block;
					float: left;
					background-color: #666;
					color: #fff;
					font-weight: bold;
					margin-right: 10px;
					padding: 5px 10px;
					font-weight: normal;
					text-decoration: none;
				}

					#content #main p.pages a:hover {
						background-color: #ccc;
						color: #333;
					}

div#logos {
	clear: both;
	text-align: center;
	padding: 20px 0;
}

	#footer {
		clear: both;
		background-color: #a4a7a9;
		color: #fff;
		padding: 20px 40px;
		height: 100px;
		text-align: right;
		font-size: 80%;
		position: relative;
	}

		#footer a {
			color: #fff;
		}

		a#tomatoproject {
			position: absolute;
			width: 150px;
			height: 62px;
			background: url(images/tomatoproject.png) no-repeat 0 0;
			left: 40px;
			bottom: 20px;
		}
			a#tomatoproject:hover {
				background-position: 0 -61px;
			}

	
	#cards {
		text-align: center;
		margin-top: 5px;
	}

#credit {
	width: 780px;
	margin: 10px auto;
	padding: 0;
	text-align: right;
	font-size: 70%;
	color: #666;
}

	#credit a {
		color: #777;
		text-decoration: none;
	}

		#credit a:hover {
			color: #ccc;
		}

/* clearing fixes for ie6 */

	.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
	
	.clearfix {display: inline-block;}
	
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */