/* INIT
---------------------------------------------- */
body {margin: 0; text-align: center; background: #295cc1 url("images/layout/body-bg.gif") top left repeat-x; font-family: "Corbel", Arial, Helvetica, sans-serif; font-size: 14px; color: #000;}

a:visited,
a:link, a:visited {color: #0082b1; text-decoration: underline;}
a:hover {color: #184399; text-decoration: none;}

a img {border: 0;}

h1, h2, h3 {margin: 0; padding: 0; font-weight: bold; color: #00b0f0;}
h1 {font-size: 24px; padding: 40px 0 0 0; font-style: italic; line-height: 1.3em;}
	h1:first-child {padding-top: 10px;}
h2 {font-size: 18px; clear: both; padding: 10px 0;}
h3 {color: #265b7a; padding: 30px 0 5px 0;}
	h3:first-child {padding-top: 0px;}

ul {list-style: square; margin-left: 0px; padding: 0 0 0 20px; text-align: left;}
p {padding: 0 0 15px 0;}
strong {color: #00b0f0;}

small {line-height: 1.2em; letter-spacing: 0.01em; word-spacing: 0.01em;}

.center {text-align: center;}
.right {text-align: right;}
.clear {clear: both;}
.hr {border-top: 1px solid #ccc; height: 1px; margin: 40px 0 20px 0;}
.topbutton {border-bottom: 1px dotted #3c6dc9; text-transform: uppercase; font-size: 12px; text-align: right; padding-top: 10px;;}

.image-right {float: right; margin: 10px 0 20px 10px;}
.image-left {float: left; margin: 10px 20px 10px 0;}

ul.ticklist {list-style: none; margin: 0; padding: 10px 0;}
ul.ticklist li {padding: 5px 0 5px 25px; background: url("images/icons/tick.png") left no-repeat;}

.justify {text-align: justify;}
.body {line-height: 1.3em; text-align: justify;}

/* LAYOUT
---------------------------------------------- */
#container {margin: 0px auto; width: 960px; text-align: left;}
	#header {height: 224px; background: url("images/layout/header.gif") top no-repeat;}
	
	#panel-container {background: #fff url("images/layout/panel-bg.gif") top left repeat-y;}
		#panel-bottom {background: url("images/layout/panel-bottom.gif") bottom left no-repeat; padding-bottom: 20px;}
	
	#page-container {}
		#page-left {float: left; width: 248px; margin-left: 30px;}
			#page-left h3 {font-weight: bold; padding: 10px; font-size: 18px; background: url("images/layout/sidebar-h3.gif") bottom left repeat-x; font-style: italic; border-top: 1px solid #f2f2f2;}
				#page-left h3:first-child {border-top: none;}
			#page-left .leftsection {padding: 10px 10px 30px 10px;}
			
			#page-left #navigation a:visited,
			#page-left #navigation a:link {text-decoration: none; padding-left: 20px; background: url("images/layout/nav.gif") 0 50% no-repeat; color: #184399;}
			#page-left #navigation a:hover {color: #b89415; background-image: url("images/layout/nav-hover.gif");}
				#page-left #navigation a.sublink {padding-left: 40px; background-position: 20px 50%;}
			
			#page-left strong {padding-left: 20px; background: url("images/layout/nav.gif") 0 50% no-repeat; color: #184399; font-weight: normal;}
			
			#page-left #toursontv {text-align: center;}
			#page-left #toursontv a img {margin: 10px 0; border: 1px solid #265b7a;}
			#page-left #toursontv a:hover img {border-color: #edf8ff;}
		
		#page-right {float: right; width: 650px; margin-right: 30px; font-size: 14px;}
			#page-right .padding {padding: 10px;}
			
	#footer {text-align: center; padding: 10px 0; color: #06235f;}
		#footer a:visited,
		#footer a:link {color: #06235f;}
		#footer a:hover {color: #06235f;}
	
/* PAGE SPEC
---------------------------------------------- */

.phone {padding-left: 20px; background: url("images/icons/phone.gif") top left no-repeat;}
.email {padding-left: 20px; background: url("images/icons/email.gif") top left no-repeat;}
.map {padding-left: 20px; background: url("images/icons/map.gif") top left no-repeat;}

.content-2coltable {width: 100%; padding: 0;}
.content-2coltable td {text-align: justify; vertical-align: top;}
.content-2coltable td.photos {padding-left: 20px; text-align: center;}

table {border-collapse: collapse; border: 1px solid #ccc; text-align: left;}
table td {padding: 5px; vertical-align: top;}
	table td ul {text-align: left;}
table td.border-top {border-top: 1px solid #ccc;}
table td.border-right {border-right: 1px solid #ccc;}
table td.border-bottom {border-bottom: 1px solid #ccc;}
table td.border-left {border-left: 1px solid #ccc;}
table.border-all,
table.border-all td {border: 1px solid #ccc;}
table.noborder,
table td.noborder {border: none !important;}
table.border-all table.noborder,
table.border-all table.noborder td {border: none; padding: 0;}

a.booknow-card {display: block; width: 224px; height: 61px; background: url("images/layout/booknow-cards.gif") top left no-repeat;}
a.booknow-phone {display: block; width: 224px; height: 42px; background: url("images/layout/booknow-phone.gif") top left no-repeat;
margin-top: 10px;}
a.kayake-sale {display: block; width: 224px; height: 42px; background: url("images/layout/kayake-sale.gif") top left no-repeat;
margin-top: 10px;}
a.booknow-card:hover, a.kayake-sale:hover,
a.booknow-phone:hover {background-position: bottom left;}
a.booknow-card span, a.kayake-sale span,
a.booknow-phone span {display: none;}