@charset "utf-8";
/* CSS Document */

body {
	background: #fff;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Helvetica Neue, Helvetica, sans-serif;
	color: #444;
}

a, a:visited {
	color: #993300;
	}
	
a:hover, a:visited:hover {
	color: #FF0000;
	}

a img, a:focus img, a:active img {
	border: none;
	outline: none;
	}

#wrapper {
	width: 960px;
	margin: auto;
	}
	
	#header {
		height: 101px;
		width: 960px;
		margin: 10px 0 0 0;
		}
		
		a#logo {
			display: block;
			height: 60px;
			width: 180px;
			margin: 0 0 0 40px;
			font-size: 0;
			background: url(../images/logo.png);
			}
		
	.hiddenPic {
		display: none;
		}
		
	#clients_lg {
		float: right;
		margin: 0 82px 15px 0;
		width: 406px;
		height: 236px;
		position: relative;
		}
		
	#clients_bg, #clients_src {
		float: right;
		margin: 0;
		padding: 0;
		position: absolute;
		}
		
	#powered a, #powered a:visited {
		color: #666;
		text-decoration: none;
		}
		
		#powered a:hover, #powered a:visited:hover {
			color: #06F;
			}
			
/**************************************************************************************\

							Home-Display
							
\**************************************************************************************/
			
	#display {
		height: 310px;
		width: 923px;
		padding: 45px 0 0 37px;
		margin: 0px 0 20px 0;
		background: url(../images/display_bg2.jpg) top;
		color: #FFF;
		display: block;
		}
		
		#cycle_div {
			height: 150px;
			background-image: url(../images/blank.gif);
			}
		
		#display a, #display a:visited {
			color: #fff;
			text-decoration: none;
			}
		
		#display h1 {
			font-size: 36px;
			font-weight: bold;
			line-height: 30px;
			letter-spacing: 0.05em;
			text-transform: uppercase;
			margin: 0; padding: 0;
			}		
			
		#display p {
			width: 440px;
			font-size: 11px;
			letter-spacing: 0.05em;
			line-height: 18px;
			margin: 10px 0;
			}
			
		ul#display_list {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
		ul#display_list li {
			float: left;
			width: 192px;
			height: 140px;
			margin: 0 10px 0 0;
			}
			
		ul#display_list li a, ul#display_list li a:visited {
			display: block;
			width: 178px;
			height: 126px;
			padding: 7px;
			background-image: url(../images/display_pad_bg.png);
			background-position: 0 0;
			color: #fff;
			text-decoration: none;
			
			font-size: 11px;
			line-height: 14px;
			.line-height: 13px;
			}
			
		ul#display_list li a:hover, ul#display_list li a:visited:hover {
			background-position: 0 140px;
			}
		
		
/**************************************************************************************\

							Home-News
							
\**************************************************************************************/

	#inthenews_wrapper {
		float: left;
		display: block;
		width: 257px;
		}
		
	ul#inthenews {
		background: url(../images/home_news_title.png) no-repeat top left;
		padding: 35px 0 0 0;
		margin: 0;
		list-style: none;
		font-size: 11px;
		width: 220px;
		}
		
		ul#inthenews li {
			margin: 0 0 6px 37px !important;
			border-bottom: 1px dotted #999;
			line-height: 14px;
			width: 220px;
			}
			
		ul#inthenews li a, ul#inthenews li a:visited {
			display: block;
			width: 220px;
			text-decoration: none;
			color: #333;
			}
			
		ul#inthenews li a:hover, ul#inthenews li a:visited:hover {
			color: #c00;
			}
			
	ul#inthenews_page {
		padding: 5px 0 0 0;
		margin: 0;
		list-style: none;
		font-size: 11px;
		}
		
		ul#inthenews_page li {
			margin: 0 0 6px 0px !important;
			border-bottom: 1px dotted #999;
			line-height: 14px;
			}
			
		ul#inthenews_page li a, ul#inthenews_page li a:visited {
			display: block;
			width: 100%;
			text-decoration: none;
			color: #333;
			padding: 5px 0;
			}
			
		ul#inthenews_page li a:hover, ul#inthenews_page li a:visited:hover {
			color: #c00;
			}
		
/**************************************************************************************\

							Home-Panes
							
\**************************************************************************************/

	div#infopane_wrapper {
		float: right;
		}

	div.pane {
		width: 297px;
		padding: 0 9px;
		background: url(../images/home_info_bottom.png) bottom no-repeat;
		margin: 0 10px;
		min-height: 197px;
		float: left;
		
		font-size: 11px;
		line-height: 16x;
		}

	#pane1 {
	}

	#pane2 {
	}
	
	div.pane ul {
		list-style: outside disc;
		margin: 5px 0 0 24px;
		padding: 0;
		}
		
	div.pane ul li {
		margin: 0 0 5px 130px;
		padding: 0;
		line-height: 12px;
		}
		
		
/**************************************************************************************\

							Content Sections
							
\**************************************************************************************/

	#content {
		background: url(../images/main_bg.png) no-repeat top;
		width: 840px;
		padding: 64px 60px 0 60px !important;
		min-height: 875px;
		}
		
		#content p {
			line-height: 18px;
			}
		
		#content h1 {
			text-transform: uppercase;
			letter-spacing: -0.05em;
			line-height: 40px;
			}
			
		#content h2 {
			width: 600px;
			font-size: 20px;
			letter-spacing: 0.025em;
			line-height: 30px;
			color: #999;
			margin: 0 0 14px 0;
			}
			
		#content h3 {
			font-weight: bold;
			font-size: 14px;
			margin: 3px 0 -10px 0;
			padding: 0;
			color: #000;
			line-height: 18px;
			}
			
		#content small.date {
			font-size: 12px;
			}
			
		.heading_img {
			float: left;
			border: 1px solid #999;
			height: 172px;
			width: 405px;
			margin: 0 10px 24px 0;
			}
		
	#content_footer {
		background: url(../images/main_footer.png) no-repeat;
		height: 36px;
		width: 960px;
		clear: both;
		display: block;
		}
		
		#content ul#display_list {
			float: right;
			width: 192px;
			margin: 0 30px 0 0;
			}	
			
			#content ul#display_list li {
				margin: 0 0 10px 0;
				}
				
			#content ul#display_list li a, #content ul#display_list li a:visited {
				display: block;
				width: 178px;
				height: 126px;
				padding: 7px;
				background-image: url(../images/display_pad_bg_inside.png);
				background-position: 0 0;
				color: #fff;
				text-decoration: none;
				
				font-size: 11px;
				line-height: 14px;
				}
				
			#content ul#display_list li a:hover, #content ul#display_list li a:visited:hover {
				background-position: 0 140px;
				}
				
		#content ul#inthenews {
			background: none;
			padding: 0;
			margin: 0 0 0 0;
			width: 100%;
			}
			
			#content ul#inthenews li {
				margin: 0 !important;
				font-size: 12px;
				line-height: 18px;
				border: none;
				width: 100%;
				}
				
			#content ul#inthenews li a {
				width: 100%;
				}
		
/**************************************************************************************\

							Navigation
							
\**************************************************************************************/
			
	#nav {
		height: 41px !important;
		display: block;
		clear: both;
		}
		
		ul#navigation {
			background: url(../images/nav_bg.png) repeat-x top;
			list-style: none;
			width: 960px;
			height: 41px;
			margin: 0;
			padding: 0;
			font-size: 0;
			display: block;
			clear: both;
			}
			
			ul#navigation li {
				list-style: none;
				margin: 0;
				padding: 0;
				float: left;
				overflow: hidden;
				height: 41px;
				}
				
				a#nav_about {
					background: url(../images/nav_about.png) no-repeat top left;
					display: block;
					height: 41px;
					width: 90px;
					}
					
					a#nav_about:hover, a#nav_about:visited:hover, a#nav_about.active {
						background-position: 0 -41px;
					}
					
				a#nav_engines {
					background: url(../images/nav_engines.png) no-repeat top left;
					display: block;
					height: 41px;
					width: 83px;
					}
					
					a#nav_engines:hover, a#nav_engines:visited:hover, a#nav_engines.active {
						background-position: 0 -41px;
					}
					
				a#nav_design {
					background: url(../images/nav_design.png) no-repeat top left;
					display: block;
					height: 41px;
					width: 226px;
					}
					
					a#nav_design:hover, a#nav_design:visited:hover, a#nav_design.active {
						background-position: 0 -41px;
					}
					
				a#nav_parts {
					background: url(../images/nav_parts.png) no-repeat top left;
					display: block;
					height: 41px;
					width: 107px;
					}
					
					a#nav_parts:hover, a#nav_parts:visited:hover, a#nav_parts.active {
						background-position: 0 -41px;
					}
					
				a#nav_clients {
					background: url(../images/nav_clients.png) no-repeat top left;
					display: block;
					height: 41px;
					width: 80px;
					}
					
					a#nav_clients:hover, a#nav_clients:visited:hover, a#nav_clients.active {
						background-position: 0 -41px;
					}
					
				a#nav_media {
					background: url(../images/nav_media.png) no-repeat top left;
					display: block;
					height: 41px;
					width: 69px;
					}
					
					a#nav_media:hover, a#nav_media:visited:hover, a#nav_media.active {
						background-position: 0 -41px;
					}
					
				a#nav_contact {
					background: url(../images/nav_contact.png) no-repeat top left;
					display: block;
					height: 41px;
					width: 103px;
					}
					
					a#nav_contact:hover, a#nav_contact:visited:hover, a#nav_contact.active {
						background-position: 0 -41px;
					}
					
/**************************************************************************************\

								Footer
							
\**************************************************************************************/

#footer {
	background: url(../images/footer_bg.png) no-repeat;
	float: left;
	clear: both;
	display: block;
	margin: 33px 0 15px 0;
	padding: 13px 0 0 0;
	width: 960px;
	height: 28px;
	
	font-size: 10px;
	text-transform: uppercase;
	color: #666;
	}
	
	a#footer_logo {
		float: left;
		display: block;
		height: 34px;
		margin: -13px 6px 0 16px;
		}
		
	ul#footer_nav {
		float: right;
		list-style: none;
		margin: 0;
		padding: 0;
		
		letter-spacing: -0.033em;
		}
		
	ul#footer_nav li {
		margin: 0 12px 0 0;
		padding: 0;
		float: left;
		}
		
		ul#footer_nav li a, ul#footer_nav li a:visited {
			color: #666;
			padding: 3px;
			text-decoration: none;
			}
			
		ul#footer_nav li a:hover, ul#footer_nav li a:visited:hover {
			color: #CC0000;
			}
		
	#copyright {
		float: left;
		}
		
		
/**************************************************************************************\

								Media Presentation
							
\**************************************************************************************/
		
		
	div.redsquare {
		float: right; 
		margin: 0 30px 0 0; 
		background: url(../images/red_square.png) no-repeat; 
		padding: 25px 14px;
		height: 247px;
		width: 305px; 
		color: #FFF; 
		font-weight: bold;
		font-size: 13px;
		line-height: 20px;
		}
		
	div#media_square.redsquare 
		{
		padding: 10px 8px;
		height: 277px;
		width: 321px;
		}
		
	div#media_square h2 {
		color: #FFF;
		font-size: 24px;
		text-transform: uppercase;
		padding: 0;
		margin: 0;
		}
		
	div#media_square a, div#media_square a img {
		margin: 0 1px 1px 0;
		padding: 0;
		float: left;
		}
					
/**************************************************************************************\

								Misc
							
\**************************************************************************************/

	br.clear {
		display: block;
		clear: both;
		}

	.left {
		float: left;
		}
		
	.right {
		float: right;
		}
		
	.black {
		color: #000;
		font-size: 42px;
		}

	.grey {
		color: #999;
		font-size: 52px;
		}
		
	ul.average {
		margin: 0 0 0 15px;
		padding: 0;
		list-style: outside;
		color: #444;
		}
		
		ul.average li {	
			margin: 0 0 5px 0;
			}
		
	.limit_300 {
		width: 300px;
		float: left;
		}

	.limit_400 {
		width: 400px;
		float: left;
		}
		
	.limit_550 {
		width: 550px;
		float: left;
		}
		
	ul.flush, ul.flush li {
		margin: 0;
		padding: 0;
		list-style: none
		}		
		
	ul#clients_thumbs {
		float: right;
		margin: 0 0px 0 0;
		padding: 0;
		list-style: none;
		line-height: 0px;
		width: 490px;
		}
		
		ul#clients_thumbs li {
			float: left;
			margin: 0;
			padding: 0;
			list-style: none;
			}
			
		ul#clients_thumbs li a, ul#clients_thumbs li a:visited {
			padding: 2px;
			display: block;
			height: 59px;
			width: 78px;
			}

	.bold {
		font-weight: bold;
		}
		
	.dark {
		color: #000;
		}
		
	.caps {
		text-transform: uppercase;
		}
		
	.nomargin {
		margin: 0;
		padding: 0;
		}
		
	.size14 {
		font-size: 14px;
		}
		
	.size16 {
		font-size: 16px;
		}
		
	.line18 {
		line-height: 18px;
		}
		
	.line22 {
		line-height: 22px !important;
		}
		
	.line24 {
		line-height: 24px !important;
		}
		
/**************************************************************************************\

								VIDEO
							
\**************************************************************************************/

	div#video {
		width: 640px;
		height: 360px;
	}
	
	iframe#vid_frame {
		background: url('../images/vid_bg.png');
	}