/*
 * PAGE SETUP
 */
 
*{margin:0; padding:0;}
html{height:100%;}
a img{border:none;}
a, a:visited{color:blue;text-decoration:none;}
ul{list-style:none outside;}

body{
	font: 62.5% Helvetica, sans-serif; /* SETS 1em = 10px */
	background: #000000 url('images/bg.jpg') fixed no-repeat top center;
	color:black;
	height:100%;
	text-align:center;
}
p{
	font-size: 1.5em; /* SETS ALL <p> FONT SIZE = 16px */ 
	font-weight:bold;
	padding-bottom:5px;
	text-indent:-8px;
}
h1{	
	font-size:3em; /* NORMAL <h1> = 12px so... SETS ALL <h1> FONT SIZE = 36px */
	font-weight:normal;
	color:black;
	padding-bottom:10px;
}
h2{
	font-size:2em;
	padding-left:10px;
}
.center{text-align:center;}
.out{cursor:pointer;}
.clear {clear:both;}
/* 
 * END PAGE SETUP
 */

/*
 * LOADING DIV
 */
div.loading{
	overflow:auto;
	color:black;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
	background:gray;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding-top:25%;
	z-index:9000;
}

/*
 * END LOADING DIV
 */
/*
 * MAIN SITE
 */
#autoviewer{z-index:1;}
#main_wrapper{
	position:relative;
	min-height:100%;	
}
#page_wrap{	
	min-height:100%;
	width: 860px;
	margin: 0 auto; 		
}
/*
 * END MAIN SITE
 */
/*
 * HEADER
 */
#header	{
	height:205px; 
	padding-top:60px;		
}
	#logo{
		background:url(images/mainpage.png) no-repeat -3px 5px;
		margin:0 auto;
		width:696px; 
		height:225px;
		text-indent:-9999px; 	
	}	
/*
 * END HEADER
 */
/*
 * NAV AREA
 */
#nav{
	width:711px;	
	margin: 0 auto;
	height:45px;
	padding-top:30px;		
}
	#menu_left{
		background:url(images/mainpage.png) no-repeat -10px -229px;
		float:left;
		width:30px;	
		height:45px;	
	}
	#menu{
		float:left;
		height:45px;
	}
		#menu ul li{
			float:left;	
			background:url('images/menu.png') repeat-x;
			text-align:center;
			font-size:1.4em;				/* FONT SIZE = 18px */
			color:black;
			display:block;
			height:45px;			
			width:96px;			
			padding:13px 6px 0px 6px;
			text-transform:uppercase;
			font-weight:bold;

		}
		#menu ul li a.here, #menu ul li a.here:hover{color:gray;cursor:default;}	
			#menu ul li a{color:black;}
			#menu ul li a:hover{color:red;}
			
	#menu_right{
		background:url(images/mainpage.png) no-repeat -17px -320px;
		float:left;
		width:30px;			
		height:45px;	
	}
/*
 * END NAV AREA
 */
/*
 * MAIN WINDOW AREA
 */
#main{		
	width:711px;
	margin:0 auto;
}
	#window_top{			
		background:url('images/mainpage.png') no-repeat 0px -461px;
		height:30px;
		margin-top:8px;
	}
	#window{
		background: url('images/window_mid.png') repeat-y;
	}
	#main a:hover{
		color:red;
		text-decoration:underline;
	}
	#window_bot{
		background:url('images/mainpage.png') no-repeat 0px -490px;
		height:150px;
	}
/*
 * END MAIN WINDOW AREA
 */
/*
 * HOMEPAGE AREA 
 */
h1#welcome{
	text-indent:-9999px;
	background:url('images/welcome.png') no-repeat;
	height:95px;
	margin-left:32px;
}
#homeText p{
	line-height:1.2em;
	padding: 0px 30px 10px 40px;
	text-align:left;
}
#homeText a{
	font:bold .8em Georgia;
	text-transform:uppercase;
}
#tv{
	position:relative;
	background: transparent url('images/monitor.png') no-repeat 50% 50%;
	width: 285px;
	height:183px;
	margin: 0 9px 0 5px;
	float:right;
}
	#video{
		color:white;
		position:absolute;
		top:21px;
		left:22px;
		width:242px;
		height:141px;
	}
#news{
	width:450px;
	margin:0 auto;
}
#news h2{
	text-indent:-9999px;
	background:url(images/news.png) no-repeat;
	width:160px;
	height:62px;
	margin: 0 auto;
	margin-top:10px;
	margin-bottom:15px;
}
	.dateTime{
		float:left;
		background:url(images/calendar.png) no-repeat;
		width:80px;
		height:95px;
		padding-left:3px;		
	}
	.dateTime p{
		font:Tahoma;
		padding:0px;
	}
	.dateTime p.day{
		text-transform:uppercase;
		color:white;
		padding-bottom:1px;	
		padding-top:18px;
	}
	.dateTime p.date{
		font-size:1.8em;
		font-weight:bold;
		color:#110076;
	}
	.dateTime p.month{
		font-size:1.3em;
		text-transform:uppercase;
		margin-top:-2px;
	}
	.dateTime p.year{
		margin-top:-2px;
		font-size:1.3em;	
	}
	.message{
		padding-top:14px;	
		text-align:left;
	}
	.message h3{
		font-size:1.4em;
		text-transform:uppercase;
		padding-bottom:4px;
		font-family:Tahoma;
		font-size:1.3em;
		background:grey;
		margin-left:80px;
	}
	.message p{
		padding-left:10px;
		color:#333333;	
		text-indent:0px;
		font-size:1.4em;
		font-weight:normal;
	}
/*
 * END HOMEPAGE AREA
 */
/*
 * ABOUT US AREA
 */
h1#h1aboutUs{
	text-indent:-9999px;
	background:url(images/aboutus.png) no-repeat;
	width:314px;
	height:76px;
	margin:0 auto;
}
#aboutUs{
	width:600px;
	margin: 0 auto;
	text-align:justify;
}
	#shopPic{
		width:300px;
		height:225px;
		float:right;
		border:2px #c6c6c6 solid;
		margin:0px 0px 10px 10px;	
	}
/*
 * END ABOUT US AREA
 */
/*
 * STORE AREA
 */
h1#h1store{
	text-indent:-9999px;
	background:url(images/store.png) no-repeat;
	width:192px;
	height:73px;
	margin:0 auto;	
}
/*
 * END STORE AREA
 */
/*
 * SERVICES AREA
 */
h1#h1services{
	text-indent:-9999px;
	background:url(images/services.png) no-repeat;
	width:287px;
	height:81px;
	margin:0 auto;
}
#services{
	text-align:left;
	width:600px;
	margin: 0 auto;
}
#services h2{margin-top:10px;}
#services p{
	text-align:center;
	font-weight:bold;
	font-size:1.4em;
}
#services ul{
	position:relative;
	padding-left:30px;
	line-height:3em;
}
	#services ul li{
		background:url(images/list_button.png) no-repeat 0% 60%;
		font-size:1.8em;
		padding-left:25px;		
	}
	#services ul li.reveal{
		background:url(images/list_button_red.png) no-repeat 0% 60%;
	}
	#services ul li.reveal:hover{
		cursor:pointer;
		font-size:1.3em;
		text-transform:uppercase;
		font-weight:bold;
		color:red;
	}
	#services ul li img.servicesImage{
		position:absolute;
		left:600px;
		top:0px;
		border:2px #333333 solid;
	}
/*
 * END SERVICES AREA
 */
/*
 * GALLERIES AREA
 */
h1#h1galleries{
	text-indent:-9999px;
	background:url(images/galleries.png) no-repeat;
	width:291px;
	height:79px;
	margin:0 auto;
}
#truck{					
	position:relative;	
	height:186px;
	width:294px;
	margin:0 auto;
	margin-top:35px;
	margin-bottom:10px;
	border:3px black solid;
}
	#truck .fade{
		position: relative;
		top: -189px;
		left: 0;
	}
#bus{		
	position: relative;
	height:139px;
	width:296px;
	margin: 0 auto;
	margin-top:10px;
	margin-bottom:10px;		
	border: 3px black solid;
}
	#bus .fade{
		position: relative;
		top: -143px;
		left: 0;
	}
#galleries span{

	font-weight:bold;
	font-size:1.3em;
	position:relative;
}
/*
 * END GALLERIES AREA
 */
/*
 * CONTACT AREA 
 */

#contact{
	position:relative;
}

#address{
	position:absolute;
	right:155px;
	top:268px;
	line-height:1.3em;
	font-size:.8em;
	color:#000066;
} 

#contact_form form{padding: 150px 0 0 66px;text-align:left;}
#contact_form fieldset{border:none;}
#contact_form{
	background:url(images/contact_form.png) no-repeat;
	width:540px;
	height:638px;
	margin:0 auto;
}
#contact_form textarea{
	width:411px;
	height:200px;
	display:block;
	border:1px black solid;
	font-family:Verdana, sans-serif;
}
#contact_form input{
	border:1px black solid;
	padding:1px;
}
.inputBox{
	position:relative;
	display:block;
	margin-bottom:18px;
}
.labelasp{
	display:block;
	text-indent:2px;
	font-weight:bold;
}

label.error
{
	position:absolute;
	top:-18px;
	left:72px;
	padding: 3px;
	color: red;
	font-size:.9em;
	text-align:right;
}

#submitButton input
{
	border:none;
}
	
.ValidateMessage{
	position:absolute;
	top:-16px;
	left:45px;
	padding: 3px;
	color: red;
	font:italic 1em;
	text-align:left;
}
#contactMessage{margin-top:50px;}
#submitButton{
	width:170px;
	margin:0 auto;
	border:none;
	position:relative;
	top:-5px;
}
#contact_conf{
	background:url(images/contact_conf.png) no-repeat top left;
	width:540px;
	height:456px;
	margin:0 auto;
}
#contact_conf p{
	width:100%;
	text-align:center;
	padding-top:150px;
}
#contact_oops{
	background:url(images/contact_oops.png) no-repeat top left;
	width:540px;
	height:456px;
	margin:0 auto;
}
#contact_oops p{
	width:70%;
	text-align:center;
	padding:150px 10px 0 0;
	margin:0 auto;
}
/*
 * END CONTACT AREA 
 */
/*
 * FOOTER AREA
 */
#footer{
	position:absolute;
	bottom:0; 
	left:0;
	background: url(images/footerBg.png) repeat-x;
	width:100%;
	text-align:center;
	padding-top:5px;			
}
#footer p, #footer a{
	font-size:1.2em;
	text-transform:uppercase;
	font-weight:bold;
	color:#A0A0A0;
}
	
	#footer a.here
	{
		color:#464646;
		cursor:default;
	}

}
/* 
 * END FOOTER AREA
 */