@charset "utf-8";
/* CSS Document */

/*******************************************************************************

Structure and Content

 *******************************************************************************/

body {background:url(images/stripes.jpg); background-repeat: repeat-x; background-color: #d5d4cf; margin:0; font-family: Verdana, Geneva, sans-serif; font-size: 11pt; color: #263948; line-height: 1.7;}

#wrapper {width: 1120px; margin: 0 auto 0;}

#header {width: 1120px; height: 141px; margin: 0 auto; background-image:url(images/cameo.png)}
	
#logo {height: 141px; width: 487px; float: left;}
	
#contact {height: 101px; width: 533px; padding: 40px 0 0 0px; float: right; color:white; font-family: "Times New Roman", Times, serif; font-size:14pt; font-weight: 500;}

#contact a {color: white; text-decoration: none;}

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

#container {width: 1100px; height: 545px; margin: 0 auto; border: 10px solid white;}

#container-small {width: 1100px; height: 58px; margin: 0 auto; border: 10px solid white; background-image: url(images/linen.jpg);}

#image {width: 1100px; height: 545px; position:relative; z-index: 5; top: -38px; }

#image-fader {width: 1100px; height:545px; position:relative; z-index:5; top:-38px; clear:right;  overflow:hidden; background-color: white;}

#image-fader img {width: 1100px; height:545px; position:absolute;}

#content {width: 964px; min-height:300px; background-repeat: repeat; background-color: white; margin: 30px 48px 100px; padding: 30px; box-shadow: 1px 1px 15px 1px #888888;}

#bottom {width: 100%; clear: both;}

#footer {background:url(images/stripes.jpg); background-repeat: repeat; height: 175px; min-width: 1120px; margin: 50px auto 0;}

#address {color: white; font-family:"Times New Roman", Times, serif; line-height: 1.25em; font-size: 13pt; width: 300px; float:left; padding: 30px;}
	
#keyhole {float: right; padding: 30px;}

#details {text-align:center; border-bottom: solid white 1px; padding: 0 0 15px;}

#details li {color: white; list-style: none; font-variant:small-caps; font-weight: bold; font-family: "Times New Roman", Times, serif; font-size: 13pt;}

#box1 {width: 472px; height: 175px; float: left; padding: 0 5px 20px 0;}

#box2 {width: 472px; height: 175px; float: right; padding: 0 0 20px 5px;}

/*******************************************************************************

Navigation

 *******************************************************************************/
	
#nav {width: 1100px; height: 38px; position:relative; top: 10px; z-index: 10; margin: 0 auto; background-image: url(images/nav-bar.png);}

#nav li {color: #263948; list-style: none; font-variant:small-caps; font-weight: bold; font-family: "Times New Roman", Times, serif; font-size: 13pt; float: left; padding: 6px 22px 0;}
	
#nav li a {color: #263948; text-decoration: none;}
	
#nav li a:hover {color: #6b868d;}

#vertical-nav {text-align:center; padding: 0 0 20px;}

#vertical-nav li {color: white; list-style: none; font-variant:small-caps; font-weight: bold; font-family: "Times New Roman", Times, serif; font-size: 13pt;}
	
#vertical-nav li a {color: white; text-decoration: none;}
	
#vertical-nav li a:hover {color: #2a3d4b;}

/*******************************************************************************

Classes

 *******************************************************************************/
 
.guest-comments {padding: 15px 0 0 0;}

.text {padding: 0 20px 20px 0; width: 620px; float:left;}

.sidebar {width: 267px; float: right; margin: 0 0 20px; padding: 15px 15px 25px; background-color: #6d888f; border: solid 1px #2a3d4b;}

.sidephoto {width: 297px; float: right;}

.rates {font-weight: bold; font-family: "Times New Roman", Times, serif; font-size: 16pt; font-variant:small-caps; margin: 15px 0 10px; text-align:center;}

.room {position: relative; padding: 20px 20px 30px; float: right;}

p.specials {color: white; line-height: 15pt; margin: 0 20px 0; padding: 0 0 30px; border-bottom: solid white 1px;}

p.reviews {color: white; line-height: 15pt; margin: 0 20px;}

p.contact {color: white; line-height: 15pt; text-align: center;}

#buttons {position: relative; float: right; z-index: 10; padding: 0; margin:0; clear: left;}

/*******************************************************************************

Headers

 *******************************************************************************/

h1 {font-weight: bold; font-family: "Times New Roman", Times, serif; font-size: 18pt; margin: 0;}

h1.floors {font-weight: bold; font-family: "Times New Roman", Times, serif; font-size: 18pt; padding: 0; margin: 0;}

h2 {font-weight: bold; font-family: "Times New Roman", Times, serif; font-size: 15pt; margin: 0; border-bottom: 1px solid #2a3d4b;}

h2.events {font-weight: bold; font-family: "Times New Roman", Times, serif; font-size: 18pt; margin: 25px 0; border-bottom: 1px solid #2a3d4b;}

h2.rooms {font-weight: bold; font-family: "Times New Roman", Times, serif; font-size: 15pt; font-variant: small-caps; margin: 0px; padding: 0px; border-bottom: 1px solid #2a3d4b;}

h2.rooms a {text-decoration: none; color: #263948;}

h2.rooms a:hover {text-decoration: none; color: #6b868d;}

h3 {font-weight: bold; font-family: "Times New Roman", Times, serif; font-size: 15pt; margin: 0; padding: 10px 0 0;}