﻿*
{
margin:0;
padding:0;
}

#iphone, .iphone
{
display:none;
}

body, select, input, textarea {
font: 100%/1.2 georgia, times, serif;
}

body {
background:#EBDCA1;
background:#ede8d5;
text-align:center;
margin:0 0 10px;
padding:0;
}

#container {
position:relative;
width:950px;
padding:0 0 50px;
background:#fff;
margin:0 auto;
text-align:left;
background-repeat:no-repeat;
border-left:1px solid #d0ccb9;
border-right:1px solid #d0ccb9;
border-bottom:1px solid #d0ccb9;
}

#container.index
{
	/*background-position:0 450px;*/
}

#header
{
	position:relative;
	height:200px;
	overflow:hidden;
	background:url(images/931-header.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#header h1 a
{
	display:block;
	width:250px;
	height:150px;
}

#header h1 a span
{
	margin-left:-1000em;
}

#hidden
{
	position:relative;
	height:0;
	overflow:hidden;
}

#hidden p
{
	margin-left:-1000em;
}

#reserve
{
	position:absolute;
	top:20px;
	right:10px;
}

#address
{
position:absolute;
top:115px;
right:20px;	
text-align:right;
font-size:15px;
color:#333;
}

#address a
{color:#487da5;
}

#header .phone
{
	float:left; 
	font-size:22px;
	color:#487da5;
	margin:0 20px 0 0;
	text-align:center;
}

#header .phone em
{
	display:block;
	font-size:13px;	
	margin:0 15px 0 0;

}

#header a.booknow
{
display:block;
float:right;
margin:0 0 10px 10px;
background:url(images/bookonline.png);
background-repeat:no-repeat;
width:180px;
height:50px;
}

#header a.booknow span
{
	text-align:left;
	margin-left:-1000em;
}

#header #optin
{
position:absolute;
top:80px;
right:10px;
}

#menu
{
	position:relative;
	background:#72934e;
	background:#376d99;
	padding:7px 0;
}

#menu li
{
	list-style:none;
	display:inline;
	margin:0 15px;

}

#menu li a
{
	color:#fff;
	font-weight:400;
	text-decoration:none;
}

#menu li a:hover
{
	text-decoration:underline;
}

#right
{
	position:relative;
	float:right;
	width:250px;
	padding:30px 0 0;
	margin:0 20px 0 0;
}


#container #text {
padding:30px;
position:relative;
}

#text.index
{
	clear:left;
	float:left;
	width:500px;
}

#text a#booknow
{
display:block;
background:#4B1900;
font-size:15px;
padding:10px 10px 15px;
width:300px;
color:#fff;
margin:0 auto;
}

#text a.booknow2
{
display:block;
background:url(images/button-book.jpg);
background-repeat:no-repeat;
width:175px;
height:70px;
}

#text a.booknow3
{
display:block;
float:right;
margin:0 0 10px 10px;
background:url(images/button-book.jpg);
background-repeat:no-repeat;
width:175px;
height:70px;
}

#text a.booknow4
{
display:block;
background:url(images/button-book2.jpg);
background-repeat:no-repeat;
width:175px;
height:70px;
}

#text a.booknow2 span, #text a.booknow3 span, #text a.booknow4 span
{
margin-left:-1000em;
}

a#booknow:hover, a.booknow2:hover
{
background:#653019;
}

#content #text #roomflash
{
position:relative;
float:right;
margin:0 0 0 20px;
border:5px solid #ede8d5;
/*height:500px;*/
}

#flash {
margin:0 0 0 200px;
height:250px;
width:750px;
_width:745px;
padding:0;
overflow:hidden;
position:relative;
}

#flash.index
{
height:350px;
}

/* Special index styles */

#intro
{
	position:relative;
	height:292px;
	/*background:#ebf0f4;*/
	background:#f3f6f9;
	background:#f2f0eb;
	width:100%;
	border-bottom:1px solid #dadee1;
}

#slideshow
{
	position:relative;
	float:left;
}

#news
{
	float:left;
	width:280px;
	padding:20px;
	height:251px;
	overflow:auto;
}

#news ol
{
list-style:none;
margin:10px;	
}

#news ol li
{
margin:0 0 10px;	
}

.newsposts li span
{
	display:block;
font-family:Arial, Helvetica, sans-serif;
color:#666;
font-size:11px;
}

#container #content .history
{
/*background:url(images/header-history.jpg);*/
height:10px!important;
}

.reservations
{
background:url(images/header-reservations.jpg);
}

.accommodations
{
background:url(images/header-reservations.jpg);
}

.location
{
background:url(images/header-location.jpg);
}

.group
{
background:url(images/header-group.jpg);
}



#container #text p, #right p, #news p {
font-family:arial, helvetica, sans-serif;
font-size:.8em;
line-height:18px;
margin:7px 0 15px;
}

#container #text p.intro
{
font-size:1.3em;
font-family:georgia, times, serif;
font-style:italic;
text-align:center;
line-height:26px;
}

#container #text p.season
{
float:left;
font-size:11px;
padding:7px 10px;
margin:0 0 20px 0;
width:300px;
color:#666;
line-height:15px;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
}

#container #text p.tax {
font-size:.7em;
color:#666;
}

#text ul
{
margin:0 0 15px 30px;
}

#text ul li {
font-family:arial, helvetica, sans-serif;
font-size:12px;
color:#300;
margin-bottom:10px;
}

#text h1, h2, h3, h4 {
font-family:georgia, times, serif;
color:#631800;
color:#376d99;
font-weight:400;
}

#container #text h2, #text h1
{
margin:20px 0 15px;
}

#container #text h3 {
margin:20px 0 10px;
}

#container #text h4 {
margin:10px 0;
}

#text h2.index
{
	font-size:20px;
}

#text .room {

text-align:left;

font-family:verdana;

font-size:14px;

font-weight:700;

color:#630;

letter-spacing:1px;

margin-bottom:2px;

}

#text table#rates
{
margin:25px 0 5px;
border:1px solid #CDC8BA;
}

#text table#rates td
{
padding:4px 7px;
font-family:arial, helvetica, sans-serif;
font-size:.7em;
border-bottom:1px solid #E0DBCC;
}

#text table#rates tr.last td
{
border:0;
}

#text table#rates tr.even td
{
background:#F1EBDC;
}

#text table#rates th
{
background:#D6D1C2;
font-size:.8em;
text-align:center;
padding:5px 10px;
border-bottom:1px solid #E0DBCC;
}

#container #text table#rates p
{
font-weight:400;
font-size:.9em;
line-height:12px;
margin:4px 0 5px;
text-align:left;
}

#container #text ul.rooms
{
	margin:10px 0;
list-style:none;
}

#container #text ul.rooms li
{
display:block;
float:left;
width:220px;
height:315px;
list-style:none;
margin:0 2px 15px 0;
}

#container #text ul.rooms li a span
{
margin-left:-1000em;
}

#text .quote {

background-image:url(images/quote_back.jpg);

background-repeat:no-repeat;

background-position:top center;

height:150px;

margin-bottom:10px;

border-bottom:0 dotted #cc9;

padding-top:10px;

}



#text .quote p {

margin-left:25px;

margin-right:25px;

font-family:Georgia, "Times New Roman", Times, serif;

font-size:11px;

}


.column
{
	width:45%;
	margin-right:5%;
	float:left;
}


#text .pics {

border:0;

width:400px;

margin:10px 0;

padding:0;

}



#text .pics td {

height:auto;

text-align:center;

padding:2px;

}



#text a, #news a {

color:#630;
color:#628d48;
}


#text a:visited, #news a:visited
{
	color:#2e5815;
}



td img
	{
	border:0;
	}
	
	
#footer {
clear:both;
height:auto;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#6F6530;
color:#8f8b7a;
margin-top:0;
margin-bottom:0;
padding-bottom:10px;
padding-top:17px;
}

#footer a
{
	color:#8f8b7a;
}

#footer .credit
{
font-size:11px;
}
	
	
img.r
{
padding:0 0 15px 15px;
}

img.l
{
margin-left:-30px;
padding-right:15px;
}


.clear
{
clear:both;
}

/* LIGHTBOX STYLES */

#lightbox{
	background-color:#eee;
	padding: 15px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
	
	/* Blog Styles */
	
	.postmeta
	{
		color:#666;
		font-size:12px;
	}
	
	.postedin
	{
		margin:10px 0;
		border-bottom:1px solid #dce9ec;
		border-top:1px solid #dce9ec;
		padding:10px 0;
		font-size:11px;
	}
	
	.form-allowed-tags
	{
		display:none;
	}
	
	#commentform input, #commentform textarea
	{
		display:block;
	}
	
	#commentform label
	{
		color:#666;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	#commentform .required
	{
		color:#666;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	/* Nivo Slider */
	
	#slider {
    position:relative;
    width:625px; /* Change this to your images width */
    height:291px; /* Change this to your images height */
    background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}
	
	
	
	
/* Mobile Styles */
	
	
	@media screen and (min-width: 600px) and (max-width: 949px), screen and (min-device-width: 600px) and (max-device-width: 949px)
{

	#container
	{
	width:625px;	
	}
	
	#header
	{
		background:#fff url(images/931-mini-logo.jpg);
		background-repeat:no-repeat;
		background-position:center top;
		height:auto;
		padding:10px;
	}
	
	#reserve, #header #optin, #address
	{
	position:relative;	
	margin:0 0 5px;
	padding:0;
	top:auto;
	left:auto;
	right:auto;
	}
	
	#header #optin
	{
	text-align:center;	
	}
	
	#header a.booknow
	{
	float:none;
	margin:10px auto 0;
	}
	
	#header h1 a
	{
		width:176px;
		height:103px;
		margin:0 auto;
	}
	
	#header .phone 
	{
		position:relative;
		float:none;
		font-size:14px;
	color:#487da5;
	text-align:center;
margin:0;
	}
	

#header .phone em
{
	display:inline;
	font-size:14px;
	color:#487da5;
	margin:0;
}

#address
{
	display:none;
margin:0;
padding:0;
text-align:center;
font-size:12px;	
}

#menu
	{
		padding:10px;
		text-align:center;
	}
	
	#menu li
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:15px;
		margin:0 17px 0 0;
		white-space:nowrap;
		
	}
	
	#container #text
	{
	padding:20px;	
	}
	
	#container #text.index
	{
	width:auto;
	float:none;	
	}
	
	#intro
	{
	height:auto;
	position:relative;
padding:0;
	}
	
	#news
	{
	width:auto;
	float:none;
	position:relative;	
	padding:10px!important;
	position:relative;
	}
	
	#slideshow
	{
	float:none;
	display:relative;
	}
	
	#right
	{
		position:relative;
		float:none;
		padding:10px;
	}
	
}
	
@media screen and (min-width: 481px) and (max-width: 1024px), screen and (min-device-width: 481px) and (max-device-width: 1024px)
{

	#googlemap
	{
	display:none;	
	}
}

@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 480px), handheld and (max-device-width: 480px), handheld and (max-device-width:600px), screen and (max-width:600px)
{
	#container { width:90%;}
	
	#header
	{
		background:#fff url(images/931-mini-logo.jpg);
		background-repeat:no-repeat;
		background-position:center top;
		height:auto;
		padding:10px;
	}
	
	
	#reserve, #address
	{
	position:relative;	
	margin:0 0 5px;
	padding:0;
	top:auto;
	left:auto;
	right:auto;
	}
	
	#header #optin
	{
	text-align:center;	
	display:none;
	}
	
	#header a.booknow
	{
	float:none;
	margin:10px auto 0;
	}
	
	#header h1 a
	{
		width:290px;
		height:57px;
		margin:0 auto;
	}
	
	#header .phone 
	{
		position:relative;
		float:none;
		font-size:14px;
	color:#487da5;
	text-align:center;
margin:0;
	}
	

#header .phone em
{
	display:inline;
	font-size:14px;
	color:#487da5;
	margin:0;
}

#address
{
	display:none;
margin:0;
padding:0;
text-align:center;
font-size:12px;	
}
	
	#menu
	{
		padding:10px;
		text-align:center;
	}
	
	#menu li
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		margin:0 12px 0 0;
		white-space:nowrap;
		
	}
	
	#text.index
	{
	width:auto;	
	float:none;
	padding:10px;
	}
	
	#intro
	{
	height:auto;
	}
	
	#news
	{
	width:auto;
	float:none;
	position:relative;	
	padding:10px;
	display:none;
	}
	
	#slideshow
	{
	position:relative;
	float:none;	
	}
	
	#slideshow #slider
	{
display:none;
		
	}
	
	#container #text
	{
		padding:10px;
	}
	
	#container #text img.l 
	{
		margin-left:-10px;
	}
	
	#container #text img
	{
	max-width:100%;	
	height:auto;
	}
	
	#container h2.index
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#333;
		line-height:18px;
	}
	
	#googlemap
	{
	display:none;	
	}
	
	#text a.booknow3
	{
	display:none;	
	}
	
	#roomflash
	{
	display:none;	
	}
	
	#container #text p.season
	{
		position:relative;
		float:none;
		width:auto;
		border:none;
	}
	

#right
{
	float:none;
	position:relative;
	padding:10px;
}
	
	.none
	{
	display:none!important;
	}
	
}

