@charset "utf-8";

/**************************************/
/******* HTML tags customization ******/
/**************************************/

*		{margin:0;padding:0;}
img		{border:0;}
li		{list-style:none;}
	
body 	{
			font-family:Arial, Helvetica, sans-serif;
			font-size:75%;
			/*background-image:url(../images/bg-showroom.jpg);*/
			background-color:#000;
			background-repeat:no-repeat;
			background-attachment:fixed;
			background-position:center;
		}


.wrapper {
	width:975px;
	margin:0 auto;
	z-index:2;
	position:relative;
	}

	
/***************** Header *****************/
	
#header {
	height:150px;
	padding:18px 0 0 0;
	background:#FFF;
	}
	
	#header div.wrapper {height:80px;}
	
	#header h1, #logo {
		width:266px;
		padding:70px 0 0 0;
		height:0;
		overflow:hidden;
		background:url(../images/logo.jpg) no-repeat;
		display:block;
		}

.halo, .halo-white, .halo-cars {background:#000; position:absolute; left:0; top:0; width:100%; height:100%; z-index:1}		


/***************** Nav *****************/

#nav { z-index:2; margin-top:30px; }
	
	#nav li { display:inline; position:relative; float:left; }
	
	#citysubaru { margin:0px 35px 0px 73px; }
	#subarutoowong { margin:0px 42px 0px 66px; }
	#torquesubaru { margin:0px 35px 0px 73px; }
	
		#nav li a {
			float:left;
			text-decoration:none;
			} 
		#nav li div.hoverbox {
			width:316px;
			height:228px;
			float:left;
			position:absolute;
			top:120px;
			left:0;
			z-index:15;
			margin-left:-65px;
			/*display:none;*/
		}
		
		#subarutoowong div.hoverbox { margin-left:-58px !important;}
		
		.hoverbox .inside { margin:26px; z-index:11; float:left; position:relative; }
		.hoverbox p { color:#FEFEFE !important; line-height:1.5em; font-size:12px; clear:both; margin:0 0 20px 0;}
		
		.phone, .service { color:#FFF; font-size:18px; padding-left:30px; padding-top:3px; padding-bottom:1px; float:left; clear:both; line-height:0.5em; margin:0 0 14px 0;}
		.phone { background:transparent url(../images/icon-phone.png) 0px 0px no-repeat; }
		.service { background:transparent url(../images/icon-service.png) 0px 0px no-repeat; }
		
		.button { font-size:16px; text-transform:uppercase; padding:8px 10px; background-color:#F60; color:#FFF; font-weight:bold; clear:both; margin-top:10px; }
		.button:hover { background:#0099FF; }
	

			
/***************** Nav *****************/
			
#footer {
	padding:20px 0;
	color:#FFF;
	position:absolute;
	margin:0 0 20px 0;
	bottom:0;
	}
	
	.ie6 #footer {height:380px;}

		
		#footer p {padding:50px 13px 0 8px; clear:both;}
		
			#footer p a {
				background:#000;
				padding:3px 9px;
				color:#FF6501;
				text-decoration:none;
				}
				
			#footer p #phase {float:right;}
			
			#footer p.date {
				color:#CFCFCF; 
				font-style:italic; 
				margin:7px 0 0 0;
				padding:0;
				}
		

#ie6 {
	background:#FF6600;
	color:#FFF;
	padding:5px;
	border:#333 solid 2px;
	font-size:110%;
	margin:10px 0;
	font-weight:bold;
	}
	
.visible {display:block;}
.overflow-auto {width:100%;}
.fullwidth {width:100%;}
.last {margin-right:none; border-right:none;}
.accessible {display:none;}




#content {
	padding:30px 0;
	position:relative;
	z-index:1;
	}
	
	#content-home-inside {
		position: relative;
		z-index: 2;
		background: whiteSmoke;
		height: 420px;
		margin: 10px;
		width: 975px;
		}
		
.halo2 {
	background: black;
	position: absolute;
	top: 30px;
	width: 995px;
	height: 440px;
	z-index: 1;
	}
	
	
.clear {clear:both; height:0;}
span.clear {display:block;}