/* commented backslash hack \*/ 
html, body { height: 100%; } 
/* end hack */

#mainbgcontainer {
   position:absolute;
   z-index: 5;
   width: 100%;
   height: 100%;
   overflow: hidden;
   text-align: center;
}
   #mainbgcontainer img {
      position: absolute;
      left: 50%;
      bottom: 100px;
      z-index: 8;
      display: block;
      width: 100%;
   }

      #mainbgcontainer img.active {
         display: block;
         z-index: 10;
      }
      #mainbgcontainer img.last-active {
         display: block;
         z-index: 9;
      }


.siteWidth{
   width: 770px;
   margin: 0 auto;
}

#header{
   z-index: 30;
   position: absolute;
   width: 100%;
   height: 138px;
   top: 0px;
   
}
   #header .siteWidth{
      position: relative;
      height: 138px;
   }
   
   #header .siteWidth #logo{
      position: absolute;
      right: 0;
      top: 14px;
      
   }
   
#main{
   position: absolute;
   width: 100%;
   bottom: 0px;
   margin-bottom: 100px;
   background: url(../gfx/mainBG.png) repeat;
   z-index: 28;
}
   #main .siteWidth{
      width: 730px;
      padding: 20px;
      }
   
   .content{
      width: 345px;
      }
      .left{
         float: left;
      }
      .right{
         float: right;
      }
   
#footer{
   z-index: 29;
   position: absolute;
   width: 100%;
   height: 100px;
   bottom: 0px;
   background: #fff;
}

   #footer .siteWidth{
      height: 100px;
   }

   #mainMenu {
      position: absolute;
      top: 0;
      width: 800px;
      height: 60px;
   }
      #mainMenu a {
         margin: 20px 0 0;
         padding: 0 10px;
         color: #444049;
         font-size: 18px;
         font-weight: normal;
         text-decoration:none;
      }
         #mainMenu a:hover,
         #mainMenu li.active a {
            color: #4d8fc3;
         }
            
   #contactinfo{
         position: absolute;
         bottom: 0px;
         width: 770px;
         height: 25px;
         color: #908d93;
         text-align: center;
      }
      
      .contactblack{ color:#444049;}
      
      #loading{
      width: 16px;
      height: 16px;
      position: relative;
      left: 360px;
      top: 50px;
      }


/*Menu's*/
.menu ul {
   list-style: none;
}
   .menu li,
   .menu a {
      float: left;
      display: inline;
   }

.clear {
   display: block;
   height: 1px;
   overflow: hidden;
   margin-top: -1px;
   clear: both;
   font-size: 1px;
   line-height: 1px;
}

.nbsp {
   white-space: nowrap;
}


/* Google maps */
#gmap {
   height: 261px;
   width: 952px;
   border: 1px solid #000000;
}
#address {
   width: 240px;
}
   #printRoute {
      display: none;
   }

#route_button {
   width: 70px;
}
#googletitle_spacing {
   height: 25px;
}

#contact-form-container {
   margin-left: 76px;
}

.textField,
.textArea{
   width: 200px;
   border: 1px solid #ccc;
   color: #999;
}

.textArea{
   height: 70px;
}

.button{
   width: 100px;
   border: 1px solid #ccc;
   background: #999;
   color: #fff;
   float: right;
   margin-right: 12px;
}