@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: "Univers";
	src: url("../fonts/Univers.eot");
	src: url("../fonts/Univers.eot?#iefix") format("embedded-opentype"),
		 url("../fonts/Univers.otf") format("opentype"),
		 url("../fonts/Univers.ttf") format("truetype"),
		 url("../fonts/Univers.svg") format("svg");
}

html {
    /*background: url("../images/site/footer_BG.png") repeat scroll left top transparent;*/
    min-width: 950px;
}
body {
    color: #363636;
    font: 10pt/1.4 Univers,Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0;
	
}
a:link, a:visited, a:hover, a:active {
    color: #363636;
    text-decoration: none;
}
a img {
    border: medium none;
}
h1, h2, h3, h4, h5, h6 {
    font: 10pt/1.4 Univers,Arial,Helvetica,sans-serif;
}
h1 {
    font-size: 24pt;
    font-weight: lighter;
}
h2 {
    color: #006BAD;
    font-size: 21pt;
    font-weight: lighter;
    margin-bottom: 5px;
    margin-top: 5px;
}
h3 {
	margin-top: 400px;
    color: #363636;
    font-size: 14pt;
    font-weight: lighter;
    margin-bottom: 5px;
	text-align: center;
}

p {
    font-size: 10.5pt;
}
.btn-dark  {margin-top: 4px;}

.arrow {
    display: inline-block;
    margin-right: 1.3em;
    position: relative;
	font-weight: 500;
	text-align: center;
	margin-left: 134px;
}


.arrow:after {
    background: url("../images/arrow.png") no-repeat scroll right center transparent;
    content: " ";
    height: 100%;
    margin-right: -1em;
    position: absolute;
    width: 1em;
}



/*   Center    */
#nav > div, #logo > div, #content > div, #content2 > div, #footer > div, #SEO > div {
	margin: auto;
	position: relative;
	width: 975px;	
}

#banner > div {
	margin: auto;
	position: relative;
	width: 1024px;	
}

/* Navigation */
#nav {
		background: url("../images/nav-BG.jpg") repeat scroll left top transparent;
		height: 30px;
		-webkit-box-shadow:  1px 1px 6px 4px rgba(0, 0, 0, .15);
        box-shadow:  1px 1px 6px 4px rgba(0, 0, 0, .15);
		z-index: 10;
}

#nav ul{
	color: #cccccc !important;
	font: 11pt/1.4 Univers,Arial,Helvetica,sans-serif;
	list-style: none outside none;
	margin: 0;
	text-align: center;
	padding: 0px;
}

#nav li {
	display: inline-block;
	padding-top:5px;
	position: relative;	
	zoom: 1;
	*display: inline;
}

#nav a {
	color: #cccccc;	
	padding: 5px 10px 5px 10px;
}

#nav a:hover {
	background-color: #3a3939;	
}



/* Banner ***************************************************/
#banner {
	background: url("../images/body-BG.jpg") repeat scroll center center transparent;
	z-index: 1;
-webkit-box-shadow: inset 0px 10px 20px 1px rgba(0, , 0, .24);
 box-shadow: inset 0px 10px 20px 1px rgba(0, 0, 0, .24); 
}

#banner > div > ul {
	list-style: none outside none;	
	padding: 0px 0 0 0;
	margin:0;
}
#banner li {
	display: inline-block;
	position: relative;	
	vertical-align: top;
	margin: 0;
	padding: 0px;
	zoom: 1;
	*display: inline;
}

#banner a{
	font-size: 20pt;
	text-align: center;	
}

.motors {
	background: url("../images/banner-motors.png") no-repeat scroll left top transparent;
	height: 498px;
	width: 503px;
	border-left: 2px solid #cecece;
}

.toyota {
	background: url("../images/banner-toyota.png") no-repeat scroll left top transparent;
	height: 498px;
	width: 516px;
	margin: 0 0 0 -4px !important;
	padding: 0px;
	border-right: 2px solid #cecece;
}

#banner:after {
	background: url("../images/bottom-shadow.png")no-repeat scroll center bottom transparent;
    content: " ";
    height:20px;
    left: 0;
    position: absolute;
    width: 100%;
}

/* Content */
#content > div > ul {
	list-style: none outside none;	
	padding: 10px 0 0 0;
	margin: 0;
}

#content li {
	display: inline-block;
	position: relative;	
	vertical-align: bottom;
	margin: 0px;
	padding: 0px 6px 20px 7px;
	width: 309px;
	zoom: 1;
	*display: inline;
}

#content a {
	font-weight: 600 !important;	
}

#content2 {
	padding-top: 20px;	
}


#content2 > div > ul {
	list-style: none outside none;	
	padding: 10px 0 0 0;
	margin: 0;
}

#content2 li {
	display: inline-block;
	position: relative;	
	vertical-align: top;
	margin: 0px;
	margin: 0px;
    padding: 0px 5%;
	width: 23%;
	zoom: 1;
	*display: inline;
}

#content2 p {
	font-size: 12pt;
	border-bottom: 1px solid #CDCDCD;	
	padding-bottom: 10px;
}

#content2 a {
	color: #bf201a;
}

#content2 img {
	display: block;
    height: auto;
    max-width: 100%;
    margin: auto;	
	padding-bottom: 20px;
}





/* Footer */

#logo {
    margin: 10px 0px 0px 0px;
	padding-top: 20px;
}
#logo a {
    background: url("../images/logo-slogan.png") no-repeat scroll center center transparent;
    display: block;
    height: 70px;
    outline: medium none;
    text-indent: -9999px;
    margin-left: 65px;
}

#logo > div{
	border-top: 1px solid #acacac;	
}

#footer > div {
	text-align: center;
	padding-bottom: 30px;	
}

#footer p{
	margin: 10px 0;	
}

/* SEO */
p {
	font-size: 9pt;	
}