/*
 * CSS for www.406Motoring.com | Powered by ennui.
 *
 * Contact us at: answers@ennuidesign.com
 * On the web: www.ennuidesign.com
 *
 */

body {
  background:#000 url('/images/406_bg-tile.jpg') top center fixed;
  font:12px/20px tahoma, arial, verdana, sans-serif;
  color:#DDD;
  margin:0;
  padding:0;
}
  a:link,
  a:visited {
    color:#0000FF;
    text-decoration:none;
  }
  a:active,
  a:hover {
    color:#0000FF;
    text-decoration:underline;
  }

/* Document width */
#master {
  position:relative;
  margin:0 auto;
  padding:0;
  text-align:center;
  width:1024px;
}

#logo {
  position:absolute;
  top:25px;
  left:70px;
  width:920px;
  height:80px;
  z-index:10;
}
  #logo a {
    display:block;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    border:0;
    outline:0;
    text-decoration:none;
    text-indent:-9999px;
  }

/* Menu Style */
.menu-wrap {
  position:absolute;
  top:0;
  left:55px;
  width:883px;
  height:120px;
  padding:0;
  margin:0;
  background:url(/images/406_menu-left_v1.0.png) left top no-repeat;
}
#menu {
  position:absolute;
  top:0;
  left:21px;
  margin:0 auto;
  padding:0 21px 0 0;
  list-style:none;
  z-index:10;
  background:url(/images/406_menu-right_v1.0.png) right top no-repeat;
}
  #menu > li {
    position:relative;
    float:left;
    width:92px;
    height:126px;
    margin:0;
    padding:0;
    font:bold 12px/20px "century gothic", Helvetica, Verdana, Arial, sans-serif;
    text-transform:uppercase;
    text-align:center;
    background:url(/images/406_menu_v1.0.png) top center no-repeat;
  }
  #menu > li.selected, #menu > li.parent {
    background:url(/images/406_menu-on_v1.0.png) top center no-repeat;
  }
  #menu > li.home-btn {
    width:289px;
    height:179px;
    background:url(/images/406_logo_v1.0.png) top left no-repeat;
  }
    #menu > li > a,
    #menu > li.selected > a {
      position:absolute;
      bottom:18px;
      left:0;
      width:92px;
      color:#BBB;
      text-decoration:none;
    }
#menu > li > ul.submenu {
  display:none;
}
#menu > li.selected > ul.submenu,
#menu > li.parent > ul.submenu,
.sidebar, #gal-sidebar {
  display:block;
  position:absolute;
  top:180px;
  left:-44px;
  width:240px;
  background:url(/images/406_sub-nav_v1.3.png) top right no-repeat;
  text-align:left;
  list-style:none;
  margin:0;
  padding:20px 9px 0;
}
#menu > li.selected > ul.locations,
#menu > li.parent > ul.locations {
  display: none;
}
#menu > li.selected > ul.gallery,
#menu > li.parent > ul.gallery {
  position:absolute;
  left:-700px;
  min-height:400px;
}
    #menu > li.home-btn > a {
      display:block;
      width:289px;
      height:100%;
      text-indent:-9999px;
      outline:none;
    }
.sidebar {
  top:0;
  left:-281px;
  min-height:400px;
  font-variant:small-caps;
}
#gal-sidebar {
  left:-29px;
  min-height:400px;
}
.sidebar > a,
ul.submenu > li > a {
  display:block;
  margin:0 1px 10px 20px;
  font:bold 12px/20px "century gothic", Helvetica, Verdana, Arial, sans-serif;
  color:#BBB;
}
ul.submenu > li.selected {
  margin:0 2px;
  background:rgba(255,255,255,0.07);
}
ul.submenu > li.selected > a {
  margin-left:10px;
}
ul.submenu > li.selected > a:before {
  content:"\00BB\00A0";
}

/* Content Styles */
#content {
  display:block;
  position:relative;
  text-align:left;
  margin:0 auto;
  padding:1px 0 0;
  width:900px;
}
  .entrydisplay {
    position:relative;
    float:right;
    width:630px;
    min-height:450px;
    margin:180px 0 60px;
    padding:0 9px;
    text-align:left;
    background:url(/images/406_secondary-bg_v1.3.png) top left no-repeat;
  }
    h1, h2, h3, h4, p, ul, ol, pre {
      margin:20px 20px 0;
      padding:0;
    }
    h1, legend {
      padding:10px 0;
      font-size:24px;
      font-weight:normal;
      line-height:20px;
      letter-spacing:.04em;
      text-align:left;
      display:block;
    }
      .entrydisplay h1 a {
        text-decoration:none;
      }
    h2 {
      font:16px/20px helvetica, arial, sans-serif;
      letter-spacing:-.05em;
      color:#DDD;
      display:block;
      text-align:left;
    }
    h3 {

    }
    .entrydisplay p {
      margin-left:30px;
      margin-right:30px;
      letter-spacing:.04em;
    }
      .demolink {
        display:block;
        text-align:center;
        font-size:120%;
      }
      .readmore {
        text-align:right;
        font-size:90%;
      }
    ul, ol {

    }
    .image {
      display:block;
      width:600px;
      margin:0 auto;
      padding:0 0 14px;
      text-align:right;
    }
      .image img {
        display:block;
        margin:0;
        padding:0;
        text-align:right;
      }
      .image_caption {
        display:inline;
        font-style:italic;
      }
    hr {
      visibility:hidden;
    }

/* Crew */
#crew {
  list-style:none;
}
#crew > li {
  clear:left;
}
#crew > li > img {
  float:left;
  margin:10px 10px 10px 0;
}


/* Services */
.services-list {
  list-style:none;
  margin:0 20px;
  padding:0;
}
  .services-list > li {
    display:block;
    height:60px;
  }
    .services-list > li > a > img {
      border:0;
    }

/* Locations */
#locations iframe, small {
  margin:0 20px;
}

/* Gallery Styles */
.preview {
  float:left;
  width:140px;
  height:190px;
  padding:10px;
  text-align:center;
}
  .preview h2 {
    text-align:center;
  }
.preview > p {
  margin:0;
  padding:0;
}

/* Contact Styles */
#cf {
  border:0;
}
#cf legend {

}
#cf input[type=text],
#cf textarea {
  display:block;
  width:98%;
  margin:0 0 9px;
  padding:4px;
  border:1px solid #DDD;
  font-family:helvetica, sans-serif;
  font-size:12px;
}
#cf input[type=submit] {
  display:inline;
  padding:4px;
  border:1px solid #DDD;
}

/* Top Brands Style */
#top-brands {
  clear:both;
  width:960px;
  margin:0 auto;
}
#top-brands > a > img {
  float:left;
  margin:0;
  padding:0;
  border:0;
}

.service-brands {
  display:block;
  text-align:center;
  width:500px;
  margin:0 auto;
}
  .service-brands > a > img {
    border:0;
  }

/* Social Media Styles */
#social-media {
  margin:0 auto;
  text-align:center;
}
#social-media > a > img {
  display:inline;
  border:0;
  margin:20px 0 0;
}

/* Footer Style */
#footer {
  display:block;
  width:960px;
  clear:both;
  height:60px;
  margin:20px auto 0;
  padding:0;
}
#footer > p {
  float:left;
  margin:0;
  padding:0;
  text-align:left;
  color:#AAA;
}
  #footer a {
    color:#AAA;
  }
#footer-address {
  width:830px;
  font-size:11px;
}
p#footer-credits {
  font-size:11px;
  text-align:right;
  margin-left:830px;
}



/*
 *****************************************************************
 *
 * Special Pieces and Styles
 *
 *****************************************************************
 */

/* Admin Style */
.admin_cp {
  display:block;
  margin:0;
  padding:10px;
  background:#FFF;
  border-bottom:2px solid #000;
  color:#CFCFCF;
  text-align:center;
}
  .admin_cp a {
    color:#AAF;
  }

/* Form Style */
.ennui_form {
  text-align:left;
  margin:0 auto;
  padding:10px;
  z-index:10000;
}
  .ennui_form span {
    display:block;
    margin:6px 0 14px;
    color:#F00;
    font-weight:bold;
    text-align:center;
  }
  .ennui_form label {
    display:block;
    font-weight:bold;
    margin:0;
    padding:3px 0 0;
    font-size:120%;
  }
  .ennui_form input,
  .ennui_form textarea {
    display:block;
    width:98%;
    margin:0 0 10px;
    padding:4px;
    border:1px solid #AAA;
  }
    .ennui_form input[type=hidden] {
      display:none;
    }
    .ennui_form input[type=submit] {
      width:auto;
      text-transform:uppercase;
      background:#AAA;
    }
  .ennui_form textarea {
    height:250px;
  }
  .ennui_form p {
    display:block;
    margin:0;
    padding:8px 4px 4px;
    font-size:14px;
    font-weight:bold;
  }

.admintopopts, .admin {
  display:block;
  margin:0 auto 10px;
  padding:10px 0;
  text-align:center;
  color:#999;
}
  .admintopopts p {
    font-size:10px;
    text-align:center;
  }
    .admintopopts a {
      color:#99F;
    }
.adminsimpleoptions {
  text-align:center;
  display:block;
  margin:0 auto 10px;
  padding:0;
  font-size:10px;
  color:#999;
}
  .adminsimpleoptions a {
    color:#99F;
  }
#admin_gal > div {
  float:left;
  margin:10px 20px;
}
#admin_gal > div > img {
  display:block;
}