/* Global Styles */

body {
	border-style: none;
	border-color: inherit;
	border-width: medium;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align:left;
/*	display:inline;
	font-size: .8em;
*/	background-image:url('images/background.jpg');
	font-family: verdana, 'Droid Serif', serif;
	color:#000;
	-webkit-transition-property: font-size;
	-moz-transition-property: font-size;
	transition-property: font-size;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in; 
}

h1 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	color: #990000;
	text-align: center;
	padding-top: 1em;
	font-style: italic;
	padding-bottom:1em;
	-webkit-transition-property: font-size;
	-moz-transition-property: font-size;
	transition-property: font-size;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;  
}

h2 {
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	padding-bottom:1em;
	-webkit-transition-property: font-size;
	-moz-transition-property: font-size;
	transition-property: font-size;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;
}

p {
	margin-bottom:1em;
	line-height:1.5em;
}

/* Class Styles */

.author {
	font-family: Verdana, Arial, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #fff;
	text-align: justify;
}

.bold {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
	font-weight: bold;
}

.border { border:3px outset maroon; margin:.6em;
     -moz-box-shadow: 3px 3px 4px #999; /* Netscape */
     -webkit-box-shadow: 3px 3px 4px #999; /* Safari */
     box-shadow: 5px 5px 7px #999; /* Good browsers */
     -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')"; /* IE 8 */
     filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999'); /* IE 5-7 */
 }

.borderZero {
	border-width: 0px;
}

.brushScript {
	font-family: "Brush Script MT";
	font-size: 2em;
}

.centered {
	text-align: center;
}

.compressableFont {
	font-size: 90%;
}

.rooms {
	background-color:#6c6c6c;
	width:98%;
	min-height:170px;
	padding:5px 5px 0 5px;
	color:#fff;
}

.roomName {
	font-family: "Brush Script MT";
	font-size: 2.2em;
}

.roomThumbnail {
	-moz-box-shadow: 3px 3px 4px #999; /* Netscape */;
	-webkit-box-shadow: 3px 3px 4px #999; /* Safari */;
	box-shadow: 5px 5px 7px #999; /* Good browsers */;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')"; /* IE 8 */;
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999'); /* IE 5-7 */;
	border: .4em solid #e3e3e3;
	margin-right: .7em;
	margin-bottom: 1em;
	margin-left: .7em;
}

.SmallWhite {
	font-family: Verdana;
	font-size: 90%;
	color: #fff;
	font-weight: normal;
	text-align: left;
}

.SmallWhiteItalic {
	font-family: Verdana;
	font-size: 90%;
	color: #fff;
	font-weight: normal;
	font-style: italic;
	text-align: left;
}

.whiteFont {
	font-family: Verdana;
	font-size: 15px;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}

/* ID Styles */
#frame {
	max-width: 1003px;
	margin: 0 auto;
	text-align: left;
	background-color:#f5eee7;
	min-width:300px;
}

#page {
	position:relative;
	left:0px;
	top:0px;
	max-width: 1003px;
}

#header {
	height:119px;
	background-image:url('images/template_02.gif');
	width:100%;
}

#nameLogo {
	position:relative;
	float:left;
	height:119px;
	width:320px;
}

#checkAvailability {
	position:relative;
	float:left;
	height:119px;
	width:320px;
}

#phoneNumber {
	position:relative;
	float:left;
	height:119px;
	width:320px;
}

#topGraphic {
	clear:both;
	width:100%;
	height:450px;
}

#contentWrapper {
	left:0px;
	padding:10px 0 0 10px;
	max-width:993px;
	background-color:#f5eee7;
}

.embed-container {
    position: relative;    
    height: 0;
    overflow: hidden;
    background-color:#fff;   
}
 
.ratio-1003-450{
    padding-bottom:44.87%; 
}

.ratio-4-3{
    padding-bottom:75%; /* 3/4*100 */
}
 
.ratio-1-1{
    padding-bottom:100%; /* ... */  
}

.embed-container img{
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
}

#rightContent {
	float: left; 
	width: 25%; 
	padding: 1em 1em 1em 1em;
	max-width: 240px;
	background-color: #696969;
	margin: 0 0 1em 2em; 
	color: #fff;
	-webkit-transition-property: width;
	-moz-transition-property: width;
	transition-property: width;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;
}

#rightContent li {
	list-style:disc inside;
	margin-left:1.5em;
	padding-bottom:.7em;
}

#twoTabs {
	padding-left:15px;
}

#checkAvailability {
	float:left;
	color: #990000;
	width:110px;
	font-size:1.1em;
	padding-left:5px;
}

#giftCertificate {
	float:left;
	color: #990000;
	width:100px;
	font-size:1.1em;
	padding-left:15px;
}

#leftContent {
	float:left;
	left:0;
	width: 70%; 
	min-width:280px;
	margin-bottom: 1em; 
	-webkit-transition-property: width;
	-moz-transition-property: width;
	transition-property: width;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;
}

#leftContent li {
	list-style:disc inside;
	margin-left:1.5em;
	padding-bottom:.7em;
}

#defaultBottomArea {
	clear:both;
	left:0;
}

#bottomArea {
	clear:both;
	left:0;
}

#bottomPictures {
	clear:both;
	left:0;
}

#footer {
	clear:both;
	text-align: right;
	width:100%;
	background-color:#696969;
	color:#fff;
	min-width:300px;
	padding-bottom:.3em;
		
}

#bottomNav {
	color:#fff;
	text-align:center;
	margin-bottom:10px;
}

#credits {
	clear:both;
	position:relative;
	width: 100%;
	height: 300px;
	background-position: center;
	min-width:300px;
	
}