body, html {
  text-align: center;
  margin: 0 auto;
  padding: 0;
  background-color: #fff;
  font-size: 12px;
  font-family: arial, tahoma, verdana, sans-serif;
  color: #7c7c7c;
}

a, a:visited { color: #000; }

h1, h2, h3 { color: #891f3d; }

hr {
  border: 1px solid #dcddde;
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
  margin: 2em 0;
}

a img { border: 0; }

img.left {
  float: left;
  margin: 10px 10px 10px 0;
}

img.right {
  float: right;
  margin: 10px 0 10px 10px;
}

div.left {
  width: 50%;
  float: left;
}

div.right {
  width: 50%;
  float: right;
}

.center {
  text-align: center;
  margin: 1em 0;
}

.clear {
  clear: both;
  height: 2em;
}


#main {
  background:url('img/bg.jpg') top left repeat-y #fff;
  width: 988px;
  margin: 0 auto;
  padding-bottom: 2em;
  border-bottom: 1px solid #949597;
}

/*
 * Sidebars
 */
 
#side_left {
  width: 143px;
  padding: 20px 20px 20px 30px;
  float: left;
  text-align: left;
  color: #8994a2;
}

#side_left form {
  margin: 0;
  padding: 0;
}

#side_left select {
  font-size: 9pt;
  width: 160px;
}

#side_left ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#side_left li {
  margin-bottom: 0.5em;
}

#side_left form {
 position: absolute;
}
 
#side_right {
  width: 143px;
  padding: 20px 33px 20px 16px;
  float: right;
  text-align: left;
  color: #8994a2;
}

/*
 * Main Nav
 */

#nav {
  background:url('img/bg_header.jpg') top left no-repeat transparent;
  height: 181px;
  margin: 0 auto;
  text-align: left;
  padding: 0;
}

#nav ul {
  height: 26px;
  position: absolute;
  top: 131px;
  margin: 0 0 0 116px;
  padding: 0;
  text-align: left;
}

#nav li {
  margin: 0;
  padding: 0;
  float: left;
  display: block;
  list-style: none;
}

#nav li a { 
  display: block; 
  float: left;
  height: 26px; 
  background: url('img/nav.jpg') top left no-repeat transparent; 
  text-decoration: none;
}

#nav a:hover {
  text-decoration: none;
}

#nav span { visibility: hidden; }

#nav #home a { left:0px; width:52px; z-index: 0; }
#nav #about a { left:52px; width:79px; background-position:-52px 0; z-index: 0; }
#nav #automation a { left:131px; width:146px; background-position:-131px 0; z-index: 0; }
#nav #wood a { left:277px; width:166px; background-position:-277px 0; z-index: 0; }
#nav #standard a { left:443px; width:125px; background-position:-443px 0; z-index: 0; }
#nav #services a { left:568px; width:76px; background-position:-568px 0; z-index: 0; }
#nav #contact a { left:644px; width:84px; background-position:-644px 0; z-index: 0; }
#nav #news a { left:728px; width:54px; background-position:-728px 0; z-index: 0; }
/* hover states */
#nav #home a:hover { background-position:0 100%;}
#nav #about a:hover { background-position:-52px 100%;}
#nav #automation a:hover { background-position:-131px 100%;}
#nav #wood a:hover { background-position:-277px 100%;}
#nav #standard a:hover { background-position:-443px 100%;}
#nav #services a:hover { background-position:-568px 100%;}
#nav #contact a:hover { background-position:-644px 100%;}
#nav #news a:hover { background-position:-728px 100%;}
/* you-are-here navigation marker */
#nav #home.current a { background-position:0 100%; }
#nav #about.current a { background-position:-52px 100%; }
#nav #automation.current a { background-position:-131px 100%; }
#nav #wood.current a { background-position:-277px 100%; }
#nav #standard.current a { background-position:-443px 100%;}
#nav #services.current a { background-position:-568px 100%; }
#nav #contact.current a { background-position:-644px 100%; }
#nav #news.current a { background-position:-728px 100%; }

/*
 * Gallery
 */
#slideshow {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
}

#header {
  border-bottom: 10px solid #949494;
  height: 126px;
}

/*
 * Content
 */

.home .right ul {
  margin-top: 0;
  padding-top: 0;
}

.home .right li {
  margin-bottom: 1em;
}

#center {
  padding: 0;
  width: 594px;
  margin: 0 auto;
}

#content {
  text-align: left;
  padding: 1em 10px 0 10px;
  margin: 1em 0 0 0;
}

#content h1 {
  font-size: 1em;
}


#content h3 { 
  color: #000; 
  font-size: 1em;
  margin: 0;
  padding: 0;
}

#content center {
  clear: both;
}

#breadcrumb {
  background-color: #f1f1f1;
  padding: 5px;
  color: #891f3d;
  font-weight: bold;
  text-align: left;
}

#breadcrumb a {
  color: #666;
}

/*
 * Spotlight
 */
#spotlight {
  background: url('img/spotlight.jpg') top left no-repeat #ababab;
  height: 180px;
}

#spotlight .left {
  margin: 26px 0 0 0;
  width: 269px;
}

#spotlight .right {
  margin-top: 26px;
  color: #fff;
  font-size: 12px;
  padding: 8px;
}

#spotlight a { color: #fff; }

#spotlight h2 {
  margin: 0;
  padding: 0;
  font-size: 13px;
}

/*
 * Footer
 */
#footer {
  color: #9f9f9f;
  clear: both;
  margin-top: 4em;
}

#footer a { color: #9f9f9f; }

#wvco {
  background: url('img/logo_wvco.jpg') bottom left no-repeat;
  width: 150px;
  height: 11px;
  margin-left: -183px;
}