@charset "utf-8";
/* @group Global Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, hr,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;}
body {
	line-height: 1;
}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
table {border-collapse: collapse;border-spacing: 0;}
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear {background: none;border: 0;clear: both;display: block;float: none;font-size: 0;list-style: none;margin: 0;padding: 0;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.clearfix:after {clear: both;content: '.';display: block;visibility: hidden;height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* @end Reset */
/* @group Typography Helper Styles */
body {
	behavior: url("../css/csshover3.htc");
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.3em;
}
/* Headings */
strong,
em,b,
i,
abbr,
h1,h2,h3,h4,h5,h6 {
	font-family: Arial, Helvetica, sans-serif;
}
h1{
	font-size: 2em;
	color: #5B3E1C;
	font-weight: normal;
	padding-left: 8px;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0.4em 0;
}
p {
	margin: 5px 0;
}
a {
	font-size:0.688em;
	color: #8CC738;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

#topbg  {
	height: 60px;
}


h1#logo  span a {text-align:left;
	height: 196px;
	width: 200px;
	text-decoration:none;
	text-indent:-9999em;
}
#topbg2{
	background: #7fc31c no-repeat;
	height: 6px;
}
#topbg3{
	background: #5b3e1c;
	height: 10%;
}

#content{
	margin-left:12px;
	font-size: 0.688em;
	margin-right: 12px;
	max-width:100% !important;
}
#topnav{
	margin-left:12px;
	font-size: 0.625em;
	color: #FFFFFF;
}


#topnav ul {
	width:350px;
	list-style: none;
	margin-left: 60px;
}
#topnav li{
	display:inline;
}
#topnav li a {
	color:#ffffff;
	font: 1.2em Arial, Helvetica, sans-serif;
	text-decoration:none;
}


/* TOP NAV HOVER COLOR  */
#topnav li:hover a,
#topnav li.sfhover a /* IE */ {
	color: #8CC738;
}

/* TOP NAV ACTIVE COLOR  */
#topnav li.active a {
	color: #8CC738;
}

.reserve{
	background: url(/images/mobile/reservenow.jpg) no-repeat;
	height: 66px;
	width: 237px;
}
.rates{
	background: url(/images/mobile/rooms.jpg) no-repeat;
	height: 66px;
	width: 237px;
}
.button{margin:0;padding-top:5px;
	padding-left: 15px;
	color: #cee8a9;
	text-indent:-1000em;
	
}
.button span{
	text-indent:-1000em;
}
.off{
	color: #bfe18e;
	text-decoration: none;
	padding-right: 50px;
	padding-bottom: 50px;
	padding-left: 50px;
}
.button a:hover{
	color: #bfe18e;
	text-decoration: none;	
}
#footer p{
	margin-left: 12px;
	font-size: 0.625em;
	color: #FFFFFF;
	line-height: 1.4em;
	padding-top: 8px;
}
.full a{
	text-decoration:underline;
}




.first {font-weight:bold; }
#wrap {width: 100%;}
#wrapcenter {width: 30%;margin-right: auto;margin-left: auto;position:relative; border:solid red 1px;}
#footer {width: 100%;height: 10%;background: #7fc31c no-repeat; clear: both;margin:0;	}