body {
    margin: 0px;
    background-image: url(/images/background.jpg);
    
}

.clearer {
    clear: both;
} 

.pink {
    color: #DD0084
}

.customBorder {
    height: 10px;
    background-image: url(/images/border.jpg);
    background-repeat: repeat-x;
    width: 100%;
}


#container {
    margin: 15px auto;
    font-family: Arial, Verdana, Georgia;
    width: 890px;
    padding: 10px;
    background-color: #ffffff;
    
}

#header {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    background-color: #000000;
}

#headerLeft {
    width: 481px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding:20px 0 0;
}

#headerRight {
    width: 382px;
    float: left; 
    margin: 0 0 0 25px;
}

#subHeader {
    background-color:#857863;
    color:#FFFFFF;
    font-size:12px;    
    height:25px;
    margin:5px auto;
    padding:5px 0 0 15px;
    z-index: 1
} 

#subHeader a {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    font-family: georgia, verdana, arial;
}

#subHeader a:hover, #subHeader .selected, #contentLeft a:hover {
    color: #B6AF99;
}

#subHeader ul {
    margin: 0px;
    padding: 0px;
    z-index: 1
}

#subHeader li {
    float: left;
    list-style-type: none;
}

#subHeader .normal {
    margin: 0px 0px 0px 16px;
    width:77px;
}

#subHeader .small {
    margin: 0px 5px 0px 8px;
    width:22px;
}

#subHeader #right p {
    font-size: 10pt;
}

#subHeader #links {
    width: 850px;
}

#leftImages {
    width: 302px;
    float: left;
    margin-right: 30px;
}

#leftImages img {
    margin: 5px 0px 10px;
    border: none;
}
      
#main {
  

}

#mainImage {
    margin-bottom: 15px;
}

#mainHeader h1 {
    color: #DD0084;
    font-weight: bolder; 
    margin: 0px;
    letter-spacing: -2px;
    text-transform: uppercase; 
    font-size: 19pt;  
}

#indexContent {
    float:left;
    margin-right:35px;
    padding:10px;
    width:325px;
}

#content {
    float:left;
    margin-right:35px;
    padding:10px;
    width:505px;
}

#content p, #content table, #indexContent p, #fullWidth p {
   font-size:11px;
   font-weight:bold;
}

#content li, #fullWidth li  {
    font-size: 11px;
    margin: 0px;
    padding: 0px;
}

#content ul, #fullWidth ul {
    font-size: 11px;
    margin:0 0 0 25px;
    padding: 0px;
}

#content a {
    
    text-decoration: none;
}

#contentLeft {
    width: 230px;
    float: left;
    margin-right: 25px;
}

#contentRight {
    background-image:url(/images/right-bg.gif);
    background-repeat:no-repeat;
    
    float:left;
    font-size:11px;
    margin:10px 0 10px 0px; 
    min-height:428px;
    padding:0px 0px 0px 0px;
    width:505px;
}

#contentRight ul {
    margin: 0px;
    padding: 0px;
}

#contentRight li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    font-size: 11px;
}

#contentRight a {
    color: #6A4F7A;
    text-decoration: none;
}

#contentRight a img {
    border: 2px #6A5A4F solid;
}

#contentRight a img:hover {
    border: 2px #000000 solid;
}

#contentRight a:hover {
    text-decoration: underline;
}

#contentRight h2 {
    font-size: 14px;
}

#contentRight p {
    margin: 5px 0px 5px 0px;   
}

#footer {
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    line-height: 15px;
    width: 890px;
}

#footer input {
    font-size: 10px;
    text-transform: uppercase;
    width: 150px;
}

#footerLinks {
    background-color: #857863;
    height: 16px;
    padding: 18px;
    width: 872px;
    margin: 0 auto 10px auto;
    border: 2px #ffffff solid;
    font-family: Georgia, Arial, Verdana;
    color: #ffffff;
}

#footerLinks a {
    color: #ffffff;
    text-decoration: none;
}

#footerLinks a:hover {
    color: #0099ff;
}

#footerLinks ul {
    margin: 0px;
    padding: 0px;
}

#footerLinks li {
    margin: 0px;
    padding: 0px;
    display: inline;
    font-size: 11px;
}

#footerInner {
    width: 430px;
}

.sideBox {
    width: 230px;
    background-image: url(/images/1-side-box.gif);
    background-position: top left;
    font-size: 12px;
    padding: 10px;
    margin: 0px 0px 0px 0px;
    min-height: 130px;
}

.sideBox a {
    color: #ffffff;
    text-decoration: none;
}

.explanation {
    font-weight: bold;
    font-size: 11px;
    margin: 5px 0px 5px 0px;
}

.leftSide {
    font-size: 11px;
    float: left;
    width: 120px;
}

.rightSide {
    float: left;
    width: 40px;
}

input {
    background-image:url(/images/Diagonal_line_bg.png);
}

#linkImages {
    margin: 0px auto 0px auto;
    width: 795px;
}

#linkImages a {
    border: none;
}

ul.menu {list-style:none; margin:0; padding:0; z-index: 1}
ul.menu * {margin:0; padding:0 ;z-index: 1}
ul.menu a {display:block; color:#000; text-decoration:none;z-index: 1}
ul.menu li {position:relative; float:left; margin-right:1px ;z-index: 1}
ul.menu ul {position:absolute; top:26px; left:0; background:#6a5a4f; display:none; opacity:0; list-style:none ;z-index: 1}
ul.menu ul li {position:relative; border-top:none; margin:0 ;z-index: 1}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#6a5a4f; font-weight: bold;}
ul.menu ul li a:hover {
    background-color: #6a5a4f;
    background:url(/images/headerBack.jpg);
    background-position: bottom;
    background-repeat: repeat-x; 
    
}
ul.menu ul ul {left:148px; top:-1px}

ul.menu .menulink {
    padding:5px 6px 7px;
    font-weight:bold;
    background:url(/images/headerBack.jpg);
}

ul.menu .largelink {
    padding: 5px 7px 7px; font-weight:bold;
    background:url(/images/headerBack.jpg);

}

ul.menu .menulink:hover, ul.menu .menuhover {background:url(images/header_over.gif)}
ul.menu .sub {background:#C9C9C9 url(images/arrow.gif) 136px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}

#fadeshow1 {
    z-index: 0;
}

#fadeshow2 {
    z-index: 0;
}

#fadeshow3 {
    z-index: 0;
}

#gallery {
    width:330px;
    float: left;
}

#gallery h3 {
    color:#6A5A4F;
    font-size: 16px;
    letter-spacing:-1px;
    margin: 3px 0 10px; 
    
}

#gallery h3 strong {
    color: #cccccc;    
}

#gallery img {
   margin: 0px 10px 10px 0px;
   border: 2px #cccccc solid;
}

#gallery img:hover {
   border: 2px #6A5A4F solid;
}

#contentRight, #gallery {
   margin: 10px 0 0;
}

#gallery p {
    font-size: 10px;
    color: #cccccc;
}

.roomListing {
    margin: 0 0 15px 0;
}

#normalDateInfo {
    margin: 10px 0 10px 0;
    padding: 0 0 0 8px;
}

#specialDateInfo {
    padding: 0 0 0 8px;
}

#normalDateInfo .date {
    width: 53px; 
    float:left;
    margin: 0 10px 0 0;
    text-align: center;
}

#normalDateInfo .date p {
    margin:  0 ;
    padding: 3px 0px;
    background-color: #d4d2d2;
    font-size: 12px;
    font-weight: bold;
}

#normalDateInfo .booked {
    color: #cccccc;
    background-color: #e6e0e0;
    font-weight: bold;
}

#normalDateInfo .available {
    color: #000000;
    background-color: #e6e0e0;
    font-weight: bold;
}

#specialDateInfo .date {
    width: 148px;
    float:left;
    margin: 0 10px 0 0;
    text-align: center;
    background-color: #b8ae9f;
}

#specialDateInfo .dates {
    margin: 0;
    padding: 0;
    color: #000000;
    font-weight: bold;
    font-size: 12px;
}

#specialDateInfo .specialName {
    color: #ffffff;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

#specialDateInfo .available {
    font-weight: bold;
}

#specialDateInfo .available a, #normalDateInfo .available a {
    color: #000000;
    text-decoration: none;
}

.tip {
    margin: 2px 0;
    color: #9f978c;
    font-size: 10px;
    font-weight: bold;
}

#specialDateInfo .booked {
    color: #9f978c;
    font-weight: bold;
}

#rightNav {
    width: 300px;
    float: left;
    margin: 15px 0 15px 0;
}

#rightNav h1 {
    color: #6a5a4f;
    font-size: 27px;
    letter-spacing: -1px;
    font-weight: normal;
    margin: 0px 0px 10px 0px;
}

#rightNav p {
    font-size:11px;
    font-weight:bold;
}

#contactForm input {
    font-family: arial, verdana;
    font-size:12px;
    width: 275px;
}

#contactForm textarea {
    font-family: arial, verdana;
    font-size:12px   ;
    width: 275px; 
    height: 200px;
}

.message {
    color: #FF0000;
}

.loginButton {
    width: 80px !important;
}

.roomInfo {
    border:1px solid #AA9B54;
    float:left;
    font-size:12px;
    margin:0 10px 10px 0;
    text-align:center;
    width:50px;
}

.roomInfo a {
    color: #000000;
    text-decoration: none;
}

.roomInfo a:hover {
    color: #000000;
    text-decoration: underline;
}


.dateBooked {
    border:1px solid #cccccc;
    color: #cccccc;
    float:left;
    font-size:12px;
    margin:0 10px 10px 0;
    text-align:center;
    width:45px;
    height: 45px;
}

.dateBooked a {
    color: #000000;
    text-decoration: none;
}

.dateBooked a:hover {
    color: #000000;
    text-decoration: underline;
}

.roomHeader {
    float: left;
    width: 144px; 
    font-size: 12px;
    text-transform: capitalize;
    margin-right: 10px;
}

.roomListRows {
    margin: 0 10px 10px 0;

}

#roomData {
    margin: 10px 0;
    padding: 10px;
}

.roomDates {
    float: left;
    width: 685px;
}

#roomData h1 {
    color: #6a5a4f;
    font-size: 27px;
    letter-spacing: -1px;
    font-weight: normal;
    margin: 0px 0px 10px 0px;
}

#roomData p {
    color: #6a5a4f;
    font-size: 12px;
}

#siteCreator {
    color: #ffffff;
    font-size: 10px;
    padding: 50px 0 0 0;
}

#siteCreator a {
    color: #ffffff;
    
}