/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/	


/* 1.1	Reset
-----------------------------------------------------------------------------------------------*/	

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; float:left; padding: 6px 0 20px 6px;  }
address { font-style: normal; }

/* 1.2	Accessibility Navigation & Hide
-----------------------------------------------------------------------------------------------*/	

ol#accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }


/* 1.3	Clearfix
-----------------------------------------------------------------------------------------------*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* 1.4	Default Styles
-----------------------------------------------------------------------------------------------*/	

body { background: #143359; font: 62.5% Arial, Helvetica, sans-serif; text-align: center; color: #000; padding: 20px 0 }
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select { font: 1.2em Arial, Helvetica, sans-serif; }
a { color: #00f; text-decoration: none; }
a:hover { color: #f00; text-decoration: underline; }


/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.container { width: 784px; position: relative; margin: 0 auto; text-align: left; font-size: 1.2em; background: #fff; border: 1px solid #d2d2d2; overflow: hidden }


/* 2.1	Header
-----------------------------------------------------------------------------------------------*/	
#header { position: relative; width: 784px; height: 119px; border-bottom: 1px solid #fff; background: #d2d2d2; }
#header h1, #header h1 span, #header a.logo, #header a.logo span { display: block; overflow: hidden; width: 128px; height: 66px; }
#header h1, #header a.logo { position: absolute; right: 7px; top: 33px }
#header h1 span, #header a.logo span { position: absolute; top: 0; left: 0; z-index: 10; background: url(../images/logo.png) no-repeat; }
#header a.logo span { cursor: pointer; }
#header .addr { position: absolute; top: 0; width: 764px; background: #000; color: #fff; padding: 7px 10px 4px; text-align: right; font-size: 10px; height: 13px }
#header img { position: absolute; z-index: 100; top: 0px; left: -10px}


#navigation { background: #d2d2d2; height: 23px }
#navigation ul { width: 536px; float: right; }
#navigation ul li { float: left; padding: 6px 0 6px 6px; font-size: 10px; }
#navigation ul li a { float: left; border-left: 1px solid #2475db; padding-left: 6px; font-family: Verdana; color: #0c213f}
#navigation ul li a.marker { float: left; border-left: 1px solid #2475db; padding-left: 6px; font-family: Verdana; color: blue}
#navigation ul li.first a { border: 0; }
#navigation ul li a:hover, #footer .map .find-us a:hover { color: #2475db; text-decoration: none }


/* 2.2	Content
-----------------------------------------------------------------------------------------------*/	
#content { width: 700px; padding: 40px 45px; }
#content .cars li { float: left; width: 229px; margin-left: 3px; background: url(../images/bg-rounded_top.png) no-repeat left top; padding-top: 12px }
#content .cars li .cars-inside { background: url(../images/bg-rounded.png) no-repeat left bottom; width: 229px; text-align: center } 
#content .cars li .cars-inside img { margin: 10px 0 3px }
#content .cars li a { color: #134e70 }
#content .cars li a:hover { color: #000; text-decoration: none }

#content .main { padding: 40px 40px 20px 5px }
#content .main2 { width: 700px;  height:100%; top: 0px; padding: 6px 0 20px 6px; align:left;}
#content .main p { padding-bottom: 15px; line-height: 17px }


/* 2.4	Footer
-----------------------------------------------------------------------------------------------*/
#footer { background: #d2d2d2; padding: 10px 14px; position: relative; height: 75px; width: 756px; float:left;}
#footer .map { width: 233px; float: left }
#footer .map img { float: left; border: 1px solid #143054 }
#footer .map .find-us { float: right; width: 130px; padding-top: 16px }
#footer .map .find-us h4 { font-size: 14px }
#footer .map .find-us a { font-size: 10px; font-weight: bold; color: #0c213f }
#footer .copyright { position: absolute; top: 12px; right: 23px; font-size: 10px; font-weight: bold; color: #172c49 }
#footer ul { width: 297px; position: absolute; right: 23px; bottom: 12px }
#footer ul li { float: left; padding: 6px 0 6px 6px; font-size: 10px; }
#footer ul li a { float: left; border-left: 1px solid #143054; padding-left: 6px; font-family: Verdana; color: #0c213f}
#footer ul li.first a { border: 0; padding-left: 0 }
#footer ul li a:hover { color: #aa8700; text-decoration: none }