@charset "UTF-8";

/* Global Styles */

body {
	color: #14310B;
	line-height: 1.5em;
	font-family: Arial;
	font-size: 14px;
	background: url(../images/background_texture.jpg) repeat 0px 0px;
}
.page {
	max-width: 980px;
	margin: 0px auto;
	position: relative; background-color: #fff;
}

h1 { color: #a6430a; margin: 0em 0em .5em 0em; font-size: 2em; font-weight: normal; line-height: 1.2em; }
h2 { font-size: 1.5em; margin: 0em 0em .4em 0em; line-height: 1.6em; }
h3 { font-size: 1.4em; margin: 0em 0em .4em 0em; }
h4 { font-size: 1.3em; margin: 1em 0em .4em 0em; }
h5 { font-size: 1.2em; margin: 1em 0em .4em 0em; }
h6 { font-size: 1.1em; margin: 0em 0em 1em 0em; }

h1.center {text-align: center}
h2.center {text-align:center;}
h3.center {text-align:center;}
h4.center {text-align:center;}
h5.center {text-align:center;}

h1.uppercase {
    text-transform: uppercase;
}

p { margin: 0px 0px .75em 0px; }
p.center { text-align: center;}
a { color: #de9000; text-decoration: none}
a:hover { color: #802207;
}

a.cta {
	text-transform: uppercase;
	font-size: .9em;
	font-weight: bold;
	text-decoration: none;
	margin: .5em 0 0 0;
	padding: 0px 12px 0px 0px;
	background: url(../images/cta_arrow.png) no-repeat right 0px;
}
a.cta:hover { background-position: right -50px; }

a.accordion {
	color: #de9000;
	text-transform: uppercase;
	font-size: .9em;
	font-weight: bold;
	text-decoration: none;
}
a.accordion:hover { color: #de9000;}

.box {
 border: 1px solid red;
 background-color: #e9b018;
 padding: 10px;
}


footer { font-size: .90em; color: #fcca31; background-color: #275d16; padding: 10px 20px 20px 10px; } /*color of footer and text*/

IMG.displayed {
    display: block;
	margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 30px;
	max-width:100%;
	height:auto;
	border:0;
	}

.promo h3 { font-size: 1.1em; margin: 0; }
.promo p { line-height: 1.2em; font-size: .9em; margin-bottom: .5em; }

.promo { background-repeat: no-repeat; }

.promo.one { background-image: url(../images/LeatherButton_mbz.png); }
.promo.two { background-image: url(../images/LeatherButton_bmw.png); }
.promo.three { background-image: url(../images/LeatherButton_porsche.png); }
.promo.four { background-image: url(../images/LeatherButton_audi.png); }
.promo.five { background-image: url(../images/LeatherButton_mini.png); }
.promo.six { background-image: url(../images/LeatherButton_vw.png); }

nav a {
	color: #fff;/*text color on nav bar*/
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	font-weight: bold;
	font-size: .9em;
}

nav a:hover { color: #fdb700; }
nav a:active {color: #a6430a; }

.spacer {
	clear: both;
	line-height: 1px;
	width: 100%;
}

.clear-fix { clear: both; line-height: 1px; }

#hero .panel .caption { color: rgba(255,255,255,.65); line-height: 14px; }
#hero .panel .caption h1 { color: #fff; font-size: 1.9em; margin-bottom: 5px; }
#hero .panel .caption h3 { color: #fff; font-size: 1.5em; margin-bottom: 5px; }
#hero .panel .caption p { margin-bottom: 8px; }

#hero .panel .caption a.cta {
	font-size: 0.8em;
	margin: 0;
	color: #FDB700;
	background-position: right -101px;
}
#hero .panel .caption a.cta:hover { color:  #fff; background-position: right -151px; }