/*
    Styles for Goldfields Toyota

    0a141e    background "black"
    181a21    text "black"

    28313a    footer grey
    3d4a57    footer light grey
    cc2229    footer red

    bf191f    link red
*/

body { color: #000000; background: #0a141e; margin: 0; padding: 0; font-size: 0.83em; font-family: Arial, sans-serif; }

a { color: #bf191f; font-weight: bold; }
a:hover { color: #0067dd; }

#container { width: 960px; margin: 0 auto; position: relative; }

h1 { margin: 0 0 4px 0; /*height: 0; padding-top: 150px; overflow: hidden;*/ height: 130px; padding-bottom: 20px; padding-left: 300px; color: #ffffff; background: #0a141e url(../images/layout/bg-header.jpg) top left no-repeat; font-family: AltonaSans, Altona Sans, Arial, sans-serif; font-size: 2em; }
h1 img { margin: 0; padding: 0; border: none; }

#content { color: #181a21; background: #ffffff url(../images/layout/bg-content.gif) bottom right no-repeat; padding: 35px 355px 165px 50px; }

#content h2 { font-size: 1.2em; color: #181a21; border-bottom: 2px solid #c6c6c8; text-transform: uppercase; font-family: AltonaSans, Altona Sans, Arial, sans-serif; margin-top: 0; height: 0; padding-top: 20px; overflow: hidden; background: #ffffff url(../images/titles/blank.gif) top left no-repeat; }

#content h3 { font-size: 2em; font-weight: normal; }

#content p { margin-right: 1em; }

.telephone { white-space: nowrap; }

fieldset p { margin-top: 0 !important; margin-bottom: 0.75em !important; }
fieldset span.label { font-weight: bold; display: block; width: 9em; float: left; clear: both; }
fieldset span.required { font-weight: bold; color: #cc2229; background: #f4f4f4 url(../images/layout/required.gif) top left no-repeat; display: block; float: right; width: 19px; height: 0; padding-top: 19px; overflow: hidden; }

img.smallphotoleft { float: left; margin: 0 10px 10px 0; border: 1px solid #c6c6c8; }
img.smallphotoright { float: right; margin: 0 0 10px 10px; border: 1px solid #c6c6c8; }

div#photoright { width: 295px; margin: 0; padding: 0; text-align: left; color: #181a21; background: #ffffff url(../images/layout/bg-photo-top.gif) top left no-repeat; position: absolute; top: 205px; right: 30px; }
div#photoright img { margin: 10px; padding: 0; border: none; }
div#photoright p { color: #181a21; background: #ffffff url(../images/layout/bg-photo-bottom.gif) bottom left no-repeat; margin: 0; padding: 0 25px 20px 25px; font-size: 0.9em; }
div#photoright p:first-line { font-weight: bold; }


div#profiles { margin: 0; padding: 0 30px; text-align: left; font-size: 0.9em; position: absolute; bottom: 120px; left: 0px; width: 900px; }
div#profiles h2 { display: none; }
div#profiles .bottom { clear: both; margin: 0; padding: 0; height: 1px; font-size: 1px; }

.profile { width: 130px; margin-top: 10px; margin-left: 20px; float: left; display: inline; }
.manager { width: 180px; }
.profile img { margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 10px; padding: 0; }
.profile h3 { font-size: 1em !important; line-height: 1.25em; margin: 0.75em 0 0 0 !important; font-weight: bold !important; color: #ffffff !important; background: #0a141e !important; padding: 0 !important; }
.profile p { margin-top: 0; margin-bottom: 0 !important; color: #ffffff !important; background: #0a141e !important; }


#contactform a { font-size: 1.2em; text-transform: uppercase; font-family: AltonaSans, Altona Sans, Arial, sans-serif; margin-top: 0; height: 0; padding-top: 35px; overflow: hidden; background: #0a141e url(../images/layout/contactform.gif) top left no-repeat; display: block; width: 225px; position: absolute; bottom: 100px; right: 54px; }
#contactform a:active { background-position: bottom left; }


#contact { width: 347px; height: 490px; border-left: 2px solid #0a141e; position: absolute; top: 154px; right: 0; padding-top: 35px; padding-right: 30px; padding-left: 30px; padding-bottom: 20px; overflow: hidden; }
#contact h2 { background-image: url(../images/titles/contactus.gif) !important; }
#contact h3 { font-size: 1em; text-transform: uppercase; font-weight: bold; }

#contact form { width: 347px; margin: 0; padding: 0; border: none; color: #181a21; background: #f4f4f4 url(../images/layout/bg-form-top.gif) top left no-repeat; font-size: 0.9em; }
#contact fieldset { margin: 0; padding: 15px 12px; border: none; color: #181a21; background: url(../images/layout/bg-form-bottom.gif) bottom left no-repeat; }
#contact legend { display: none; }


#footer { color: #ffffff; background: #28313a; border-top: 2px solid #3d4a57; padding: 20px; line-height: 140%; height: 4em; }
#footer hr { display: none; }
#footer p { width: 20em; float: left; margin: 0; }
#footer p#dl { width: 5em; float: left; margin: 0; padding-left: 3em; padding-top: 2.75em; }
#footer img { float: right; margin: 0; padding: 0; border: none; }
#footer a { color: #ffffff; text-decoration: none; font-weight: normal; }
#footer a:hover { color: #cccccc; }

#copyright { color: #cc2229; }


#nav { margin: 0; position: absolute; top: 115px; left: 0; background: url(../images/layout/bg-menu.gif) top right no-repeat; padding-top: 6px; padding-bottom: 5px; padding-right: 6px; padding-left: 0; height: 27px; width: 640px; }

#nav ul { list-style: none; padding: 0; margin: 0; }
#nav li { list-style: none; padding: 0; margin: 0; float: left; width: 80px; }

#nav a { display: block; height: 27px; width: 0px; padding-left: 80px; padding-right: 0; padding-top: 0; padding-bottom: 0; overflow: hidden; background-position: top left; background-repeat: no-repeat; white-space: nowrap; }
#nav a:hover { background-position: bottom left; }
#nav li.here a { background-position: bottom left; }

#nav li#nav-about a { background-image: url(../images/menu/about.gif); }
#nav li#nav-newcars a { background-image: url(../images/menu/new.gif); }
#nav li#nav-usedcars a { background-image: url(../images/menu/used.gif); }
#nav li#nav-specials a { background-image: url(../images/menu/specials.gif); }
#nav li#nav-service a { background-image: url(../images/menu/service.gif); }
#nav li#nav-parts a { background-image: url(../images/menu/parts.gif); }
#nav li#nav-finance a { background-image: url(../images/menu/finance.gif); }
#nav li#nav-fleetsales a { background-image: url(../images/menu/fleet.gif); }

#nav li ul { position: absolute; width: 120px; left: -999em; padding-top: 5px; padding-bottom: 5px; background: url(../images/layout/bg-menu-drop.gif) bottom left no-repeat; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }

#nav li ul a { width: 100px; padding: 5px 10px !important; height: auto !important; color: #ffffff; background: #0a141e !important; text-decoration: none; white-space: normal; }
#nav li ul a:hover { color: #cc2229; }


#linknav { margin: 0; position: absolute; top: 116px; right: 20px; padding-top: 10px; padding-bottom: 10px; padding-right: 5px; padding-left: 0; height: 17px; width: 131px; }

#linknav ul { list-style: none; padding: 0; margin: 0; }
#linknav li { list-style: none; padding: 0; margin: 0; float: left; }

#linknav a { display: block; height: 17px; width: 0px; padding-left: 80px; padding-right: 0; padding-top: 0; padding-bottom: 0; overflow: hidden; background-position: top left; background-repeat: no-repeat; white-space: nowrap; }
#linknav a:hover { background-position: bottom left; }
#linknav li.here a { background-position: bottom left; }

#linknav li#nav-links { padding-right: 8px; width: 27px; }
#linknav li#nav-contactadmin { padding-left: 8px; width: 87px; }

#linknav li#nav-links a { width: 0; padding-left: 27px; background-image: url(../images/menu/links.gif); }
#linknav li#nav-contactadmin a { width: 0; padding-left: 87px; background-image: url(../images/menu/contact.gif); }

#linknav li#nav-contactadmin { border-left: 1px solid #ffffff; }



@media print {
  body { color: #000000; background: #ffffff; font-size: 11pt; }
  a { color: #333333 !important; }
  #container { width: auto; position: static; }
  h1 { height: auto; padding: 0px; color: #000000; background: #ffffff; text-align: center; }
  #content { color: #000000; background: #ffffff; padding: 2em !important; height: auto !important; }
  #content h2 { color: #000000; background: #ffffff; height: auto; padding: 0px; }
  fieldset span.required { color: #cc2229; background: #ffffff; width: auto; height: auto; padding: 0; /*float: none; display: inline;*/ }
  div#photoright { color: #000000; background: #ffffff; width: auto; margin: 0; padding: 0; text-align: center; position: static; }
  div#photoright p { color: #000000; background: #ffffff; margin: 0; padding: 0;}
  div#profiles { position: static; border: none !important; }
  .profile { width: auto; float: none; display: block; margin-bottom: 1em; }
  .manager { width: auto !important; }
  .profile h3 { color: #000000 !important; background: #ffffff !important; margin-top: 0.25em !important; }
  .profile p { color: #000000 !important; background: #ffffff !important; }
  #contactform a { display: none; height: auto; padding: 0; color: #000000; background: #ffffff; width: auto; position: static; clear: both; }
  #contact { width: auto !important; height: auto !important; border: none; color: #000000; background: #ffffff; position: static !important; padding: 1em !important; border: 1px solid #c6c6c8; }
  #contact form { color: #000000; background: #ffffff; width: auto; }
  #contact fieldset { color: #000000; background: #ffffff; padding: 0; }
  #footer { color: #000000; background: #ffffff; height: auto; border-color: #c6c6c8; }
  #footer p { float: none; width: auto; margin-bottom: 0.75em; }
  #footer p#dl { float: none; width: auto; margin-bottom: 0.75em; padding: 0; }
  #footer img { float: none; }
  #copyright { color: #000000; background: #ffffff; }
  #nav { display: none; }
  #linknav { display: none; }
}