/* Autos.css */
/* Sets structure and design of new Auto Electrics website */

/*************** basic elements *******************************/
body{
	background: url(body_img.gif);
	margin:0;
	padding:0;
	font-family: Verdana, sans-serif;
	color: #333333;
	font-size: 95%;
}
	
p{
	font-family: Verdana, sans-serif;
	color: #333333;
	font-size: 95%;
	text-align: left;
}

a:link, a:visited{
	color: #0000CC;
	text-decoration: underline;
}

a:hover{
	color:#FF0000;
	text-decoration: underline;
}

h1{
	font-variant:small-caps;
	font-family: "Comic Sans MS", sans-serif;
	font-size:120%;
	color: #0000FF;
	padding:0px 0px 0px 0px;
}

h2{
	font-variant:small-caps;
	font-family: "Comic Sans MS", sans-serif;
	font-size:110%;
	color: #FF0000;
	padding:0px 0px 0px 0px;
}

h3{font-family: "Comic Sans MS", sans-serif;font-size:100%;color: #0000FF;padding:0;}

/****************** Layout divs ****************************/
#contentarea{
	position: relative;
	margin: 10px auto 0 auto;
	padding: 0 10px 0 20px;
	width: 767px !important;
	width /**/: 800px;
	height:auto;
	background-color:#FFFFFF;
}

#header{
	margin-top:1%;
	width:767px;
	height:269px;
	background-color:#FFFFFF;
	background: url(banner.jpg) no-repeat top left;
	background-position:center;
}

#container{
	position: relative;
	width:690px;
	height: auto;
	margin: 0 ;
	background-color:#ffffff;
}

#glNav{
	float:left;
	width:186px;
	margin-top:1%;
	height:auto;
	padding:10px 10px 10px 10px;
	text-align:left;
	background-color:#FFFFFF;
}

#content{
	float:right;
	left:220px;
	width:467px;
	background-color:#FFFFFF;
	padding:5px 0px 5px 15px;
	overflow:hidden;
}

#footerarea{
	float:left;
	margin: 0 0 10px 0;
	padding: 0 0px 0 10px;
	width: 767px !important;
	width /**/: 800px;
	height:150px;
	background-color:#FFFFFF;
}

#footer{
	margin-top:10px;
	margin-left:10%;
	margin-right:10%;
	width:80%;
	height:100px;
	padding:10px 5px 10px 5px;
	font-family: Verdana, sans-serif;
	text-align:center;
	font-size:80%;
	color:#FFFFFF;
	background-color:#000099;
}

#DesignInfo{
	width:100%;
	padding:5px 5px 10px 5px;
	text-align:center;
	font-size:75%;
	color:#1e537e;
}

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

xhtml .clearfix{
	height:1%;
}

.clearfix{
	display:block;
}

hr{
	color:#0000FF;
	height:0.5px;
	width:100%;
}
/****************************** Navigation Styles ****************/
a.gLink, a.gLink:visited{
	text-decoration:none;
	font-family: "Comic Sans MS", sans-serif;
	color:#FF0000;
	font-size:105%;
	font-weight:400;
	padding-left:20px;
}

a.gLink:hover{
	text-decoration:none;
	color:#000066;
}

a.fLink, a.fLink:visited{
	text-decoration:underline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

a.fLink:hover{
	color:#0000FF;
}

a.dLink, a.dLink:visited{
	text-decoration:underline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#1e537e;
}

a.dLink:hover{
	color:#0000FF;
}
/******************************* End Nav Styles ****************************/

.feature img{
	float:right;
	padding:5px 5px 5px 5px;
	margin:0px 0px 0px 0px;
}

.form{
	font-family: Verdana, sans-serif;
	color: #333333;
	font-size: 85%;
	width: 280px;
}

.form_button {
	border:1px solid #FFFFFF;
	font-family:Verdana, sans-serif;
	font-size:85%;
	padding-bottom:2px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#CC0000;
	height:20px;
}