/* --------------------------------------------------------------------
  
  Boulder Images CSS
  by Arik Jones
  */
  @import "reset.css";
  @import "utility.css";
  @import "carousel.css";
  @import "forms/forms.css";
  /*
  
----------------------------------------------------------------------- */


body, html {
  margin: 0 0 15px; padding: 0 0 15px;
  background-color: #011040;
  text-align: center;
  height: 100%;
}
table td {
  vertical-align: top;
}
.container {
  width: 900px;
  text-align: center;
}
.buttons input.nd {
  display: none;
}



/*  =Forms
----------------------------------------------------------------------- */
.form label {
  width: 11em;
}
.form input.text {
  width: 20em;
}
.form label.checkbox.col {
  width: 15em;
}
.form p#intrested label.checkbox {
  font-size: 11px;
}
.form p.prepend_label {
  padding-left: 11.8em;
}

/*  =Layout
----------------------------------------------------------------------- */
#wrapper {
  width: 1000px;
  top: 0px;
  margin-left: -500px;
  position: absolute;
  left: 50%;
  background: url(images/content-bg.gif) top center repeat-y;
  text-align: center;
  overflow: hidden;
}
#wrapper1 {
  width: 1000px;
  top: 0px;
  margin-left: -500px;
  position: absolute;
  left: 50%;
  background: url(images/content-bg.gif) top center repeat-y;
  text-align: center;
  overflow: hidden;
}
#header.container,
#content.container {
  width: 900px;
  margin: 0 auto;
  text-align: left;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
#content div#sidebar {
  float: left;
  display: block;
  width: 209px;
  padding: 15px 0px 10000px 15px;
  margin: 0 0px -10000px 0;
  border-right: 1px solid #ddd;
  background: transparent;
  
}
#content div#main {
  width: 645px;
  width: 645px;
  float: left;
  padding: 15px 15px 15px 15px
}
#content div#main.full {
  width: 870px;
  padding: 15px;
}


/*  =Header
----------------------------------------------------------------------- */

/**** =Layout ****/
#header.container {
  height: 370px;
  overflow: hidden;
  background-color: #010A27;
}
#header.container.homepage {
  background-image: none;
}

/**** =Logo ****/
h1#logo {
  position: relative;
  z-index: 4;
  top: 15px;
  width: 177px;
  height: 103px;
  padding: 0 24px;
  margin: 0 0 5px;
  text-align: center;
}
h1#logo a {
  text-decoration: none;
}
h1#logo img {
/*  margin: 0 auto;*/
}
h1#logo em {
  display: none;
}


/*  =Navigation
----------------------------------------------------------------------- */
/**** =Layout ****/
#navigation_container {
  position: absolute;
  z-index: 100;
  height: 350px;
  top: 10px;
  text-align: center;
}
#navigation_bg {
  position: absolute;
  z-index: 1;
  width: 225px;
  height: 100%;
  background-color: #010b2a;
  opacity: 0.6;
  filter: alpha(opacity=60);
}

/**** =Items ****/
ul#navigation {
  width: 225px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  position: relative;
  z-index: 3;
  top: 30px;
}
ul#navigation li {
  list-style-type: none;
  margin-bottom: 4px;
  font-size: 14px;
}
ul#navigation li a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
ul#navigation li a:hover {
  border-bottom: 1px dotted #fff;
}

/*  =Sidebar
----------------------------------------------------------------------- */
#sidebar a {
  color: green;
}
#sidebar a:hover {
  color: #000;
  text-decoration: none;
}
#sidebar li {
  margin-bottom: 3px;
}
#sidebar li.em a {
  color: #000;
  font-size: 14px;
  text-decoration: none;
  border-bottom: 1px solid #333;
}
#sidebar li.em a:hover {
  color: green;
  border-bottom: none;
}


/*  =Content (mostly formatting)
----------------------------------------------------------------------- */
#content.container {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  overflow: hidden;
}

#content.container p {
  font-size: 12px;
  margin-bottom: 15px;
  line-height: 1.6em;
  font-weight: bold;
  color: #444;
}
#content.container h1,
#content.container h2,
#content.container h3,
#content.container h4,
#content.container h5,
#content.container h6 {
  font-weight: bold;
  color: #022696;
}

#content.container h1 { margin-bottom: 15px; font-size: 20px; }
#content.container h2 { margin-bottom: 15px; font-size: 18px; }

#content.container ul {
  padding-left: 15px;
  color: #333;
}
#content.container ul li {
  list-style-type: circle;
}

#content.container p a, #content.container h2 a, #content.container h1 a {
  color: #000;
}
#content.container p a:hover, #content.container h2 a:hover, #content.container h1 a:hover {
  color: #999;
}
#content.container p.blurb {
  font: italic 16px Georgia;
  color: #888;
}
#content.container p.blurb em {
  color: #666;
  font-weight: normal;
  font-size: 12px;
}

#content.container #main h1 {
  color: #767787;
  font-size: 18px;
}

/*  =Slideshow on Homepage
----------------------------------------------------------------------- */
#slideshow, #gallery_header {
  width:900px;
  height: 350px;
  top: 10px;
  position: absolute;
}
#slideshow div.slide, #gallery_header div.image {
  width: 900px;
  height: 350px;
  position: absolute;
}
#slideshow div.slide div, #gallery_header div.image div {
  display: block;
}
/*
#slideshow div#slideshow1 { background: url(../images/slideshow-image-1.jpg); }
#slideshow div#slideshow2 { background: url(../images/slideshow-image-2.jpg); }
#slideshow div#slideshow3 { background: url(../images/slideshow-image-3.jpg); }
#slideshow div#slideshow4 { background: url(../images/slideshow-image-4.jpg); }
#slideshow div#slideshow5 { background: url(../images/slideshow-image-5.jpg); }
#slideshow div#slideshow6 { background: url(../images/slideshow-image-6.jpg); }
#slideshow div#slideshow7 { background: url(../images/slideshow-image-7.jpg); }
#slideshow div#slideshow8 { background: url(../images/slideshow-image-8.jpg); }
#slideshow div#slideshow9 { background: url(../images/slideshow-image-9.jpg); }
*/


/*  =Image Gallery
----------------------------------------------------------------------- */

/**** =Navigation ****/
#gallery_nav {
  margin: -15px 0px 10px;
  padding: 15px 15px 15px;
  background: transparent;
}
#gallery_nav em {
  float: left;
  color: #022696;
  font-size: 14px;
  font-weight: bold;
  margin: 0 15px 15px 0;
}
#gallery_nav ul {
  float: left;
  background: transparent;
}
#content #gallery_nav ul li {
  list-style-type: none;
  margin-right: 6px;
  margin-bottom: 8px;
}
#content #gallery_nav ul li strong {
  color: green;
}
#gallery_nav ul li a {
  font-weight: bold;
/*  text-decoration: none;*/
  color: #333;
}

/**** =Descriptions ****/
#content div#gallery_desc h1 {
  display: block;
}
#content div#gallery_desc p {
  clear: left;
  font-size: 12px;
  font-weight: bold;
  color: #666;
}

/**** =Full Image ****/
#full_image {}
#full_image div#gallery_image {
}

/**** =Carousel Thumbnail Navigation ****/
#gallery_carousel {
  float: left;
  overflow: hidden;
}
#gallery_carousel .previous_button,
#gallery_carousel .next_button {
  margin-top: 10px;
  float: left;
  width: 79px;
  height: 80px;
  cursor: pointer;
  background-repeat: no-repeat;
}
#gallery_carousel .previous_button            { background: url(images/left_button.jpg) center right; }
#gallery_carousel .next_button                { background: url(images/right_button.jpg) center left; }
#gallery_carousel .previous_button_disabled   { background: url(images/left_button_disabled.jpg) center right; }
#gallery_carousel .next_button_disabled       { background: url(images/right_button_disabled.jpg) center left; }

/**** =Thumbnails ****/
#image_collection {
  float: left;
  display: inline;
  width: 487px;
  overflow: hidden;
}
#content.container #image_collection ul {
/*  padding: 12px;*/
  width: 10000px;
  height: 75px;
  padding-left: 0;
  margin-top: 10px;
/*  overflow: hidden;*/
/*  margin-right: 109px;*/
/*  float: left;*/
}
#image_collection ul li { 
  float: left;
  display: inline;
  height: 67px;
  width: 67px;
  margin: 0 5px 4px 0;
  border: 5px solid #ddd;
  background-position: center center;
  background-repeat: no-repeat;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
  background-color: #aaa;
}
#image_collection ul li.last {
  margin-right: 0;
}
#image_collection ul li img {
  margin: auto 0;
  
}
#image_collection ul li a {
  display: block;
  height: 67px;
}


/*  =Testimonials
----------------------------------------------------------------------- */
#content p.customer {
  font-weight: bold;
  border-bottom: 5px solid #e0e0e0;
  padding-bottom: 15px;
  margin-bottom: 15px;
  color: #999;
}


/*  =Contact Page
----------------------------------------------------------------------- */
address {
  font: italic 14px Georgia;
  line-height: 18px;
  color: #666;
}


/*  =Footer
----------------------------------------------------------------------- */
#footer {
  clear: both;
  display: block;
  z-index: -1;
  width: 908px;
  height: 21px;
  margin: -10px auto 0;
  background: #011040 url(images/footer-bg.gif) top left no-repeat;
}