/* 

CSS Style Sheet for www.stewartsauto.com
Created by Tim Hoerl for Circle Design, Sacramento CA
www.circle-design.net
Last updated 02/23/2009 

*/


/* LAYOUT TAGS */

* {
	margin: 0;
	padding: 0;
	}

body {
	background-color: #000000;
	background-image: url(../images/image_background.jpg);
	background-repeat: no-repeat;
	}

#logo {
	margin: 25px 50px 0 50px;	
	text-align: left;
	width: 860px;
	}

#nav {
	height: 25px;
	margin: 0 50px;
	text-align: right;
	vertical-align: top;
	width: 860px;
	}
	
#photo {
	clear: both;
	margin: 0 50px;
	width: 860px;
	}
	
#cars {
	clear: both;
	height: 25px;
	margin: 0 50px;
	width: 860px;
	}
	
#copy {
	display: inline;
	float: left;
	margin: 25px 50px 0 162.5px;
	text-align: left;
	vertical-align: top;
	width: 447.5px;
	}
	
#sidebar {
	display: inline;
	float: left;
	margin: 25px 75px 0 0 ;
	text-align: left;
	vertical-align: top;
	width: 225px;
	} 
	
#footer_bar {
	float: left;
	margin: 50px 50px 0 50px;
	width: 860px;
	}
	
#footer {
	float: left;
	height: 25px;
	margin: 5px 50px 50px 50px;
	text-align: left;
	vertical-align: top;
	width: 860px;
	}
	



/* COPY TAGS */

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	font-style: normal;
	color: #FFFFFF;
	line-height: 1.25em;
	margin-bottom: 0.8em;
	text-transform: none;
	}
	
hr {border: none 0; 
	border-top: 1px solid #FFCC33;
	width: 100%;
	height: 2px;
	margin: 15px 0 15px 0;
	text-align: left;
	}
	

.ital {
	font-style: italic;
	}
	

/* Navigation */

A:link, A:visited, A:active {
	color: #FFCC33;
	font-size: 0.95em;
	text-decoration: none;
	}
	
A:hover {
	color: #CCCCCC;
	font-size: 0.95em;
	text-decoration: underline;
	}

.class1 A:link, .class1 A:visited, .class1 A:active {
	color: #FFCC33;
	font-size: 0.95em;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	}
	
.class1 A:hover {
	color: #FFCC33;
	font-size: 0.95em;
	font-weight: bold;
	text-align: right;
	text-decoration: underline;
	text-transform: uppercase;
	}
	
.class2 A:link, .class2 A:visited, .class2 A:active {
	color: #CCCCCC;
	font-size: 0.95em;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	}
	
.class2 A:hover {
	color: #FFCC33;
	font-size: 0.95em;
	font-weight: bold;
	text-align: right;
	text-decoration: underline;
	text-transform: uppercase;
	}
	
.class3 {
	color: #FFCC33;
	font-size: 0.95em;
	font-weight: bold;
	text-align: right;
	text-decoration: underline;
	text-transform: uppercase;
	}		
	
.homenavcolor {
	color: #FFCC33;
	}

/* Homepage Copy */

.class4 {
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	}
	
.class5 {
	font-size: 1em;
	font-weight: bold;
	letter-spacing: 0.05em;
	}
	
.footer {
	font-size: 0.813em;
	}
	
.footer_title {
	font-weight: bold;
	text-transform: uppercase;
	}
	
.testimonials {
	font-style: italic;
	}


/* Headers */

H1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFCC33;
	letter-spacing: 0.1em;
	margin-bottom: 0.1em;
	text-transform: uppercase;
	}
	
H2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #FFCC33;
	letter-spacing: 0.1em;
	margin-bottom: 0.1em;
	}	

/* Standard Links Copy */

/* Form */

form {
		background-color: #333333;
		border: 1px;
		border-color: FFCC33;
		border-style: solid;
		width: 445.5px;
		}
		
fieldset { 
		border: 0; 
		padding: 10px;
		margin: 0;
		}	
		
.legend {
		color: #FFCC33;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		font-weight: bold;
		text-transform: none;
		}
		
label {
		display: block;
		float: left;
		font-size: 0.8em;
		margin-top: 3px;
		text-align: right;
		vertical-align: baseline;
		width: 160px;
		}
		
.required {
		color: #FF0000;
		font-weight: bold;
		}

.formField { 
		background-color: #dddddd;
		border: 1px solid #000000;
		margin-bottom: 5px;
		margin-left: 10px;
		margin-top: 3px;
		padding: 2px;
		text-align: left;
		width: 235px;
		}	
		
.formFieldMiles { 
		background-color: #dddddd;
		border: 1px solid #000000;
		margin-bottom: 5px;
		margin-left: 10px;
		margin-top: 3px;
		padding: 2px;
		text-align: left;
		width: 75px;
		}
		
.formFieldDays { 
		background-color: #dddddd;
		border: 1px solid #000000;
		margin-bottom: 5px;
		margin-left: 10px;
		margin-top: 3px;
		padding: 2px;
		text-align: left;
		width: 115px;
		}
		
.formRadio { 
		background-color: #dddddd;
		border: 1px solid #000000;
		font-size: 0.8em;
		margin-bottom: 25px;
		margin-left: 10px;
		margin-top: 3px;
		padding: 2px;
		text-align: left;
		}

.submitButton { 
		background-color: #FFCC33;
		border: 1px;
		border-color: 000000;
		border-style: solid;
		color: 666666;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 0.8em;
		margin-bottom: 10px;
		margin-left: 170px; 
		padding: 3px 7px;
		} 	 
		
form p {
		margin-bottom: 0px;
		}
		
.warning {
		font-weight:bold;
		color:#ff0000;
		}