@charset "utf-8";
/* CSS Document */
body{
width: 100%;
background-color:#ffffff;
font: "Verdana","New York", "New Century", sans-serif;
margin-top: 25px;
}

.main{
width:810px;
/*background-color:#FFFFFF;*/
height:inherit;
background-image: url(/gac/images/bg.png);
background-position:left; 
background-repeat: repeat-y;
}

.header{
/*background-image:url(/gac/images/header.png);*/
/*background-repeat:no-repeat;*/
height: 120px;
border-top: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
width: 810px;
}

.nav {
	width:100%;
	height:20px;
	margin:0 0% 0 0%;
	background-color:#ffffff;
	padding: 5px 0px 5px 0px;
	color:#000000;
	text-align:center;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
}

.nav ul
{
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.nav ul li
{
	display:inline;
	text-align: center;
	padding: 0;
	margin: 0;
}

.nav ul li a
{
padding: 0px 12px 2px 10px;
margin: 0 0 0 0;
border: none;
font: bold 0.8em  "Verdana","New York", "New Century", sans-serif;
color: #000000;
background:inherit;
text-decoration: none;
text-align: center;
}

.nav ul li a:hover
{
color:#000000;
font-size:0.8em;
font-weight:bold;
background:inherit;
border-bottom: 2px solid #000000;
}

.content{
width: 810px;
background-color:#000000;
height:auto;
text-align:left;
border-left: solid 1px #FFFFFF;
border-right: solid 1px #FFFFFF;
}

.left{
width: 148px;
border-left: 1px solid #FFFFFF;
background-color:#FFFFFF;

/*background-color:#FF0000;*/
}

p{
color:#FFFFFF;
font-size: 95%;
padding: 5px 5px 5px 5px;
}

h1{
color: #FF0000;
font-size: 110%;
text-decoration: underline;
padding: 5px 5px 0px 5px;
}

h2{
color: #cccccc;
font-size: 100%;

}

ul{
color: #FFFFFF;
}

li{
color: #FFFFFF;

padding: 5px 5px 0px 5px;
}

a{
color:#FF0000;
}

table{
color:#FFFFFF;
}

.footer{
clear:both;
height: 29px;
background-color:#ffffff;
text-align: center;
}


#leftColumn{
width:25%;
margin:0;
padding:0;
float:left;
color:#000000;
}

#centerColumn{
background:#ffffff;
padding: 0;
margin: 0;
margin-left:25%;
width:auto;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
color:#000000;
text-align: left;

}

#centerColumnContent, #f {
  margin: 0;
  padding: 0.5em;
  padding-left: 1em;
  padding-right:1em;
}

#featureimg img {
width:100%;
overflow:hidden;
margin:2px 0 4px 0px;
padding:0px;
}


#leftColumnContent h2{
background:inherit;
margin:2px 0 0px 0;
padding:0 0 2px 0;
font-size:0.9em;
font-weight:bold;
text-transform:uppercase;

color:#CCCCCC;
text-align:left;
}

#leftColumnContent p{
background:inherit;
margin:10px 0 0px 0;
padding:0 0 2px 0;
color:#0D2633; /*FFCC33*, BF8000*/
font-size:0.8em;
text-align:left;
}
#leftColumnContent img{
margin:2px 0 0 0;
padding:0 0 2px 0;
overflow:hidden;

}
#leftColumnContent a{
border: none;
}

img { border: none; } 

#centerColumnContent img.left{
float:left;
margin:0.5em 1em 0em 0;
}
#centerColumnContent img.right{
float:right;
margin:0.5em 0 0em 1em;
}


/*----Begin Crumb navigation ----*/
#crumb {
margin: -15px 0px 5px -38px;
height: 18px; /* This is the height we wan't on our breadcrumb */
padding: 2px 0 0 0px;
background:inherit;
color: #FFFFFF; /*This is our color on the text which isn't a link. We want' they to be light grey */
font-family:"Verdana","New York", "New Century", sans-serif;
font-size:70%;
}
#crumb li {
float: left;
display: inline;
margin-right: 4px;
text-transform:uppercase;

}
#crumb a {
padding-right: 11px; /* We need to add some padding to the right of the link. This space is where the background image is going to be shown. */
text-decoration: none;
}
/*---- end crumb navigation ----*/

.tesimonial {
	font-family: Arial, Helvetica, sans-serif;
	width: 580px;
	
	margin: 17px auto 0px 5px;
	
	
}

.tesimonial a {
	color: #000000;
	text-decoration: none;
}
.tesimonial a:hover {
	color: #FF0000
}

.dealer {
	float: right;
	text-align: left;
	width: 455px;
	margin: -92px 0px 12px 0px;
	font-size: 1.1em;
	text-decoration: underline;
	font-weight: bold;
	color: #000000;
	padding-top:90px;
	
}

.details {
	float: right;
	text-align: left;
	width: 445px;
	margin: -66px 10px 12px 70px;
	font-size: 11px;
	color: #000000;
	padding-top:5px;
}

/*domCollapse*/
.show { position:static;display: table; }
.hide { position:absolute;left:-999em;height:1px;width:100px;overflow:hidden; }
.trigger{}		
.trigger:hover{}		
.expanded{}
.expanded:hover{}