﻿body {
    background: black;
    margin:     0px;
    font-family:Arial, Verdana;
    font-size:  12px;
    color:      #6A573A;
}

a {color:  #A39D88}
a:hover {color:  #B08E4E; text-decoration:none}

#container {
    width:      940px;
    margin:     0px auto;
    background: url('../images/containerBg.jpg') repeat-y #C2AB6E;
    padding:    20px;
}

img {
  float: left;
}

/*=============== NAVIGATION ==================*/

#mainNav {
    display:    block;
    width:      885px;
    height:     37px;
    background: url('../images/navButtons.gif') no-repeat #BDAE75 0px -35px;
    margin:     0px 0px 0px 22px;
    padding:    0px;
    
}

#mainNav li {
    float:      left;
    margin:     0px 0px 0px 0px;
    text-indent:-5000px;
    list-style: none;
}
#mainNav li a {
    display:    block;
    height:     37px;
    outline:    none;
}
#mainNav li#nav1 a {width:140px;}
#mainNav li#nav1 a:hover {background:url('../images/navButtons.gif') 1px 2px;}
#mainNav li#nav2 a {width:168px;}
#mainNav li#nav2 a:hover {background:url('../images/navButtons.gif') -139px 2px;}
#mainNav li#nav3 a {width:180px;}
#mainNav li#nav3 a:hover {background:url('../images/navButtons.gif') -306px 2px;}
#mainNav li#nav4 a {width:215px;}
#mainNav li#nav4 a:hover {background:url('../images/navButtons.gif') -487px 2px;}
#mainNav li#nav5 a {width:162px;}
#mainNav li#nav5 a:hover {background:url('../images/navButtons.gif') -700px 2px;}

div.subNav {
  margin-bottom:10px;
  font-weight:  bold;
  font-size:    14px;
  height:       16px;
  clear:        both;
}

div.subNav ul,
div.subNav ul li {
  margin:       0px;
  padding:      0px;
}

div.subNav ul {
  clear:        both;
}

div.subNav ul li {
  float:        left;
  padding:      0px;
  margin:       0px 10px 0px 0px;
}

div.subNav a {
  text-decoration: none;
  text-transform: uppercase;
}

#mainContent div.subNav a:hover {
  color:        #803D03;
}

/*=============== MAIN BANNER ==================*/

#mainBanner {
    background: url('../images/bannerBg.jpg') no-repeat;
    height:     147px;
    margin:     0px;
    padding:    0px;
    position:   relative;
}
#mainBanner a {position:relative;top:80px}
#mainBanner #lnkHome {left:740px;}
#mainBanner #lnkSitemap {left:760px;}

#mainBanner dl.contactInfo {
  float: right;
  color: #D1BB96;
  padding: 20px 60px 0px 0px;
  text-align: right;
}
#mainBanner dl.contactInfo dt,
#mainBanner dl.contactInfo dd {
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

#mainBanner dl.contactInfo dt {
  font-weight: bold;
  font-size: 11px;
}

#mainBanner dl.contactInfo dd {
  color: white;
  font-size: 10px;
}

/*=============== CONTENT AREA ==================*/

#mainContent {
    background: url('../images/contentBg.jpg') no-repeat top left #C4A869;
    margin:     0px;
    margin-right:10px;
    padding:    15px 40px 10px 40px;
    width:      845px;
    overflow:   hidden;
}

#mainContent ul {
  margin:       0px;
  padding:      0px;
  list-style:   none;
}

#mainContent ul li {
  padding-left: 12px;
  background: url('../images/bulletArrow.png') no-repeat left 5px;
  margin-bottom: 7px;
}

#mainContent a {color:  #AE4600}

.imageInset {
    float:      left;
    margin:     15px 15px 15px 0px;
}

.imageInsetAlt {
    float:      right;
    margin:     0px 0px 15px 15px;
    border: solid 1px white;
}

/*================ PAGE HEADERS ==================*/

h2 {
    width:        100%;
    height:       25px;
    border-bottom:solid 2px #AF4600;
}

h2#hdrPage {
    border-bottom:solid 3px #AF4600;
    height:       40px;
}

h2.hdrHome {
    background: url('../images/hdrHome.png') no-repeat top left;
    text-indent:-5000px;
}

h2.hdrAbout {
    background: url('../images/hdrAbout.png') no-repeat;
    text-indent:-5000px;
}

h2.hdrGalleries {
    background: url('../images/hdrGalleries.png') no-repeat top left;
    text-indent:-5000px;
    padding-bottom: 5px;
}

h2.hdrLinks {
    background: url('../images/hdrLinks.png') no-repeat top left;
    text-indent:-5000px;
}

h2.hdrContactUs {
    background: url('../images/hdrContactUs.png') no-repeat top left;
    text-indent:-5000px;
}

h2.hdrTestimonials {
    background: url('../images/hdrTestimonials.png') no-repeat top left;
    text-indent:-5000px;
}

/*================ GALLERY ==================*/

div.imageGallery {
  width: 200px;
  height: 200px;
  overflow: hidden;
  float: left;
}

div.imageGallery h3 {
  font-size: 12px;
}

ul.galleryRow {
  margin-left: 0px;
  padding-left: 0px;
}

ul.galleryRow img {
  height: 150px;
  width: 150px;
  border: solid 1px white;
  margin-bottom: 20px;
}

/*=================== FOOTER =====================*/

#footer {
    height:     41px;
    background: url('../images/footerBg.gif') no-repeat top left;
    position: relative;
}

#footer p.devLink {
  margin: 0px;
  padding: 0px;
  bottom: 0px;
  position: absolute;
  color: White;
  font-size: 10px;
}
#footer p.devLink a {
  color: #D6CB90;
}