html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-weight: inherit;
   font-style: inherit;
   font-size: 100%;
   font-family: inherit;
   vertical-align: baseline;
   line-height: 1.3em;
}
:focus {
   outline: 0;
}
body {
   color: #333333;
   font-size:12px;
   background: #8aa8d6 url(images/background-gradient.gif) top repeat-x;
   font-family:Tahoma, Arial, Helvetica, sans-serif;
   line-height:1.4em;
}
p {
   margin-top:12px;
}
.clearer {
   clear:both;
}
caption, th, td {
   text-align: left;
   font-weight: normal;
}

.right {
   float:right;
   clear:none;
   margin: 20px 0 18px 20px;
   border: 1px solid #666;
}
.left {
   float:left;
   clear:none;
   margin: 20px 20px 18px 0;
   border: 1px solid #666;
}


h2 {
   font-size:17px;
   color:#463500;
}
h3 {
   font-size:12px;
   font-weight:bold;
}
#front-page {  
   background:url(images/background-page-cont.gif) top right repeat-y;
   width:835px;
   margin:0 auto;
}
#inside-page { 
   background:url(images/background-page-cont2.gif) top right repeat-y;
   width:835px;
   margin:0 auto;
}
#inside-page-wide { 
   background:url(images/background-page-cont3.gif) top right repeat-y;
   width:835px;
   margin:0 auto;
}
#front-page #wrapper {  
   background:url(images/background-page.gif) top right no-repeat;
   width:835px;
   margin:0 auto;
}
#inside-page #wrapper { 
   background:url(images/background-page2.gif) top right no-repeat;
   width:835px;
   margin:0 auto;
}
#inside-page-wide #wrapper { 
   background:url(images/background-page3.gif) top right no-repeat;
   width:835px;
   margin:0 auto;
}
#front-page #header {
   background:#ffffff url(images/head-front.gif) no-repeat top right;
   width:778px;
   height:155px;
   margin:0 auto;
}
#inside-page #header {
   background:#ffffff url(images/head2.gif) no-repeat top right;
   width:778px;
   height:155px;
   margin:0 auto;
}
#inside-page-wide #header {
   background:#ffffff url(images/head2.gif) no-repeat top right;
   width:778px;
   height:155px;
   margin:0 auto;
}
#nav {
   text-align:right;
   padding:25px 6px 0 0;
   font-size:12px;
   color:#a0c9e0;
   font-weight:bold;
}
#nav a {
   color:#6e5300;
   text-decoration:none;
   padding:0 2px;
}
#nav a:hover {
   color:#7BACCC;
   text-decoration:none;
}
#secondary-nav {
   width:176px;
   color:#6e5300;
   margin:12px;
   float:left;
}
#secondary-nav a {
   color:#6e5300;
   font-size:14px;
   font-weight:bold;
   text-decoration:none;
   padding:0 2px;
   display:block;
   margin:6px 0;
}
#secondary-nav a:hover {
   color:#7BACCC;
}
#content {
   width:758px;
   margin:0 auto;
}
#front-page #content #lead {
   padding:12px;
   height:209px;
   line-height: 1.4em;
   /* font-weight:bold; */
}
#inside-page #body-text {
   margin:0 24px 12px 224px;
   padding-top:12px;
}
#inside-page-wide #body-text {
   margin:0 24px 12px 24px;
   padding-top:12px;
}
#front-page-photo {
   float:right;
   padding:0 0 0 12px;
}
#sub-content {
   width:758px;
   margin:0 auto;
   clear:both;
}
#teasers {
   width:399px;
   border-top:15px solid #d6e1f1;
   clear:both;
   float:left;
   background:#ffffff url(images/gradient-gray-white.gif) top right repeat-x;
   color:#6e5300;
}
.teaser-content {
   width:175px;
   padding:12px;
   float:left;
   clear:none;
}
#last-teaser {
   background: url(images/divider.gif) bottom left no-repeat;
}
.teaser-content img{
   border:1pt solid #6E5300;
   margin:6px 0 0 0;
}
.button a {
   background:#d6e1f1;
   border-bottom:2px solid #ddd;
   border-right:1px solid #ccc;
   float:right;
   padding:2px 7px;
   color:#3a71a9;
   font-size:14px;
   text-decoration:none;
   font-weight:bold;
   margin: 8px 0 2px 0;
}
.button a:hover {
   background:#b5cdf1;
   color:#2F50A5;
   margin-top: 8px;
}
#promos {
   width:358px;
   border-top:15px solid #d6e1f1;
   clear:none;
   float:right;
   color:#405e71;
   font-size:13px;
}
.full-promo {
   float:left;
   clear:both;
}

.full-promo2 {
   float:left;
   clear:both;
}

#promo1 {
   padding:8px;
}
#promo2 {
   padding:2px;
   border-top:1px solid #a0c4da;
}
#promo2 a{
   width:353px;
   height:130px;
   display:block;
   text-indent:-9999px;
   background:url(images/hb-design-banner.gif) 0px -130px no-repeat;
}
#promo2 a:hover{
   width:353px;
   height:130px;
   background:url(images/hb-design-banner.gif) 0px 0px no-repeat;
}

/* Page footer styles */
#footer {
   width:835px;
   height:105px;
   clear:both;
}
#front-page #footer, #inside-page-wide #footer {
   background:#8AA8D6 url(images/background-page-bottom.gif) no-repeat bottom right;
}
#inside-page #footer {
   background:#8AA8D6 url(images/background-page-bottom2.gif) no-repeat bottom right;
}
#footer-content {
   color:#ffffff;
   text-align:center;
   font-weight:bold;
   padding:18px 0 0 0;
}
#footer-content a{
   color:#ddd;
   text-decoration:none;
}
#footer-content a:hover {
   color:#B5CDF1;
}




/* ----------------------------------------------- */

    
   #dhtmlgoodies_slideshow{
      width:720px;   /* Total width of slideshow */


   }
   
   #previewPane{
      border:1px solid #000;
      margin-right:10px;   
      text-align:center;
      vertical-align:middle;
      padding-top:30px;

      background: #fff url(images/beeg.jpg) top center no-repeat;
      
      /* CSS HACK */
      height: 452px; /* IE 5.x */
      height/* */:/**/420px;  /* Other browsers */
      height: /**/420px;
      
      width:560px;
      float:left;
            
   }
   #waitMessage{
      display:none;
      position:absolute;
      left:200px;
      top:150px;
      background-color:#FFF;
      border:3px double #000;
      padding:4px;
      color:#555;
      font-size:0.9em;
      font-family:arial;   
   }  
   #galleryContainer{   /* Big Div surrounding up image, list of images and down image */
      float:left; /* Floating */
      
      /* CSS HACK */
      height: 454px; /* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
      height/* */:/**/438px;  /* Other browsers */
      height: /**/438px;
      
      /* CSS HACK */
      width: 124px;  /* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
      width/* */:/**/120px;   /* Other browsers */
      width: /**/120px;
            
      border:1px solid #000;  /* Black border */      
      padding:1px;   /* A little space between the black border and the content inside */

   }
   #galleryContainer #arrow_down{   /* Arrow down image */
      height:35px;
   }
   #galleryContainer #arrow_up{
      height:35px;   /* Arrow up image */
   }
   
   #theImages{ /* DIV where the images are located */
      position:relative;
      overflow:hidden;
      height:375px;  /* Height of boxes for the images */
   }
   #theImages div{   
      position:relative;   /* Don't change this */
      height:1500px; /* Higher than total height of thumbnails */
      
   }
   #theImages img{
      border:0px; /* No border */
      filter:alpha(opacity=50);  /* Transparency - IE */
      opacity:0.5; /* Transparency - Firefox */
      padding-top:1px;  /* Space between images */
   }
   #previewPane #largeImageCaption{ /* CSS styling of image caption below large image */
      font-style:italic;
      text-align:center;
      font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;   /* Font to use */
      font-size:0.9em;
   }
   #theImages .imageCaption{
      display:none;
   }