* { margin: 0; }
			html, body, #wrapper {height: 100%; }

			body { color: #dad9d9; font: 12px/1.5 "Lucida Grande", Verdana, "Trebuchet MS", Arial, sans-serif; }

			#wrapper { background: #000 url(../images/bg.jpg) repeat-x; height: auto; min-height: 100%; }

			#header { margin: 0 auto; width: 925px; padding-top: 103px; }

			#navigation		{ display: block; list-style: none; margin-left: 503px; margin-top: -74px; position: absolute; }
			#navigation li  { display: inline; }

			#portfolio a { float: left; background: url(../images/menu.png) 0px 0px no-repeat; width: 57px; height: 5px; margin-right: 54px; }
			#portfolio a:hover { background: url(../images/menu.png) 0px -5px no-repeat; }
			#portfolio-active a { float: left; background: url(../images/menu.png) 0px -5px; width: 57px; height: 5px; margin-right: 54px; }
			
			#who a { float: left; background: url(../images/menu.png) -57px 0px no-repeat; width: 69px; height: 5px; margin-right: 54px; }
			#who a:hover { background: url(../images/menu.png) -57px -5px no-repeat; }
			#who-active a { float: left; background: url(../images/menu.png) -57px -5px no-repeat; width: 69px; height: 5px; margin-right: 54px; }			
			
			#what a { float: left; background: url(../images/menu.png) -128px 0px no-repeat; width: 69px; height: 5px; margin-right: 54px; }
			#what a:hover { background: url(../images/menu.png) -128px -5px no-repeat; }
			#what-active a { float: left; background: url(../images/menu.png) -128px -5px no-repeat; width: 69px; height: 5px; margin-right: 54px; }			
			
			#contact a { float: left; background: url(../images/menu.png) -198px 0px no-repeat; width: 65px; height: 5px; }
			#contact a:hover { background: url(../images/menu.png) -198px -5px no-repeat; }
			#contact-active a { float: left; background: url(../images/menu.png)  -198px -5px no-repeat; width: 65px; height: 5px; }

			#main { background-color: #000; padding-bottom: 354px; }  /* must be same height as the footer */

			#content { width: 925px; margin: 0 auto; }

			#footer { background: #d12f07 url(../images/footer-bg.jpg) repeat-x top; position: relative;
				margin-top: -354px; /* negative value of footer height */
				height: 354px;
				clear:both;} 
				
			#footer-content { background: #d12f07 url(../images/footer.jpg) no-repeat; height: 354px; width: 1000px; margin: 0 auto; }

			.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 */

			/** General Styles *************************/
			#intro a:link, #intro a:visited { color: #d12f07; text-decoration: none; }
			#intro a:hover			{ text-decoration: underline; }
			#lsidebar a:link, #lsidebar a:visited { color: #dad9d9; text-decoration: none; }
			#lsidebar a:hover			{ text-decoration: underline; }
			form			{ color: #fff; }
			.orange 		{ color: #f1461b; }
			.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 */
			
			.top			{ color: #d12f07; cursor:pointer; }
			
			/** Wrapper Styles *************************/
			#middle-content { margin: 0px 37px 0 37px; width: 1000px; }
			#top			{ background: url(../images/top-arrow.jpg) no-repeat; background-position: 871px 7px; font-size: 10px; font-weight: bold; margin-left: -10px; padding-top: 4px; padding-right: 41px; text-align: right; }
			#top-2			{ font-size: 10px; font-weight: bold; padding-right: 38px; padding-top: 4px; }
			#top a:link, #top a:visited { color: #d12f07; text-decoration: none; }
			#top a:hover    { text-decoration: underline; }
			#footnav		{ float:right; padding-right: 38px; padding-top: 170px; color: #000; font-size: 12px; line-height: 1.7; }
			#footnav li		{ text-align: right; font: 12px/1.8 "Lucida Grande", Verdana, "Trebuchet MS", Arial, sans-serif; }
			#footnav a:link, #footnav a:visited { color: #000; text-decoration: none; }
			#footnav a:hover { text-decoration: underline; }
			#contactinfo	{ color: #000; clear: both; float: left; font-size: 10px; margin-left: 137px; margin-top: -15px; text-align: right; }
			#contactinfo a:link, #contactinfo a:visited { color: #000; text-decoration: none; }
			#contactinfo a:hover { text-decoration: underline; }
			#copyright		{ color: #000; float: left; font-size: 10px; margin-left: 88px; padding-top: 57px; margin-left: 380px;  }
			
			/** Content Styles *************************/
			hr 				{ border-top: 1px; border-color: #454545; clear: both; height: 0px; padding-bottom: -36px; }
			#logo 			{ padding-top: 103px; }
			#intro			{ background: url(../images/stripes.jpg) no-repeat bottom; height: 82px; padding-top: 37px; width: 925px; font: 12px/1.8 "Lucida Grande", Verdana, "Trebuchet MS", Arial, sans-serif; }
			#who-intro		{ display: block; float: left; font-size: 12px; line-height: 20px; padding-top: 37px; width: 925px; padding-bottom: 10px; }
			#who-intro a:link, #who-intro a:visited { color: #d12f07; text-decoration: none; }
			#who-intro a:hover    { text-decoration: underline; }
			#info-arrow		{ margin-left: 7px; }
			#contact-form 	{ clear: both; float: left; font-size: 12px; padding-top: 31px; width: 650px; margin-left: 140px; line-height: 3.0;  margin-bottom: 55px;  }
			#contact-form h3{ color: #d12f07; }
			#contact-form li{ display: inline; float: left; padding-bottom: 10px;  }	
			#lsidebar		{ font: 12px/1.5 "Lucida Grande", Verdana, "Trebuchet MS", Arial, sans-serif; display: block; float: left; padding-top: 42px; padding-bottom: 20px; width: 250px; margin-left: -37px; }
			#lsidebar ul li	{ font-size: 12px; background: url(../images/bullet.gif) no-repeat 0px 8px; padding-bottom: 5px; padding-left: 17px; width: 250px; }
			#lsidebar ol	{ font: 12px/2.0 "Lucida Grande", Verdana, "Trebuchet MS", Arial, sans-serif; font-size: 12px; list-style: none; margin-top: -4px; }
			#contact-form-right { display: inline; float: right; font-size: 12px; padding-bottom: 30px; padding-top: 28px; width: 650px;  line-height: 3.0; padding-right: 34px; }
			#contact-form-right h3 { color: #d12f07; }
			#contact-form-right li { display: inline; float: left; padding-bottom: 10px;  }
			.orange			{ color: #d12f07; }
			.phone			{ background: url(../images/tel_bg.png) no-repeat; background-position: 32px 6px; color: #d12f07; }
			.message		{ background: url(../images/message_bg.png) no-repeat; background-position: 53px 7px; color: #d12f07; }
			.label			{ width: 76px; float: left; }
			.label-2		{ margin-top: -8px; width: 76px; float: left; }
			.input			{ background: url(../images/name-input.png) no-repeat; border: 1px solid #454545; color: #fff; width: 203px; height: 18px;  padding: 2px;  margin-right: 30px;  clear: both;}
			.input-message	{ background: url(../images/message-input.png) no-repeat; border: 1px solid #454545; color: #fff; width: 489px; height: 95px;  padding: 2px;  padding-top: 5px; margin-right: 30px;  clear: both; float: left; }
			.email			{ margin-left: -30px; }
			.empty			{ width: 300px; margin-bottom: 5px; }
			.submit			{ background: url(../images/submit.jpg) no-repeat; border: 1px solid #454545; float: left; width: 66px; height: 24px; margin-left: 288px; padding-top: 0px; }
			.submit-r		{ background: url(../images/submit.jpg) no-repeat; border: 1px solid #454545; float: left; width: 66px; height: 24px; margin-left: 506px; }
			
			/** Rollovers ******************************/
			#portfolio a { float: left; background: url(../images/menu.png) 0px 0px no-repeat; width: 57px; height: 5px; margin-right: 54px; }
			#portfolio a:hover { background: url(../images/menu.png) 0px -5px no-repeat; }
			#portfolio-active a { float: left; background: url(../images/menu.png) 0px -5px; width: 57px; height: 5px; margin-right: 54px; }
			
			#who a { float: left; background: url(../images/menu.png) -57px 0px no-repeat; width: 69px; height: 5px; margin-right: 54px; }
			#who a:hover { background: url(../images/menu.png) -57px -5px no-repeat; }
			#who-active a { float: left; background: url(../images/menu.png) -57px -5px no-repeat; width: 69px; height: 5px; margin-right: 54px; }			
			
			#what a { float: left; background: url(../images/menu.png) -128px 0px no-repeat; width: 69px; height: 5px; margin-right: 54px; }
			#what a:hover { background: url(../images/menu.png) -128px -5px no-repeat; }
			#what-active a { float: left; background: url(../images/menu.png) -128px -5px no-repeat; width: 69px; height: 5px; margin-right: 54px; }			
			
			#contact a { float: left; background: url(../images/menu.png) -198px 0px no-repeat; width: 65px; height: 5px; }
			#contact a:hover { background: url(../images/menu.png) -198px -5px no-repeat; }
			#contact-active a { float: left; background: url(../images/menu.png)  -198px -5px no-repeat; width: 65px; height: 5px; }
			
			
			/** Test ***/
			#portfolio-images { margin-top: -10px; font-size: 12px; color: #cdcdcd; width: 945px; margin-left: 0px; }
			#portfolio-images ul { display: block; }
			#portfolio-images ul li { display: inline; float: left; padding-right: 19px; padding-top: 30px; }
			.portfolio-item { background: url(../images/lightbox/frame.png); width: 285px; height: 150px; padding: 5px; }
			.portfolio-item-tvr { background: url(../images/lightbox/frame.png); width: 285px; height: 150px; padding: 5px; }
			.portfolio-item-ford { background: url(../images/lightbox/frame.png); width: 285px; height: 150px; padding: 5px; }
			.portfolio-item-ford img { margin-top: -43px; }			
			.portfolio-item-tester { background: url(../images/lightbox/frame.png); width: 285px; height: 150px; padding: 5px; }
			.portfolio-item-tester img { margin-top: -10px; }
			.portfolio-caption { background: url(../images/lightbox/caption-frame.jpg); clear:both; width: 295px; height: 63px; margin-top: 4px; }
			.portfolio-caption p { padding-left: 10px; padding-top: 8px; padding-bottom: 3px; }