@import('reset.css');

html
{
  background: #FFFFFF;
  font-family: arial,helvetica,sans-serif;
  font-size: 10pt;
}

body
{
  width: 750px;
  margin: auto;
  padding: 15px 0 0 0;
}

a
{
  text-decoration: none;
  color: inherit;
}

a:hover
{
  text-decoration: underline;
}

#left
{
  float: left;
  width: 193px;
  margin-right: 10px;
}

#left ul
{
  margin: 10px 0 10px 0;
  padding: 0;
}

#left ul li a
{
  text-decoration: none;
}

#left li
{
  padding: 4px 10px 4px 35px;
  width: inherit;
  font-weight: bold;
  margin-bottom: 4px;
  list-style-type: none;
}

#left li a,
#left li
{
  color: #FFFFFF;
}

#left li.first
{
  background: #b7a479;
}

#left li.current
{
  padding-left: 45px;
}

#left li.gray
{
  background: #FFFFFF url('../img/arrow_gray.jpg') 20px 8px no-repeat;
}

#left li.gray.current
{
  color: #b6a378;
  background: #FFFFFF url('../img/arrow_gray.jpg') 35px 8px no-repeat;
}

#left li.gray a
{
  color: #a9a9a9;
}

#left li.last
{
  margin-bottom: 20px;
}

.teal
{
  background: #5fa3b6 url('../img/arrow_teal.jpg') 20px 8px no-repeat;
}

#left li.teal.current
{
  color: #f9edbd;
  background: #5fa3b6 url('../img/arrow_teal.jpg') 35px 8px no-repeat;
}

.advert
{
  border: 1px solid #5fa4b4;
  padding: 0 10px 5px 5px;
  width: 171px;
  float: right;
}

.advert span
{
  padding: 10px 0 10px 30px;
  color: #023165;
  font-weight: bold;
  display: block;
}

.advert img
{
  display: block;
}

.advert a
{
  margin-top: 5px;
  display: block;
  width: 100%;
  color: #5fa3b6;
  text-align: right;
}

#main
{
  padding: 40px 0 0 0;
  float: left;
  width: 535px;
}

#main .photo
{
  display: block;
  float: left;
  padding: 10px 0 0 0;
  margin-right: 20px;
}

#modelsMenu strong
{
  color: #023169;
}

.modelsMenu div
{
  float: left;
  height: 24px;
  background: #003267 url('../img/spacer.jpg') repeat-x left bottom;
  width: 423px;
}

.modelsMenu a
{
  display: block;
  float: left;
  padding: 5px 15px 5px 15px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  color: #FFFFFF;
  height: 14px;
  text-align: center;
  background: #003267 url('../img/spacer.jpg') repeat-x left bottom;
  font-size: 0.8em;
}

.modelsMenu a:hover
{
  background: #003267 url('../img/arrow_down.jpg') repeat-x center bottom;
  color: #f4db87;
}

.headline
{
  clear: both;
  background: #eeeeee;
  color: #666666;
  text-transform: uppercase;
  padding: 4px 0 4px 6px;
  font-weight: bold;
  font-size: 10pt;
  margin: 57px 0 20px 0;
}

.rightCol
{
  float: right;
  margin-left: 10px;
}

.about .rightCol
{
  height: 300px;
}

#main p
{
  text-align: justify;
  color: #666666;
  padding-left: 5px;
  font-size: 9pt;
}

#main p a
{
  color: #666666;
}

.services p
{
  width: 360px;
}

.services #main ul
{
  color: #666666;
  padding-left: 10px;
  list-style: outside;
  list-style-type: none;
  margin: 0 0 0 0;
}

.services #main li
{
  background: url('../img/star.jpg') left 3px no-repeat;
  padding-left: 10px;
  width: 380px;
  margin: 0 0 10px 0;
}

.contact #main p
{
  text-align: left;
  font-size: 10pt;
}

p span
{
  padding-left: 15px;
  display: block;
}

.testDrive form ul
{
  list-style-type: none;
  list-style: none;
  margin: 0;
  padding: 10px 0 0 30px;
}

.testDrive form li
{
  margin: 0 0 5px 0;
  padding: 0;
  clear: left;
}

.testDrive form li.inline select
{
  display: inline;
}

.testDrive form li label
{
  display: block;
  margin-bottom: 0;
  color: #666666;
  font-size: 8pt;
}

.testDrive input,
.testDrive textarea,
.testDrive select
{
  background: #cccccc;
  border: 1px solid #9c9c9c;
}

.testDrive input,
.testDrive select
{
  width: 170px;
}

.testDrive .inline #hour,
.testDrive .inline #day
{
  width: 65px;
  margin-right: 20px;
}

.testDrive .inline #month,
.testDrive .inline #minutes
{
  width: 90px;
}

.testDrive textarea
{
  width: 350px;
  height: 170px;
}

.testDrive form ul li.notes
{
  margin-top: 30px;
}

.testDrive form ul li.submit
{
  margin-top: 20px;
}

.testDrive form ul li.info
{
  padding-left: 30px;
  margin-top: 10px;
  color: #666666;
  font-size: 8pt;
}

.testDrive form li.submit input
{
  background: url('../img/submit.jpg') left top no-repeat;
  width: 177px;
  height: 24px;
  border: 0 none;
  color: transparent;
}

.mainPage .rightCol
{
  padding: 5px 5px 10px 5px;
  background: #5fa3b6;
  margin-top: 10px;
  height: 300px;
  width: 207px;
}

.mainPage h3
{
  margin: 10px 0 0 0;
  color: #656565;
  padding-left: 5px;
  font-size:12pt;
  font-weight: bold;
}

.mainPage #main .rightCol p
{
  color: #FFFFFF;
  text-align: left;
}

.mainPage #main .rightCol p span
{
  margin: 0;
  float: right;
}

.footer
{
  color: #b6a378;
  border-top: 1px solid #b6a378;
  font-size: 7pt;
}

.footer a
{
  color: #b6a378;
  text-decoration: none;
}

.about .footer
{
  margin-top: 195px;
}

.contact .footer
{
  margin-top: 50px;
}

.services .footer
{
  margin-top: 135px;
}

.testDrive .footer
{
  margin-top: 100px;
}

.mainPage .footer
{
  clear: right;
  margin-top: 140px;
}