@charset "UTF-8";
/* Tavis Highlander CSS Document 
	Author: Ben Green (bgreen@chicowebdesign.com)
	Date: February 18, 2010
*/

/* Eric Meyer CSS Reset */
html, body, div, span, applet, object, iframe, table, caption,
tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
   vertical-align: baseline;
   font-family: inherit;
   font-weight: inherit;
   font-style: inherit;
   font-size: 100%;
   outline: 0;
   padding: 0;
   margin: 0;
   border: 0;
}
:focus {
   outline: 0;
}
body {
   background: white;
   line-height: 1;
   color: black;
}
ol, ul {
   list-style: none;
}
table {
   border-collapse: separate;
   border-spacing: 0;
}
caption, th, td {
   font-weight: normal;
   text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
   content: "";
}
blockquote, q {
   quotes: "" "";
}
/* End Eric Meyer CSS Reset */

/* -------------------------------------------
MAIN PAGE
--------------------------------------------*/
body {
	width: 900px;
	margin: 0 auto;
	background: #000;
	font: 12px/18px "lucida grande",Helvetica,Arial,sans serif;
	color: #9d9d9d;
	}
/* -------------------------------------------
HEADER
--------------------------------------------*/
#header {
	width: 900px;
	height: 131px;
	background: url(../images/header.jpg) no-repeat 0 0;
	position: relative;
	}
	#header h1.logo {
		position: absolute;
		top: 18px;
		left: 258px;
		}
		#header h1.logo a {
			display: block;
			width: 387px;
			height: 62px;
			text-indent: -3000px;
			}
	#header ul.navigation {
		}
		#header ul.navigation li {
			position: absolute;
			top: 20px;
			width: 105px;
			}
			#header ul.navigation li a {
				text-align: center;
				display: block;
				color: #fff;
				text-decoration: none;
				}
				#header ul.navigation li a:hover {
					color: #c00;
					}
		#nav_services { left: 30px; }
		#nav_about { left: 140px; }
		#nav_news { left: 655px; }
		#nav_contact { left: 765px; }
/* -------------------------------------------
CONTENT
--------------------------------------------*/
<!--
#feed {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; width:300px;}
#feed a{font-family:Verdana, Helvetica, sans-serif; font-size:14px; text-decoration:none; display:block;margin-top:10px;}
#feed .time{color:#999; font-size:10px;}
#feed .snippet{}
-->#content {
	clear: both;
	}
	
	#content a {
		color: #fff;
		text-decoration: underline;
		}
		#content a:hover {
			color: #9d9d9d;
			}
	
	#content ul {
		padding-left: 30px;
		list-style: square;
		}
	
	#content .section {
		clear: both;
		padding: 20px 0 0 0;
		}
		#content .section h2 {
			font-size: 16px;
			color: #fff;
			float: left;
			padding: 0 10px 0 0;
			}
		#content .section .content {
			float: left;
			width: 600px;
			}
		#content .section .content.arrow span {
			padding-right: 15px;
			background: url(../images/arrow.gif) no-repeat 100% 0;
			}
			
	/* -------------------------------------------
	CONTENT - HOME PAGE (hcr.html)
	--------------------------------------------*/
	#content img.main {
	padding-left: 82px;
	position: relative;
	z-index: -1;
		}
	#content div.news {
		width: 300px;
		margin-top: -150px;
		}
		#content div.news a {
			text-decoration: none;
			}
			#content div.news a img {
				float: left;
				padding: 0 10px 10px 0;
				}
			#content div.news a span.title {
				font-size: 16px;
				color: #fff;
				display: block;
				padding: 0 0 10px 0;
				}
			#content div.news a span.description {
				color: #9d9d9d;
				}
				#content div.news a:hover span.description {
					color: #cccccc;
					}
		#content div.news.left {
			float: left;
			}
		#content div.news.right {
			float: right;
			text-align: center;
			}
			
	#content h1.banner {
		background: url(../images/banner.jpg) no-repeat 53px 0;
		width: 900px;
		height: 87px;
		display: block;
		text-indent: -3000px;
		}
	#content h2 {
		font-size: 18px;
		color: #fff;
		}
		#content h2.center {
			text-align: center;
			}
	ul.partners {
		text-align: center;
		padding: 20px 0;
		}
		ul.partners li {
			display: inline;
			padding: 0 8px;
			border-right: 1px solid #9d9d9d;
			}
			ul.partners li a {
				font-size: 14px;
				}
		ul.partners li.last {
			padding: 0 0 0 8px;
			border-right: none;
			}
			
	/* -------------------------------------------
	CONTENT - INNER PAGE (hammer.html)
	--------------------------------------------*/		
	#content h1 {
		font-size: 24px;
		color: #fff;
		padding: 0 0 15px 0;
		}
	
	#content .column {
		width: 280px;
		float: left;
		}
		#content .column ul {
			list-style: square;
			}
			#content .column ul li {
				font-size: 16px;
				font-weight: bold;
				color: #fff;
				}
				#content .column ul li ul {
					padding-left: 30px;
					}
					#content .column ul li ul li {
						font-size: 12px;
						font-weight: normal;
						color: #9d9d9d;
						}
						
	#content .center {
		text-align: center;
		margin: 0 auto;
		}
	#content .vertical_padding {
		padding-top: 20px;
		padding-bottom: 20px;
		}
	
	
	
	/* -------------------------------------------
	CONTENT - LISTINGS (automotive.html)
	--------------------------------------------*/		
	#content ul.listings {
		list-style: none;
		padding: 0;
		clear: both;
		}
		#content ul.listings li {
			margin: 0 10px 10px 0;
			border: 0px solid #939393;
			float: left;
			position: relative;
			}
			#content ul.listings li a {
				text-decoration: none;
				display: block;
				width: 407px;
				height: 59px;
				}
				#content ul.listings li a:hover {
					font-weight: bold;
					}
				#content ul.listings li a span.title {
					color: #fff;
					padding: 10px 0 5px 8px;
					font-size: 16px;
					display: block;
					}
				#content ul.listings li a span.description {
					color: #9d9d9d;
					padding: 0px 0 5px 8px;
					font-size: 14px;
					display: block;
					}
				#content ul.listings li a img {
					position: absolute;
					top: 0;
					right: 0;
					z-index: -1;
					}
/* -------------------------------------------
FOOTER
--------------------------------------------*/
#footer {
	text-align: center;
	clear: both;
	}
	#footer p {
		color: #fff;
		}
	#footer a {
		color: #fff;
		text-decoration: underline;
		}
		#footer a:hover {
			color: #9d9d9d;
			}
	#footer ul.navigation {
		margin: 20px 0;
		}
		#footer ul.navigation li {
			display: inline;
			padding: 0 8px;
			border-right: 1px solid #9d9d9d;
			}
			#footer ul.navigation li.last {
				padding: 0 0 0 8px;
				border-right: none;
				}