* {  margin: 0;  padding: 0;}
#accessibility {  display: none;}

/* ===================================== default HTMl styles */
body {
  background: #fff url(images/bg.jpg) 0 -1px repeat-x;
  font: 10pt/14px Trebuchet MS, Tahoma, Arial, sans-serif;
  color:#333;
}

h1, h2, h3, h4 { color: #333; font-weight: normal; margin: 5px 0 0 0;}
h1 { font-size: 200%;}
h2 { font-size: 175%;}
h3 { font-size: 150%;}
h4 { font-size: 125%;}

a {  color: #19388A;  text-decoration: none;}
p { line-height:1.1em; margin-top:10px;}

/* ===================================== begin layout styles */
#wrapper {  text-align:left;  padding: 0 0 0 18px;}

/* ===================================== header */
.header { height: 75px; background: url(images/logo.jpg) 0 0 no-repeat;}
.header h1 { margin: 0 0 0 0px;}
.header h1 a { display:block; width:191px; height:70px; text-indent:-10000px;}
.header h1 .tagline, #header h1 span { }

#bility {
  position:absolute;
  top: 10px;
  left: 295px;
  width: 450px;
  text-align: center;
  line-height: 1.3em;
  font-size: 0.9em;
}

/* ===================================== primary navigation */
ul.main-nav { width: 110px; list-style: none; height: 650px; float:left;}
ul.main-nav li { float: left; width:22px;}
ul.main-nav li a { display: block; height: 651px; width:22px; text-indent: -10000px;}

/* =========================== about */
li.page-item-2, li.page-item-2 a { background: url(images/nav.jpg) 0px 0 no-repeat;}
li.page-item-2 a:hover, li.about_active { background: url(images/nav.jpg) -110px 0px no-repeat;}

/* =========================== tour */
li.page-item-4, li.page-item-4 a { background: url(images/nav.jpg) -22px 0 no-repeat;}
li.page-item-4 a:hover, li#tour_active { background: url(images/nav.jpg) -132px 0px no-repeat;}

/* =========================== green building */
li.page-item-3, li.page-item-3 a { background: url(images/nav.jpg) -44px 0 no-repeat;}
li.page-item-3 a:hover, li#green_active { background: url(images/nav.jpg) -154px 0px no-repeat;}

/* =========================== gallery */
li.page-item-5, li.page-item-5 a {  background: url(images/nav.jpg) -66px 0 no-repeat;}
li.page-item-5 a:hover, li#gallery_active { background: url(images/nav.jpg) -176px 0px no-repeat;}

/* =========================== contact */
li.page-item-6, li.page-item-6 a { background: url(images/nav.jpg) -88px 0 no-repeat;}
li.page-item-6 a:hover, li#contact_active { background: url(images/nav.jpg) -198px 0px no-repeat;}
/* ------------------------------------- end primary nav */

/* ===================================== index home specific */
#homemain {}
#homemain p { line-height:1em; margin-top:0px;}
#homemain p img { margin:0!important;}

/* ------------------------------------- end index home specific */


/* ===================================== content specific styles */
#main, #homemain {
 float: left;
 height: 651px;
 width: 990px;
 background: white url(images/stripes.jpg) top right repeat-y;
}

#content {
  background: white url(images/watermark.jpg) bottom center no-repeat;
  float: left;
  height: 651px;
  width: 840px; 
}
#main #content .inner {  padding: 0 30px 0 30px;  }
#content p img {margin-right: 10px;}
#content ul { margin: 10px;}
#content ul li { margin: 5px;}

.mapbox {
  position: relative;
  top: -30px;
  left: -75px;
  margin-bottom: -200px;
}

/* ===================================== hdr images */
.content_header6, .content_header3, .content_header2 {
  height: 330px;
}
/* ---------------------- about */
.content_header2 {
  background: url(images/hdr_about.jpg) top center no-repeat;
}
/* ---------------------- contact */
.content_header6 {
  background: url(images/hdr_contact.jpg) top center no-repeat;
}
/* ---------------------- green */
.content_header3 {
  background: url(images/hdr_green.jpg) top center no-repeat;
}
/* ------------------------------------- end hdr images */

/* ===================================== grphc page titles */
#content h2 { height: 17px; text-indent: -10000px;}
h2.title_2 {  background: url(images/title_about.jpg) 0 0 no-repeat; }
h2.title_4 {  background: url(images/title_tour.jpg) no-repeat;  }
h2.title_5 {  background: url(images/title_gallery.jpg) no-repeat; }
h2.title_3 {  background: url(images/title_green.jpg) no-repeat; }
h2.title_6 {  background: url(images/title_contact.jpg) no-repeat;  }

/* ------------------------------------- end content specific styles */

#footer { clear: both; width: 920px; padding-top: 25px; padding-left: 130px; }
#footer span { margin: 0px 10px 0 40px; display: block; width: 200px; float: left; text-align: center; height: 135px;}
#footer a img {border: none;}
a.aspenprop { background: url(images/aspen_prop.jpg) 0 0 no-repeat; display: block; height: 100px;}