/* general styles */

body {color: #4D4D4D;
text-align: center;
background: #cccccc;
font-size:62.5%;}

/*a {color: #005880; }

a:hover {color: #006B95; }

a:visited {color: #006B95; }

a:visited:hover {color: #2C91B2; }*/

h1 {font-family: Helvetica, Arial, sans-serif;
font-size: 1.6em;
color: #993300;
margin: 15px 0 15px 0;
padding-left: 20px;
text-align: center; }

h2 {font-family: Arial, Helvetica, sans-serif;
font-size: .9em;
color: #007AAC;
text-align: center;
margin-top: -10px;
margin-bottom: 10px;}

h3 {font-family: "Arial Narrow",Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size: 1.1em;
text-align: center;
color: #56A7C1;
margin: 25px; }

p {margin: 15px 15px 15px 15px; }

/* layout styles */

#banner {height: 116px;
background: transparent url(imgs/logo5.png) no-repeat;
color: #626975;
position: relative;
}

#page {
position: absolute;
width: 798px;
text-align: left;
margin: 10px auto 0 auto;
background: transparent none repeat-y;
padding: 0 !important;
clip: auto;
top: +2em;
left: +3em; }

#content {position: relative;
float: left;
width: 798px;
margin: 0;
background-image: url(imgs/contentboxbackground3.png);
background-repeat: repeat-y;
padding: 0;
font-family: Helvetica, Arial, sans-serif;
border-top: 1px white;
font-size: 14px;
padding-bottom: 1em;
height: auto;
min-height: 960px;
  margin-top: -11px; }

table {margin-left: 12px;
margin-bottom: 40px; }

tr { }

td { }

th { }

caption { }

* html #content {margin-left: 0px; }

#text {position: relative;
width: 750px;
color: #993300;
font-family: Helvetica, Arial, sans-serif;
top: 20px;
height: auto;
min-height: inherit; }

#images {position: absolute;
width: 350px;
float: right;
right: 0px;
top: 40px; }

.current {margin-top: 4px;
background-image: none;
color: #ffff99; }

.current a:link, .current a:visited {color: #ff9900 !important;
background-image: none; }

.current a:hover, .current a:visited:hover {color: #ffff99 !important; }

/* footer */

#footer-box {position: relative;
clear: both;
text-align: center;
background-image: url(imgs/footerbackground3.png);
background-repeat: no-repeat;
background-position: +1px top;
margin: 0;
color: #669999;
width: 798px;
height: auto;}

#footer-info {position: relative;
background: transparent none no-repeat;
margin: 0px 0px 0px 1px;
color: #3399cc;
width: 798px;
padding-top: 50px;
padding-bottom: 20px;
font-family: Verdana, Helvetica, Arial, sans-serif;
}

#footer-info a, #footer-info a:visited {color: #3399cc; }

#footer-info a:hover, #footer-info  a:visited:hover {color: #3366ff; }

/*navigation bar*/

#navbar{width:788px;
height: 40px;
background: url(imgs/navbarbackground5.png) no-repeat;
font-family: Helvetica, Arial, sans-serif;
color: #cc6600;
font-size:1.4em;
padding-top: 11px;
padding-left: 20px; }

#navbar ul {list-style-type: none;
  display: inline; }

#navbar ul li {float:left;
z-index:1000;
  padding-right: 30px;
 }

#navbar a {color: #cc6600;
text-decoration: none;}

#navbar a:hover{
color: #ff9900; }

/*gallery submenu*/

#galmenu {
  margin-left: 35px;
  padding-top: 20px;
  margin-bottom: 40px; }

ul {
list-style-type: none;
width: 100%; /* precision for Opera */
}

.menu li {
float: left;
}

.menu a {
margin: 2px; 2px;
width: 100px;
height: 20px;
display: block;
text-align: center;
border: 1px #cc6600 solid;
text-decoration: none;
color: #cc6600;
background: #ffff99;
  padding-top: 3px; }

.menu a:hover {
background: #fff9c1;
border: 1px #cc6600 solid; 
}

.menu a:active {
background: #fff9c1;
border: 1px #cc6600 solid; 
color: #cc6600;
}

a.test {text-decoration: none;
color: #222;
}
a.test:hover{text-decoration: underline;
}


#home #homenav {
color: #cc3300;
font-weight: bold;
text-decoration: underline;  }

#rooms #roomsnav {
color: #cc3300;
font-weight: bold;
text-decoration: underline; }

#attractions #attractionsnav {
color: #cc3300;
font-weight: bold;
text-decoration: underline;  }

#about #aboutnav {
color: #cc3300;
font-weight: bold;
text-decoration: underline;  }

#photo #photonav {
color: #cc3300;
font-weight: bold;
text-decoration: underline; }

#directions #directionsnav {
color: #cc3300;
font-weight: bold;
text-decoration: underline;  }

#ranchgal1 #photonav {
color: #cc3300;
font-weight: bold;
text-decoration: underline; }

/* The containing box for the gallery. */
#container {
    position: relative; 
    width:785px; 
    height:548px;    
    padding-right: 6px; 
    margin:20px auto 0 auto; 
    }

#photonav #container {
  background: none; }
#ranchgal #container{
     background: url(images/ca/cahomeslide.jpg) no-repeat 3px 10px;}
#mtnsgal #container {
  background: url(images/mtns/mtnshomeslide.jpg) no-repeat 3px 10px; }
#bdlndsgal #container {
  background: url(images/bdlnd/bdlndshomeslide.jpg) no-repeat 3px 10px; }
#cabzngal #container {
  background: url(images/cabzn/cabznhomeslide.jpg) no-repeat 3px 10px; }
#recimgal #container {
  background: url(images/recim/recimhomeslide.jpg) no-repeat 3px 10px; }
#dvgal #container {
  background: url(images/dv/dvhomeslide.jpg) no-repeat 3px 10px; }

/* Removing the list bullets and indentation */
#container ul {
    padding:0; 
    margin:0; 
    list-style-type:none; 
    }

/* Remove the images and text from sight */
#container a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:5px; 
    overflow:hidden; 
    background:#fff;
}

/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {
    display:block; 
    color: #000000; 
    text-decoration:none; 
    border:1px solid #000; 
    margin:1px 2px 1px 2px; 
    text-align:center; 
    cursor:default;
    }

/* set the size of the unordered list to neatly house the thumbnails */
#container ul {
    width: 259px; 
    height:507px;
    border: 2px #000000 solid;
padding-top: 3px;
padding-left: 2px; }

#container li {
    float:left;
    }

/* move the thumbnails into the correct position */
#container ul {
    margin-top:10px; 
    float:right;
    }

/* change the thumbnail border color */
#container a.gallery:hover {
    border: 1px #ffffcc solid; 
    }

/* styling the :hover span */
#container a.gallery:hover span {
    position:absolute; 
    width:500px; 
    height:500px; 
    top:12px; 
    color:#000; 
    background: #fffac1;
    }

#slidebox{
   }

#intro {
  border: 1px #000000 solid;
  width: 190px;
  height: 178px;
  position: absolute;
  margin-top: 0px;
  padding: 0px;
  font-size: 95%;
  color: #993300;
  background-image: url(images/sldshw/bckgrnd1.jpg);
  overflow: hidden;
  left: 8px; }
#slidebox a {
  border: none;
  text-decoration: none; }
#slidebox #ph1 {
  border: 1px #000000 solid;
  width: 190px;
  height: 361px;
  position: absolute;
  left: 203px;}
#slidebox #ph2 {
  border: 1px #000000 solid;
  width: 385px;
  height: 178px;
  position: absolute;
  left: 398px; }
#slidebox #ph3 {
  border: 1px #000000 solid;
  width: 190px;
  height: 361px;
  position: absolute;
  top: 183px;
  left: 8px; }
#slidebox #ph4 {
  border: 1px #000000 solid;
  width: 190px;
  height: 178px;
  position: absolute;
  left: 398px;
  top: 183px; }
#slidebox #ph5 {
  border: 1px #000000 solid;
  width: 190px;
  height: 361px;
  position: absolute;
  left: 593px;
  top: 183px; }
#slidebox #ph6 {
  border: 1px #000000 solid;
  width: 385px;
  height: 178px;
  position: absolute;
  left: 203px;
  top: 366px; }


/*ranchgal thumbs*/
#container a.caslidea {
  background:url(images/ca/th_1.jpg);
  height:80px;
  width:123px; }
#container a.caslideb {
  background:url(images/ca/th_2.jpg);
  height:80px;
  width:123px; }
#container a.caslidec {
  background:url(images/ca/th_3.jpg);
  height:122px;
  width:80px; }
#container a.caslided {
  background:url(images/ca/th_4.jpg);
  height:122px;
  width:80px; }
#container a.caslidee {
  background:url(images/ca/th_5.jpg);
  height:122px;
  width:80px; }
#container a.caslidef {
  background:url(images/ca/th_6.jpg);
  height:80px;
  width:123px; }
#container a.caslideg {
  background:url(images/ca/th_7.jpg);
  height:80px;
  width:122px; }
#container a.caslideh {
  background:url(images/ca/th_8.jpg);
  height:122px;
  width:80px; }
#container a.caslidei {
  background:url(images/ca/th_9.jpg);
  height:122px;
  width:80px; }
#container a.caslidej {
  background:url(images/ca/th_10.jpg);
  height:122px;
  width:80px; }
#container a.caslidek {
  background:url(images/ca/th_11.jpg);
  height:80px;
  width:123px; }
#container a.caslidel {
  background:url(images/ca/th_12.jpg);
  height:80px;
  width:123px; }

/*mtnsgal thumbs*/
#container a.mtnsslidea {
  background:url(images/mtns/th_1.jpg);
  height:80px;
  width:123px; }
#container a.mtnsslideb {
  background:url(images/mtns/th_2.jpg);
  height:80px;
  width:123px; }
#container a.mtnsslidec {
  background:url(images/mtns/th_3.jpg);
  height:122px;
  width:80px; }
#container a.mtnsslided {
  background:url(images/mtns/th_4.jpg);
  height:122px;
  width:80px; }
#container a.mtnsslidee {
  background:url(images/mtns/th_5.jpg);
  height:122px;
  width:80px; }
#container a.mtnsslidef {
  background:url(images/mtns/th_6.jpg);
  height:80px;
  width:123px; }
#container a.mtnsslideg {
  background:url(images/mtns/th_7.jpg);
  height:80px;
  width:122px; }
#container a.mtnsslideh {
  background:url(images/mtns/th_8.jpg);
  height:122px;
  width:80px; }
#container a.mtnsslidei {
  background:url(images/mtns/th_9.jpg);
  height:122px;
  width:80px; }
#container a.mtnsslidej {
  background:url(images/mtns/th_10.jpg);
  height:122px;
  width:80px; }
#container a.mtnsslidek {
  background:url(images/mtns/th_11.jpg);
  height:80px;
  width:123px; }
#container a.mtnsslidel {
  background:url(images/mtns/th_12.jpg);
  height:80px;
  width:123px; }
/*cabzngal thumbs*/
#container a.cabznslidea {
  background:url(images/cabzn/th_1.jpg);
  height:80px;
  width:123px; }
#container a.cabznslideb {
  background:url(images/cabzn/th_2.jpg);
  height:80px;
  width:123px; }
#container a.cabznslidec {
  background:url(images/cabzn/th_3.jpg);
  height:122px;
  width:80px; }
#container a.cabznslided {
  background:url(images/cabzn/th_4.jpg);
  height:122px;
  width:80px; }
#container a.cabznslidee {
  background:url(images/cabzn/th_5.jpg);
  height:122px;
  width:80px; }
#container a.cabznslidef {
  background:url(images/cabzn/th_6.jpg);
  height:80px;
  width:123px; }
#container a.cabznslideg {
  background:url(images/cabzn/th_7.jpg);
  height:80px;
  width:122px; }
#container a.cabznslideh {
  background:url(images/cabzn/th_8.jpg);
  height:122px;
  width:80px; }
#container a.cabznslidei {
  background:url(images/cabzn/th_9.jpg);
  height:122px;
  width:80px; }
#container a.cabznslidej {
  background:url(images/cabzn/th_10.jpg);
  height:122px;
  width:80px; }
#container a.cabznslidek {
  background:url(images/cabzn/th_11.jpg);
  height:80px;
  width:123px; }
#container a.cabznslidel {
  background:url(images/cabzn/th_12.jpg);
  height:80px;
  width:123px; }
/*bdlndsgal thumbs*/
#container a.bdlndslidea {
  background:url(images/bdlnd/th_1.jpg);
  height:80px;
  width:123px; }
#container a.bdlndslideb {
  background:url(images/bdlnd/th_2.jpg);
  height:80px;
  width:123px; }
#container a.bdlndslidec {
  background:url(images/bdlnd/th_3.jpg);
  height:122px;
  width:80px; }
#container a.bdlndslided {
  background:url(images/bdlnd/th_4.jpg);
  height:122px;
  width:80px; }
#container a.bdlndslidee {
  background:url(images/bdlnd/th_5.jpg);
  height:122px;
  width:80px; }
#container a.bdlndslidef {
  background:url(images/bdlnd/th_6.jpg);
  height:80px;
  width:123px; }
#container a.bdlndslideg {
  background:url(images/bdlnd/th_7.jpg);
  height:80px;
  width:122px; }
#container a.bdlndslideh {
  background:url(images/bdlnd/th_8.jpg);
  height:122px;
  width:80px; }
#container a.bdlndslidei {
  background:url(images/bdlnd/th_9.jpg);
  height:122px;
  width:80px; }
#container a.bdlndslidej {
  background:url(images/bdlnd/th_10.jpg);
  height:122px;
  width:80px; }
#container a.bdlndslidek {
  background:url(images/bdlnd/th_11.jpg);
  height:80px;
  width:123px; }
#container a.bdlndslidel {
  background:url(images/bdlnd/th_12.jpg);
  height:80px;
  width:123px; }
/*dvgal thumbs*/
#container a.dvslidea {
  background:url(images/dv/th_1.jpg);
  height:80px;
  width:123px; }
#container a.dvslideb {
  background:url(images/dv/th_2.jpg);
  height:80px;
  width:123px; }
#container a.dvslidec {
  background:url(images/dv/th_3.jpg);
  height:122px;
  width:80px; }
#container a.dvslided {
  background:url(images/dv/th_4.jpg);
  height:122px;
  width:80px; }
#container a.dvslidee {
  background:url(images/dv/th_5.jpg);
  height:122px;
  width:80px; }
#container a.dvslidef {
  background:url(images/dv/th_6.jpg);
  height:80px;
  width:123px; }
#container a.dvslideg {
  background:url(images/dv/th_7.jpg);
  height:80px;
  width:122px; }
#container a.dvslideh {
  background:url(images/dv/th_8.jpg);
  height:122px;
  width:80px; }
#container a.dvslidei {
  background:url(images/dv/th_9.jpg);
  height:122px;
  width:80px; }
#container a.dvslidej {
  background:url(images/dv/th_10.jpg);
  height:122px;
  width:80px; }
#container a.dvslidek {
  background:url(images/dv/th_11.jpg);
  height:80px;
  width:123px; }
#container a.dvslidel {
  background:url(images/dv/th_12.jpg);
  height:80px;
  width:123px; }
/*recimgal thumbs*/
#container a.recimslidea {
  background:url(images/recim/th_1.jpg);
  height:80px;
  width:123px; }
#container a.recimslideb {
  background:url(images/recim/th_2.jpg);
  height:80px;
  width:123px; }
#container a.recimslidec {
  background:url(images/recim/th_3.jpg);
  height:122px;
  width:80px; }
#container a.recimslided {
  background:url(images/recim/th_4.jpg);
  height:122px;
  width:80px; }
#container a.recimslidee {
  background:url(images/recim/th_5.jpg);
  height:122px;
  width:80px; }
#container a.recimslidef {
  background:url(images/recim/th_6.jpg);
  height:80px;
  width:123px; }
#container a.recimslideg {
  background:url(images/recim/th_7.jpg);
  height:80px;
  width:122px; }
#container a.recimslideh {
  background:url(images/recim/th_8.jpg);
  height:122px;
  width:80px; }
#container a.recimslidei {
  background:url(images/recim/th_9.jpg);
  height:122px;
  width:80px; }
#container a.recimslidej {
  background:url(images/recim/th_10.jpg);
  height:122px;
  width:80px; }
#container a.recimslidek {
  background:url(images/recim/th_11.jpg);
  height:80px;
  width:123px; }
#container a.recimslidel {
  background:url(images/recim/th_12.jpg);
  height:80px;
  width:123px; }