/* screen */
body {
	margin: 0;
	padding: 0;
	font: 100% verdana,helvetica,arial,sans-serif;
	background: #fff;
	color: #000;
	text-align: center;
}

img { border: 0; }
strong { font-weight: bold; }

.clear { width: auto; height: 1px; overflow: hidden; clear: both; }
.tall { height: 10px; }
#container { width: 762px; margin: 0 auto; text-align: left; position: relative; }

/* HEADER
------------------------------------------------*/
#header { width: 762px; height: 107px; background: #fff url(../images/header.gif) no-repeat; position: relative; }
#header.fishing { background-image: url(../images/header_fishing.gif); }
#header a.homepage { display: block; width: 200px; height: 107px; text-decoration: none; }
#header a.johnbailey {  width: 190px; height: 60px; position: absolute; right: 10px; top: 10px; text-decoration: none;}
#header p { margin: 0; position: absolute; bottom: 10px; right: 24px; color: #444; }

/* TOP NAV BAR
------------------------------------------------*/
#tnav { width: 762px; height: 29px; overflow: hidden; margin-bottom:-4px;  }
#tnav ul { width: 763px; float: left; height: 36px; }
#tnav ul { list-style-type: none; padding: 0; margin: 0;  }
#tnav li { float: left; padding: 0; margin: 0; }
#tnav a { display: block; cursor: pointer; height: 29px; background-position: 0 0; text-indent: -999em; overflow: hidden; }
#tnav a:hover { display: block; background-position: 0 -29px; }
#tnav #n1 { width: 119px; background-image: url(../images/nav_home.gif); }
#tnav #n2 { width: 186px; background-image: url(../images/nav_apartments.gif); }
#tnav #n3 { width: 132px; background-image: url(../images/nav_facilities.gif); }
#tnav #n4 { width: 147px; background-image: url(../images/nav_booking.gif); }
#tnav #n5 { width: 178px; background-image: url(../images/nav_fishing.gif); }

/* BOTTOM NAV BAR
------------------------------------------------*/
#bnav { width: 762px; height: 26px; overflow: hidden; border-top:1px solid #fff; }
#bnav ul { width: 763px; float: left; height: 36px; }
#bnav ul { list-style-type: none; padding: 0; margin: 0;  }
#bnav li { float: left; padding: 0; margin: 0; }
#bnav a { display: block; cursor: pointer; height: 26px; background-position: 0 0; text-indent: -999em; overflow: hidden; }
#bnav a:hover { display: block; background-position: 0 -27px; }
#bnav #n1 { width: 80px; background-image: url(../images/nav_extras.gif); }
#bnav #n2 { width: 168px; background-image: url(../images/nav_fractional.gif); }
#bnav #n3 { width: 43px; background-image: url(../images/nav_map.gif); }
#bnav #n4 { width: 76px; background-image: url(../images/nav_wildlife.gif); }
#bnav #n5 { width: 152px; background-image: url(../images/nav_caught.gif); }
#bnav #n6 { width: 93px; background-image: url(../images/nav_contact.gif); }
#bnav #n7 { width: 150px; background-image: url(../images/nav_shop.gif); }

#imagechanger { width: 762px; height: 334px; background: url(../images/home/1.jpg) no-repeat; }
#imagechanger img { border: 0; }

/* SEARCH BOX
------------------------------------------------*/
.date-pick { border: 1px solid #2d338b; width: 100px; }
option.highlight { font-weight: bold; background-color: #eee; }

/* BREADCRUMB
------------------------------------------------*/
#breadcrumb { width: 742px; padding: 5px 10px 7px; background: #fbf1e5; color: #000; margin-bottom: 12px; font-size: 70%; }
#breadcrumb ul { list-style: none; margin: 0; padding: 0; line-height: 1.4; }
#breadcrumb li { display: inline; }
#breadcrumb a:link, #breadcrumb a:visited { color: #2d338b; background: transparent; text-decoration: underline; }
#breadcrumb a:hover, #breadcrumb a:active { color: #d57801; background: transparent; text-decoration: none; }
#breadcrumb strong { color: #333; }

#home-leftcol { width: 453px; float: left; padding-right: 20px; border-right: 1px solid #c7c6c8; }
#home-rightcol { width: 274px; float: right; padding-left: 8px; }
#content #home-rightcol ul { margin-left: 0; padding-left: 1.4em; }
#content #home-rightcol li { margin-bottom: 1em; }

/* CONTENT MAIN COLUMN
------------------------------------------------*/
#content { width: 762px; color: #222; margin-top: 10px; font-size: 78%; }
#content.home { margin-top: 0; }

#content h1 { color: #2d338b; font: normal 150% verdana, arial, sans-serif; margin-bottom: .5em; }

#content h2 {
	margin: .5em 0;
	color: #2d338b;
	padding: 0;
	line-height: normal;
	font: 130% verdana, arial, sans-serif;
}
#content h3 { font-size: 100%; font-weight: bold; line-height: normal; margin: 2px 0; }
#content .padbottom { padding-bottom: 10px; }
#content p { padding: 0; margin: 0 0 1em; line-height: 1.4; }

#content sup { vertical-align: super; }
#content sub { vertical-align: sub; }
#content strong { font-weight: bold; }
#content em { font-style: italic; }

#content a:link { text-decoration: underline; color: #469; background-color: transparent; }
#content a:visited { text-decoration: underline; color: #05a; background-color: transparent; }
#content a:hover, #content a:active { text-decoration: none; color: #469; background-color: transparent; }
#content a.ux:link, #content a.ux:visited { text-decoration: none; }

#content ul { margin: 1em 0; padding: 0 0 0 2em; list-style-type: square; }
#content ol { margin: 1em 0; padding: 0 0 0 2em; list-style-type: decimal; }
#content .spaceafter { margin-bottom: 18px; }
#content .spacebefore { margin-top: 18px; }
#content .spaceleft { margin-left: 15px; }

/* CONTACT FORM */
#content .contactform p span { color: #A91716; }
#content .contactform fieldset { margin-bottom: 1.25em; }
#content .contactform label { font-size: 100%; width: 110px; float: left; text-align: left; clear: left; margin-bottom: 5px; }
#content .contactform label.nowidth { width: auto; float: none; }
#content .contactform label span { color: #A91716; }
#content .contactform fieldset input, #content .contactform select, #content .contactform textarea
{
	width: 200px;
	background-color: #fff;
	float: left;
	display: inline;
	margin: 0 0 5px 10px;
	border: 1px solid #ccc;
	color: #555;
	font: 100% verdana, sans-serif;
}
#content .contactform textarea { width: 300px; margin: 5px 0 0 0; float: none; }
#content .contactform .hwid { width: 100px; }

#content .contactform #formsubmit
{
	color: #fff;
	font-size: 90%;
	font-weight: bold;
	width: 141px;
	height: 26px;
	text-align: center;
	background: #2d378b url(../images/submit-btn.gif) no-repeat;
	cursor: pointer;
	border: 0;
}

.propertylisting { clear: both; border-bottom: 1px solid #dc8f2c; background: #fbf4e9; margin-bottom: 1em; width: 760px; position: relative; }
#content .propertylisting h2 { background: #dc8f2c url(../images/bg_plist_h2.gif) repeat-x left center; color: #fff; margin-top: 0; padding: 3px 7px; font-size: 95%; font-weight: bold; }
#content .propertylisting h3 { margin-top: 0; margin-left:0; padding: 3px 0px; font-size: 135%; font-weight: bold; }
#content .propertylisting .specs { float: left; width: 400px; padding: 5px; }
#content .propertylisting .column { float: left; width: 50%; }
#content .propertylisting .caldiv { width: 760px; float: left; clear: both; font-size: 95%; text-align: left; margin:0; padding:0; background:#fff; }
#content .propertylisting .caldiv table td { vertical-align: top; }
#content .propertylisting .caldiv h3 { color: #223b7d; background-color: #e8ebf2; padding: 3px; }
#content .propertylisting .price { padding-top: 5px; }

/* CALENDAR OUTER */
#content table.cal { line-height: normal; }
#content table.cal td { background: transparent; border-width: 0 10px; border-style: solid; border-color: #fff; padding: 0; }
#content table.cal table { margin: 0; font-size: 100%; }
#content table.cal table th { font-weight: bold; padding: 3px; border: 1px solid #fff; background: #2b3088; color: #fff; }
#content table.cal table td { padding: 3px; border: 1px solid #fff; background: #eee; }

/* CALENDAR INNER */
#content table.cal .available { background-color: #d8dbff; color: #fff; }
#content table.cal .booked { background-color: #db0000; color: #fff; }
#content table.cal .unbookable { background-color: #db0000; color: #fff; }
#content table.cal .pending { background-color: #ffbf35; color: #fff; }

/* BOOKING PROGRESS
------------------------------------------------*/
#content #booking-progress { margin-bottom: 1em; }
#content #booking-progress ul { float: left; margin: 0 0 1em; padding: 0; }
#content #booking-progress li { display: block; float: left; color: #fff; width: 132px; text-align: center; padding: 2px 20px 2px 0; background-position: right center; background-repeat: no-repeat; }
#content #booking-progress li.current { font-weight: bold; background-color: #de9639; background-image: url(../images/bg_booking_current.gif); }
#content #booking-progress li.completed { background-color: #ecc18b; background-image: url(../images/bg_booking_completed.gif); }
#content #booking-progress li.completeder { background-color: #ecc18b; background-image: url(../images/bg_booking_completeder.gif); }
#content #booking-progress li.remaining { background-color: #d2d4e7; background-image: url(../images/bg_booking_remaining.gif); }
#content #booking-progress li.last { background-color: #d2d4e7; background-image: url(../images/bg_booking_last.gif); }
#content #booking-progress li.laster { background-color: #de9639; background-image: url(../images/bg_booking_laster.gif); }

#content #booking-progress a:link, #content #booking-progress a:visited { color: #ffffff; text-decoration: none; }
#content #booking-progress a:hover, #content #booking-progress a:active { color: #282e88; text-decoration: none; }

/* BOOKING FORM */
#content #bookingform { margin: 1em 0; padding: 0; }
#content #bookingform fieldset { margin: 0 0 1em; padding: 10px; background: #fbf4e9; }
#content #bookingform .column { width: 366px; float: left; }
#content #bookingform .right { float: right; }

#content #bookingform label, #content #bookingform input, #content #bookingform select, #content #bookingform textarea { display: block; float: left; margin-bottom: 0.5em; }
#content #bookingform br { clear: left; }

#content #bookingform input, #content #bookingform select, #content #bookingform textarea { width: 155px; font: 90% verdana,arial,sans-serif; padding: 2px 3px; border: 1px solid #7F9DB9; background: #fff; color: #000; }
#content #bookingform .hidden { display: none; }
#content #bookingform select { width: 80px; }
#content #bookingform .column label { width: 140px; }
#content #bookingform label { width: 180px; }
#content #bookingform .hwid { width: 75px; }

#content #bookingform label.inline { display: inline; float: none; padding: 0; }
#content #bookingform input.check { width: auto; border: 0; margin: 0 5px 0 0; }
#content h2.error { color: #f00; }
#content p.error { color: #f00; font-weight: bold; }

#content #bookingform span { font-weight: bold; color: #f00; }
#content #continue-btn, #content #bookingform #continue-btn { color: #fff; font-size: 100%; font-weight: bold; margin-bottom: 2em; width: 141px; height: 26px; text-align: center; background: #2d378b url(../images/submit-btn.gif) no-repeat; cursor: pointer; border: 0; }

#content .extraslist { margin: 0 0 2em; padding: 0; list-style: none; line-height: normal; }
#content .extraslist li { display: block; padding: 5px; background: #fbf4e9; border-bottom: 1px solid #fff; }

/* CONFIRMATION */
#content .confirmation { width: 762px; margin: 0; }
#content .h3 { background: #de9639; color: #fff; font-weight: bold; font-size:125%; border-top: 10px solid #fff; }

/* APARTMENT SEARCH
-------------------------------------------------*/
#search-again { background-color: #d8dbff; font-size: 72%; margin: 0 0 10px 0; }
#search-again h1 { background: #585da8 url(../images/h1-search-again.gif) 0 0 no-repeat; color: #fff; height: 41px; text-indent: -999em; margin-bottom: 0; }
#search-again #sa-container { padding: 10px; }
#search-again .column { float: left; margin-right: 20px; }
#search-again label { color: #000; font-weight: bold; }
#search-again select, #search-again input { border: 1px solid #223b7d; }
#search-again .check { border: 0; padding: 0; margin: 0 5px 0 0; vertical-align: middle; }

#search-again #submit-check-avail, #content #submit-book-now, #content .choose { float: left; color: #fff; text-decoration: none; font-weight: bold; display: block; height: 26px; overflow: hidden; text-align: center; line-height: 2; margin-top: 5px; }
#search-again #submit-check-avail, #content .choose { width: 69px; }
#content #submit-book-now { width: 103px; position: absolute; right: 10px; top: 2em; }

#search-again #submit-check-avail:link, #search-again #submit-check-avail:visited, #content .choose:link, #content .choose:visited { text-decoration: none; color: #fff; background: #000 url(../images/search-btn.gif) no-repeat 0 -26px; }
#search-again #submit-check-avail:hover, #search-again #submit-check-avail:active, #content .choose:hover, #content .choose:active { text-decoration: none; color: #fff; background: #000 url(../images/search-btn.gif) no-repeat 0 0; }

#content #submit-book-now:link, #content #submit-book-now:visited { color: #fff; background: #000 url(../images/submit-book-now.gif) no-repeat 0 -26px; }
#content #submit-book-now:hover, #content #submit-book-now:active { color: #fff; background: #000 url(../images/submit-book-now.gif) no-repeat 0 0; }

#content #choose-another { width: 250px; height: 50px; position: absolute; right: 10px; top: 2em; float: left; color: #fff; text-decoration: none; font-weight: bold; display: block; overflow: hidden; text-align: center; line-height: 2; margin-top: 5px; }
#content #choose-another:link, #content #choose-another:visited { color: #fff; background: #000 url(../images/choose-another.gif) no-repeat 0 0; }
#content #choose-another:hover, #content #choose-another:active { color: #fff; background: #000 url(../images/choose-another.gif) no-repeat 0 -50px; }


#calendar-nav { background-color: #e8ebf2; padding: 5px; font-size: 90%; color: #6077a6; margin-bottom: 10px; width: 752px; }
#calendars-on-div { width: 752px; }
#content #calendar-nav a { color: #6077a6; font-weight: bold; }
#content #calendar-nav a.toggle-calendars { padding-left: 22px; background: url(../images/calendar.png) 0 0 no-repeat; }
#content #calendar-nav .toggle-calendars { float: left; }
#content #calendar-nav #cal-browse { float: right; }

#content table { margin: 1em 0; font-size: 90%; }
#content td { background: #eaeaf3; padding: 6px; border-width: 2px; border-style: solid; border-color: #fff; }

#content .layout td { background: transparent; padding: 0; border: 0; text-align: center; }

/* FISHING
--------------------------------------------------*/
#content #fish-leftcol { width: 261px; float: left; padding-right: 20px; border-right: 1px solid #c7c6c8; }
#content #fish-rightcol { width: 466px; float: right; padding-left: 8px; }
#content .diary-article h3 { color: #d57701; }
#content .diary-article h2 { color: #2b3188; font-family: "Georgia, Times New Roman, serif"; font-size: 150%; }
#content .diary-article { margin-bottom: 1em; padding-bottom: 30px; background: url(../images/article-sep.gif) no-repeat left bottom; }

#vwrapper { overflow: hidden; margin-bottom: 2em; }

#vcolleft { float: left; width: 480px; }
#videowrapper { width: 480px; height: 270px; border: 1px solid #2D338B; }
#video { width: 480px; height: 270px; background: url(../images/bg_video_placeholder.jpg); }
#vidcaption { clear: left; padding: 1em 0 0; font-weight: bold; text-align: center; }

#vcolright { float: right; width: 260px; }
#vcolright ul { margin: 0; padding: 0; list-style: none; }
#vcolright h2 { margin-top: 0; }
#vcolright a { display: block; padding: 10px 0 10px 30px; background: url(../images/bg_vid.gif) no-repeat left center; }
#vcolright a:link, #vcolright a:visited { font-weight: bold; color: #469; text-decoration: none; }
#vcolright a:hover, #vcolright a:active { font-weight: bold; color: #d57701; }

#banners { width:450px; margin-bottom:20px; }
#banners img { margin-top:-2px; }

/* FAQS
--------------------------------------------------*/
#faqs { margin-bottom: 1em; width: 762px; line-height: 1.0; }
#faqs .d { width: 80px; }
#faqs .n { width: 120px; }
#faqs th { font-weight: bold; background: #eaeaf3; color: #282e88; }
#faqs td, #faqs th { background: #fff; color: #282e88; padding: 4px; border-bottom: 1px solid #fbf1e5; }
#faqs .answer td { line-height: 1.4; color: #d37401; padding-bottom: 2em; }

/* FOOTER
------------------------------------------------*/
#footer { text-align: center; clear: both; padding: 30px 0 10px; background: url(../images/bg_footer.gif) no-repeat center top; font-size: 70%; line-height: 1.5; color: #222; }
#footer.homefooter { background-image: none; padding: 0 0 10px; }
#footer a:link, #footer a:visited { color: #2d338b; background-color: transparent; text-decoration: underline; }
#footer a:hover, #footer a:active { color: #d57801; background-color: transparent; text-decoration: none; }
#footer #ddlink:link, #footer #ddlink:visited, #footer #ddlink:hover, #footer #ddlink:active { color: #555; text-decoration: none; }

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix { display: inline-block; }