/*
To get started customizing with CSS, we recommend you 
go to http://headwaythemes.com/documentation/customizing-your-headway-site/custom-css/ 
to get started.

When writing the selectors for the elements, put body.custom at the
beginning.

For an example on how to change the background with custom CSS
we can use the following code.

body.wrapper
	{
/*	position: relative; */
	}

body.custom {
	background: red;
}
*/

body.custom {
	background: #aaaaaa url('custom/images/gradient3.jpg') repeat-x top center; */
}

body.pageid-362 .entry-content {
background-color: white;
width: 700px;
margin: 0 auto;
}

body.pageid-362 .entry-content iframe {
background-color: white;
padding: 0 20px;
}



#container
	{
	margin-left: 15px;
	}

.search-box
	{
	border: 1px solid white;
	background-color: white;
	}

.search-box img
	{
	margin: 12px auto 12px;
	display: block;
	}

.search-box input
	{
	width: 20px;
	display: block;
	float: left;
	}


.search-box label, .search-box select	{
	display: inline;
	white-space: nowrap;
	}

.search-box select	{
	overflow: hidden;
	width: 160px;
	}


.search-box label
	{
	}


.search-box ul
	{
	margin-top: 4px;
	}


.search-box select#new_makes, .search-box select#used_makes
	{
	margin-left: 35px;
	}

.search-box select#new_models, .search-box select#used_models
	{
	margin-left: 31px;
	}

.search-box select
	{

	}


.search-box li
	{
	list-style-type: none;
	}



.search-box form h3 {
	text-align: center;
	margin-bottom: 15px;
	color: white;
	font-weight: 700;
	line-height: 1.5em;
	/* background: #0000ff url('custom/images/gradient3.jpg') repeat-x top center; */
}

div#wrapper, .gradient {
	background-image: -moz-linear-gradient(top, #aaaaaa, #dddddd);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#ddd));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#aaaaaa,endColorstr=#dddddd);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#aaaaaa,endColorstr=#dddddd)";
}
.search-box form h3 {
	background-image: -moz-linear-gradient(top, #000000, #0000ff);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#00f));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000,endColorstr=#0000ff);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000,endColorstr=#0000ff)";
}

div#wrapper {
border: none;
}

div.box, .gradient2 {
	background-color: #aaaaaa;
	background-image: -moz-linear-gradient(top, #dddddd, #aaaaaa);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#ddd));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#aaaaaa,endColorstr=#dddddd);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#aaaaaa,endColorstr=#dddddd)";
}

.shadow1, div.box {
box-shadow: 5px 5px #818181;
-webkit-box-shadow: 5px 5px #818181;
-moz-box-shadow: 5px 5px #818181;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true);
}

div.box, div#wrapper, .rounded-corners {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    behavior: url(custom/border-radius.htc);
    border-radius: 5px;
}

body.home div.box {
}

div.box {
position: relative;
left: -7px;
border-top: solid white 1px;
}

body.home div.box {
}

#header
	{
	position: relative;
	}

.header-contact
	{
	background: black;
	margin-top: 10px;
	padding: 10px;
/*	background: #061145; */
	color: #dddddd;
	font-size: 1.5em;
	font-family:"Calibri",Helvetica,Arial,Sans-Serif;
	}

body.pageid-160 #content h2
	{
	font-weight: 700;
	font-size: 130%;
	}

.header-contact, body.pageid-160 #content
	{
	margin-top: 10px;
	padding: 10px;
	font-size: 1.5em;
	font-family:"Calibri",Helvetica,Arial,Sans-Serif;
	}

.header-contact span, .header-contact h5
	{
	display:block;
	float: right;
	margin: auto 15px auto auto;
	}

.header-contact span
	{
	font-size: 90%;

	}

.header-contact h5, .header-contact h4
	{
	font-weight: 700;
	}

.header-contact h4 span
	{
	font-weight: normal;
	}

.header-contact h5
	{
	position: relative;
	top: -41px;
	}

.coupon
	{
	font-size: 120%;
	width:404px;
	height: 172px;
	background: #061145 url('http://peters.etlocal.com/cars/wp-content/uploads/2010/01/coupon-art1.jpg') no-repeat top center;
	float: left;
	margin: 25px;
	}

.coupon h5
	{
	padding-top: 18px;
	color: #dddddd;
	font-weight: 700;
	text-align: center;
	}

.coupon a
	{
	color: white !important;
	text-decoration: none;
	}

.coupon a:hover
	{
	text-decoration: underline;
	}

.coupon p
	{
	margin-left: 22px;
	color: red;
	font-weight: normal;
	text-align: left;
	}


#navigation ul li a, #wrapper #navigation, #navigation ul, #navigation ul li, body.header-fluid div#navigation-container, body.header-fluid div#navigation
	{
	background: #061145 url('custom/images/gradient.png') repeat-x top center;
	border-right: none;
	border-left: none;
	}

#navigation ul ul li a,  #navigation ul ul, #navigation ul ul li 
	{
	background: #061145 repeat-x top center;
	}

body.header-fluid div#header-container
	{
	background-color: black;
	}



ul.navigation li.current_page_item a:link, ul.navigation li.current_page_item a:visited, ul.navigation li.current_page_item ul, ul.navigation li.current_page_parent a:link, ul.navigation li.current_page_parent a:visited, ul.navigation li.current_page_parent ul, ul.navigation li.current_page_ancestor a:link, ul.navigation li.current_page_ancestor a:visited, ul.navigation li.current_page_ancestor ul {
background:none repeat scroll 0 0 #FFFFFF;
border-right-color:#EEEEEE;
color:#ffffff;
font-family:verdana,sans-serif;
font-size:13px;
font-variant:normal;
font-weight:normal;
letter-spacing:0;
line-height:16px;
text-transform:none;
}


/*
*
*
*	John Groves
*
*
*/

.disclaimer
	{
	font-style: italic;
	font-size: 80%;
	}

#zazacontainer
	{
	position: fixed;
	top: 55px;
	left: 10px;
	z-index: 30000;
	}
	

h1.page-title, .black-book
        {
        float: left;
        }

.black-book
        {
        margin-left: 40px;
        }