/* site styling */
#header{
  background:#fbfbfb 0 0 url("/images/site/header-bg.png") repeat-x;
  height:110px;
}

/*menu*/
table#menu {
  text-transform: uppercase;
  font-size:10px;
  font-weight:bold;
  height:70px;
  vertical-align:middle;
}

table#menu tr{height:70px;}
table#menu strong{font-size:16px;}

table#menu td a{
  display: block;
  background:transparent 0 0 url("/images/site/menu-bg.png") repeat-x;
  color:#878787;
 }

 table#menu td.home a{
  padding:20px;
 }

 table#menu td.portfolio a{
  padding:20px 10px;
 }

 table#menu td.whatwedo a{
  padding:20px 10px;
 }

 table#menu td.contact a{
  padding:20px;
 }

table#menu td a:hover{
  text-decoration: none;
  background:transparent left -70px url("/images/site/menu-bg.png") repeat-x;
  color:white;
}

table#menu td a.active{
  text-decoration: none;
  background:transparent left -140px url("/images/site/menu-bg.png") repeat-x;
  color:white;
}

table#menu td.home a{
  text-decoration: none;
  background:transparent left top url("/images/site/menu-caps.png") repeat-x;
}

table#menu td.home a:hover{
  text-decoration: none;
  background:transparent left -70px url("/images/site/menu-caps.png") repeat-x;
  color:white;
}

table#menu td.home a.active{
  text-decoration: none;
  background:transparent left -140px url("/images/site/menu-caps.png") repeat-x;
  color:white;
}

table#menu td.contact a{
  text-decoration: none;
  background:transparent right top url("/images/site/menu-caps.png") repeat-x;
}

table#menu td.contact a:hover{
  text-decoration: none;
  background:transparent right -70px url("/images/site/menu-caps.png") repeat-x;
  color:white;
}

table#menu td.contact a.active{
  text-decoration: none;
  background:transparent right -140px url("/images/site/menu-caps.png") repeat-x;
  color:white;
}

/* menu end */

div.container_12 {
  width:940px; /* 980 - 20 - 20 = 940px */
  padding:20px;
}


#header div.container_12{
  background:transparent 0 0 url("/images/site/header-sprite.png") repeat-y;

}

#top-content{
  background:#0d6800 top center url("/images/site/teaser-bg.png") repeat-y;
  border-top:1px solid black;
  border-bottom:1px solid #094500;
  line-height:1;
  text-align:center;
  font-family:Georgia,sans-serif;
  color:#cae269;
}

    #top-content h1, #top-content h2, #top-content h3, #top-content h4, #top-content h5 { color:#cae269; font-weight: normal; }
    #top-content h2{ font-size:32px; }
    #top-content h5{ font-size:20px; line-height:1.2; }

    #top-content div.container_12{
      padding:30px 20px;
      text-align:center;
    }


#body-content{
  background:#e0e0e0 0 0 url("/images/site/body-content-bg.png") repeat-x;
  border-top:1px solid #fff;
  border-bottom:1px solid #fff;
}

  #body-content div.container_12{
    padding:20px 20px 120px 20px;
    background-color:#fff;
  }


div.splitter{height:1px;border-bottom:1px solid #fff;background-color:#d4d4d4;margin:20px 0px;clear:both;}

  div.two-col{
    background:#fff 0 0 url("/images/site/two-col.png") repeat-y;
  }

  div.two-col div.grid_4 {width:330px; padding-left:45px;}


#footer{
  background:#1c1c1c 0 0 url("/images/site/footer-bg.png") repeat;
}
  #footer div.container_12{ background:transparent 0 0 url("/images/site/footer-sprite.png") repeat-y; }
  #footer ul { list-style:none; }

  #footer ul li {color:#575757;font-size:12px;padding:1px;}
  #footer ul li.title {text-transform: uppercase; font-weight:bold; font-size:14px;}
  #footer ul li a{color:#aeaeae; font-weight:bold;}
  #footer li div.splitter{height:1px;border-bottom:1px solid #454545;background-color:#181818;margin:10px 0px;clear:both;}




div.container_12.nopad {
  padding:0 !important;
  width:980px;
}

/* home page */
  div.grid_4 img.showcase{background-color:black; border:8px solid #fff;margin-top:15px;}
  li a img.showcase{background-color:black; border:4px solid #fff;}


/* portfolio styling*/
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */

.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/* end jcaro styling */

.portfolio-item img{padding:10px 0px;}
.portfolio-item h4{ text-align:left;padding-bottom:10px;font-size:20px;}
.portfolio-item span{text-align:left;display: block;}
.portfolio-item a{}



/* what we do styling */

#body-content div.service-item {
  -moz-border-radius: 10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  border:1px solid white;
  background:#dadada 0 0 url("/images/site/wwd-selector.png") repeat-x;
  padding:10px 5px 10px 15px;
  margin:30px 5px;
  font-size:12px;
}

    #body-content div.service-item h4{
      color:#9a9a9a;
      font-weight:bold;
      font-size:16px;
    }

    #body-content div.service-item span{
      display:block;
      text-align:right;
      height:15px;
      padding-right:10px;
    }

    #body-content div.service-item a{
      text-transform:uppercase;
      color:#a1a1a1;
      font-weight:900;
      text-decoration:none;
      font-family:arial;
      padding-right:20px;
      background:transparent -215px 0 url("/images/site/wwd-readmore.png") no-repeat;

    }

    #body-content div.service-item a:hover{
      color:#717171;
      background:transparent -215px -15px url("/images/site/wwd-readmore.png") no-repeat;
    }

    #body-content div.more-options{
      padding:0px!important;
      width:980px;
      height:90px;
      background:white 0 -99px url("/images/site/secondary-nav-bars.png") no-repeat;
      padding-left:30px;
    }

    #body-content div.more-options img{
      padding:25px;
    }

    #body-content div.more-options img.first{
      padding-left:180px;
    }

/* contact us styling */



div.messages {
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  border-radius:8px;
  width:auto;
  padding:12px 10px 16px;
  margin:20px 0px;
  font-size:13px;

  border:2px solid #DCB931;
  background-color:#FFFFCC;
  color:#DCB931;
}
.grid_4 div.messages { margin:10px 5px 10px 2px;}


div.messages.success {
  border:2px solid #85B600;
  background-color:#DAEF86;
  color:#219400;
}

div.messages.errors {
  color:#B17677;
  border:2px solid #CAB2B3;
  background-color:#FFE7E8;
  zbackground-color:#ffcece;
}

div.messages span.title{
  display:block;
  margin-bottom:6px;
  font-weight:bold;
  font-size:16px;
}

div.messages ul.errors { font-weight:normal; margin: 2px 0 0 15px; list-style:disc; }
div.messages ul.errors li{ color:#B17677; padding:0; }



    input#sendmessage{
      -moz-border-radius:20px;
      -webkit-border-radius:20px;
      border-radius:20px;
      font-weight:bold;
      font-size:13px;
      width:160px;
      padding:5px 40px 5px 10px;
      background:transparent center right url("/images/buttons/button-rail.png") no-repeat;
      border:2px solid #d1d1d1;
      margin-right:10px;

   }

   input#sendmessage:hover{
      border:2px solid #5c8c46;
   }

   li.button{
      float:right;
   }

/* site buttons */
a.button {
    background: transparent url('/images/buttons/site-button-rail-a.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: right;
    text-transform:uppercase;
    font-weight:bold;
    margin-right: 6px;
    padding-right: 55px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('/images/buttons/site-button-rail-span.png') no-repeat;
    display: block;
    line-height: 15px;
    padding: 15px 0 20px 20px;
}

    a.button:hover {
        background: transparent url('/images/buttons/site-button-rail-a.png') no-repeat right -52px;
        color:#5c8c46;
    }

    #portfolio-main a.button:hover {
        background: transparent url('/images/buttons/site-button-rail-a.png') no-repeat right -52px ;
        color:#5c8c46;
    }

    .portfolio-item a.button:hover {
        background: transparent url('/images/buttons/site-button-rail-a.png') no-repeat right -52px;
        color:#5c8c46;
    }

/* dark buttons */

a.button-dark {
    background: transparent url('/images/buttons/site-button-rail-a.png') no-repeat right -101px;
    display: block;
    float: right;
    text-transform:uppercase;
    font-weight:bold;
    margin-right: 50px;
    padding-right: 55px; /* sliding doors padding */
    text-decoration: none;
    color:#5c8c46;
}

a.button-dark span {
    background: transparent url('/images/buttons/site-button-rail-span.png') no-repeat left -101px;
    display: block;
    line-height: 15px;
    padding: 15px 0px 20px 20px;
}

    a.button-dark:hover {
        background: transparent url('/images/buttons/site-button-rail-a.png') no-repeat scroll right -152px;
        color:#CAE269;

    }


div.form_actions { border:none; padding: 10px 5px;}
div.form_row { border:none; padding: 10px 5px;}
div.form_row.has_error { background-color:#fff5f5; margin-bottom:1px;}

div.form_row .help { font-size:11px; color:#AAA; padding-bottom:3px;}
div.form_row label {
  display:block;
  width:auto;
  clear:both;
  color:#444;
  font-size:14px;
  padding-bottom:5px;
  font-weight:bold;
}
div.form_row label.clear { display:inline; float:none; clear:none; }
div.form_row input[type="text"], div.form_row input[type="password"], div.form_row.form_row input[type="file"], div.form_row select, div.form_row textarea{
  font-family:"Trebuchet MS",Tahoma,Verdana,Helvetica,sans-serif;
  font-size:16px;
  border:1px solid #c9c9c9;
  background:#fafafa 0 0 url("/images/site/contact-us-tile.png") repeat-x;
  padding:3px;
  vertical-align:middle;
  width:auto;
  color:#666;
  width:300px;
}

div.form_row textarea{
  height:200px;
  width:420px;
}


.grid_4 div.form_row input[type="text"], .grid_4 div.form_row input[type="password"], .grid_4 div.form_row.form_row input[type="file"], .grid_4 div.form_row select, .grid_4 div.form_row textarea{
  width:270px;
}
.grid_4 div.form_row textarea{
  height:130px;
}




div.form_row input[type="text"]:hover, div.form_row input[type="password"]:hover, div.form_row.form_row input[type="file"]:hover, div.form_row select:hover, div.form_row textarea:hover{
  border:1px solid #5c8c46;
}


/*
input[type="submit"]{ -moz-border-radius:8px; font-weight: bold; color:#fff; padding:3px 5px; border:2px solid #9BCA5F; background:#9d4 bottom left  url(/images/btn-shade.png); }
input[type="submit"]:hover{ background-color:#71B51C; }

input[type="submit"].blue{ border-color:#8EC6E4; background:#3F90BA bottom left  url(/images/btn-shade.png); }
input[type="submit"].blue:hover{ background-color:#13648E; }

input[type="submit"].red{ border-color:#AA4444; background:#BB4443 bottom left  url(/images/btn-shade.png); }
input[type="submit"].red:hover{ background-color:#7F0807; }

input[type="button"]{ -moz-border-radius:8px; font-weight: bold; color:#fff; padding:3px 5px; border:2px solid #9BCA5F; background:#9d4 bottom left  url(/images/btn-shade.png); }
input[type="button"]:hover{ background-color:#71B51C; }
*/