/* @override 
	http://www.westportwamotel.com/assets/templates/wpinn/css/style.css
*/

/******************************************************
 CSS Reset - Sets Browser Defaults to Defined values. 
******************************************************/

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

fieldset, img {
	border: 0
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal
}

ol, ul, li { list-style:none }

caption, th {
	text-align: left
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: bold;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 5px 0;
	color: #fff;
	text-shadow: #005732 -1px 1px 2px;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-shadow: none;
}

h1, h2, h3 {
	color: #d7fdcd;
}

q:before, q:after {
	content: ''
}

/* Global reset-RESET */

/* The below restores some sensible defaults */

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.75em;
}

h3 {
	font-size: 1.25em;
}

h4 {
	font-size: 1em;
}

h5 {
	font-size: .75em;
}

strong {
	font-weight: bold
}

em {
	font-style: italic
}

hr {
	border-top: 1px solid #2c7036;
	border-right-style: none;
	border-left-style: none;
	border-bottom: 1px solid #53955d;
	margin: 10px 0;
}

p {
	margin: 5px 0;
}

input {
	font-size: 1.25em;
	background-color: #3a7d44;
	border: 2px solid #649b69;
	margin: 5px 0;
	padding: 5px;
	color: #fff;
}

ul {
	margin: 10px 0;
}

ul li {
	margin: 5px 0;
	padding: 5px;
	list-style-type: circle;
	background-color: #478150;
	list-style-position: inside;
}

blockquote {
	padding: 20px;
	font-size: 12px;
	font-style: italic;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	behavior:url(border-radius.htc);
	background: #3a7d44 url(../images/quotes.png) no-repeat 0 center;
	border: 1px dashed #4ca170;
}

/* Links */
a, a:link {
	color: #b7ddb1;	
}

a:visited {
	color: #acd1a8;
}

a:hover {
	text-decoration: none;
}

/* Navigation */

ul.nav-main {
	height: 50px;
	margin: 0;
	padding: 0;
}

ul.nav-main li {
	margin: 0;
	padding: 0 12px 8px 12px;
	float: left;
	list-style-type: none;
	background: transparent;
	border-left: 1px solid #589661;
}

ul.nav-main li a {
	color: #b7ddb1;
	text-decoration: none;
}

ul.nav-main li a span {
	display: block;
	padding: 5px 0;
	font-weight: bold;
	text-transform: uppercase;
}

ul.nav-main li a:link span, ul.nav-main li a:visited span {
	color: #fff;
}

ul.nav-main li a:hover span {
	color: #65bf73;
}

/* Content */
body {
	color: #fff;
	background-color: #3a7d44;
	font: .75em "Lucida Grande", Lucida, Verdana, sans-serif;
}

h1#logo-main a{
	width: 210px;
	height: 40px;
	float: left;
	margin: 10px 30px 0 0;
	text-indent: -9999px;
	background: url(../images/wpinn.png) no-repeat;
}

h2#stay-with-us {
	text-indent: -9999px;
	background: url(../images/stay.png) no-repeat 0 top;
}

h2#fish-surf-fun {
	text-indent: -9999px;
	background: url(../images/fishsurffun.png) no-repeat 0 top;
}

h2#find-us {
	text-indent: -9999px;
	background: url(../images/findus.png) no-repeat 0 top;
}

h2#view-our-cam {
	text-indent: -9999px;
	background: url(../images/view-cams.png) no-repeat 0 top;
}

h2#lodg01 {
	text-indent: -999px;
	background: url(../images/kingsuites.png) no-repeat;
	height: 31px;
}

h2#lodg02 {
	text-indent: -9999px;
	background: url(../images/kingdeluxe.png) no-repeat;
	height: 31px;
}

h2#lodg03 {
	text-indent: -9999px;
	background: url(../images/queendeluxe.png) no-repeat;
	height: 31px;
}

h2#lodg04 {
	text-indent: -9999px;
	background: url(../images/threebedtwobath.png) no-repeat;
}

h2#lodg05 {
	text-indent: -9999px;
	background: url(../images/thepoint.png) no-repeat;
}

h2#lodg06 {
	text-indent: -9999px;
	background: url(../images/twobedtwobath.png) no-repeat;
}

h2#whystay {
	text-indent: -9999px;
	background: url(../images/whystay.png) no-repeat;
	height: 31px;
}

h2#takeavacation {
	text-indent: -9999px;
	background: url(../images/takeavacation.png) no-repeat;
	height: 31px;
}

h2#rooms {
	text-indent: -9999px;
	background: url(../images/rooms.png) no-repeat;
}

h2#aboutus {
	text-indent: -9999px;
	background: url(../images/aboutus.png) no-repeat;
}

h2#area {
	text-indent: -9999px;
	background: url(../images/area.png) no-repeat;
}

h2#rv {
	text-indent: -9999px;
	background: url(../images/rv.png) no-repeat;
}

h2#contact {
	text-indent: -9999px;
	background: url(../images/contact.png) no-repeat;
}

h2#directions {
	text-indent: -9999px;
	background: url(../images/directions.png) no-repeat;
}

h2#visit {
	text-indent: -9999px;
	background: url(../images/visit.png) no-repeat;
}

#banner-wrap {
	margin: 10px 0;
	position: relative;
}

#banner-rotate {
	padding-top: 10px;
}

.book-now a {
	display: block;
	width: 104px;
	height: 58px;
	position: absolute;
	top: 0;
	right: 15px;
	text-indent: -9999px;
	z-index: 5000;
}

.book-now a:link, .book-now a:visited {
	background: url(../images/rates_view.png) no-repeat 0 top;
}

.book-now a:hover {
	background: url(../images/rates_view.png) no-repeat 0 bottom;
}

.content-left p {
	width: 525px;
	margin: 15px 0;
}

.content-right div {
	margin: 10px 0;
}

.bvalign {
	line-height: 50px;
}

ul.tbl li {
	list-style-type: none;
	margin: 0;
}

ul.tbl li.off {
	background-color: #508958;
}

ul.tbl li span {
	display: block;
	float: left;
	width: 90px;
	margin: 0 10px 0 5px;
	border-right: 1px solid #30723a;
	color: #b5e7ae;
	font-weight: bold;
}

/* Layout */

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

#content {
	padding: 10px 20px 110px;
	background: #498652 url(../images/footer-waves.png) no-repeat center bottom;
	border-bottom: 5px solid #5e9b67;
}

.content-left {
	width: 630px;
	padding-right: 10px;
	float: left;
	border-right: 1px solid #2c7036;
}

.content-right {
	width: 245px;
	padding: 0 15px;
	float: left;
	border-left: 1px solid #53955d;
}

.cfix {
	margin-top: 275px;
}

.grbig {
	width: 530px;
	float: left;
}

/* Facebook */
a.facebook {
	display: block;
	position: absolute;
	width: 115px;
	height: 107px;
	top: 0;
	right: 0;
	background: url(../images/facebook.jpg) no-repeat;
	text-indent: -999999px;
}

/* Contact */
#EmailForm ol li {
	margin: 15px 0;
}

#EmailForm ol li label {
	font-weight: bold;
	margin: 5px 0;
}

#EmailForm select, #EmailForm textarea {
	font-size: 1.25em;
	background-color: #3a7d44;
	border: 2px solid #649b69;
	margin: 5px 0;
	padding: 5px;
	color: #fff;
}

#EmailForm input[type=submit] {
	background-color: #3a7d44;
	cursor: pointer;
}

#EmailForm input[type=submit]:hover {
	background-color: #23532b;
}

/* Classes */
.fl {
	float: left;
}

.fr {
	float: right;
}

.mgh {
	margin: 0 10px;
}

.mgv {
	margin: 10px 0;
}

.mgb {
	margin: 10px;
}

.hide {
	display: none;
}

.small-txt {
	font-size: .75em;
}

.med-txt {
	font-size: 1.25em;
}

.big-txt {
	font-size: 1.5em;
}

.light {
	color: #daedcc;
}

.bdr {
	border: 3px solid #649b69;
}

a.imgbox, a:link.imgbox, a:visited.imgbox {
	border: 3px solid #649b69;
	margin-left: 5px;
}

a:hover.imgbox, a:hover.imgbox img {
	border-color: #abd7b2;
}

a.imgbox span {
	margin: 0;
	display: block;
	font-weight: bold;
	padding-left: 15px;
	line-height: 24px;
	color: #abd7b2;
	text-transform: uppercase;
	text-shadow: none;
	background: #3a7d44 url(../images/arrow.png) no-repeat 5px center;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

a.imgbox img {
	display: block;
	border-bottom: 3px solid #649b69;
}

a.button, a:link.button, a:visited.button {
	display: block;
	float: left;
	margin: 15px 0;
	padding: 10px 50px 10px 10px;
	background-color: #3a7d44;
	border: 1px dashed #fefbdb;
	font-weight: bold;
	text-decoration: none;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	behavior:url(border-radius.htc);
}

a:hover.button {
	background-color: #1f5a2d;
}

a.book-button {
	width: 185px;
	height: 42px;
	display: block;
	margin: 10px 0;
	text-indent: -9999px;
}

a:link.book-button, a:visited.book-button {
	background: url(../images/booknow2.png) no-repeat left top;
}

a:hover.book-button {
	background: url(../images/booknow2.png) no-repeat left bottom;
}

a.event-button {
	width: 185px;
	height: 42px;
	display: block;
	margin: 10px 0;
	text-indent: -9999px;
}

a:link.event-button, a:visited.book-button {
	background: url(../images/ourevents.png) no-repeat left top;
}

a:hover.event-button {
	background: url(../images/ourevents.png) no-repeat left bottom;
}

input.button {
	display: block;
	margin: 10px 0;
	padding: 5px 10px;
	background-color: #3a7d44;
	border: 1px dashed #fefbdb;
	font-weight: bold;
	text-decoration: none;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	behavior:url(border-radius.htc);
}

.clearfix {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Fancy Box */

#fancybox-wrap {
	position: absolute;
	top: 50%;
	left: 50%;
}

/******************************************************
 Availability Online - Styles for Online Registration. 
******************************************************/
table#ao_aoformtable {
	background-color: #3a7d44;
	display: block;
	padding: 10px;
}

table#ao_aoformtable td {
	display: block;
	float: left;
	margin: 0 10px;
	line-height: 45px;
}

table.ao_aochart1 {
	background-color: #3a7d44;
	display: block;
	padding: 20px;
}

table.ao_aochart1 td.ao_room, table.ao_aochart1 td.ao_data_cell, table.ao_aochart1 td.ao_day, table.ao_aochart1 td.ao_wknd  {
	border: 1px solid #77a47c;
	padding: 5px;
}

table.ao_aochart1 td.ao_daterange {
	font-size: 1.5em;
	font-weight: bold;
}

div#ao_avail_res_button {
	margin-top: 20px;
}

div#ao_lavaillower_container span {
	display: block;
}

div.ao_notes1, div.ao_notes2 {
	margin-top: 10px;
}

div.ao_notes1 span.ao_noteshead1, div.ao_notes2 span.ao_noteshead2 {
	font-size: 1.25em;
	font-weight: bold;
}

#tcal table {
	background-color: #fff;
}