body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #a0a050;
	height: 100%;
	color: #fff;
	margin:0;
	padding:0;
	text-align: center;	
	}	
	
.hidden { visibility: hidden;display:none;}	
	
#wrap {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	text-align: left;
	}
	
/* specify new images for different pages Look for different ids on body tag */
#home-pg #wrap { background: transparent url(img/bg1.jpg) center 180px no-repeat; }
#service-pg #wrap { background: transparent url(img/bg2.jpg) center 180px no-repeat; }
#history-pg #wrap { background: transparent url(img/bg2.jpg) center 180px no-repeat; }
#crew-pg #wrap { background: transparent url(img/bg2.jpg) center 180px no-repeat; }
#askgeorge-pg #wrap { background: transparent url(img/bg2.jpg) center 180px no-repeat; }
#employment-pg #wrap { background: transparent url(img/bg2.jpg) center 180px no-repeat; }
#environment-pg #wrap { background: transparent url(img/bg4.jpg) center 180px no-repeat; }
#technology-pg #wrap { background: transparent url(img/bg3.jpg) center 180px no-repeat; }
#appt-pg #wrap { background: transparent url(img/bg2.jpg) center 180px no-repeat; }
#contact-pg #wrap { background: transparent url(img/bg2.jpg) center 180px no-repeat; }
#admin-pg #wrap { background: transparent url(img/bg2.jpg) center 180px no-repeat; }
	
#header {
width: 100%;
height: 180px;
background-color: #7d7d35;
margin:0;
padding:0;
}

#headercontainer {
position: relative;
width:933px;
height:180px;
margin:0 auto;
padding:0;
}


#headercontainer h1 {
	position:absolute;
	top:21px;
	left:24px;
	width: 314px;
	height: 92px;
	margin:0;
	padding:0;
	background: transparent url(img/logo.png) no-repeat;
}

#headercontainer h1 a {
	width: 314px;
	height: 92px;
	margin:0;
	padding:0;
	display: block;
}

#headercontainer h2 {
	position:absolute;
	top:88px;
	right:18px;
	width: 462px;
	height: 25px;
	margin:0;
	padding:0;
	background: transparent url(img/slogan.gif) no-repeat;
}
	
/********** General styles **********/

h1 {
color:#a0a050; margin:5px 0 3px 0;padding:0;
}

h2, h3, h4, h5 {
color:#a0a050; margin:0 0 2px 0;padding:5px 0 0 0;
}

.hidden { visibility: hidden;}

img{ border:none; }

.clear { clear: both; }
.clear-left { clear: left; }
.clear-right { clear: right; }

a:link, a:visited { color: #c3c391;text-decoration:none;  }
a:hover { color: #eded73;text-decoration:none; }

#contentbox {
width: 933px;
height: auto;
margin: 0 auto;
}

#intro {
width: 933px;
height:131px;
background-color:#231f20;
margin: 298px auto 17px auto;
}

#intro h2 {
float:left;
width: 515px;
height: 86px;
margin:23px 0 0 22px;
padding:0;
background: transparent url(img/intro_text1.gif) no-repeat;
}

#intro h3 {
float:right;
width: 273px;
height: 90px;
margin:23px 27px 0 0;
padding:0;
background: transparent url(img/intro_testimonial1.gif) no-repeat;
}

#promos {
margin:0 auto;
padding:0;
}

#promo1 {
float:left;
width:300px;
height:145px;
margin:0 17px 0 0;
background-color:#231f20;
text-align:center;
}

#promo1 h4 {
width:300px;
height:46px;
margin:0;
padding:0;
background: transparent url(img/promo1_text.gif) no-repeat;
}

#promo1 h4 a:link, #promo1 h4 a:visited {
width:300px;
height:46px;
display:block;
}

#promo2 {
float:left;
width:299px;
height:145px;
margin:0;
background-color:#231f20;
text-align:center;
}

#promo2 h4 {
width:299px;
height:46px;
margin:0;
padding:0;
background: transparent url(img/promo2_text.gif) no-repeat;
}

#promo2 h4 a:link, #promo2 h4 a:visited {
width:299px;
height:46px;
display:block;
}

#promo3 {
float:right;
width:300px;
height:145px;
margin:0 0 0 17px;
background-color:#231f20;
text-align:center;
}

#promo3 h4 {
width:300px;
height:46px;
margin:0;
padding:0;
background: transparent url(img/promo3_text.gif) no-repeat;
}

#promo3 h4 a:link, #promo3 h4 a:visited {
width:300px;
height:46px;
display:block;
}

.promophoto {
margin:6px auto 13px auto;
border:0;
}

#subheader_graphic h1{
	padding:0;
	margin:65px 0 0 0;
	height:53px;
	width:933px;
	background-color: transparent;
	/* Default image. More defined below */
	background-position: top right;
	background-repeat: no-repeat;
}

html>body #subheader_graphic h1{
	width:933px;
}

/* specify new images for different pages Look for different ids on body tag */
#service-pg #subheader_graphic h1{ background-image: url("img/subheader_service.gif"); }
#history-pg #subheader_graphic h1{ background-image: url("img/subheader_history.gif"); }
#crew-pg #subheader_graphic h1{ background-image: url("img/subheader_crew.gif"); }
#askgeorge-pg #subheader_graphic h1{ background-image: url("img/subheader_askgeorge.gif"); }
#employment-pg #subheader_graphic h1{ background-image: url("img/subheader_employment.gif"); }
#environment-pg #subheader_graphic h1{ background-image: url("img/subheader_environment.gif"); }
#appt-pg #subheader_graphic h1{ background-image: url("img/subheader_requestappt.gif"); }
#technology-pg #subheader_graphic h1{ background-image: url("img/subheader_technology.gif"); }
#contact-pg #subheader_graphic h1{ background-image: url("img/subheader_contactus.gif"); }
#admin-pg #subheader_graphic h1{ background-image: url("img/subheader_admin.gif"); }

#page_content {
width: 933px;
min-height:360px;
background-color:#231f20;
margin: 0 auto;
}

.innertube {
margin:0;
padding:20px 40px 20px 40px;
}

/* Breadcrumb trail */
#breadcrumbs {
margin:0;
color: #eee;
font-size:11px;
}

#breadcrumbs ul {
list-style-type: none;
margin:1px;
padding:0;
}

#breadcrumbs ul li {
display: inline;
font-size:11px;
}

#breadcrumbs ul li a:link, #breadcrumbs ul li a:visited  {
color: #cece68;
text-decoration: none;
}

#breadcrumbs ul li a:hover {
color:#eee;
text-decoration: none;
}

.photo-right {
float:right;
width:auto;
margin:0 0 10px 24px;
}

.photo-left {
float:left;
width:auto;
margin:0 24px 10px 0;
}

.photo {
border:5px #555 solid;
}

.caption-left {
font-size:10px;
color:#555;
margin:1px 0 10px 3px;
}

.caption-right {
font-size:10px;
color:#555;
margin:1px 3px 10px 0;
text-align:right;
}

blockquote.pullquote {
width: 200px;
margin: 10px 0 20px 30px;
padding: 0;
font: 20px/24px georgia, palatino, serif;
color: #a0a050;
text-align: center;
}

blockquote.pullquote-l {
float: left;
width: 200px;
margin: 10px 30px 20px 0;
padding: 0;
font: 20px/24px georgia, palatino, serif;
color: #a0a050;
text-align: center;
}

blockquote.pullquote-r {
float: right;
width: 200px;
margin: 10px 0 20px 30px;
padding: 0;
font: 20px/24px georgia, palatino, serif;
color: #a0a050;
text-align: center;
}


form {
margin: 0;
}

.form { 
margin: 0;
background-color: #eee;
font-size: 11px;
color:#333;
}

form label {
font-weight:bold;
margin:3px 0 2px 0;
}

form label.required {
color:#cece68;
font-weight:bold;
}

.formcolumn {
float:left;
width:400px;
}

.formcolumn2 {
float:left;
width:400px;
}

.callout {
margin: 5px 0 10px 0;
padding: 0 0 15px 0;
float:left;
width:100%;
clear: both;
border-bottom:1px #777 dashed;
}

.callout img {
float:left;
border:5px #555 solid;
width:80px;
height:80px;
}

.callout p {
margin: 0;
padding:0;
margin:5px 0 0 0;
}

.callout a {
width: auto;
float:none;
padding-bottom: 0;
}	

.callout h2 {
color: #fff;
margin: 0;
padding:0;
}

.callout h2 a {
color: #fff;
text-decoration:none;
padding:0;
margin:0;
}

.callout h3 {
font-size: 14px;
font-weight:bold;
margin: 0;
padding:0;
}

.callout * {
width:745px;
float:right;
}

.callout * * {
width:auto;
float:none;
}


#footer {
clear:both;
height: 155px;
width: 933px;
margin:0 auto;
padding:20px 0 0 0;
color:#7c7c33;
}

#footer a:link, #footer a:visited { 
	color:#7c7c33;
	text-decoration: none;
}

#footer a:hover { 
	color: #cece68;
	text-decoration: none;
}

#footer ul {
	width:770px;
	float:left;
	margin:25px 0 0 100px;
	padding:0;
	list-style-type: none;
	font-size:12px;
	color:#333;
}

#footer ul li {
	display: inline;
	padding:0 5px 0 0;
}

#footer ul li a:link, #footer ul li a:visited {
	color:#cece68;
}

#footer ul li a:hover {
	color:#eee;
	text-decoration:none;
}

#footer p.address {
	text-align:right;
	font-size:11px;
	color:#52521a;
	margin: 6px 75px 0 0;
}

#footer p.copyright {
	text-align:right;
	font-size:11px;
	margin: 0 75px 20px 0;
}

#phonenumber {
float:left;
width:537px;
height:65px;
margin:0;
}

#phonenumber h3 {
width:537px;
height:65px;
margin:0;
padding:0;
background: transparent url(img/home_phonenumber.gif) no-repeat;
}

#footer h3 {
float:right;
margin:0 0 0 8px;
padding:0;
}

#footer h3.ase_certified {
width:66px;
height:62px;
margin:0;
background:transparent url(img/logo_ASE.gif) top center no-repeat;
}

#footer h3.aaa_approved {
width:62px;
height:62px;
background:transparent url(img/logo_AAA.gif) top center no-repeat;
}

#footer h3.bosch {
width:62px;
height:62px;
margin-right:14px;
background:transparent url(img/logo_bosch.gif) top center no-repeat;
}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top:0;
background-color: #d9d9b9;
width: 250px;
min-width:250px;
padding: 5px;
border:1px dashed #333;
font:normal 10px Arial;
line-height:11px;
z-index:100;
visibility: hidden;
color:#231f20;
text-align:left;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
margin: 0 2px;