@charset "UTF-8";
/* CSS Northern Consulting Engineering */
/* Created on 30 April 2012 */
/* Created by Cubbyhouse Design */
/* Created for Northern Consulting Engineering */
/* Copyright (C) Northern Consulting Engineering 2012 */

body {
  margin:0;
  background-color:#EBEBEC;
}

#top-banner {
  width: 100%;
  height: 155px;
  margin: 0 auto;
  background-color: #EBEBEC;
  background-image:url(../images/clouds.png);
  background-position:center;
  background-repeat:no-repeat;
  overflow:hidden;
}

#nav { 
  width: 100%;
  height: 57px;
  background-image: url(../images/nav-bg.jpg);
  background-repeat:repeat-x;
  margin: 0 auto;
  font-family:"Avant Garde", "Century Gothic", Calibri, Corbel, "Gill Sans", Arial;
  font-size:11px;
  color:#67686B;
}

#nav-slim {
  /*width:1040px;*/
  width:1500px;
  margin:0 auto;
  height:57px;
  position:relative;
  text-align:center;
  padding-top:17px;
  font-family:"Avant Garde", "Century Gothic", Calibri, Corbel, "Gill Sans", Arial;
  font-size:11px;
  color:#67686B;
}


#image-banner {
  width: 100%;
  height: 396px;
  background-image:url(../images/image-bg.jpg);
  background-repeat:repeat-x;
}

#image-gallery {
  width: 817px;
  height: 396px;
  position:relative;
  background-image:url(../images/gallery-bg.jpg);
  background-repeat:no-repeat;
  z-index:2;
  margin: 0 auto;
}

#content {
  width: 715px;
  height: auto;
  margin: 0 auto;
  padding-bottom:20px;
  color: #58595B;
  font-family:"Avant Garde", "Century Gothic", Calibri, Corbel, "Gill Sans", Arial;
  font-size:13px;
  line-height:1.5em;
}

#footer {
  height: 160px;
  width:100%;
  background-image:url(../images/footer-bg.jpg);
  background-position:top center;
  background-repeat:repeat-x;
  font-family:"Avant Garde", "Century Gothic", Calibri, Corbel, "Gill Sans", Arial;
  font-size:11px;
  color:#fff;
  background-color:#383839;
}

#footer a:link {
  text-decoration:none;
  color:inherit;
  border-bottom:1px dotted;
}

#footer a:visited {
  text-decoration:none;
  color:inherit;
  border-bottom:1px dotted;
}

#footer a:hover {color:#DA1F33;}

#content a:link {
  font-weight:bold;
  text-decoration:none;
  color:inherit;
}

#content a:visited {
  text-decoration:none;
  color:inherit;
  font-weight:bold;
}

#content a:hover {color:#DA1F33;}

*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:350px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

