* {margin: 0; padding: 0;}

img {border: none;}
body {
	background: #0b5498 url(/gfx/bg_main.jpg) repeat-x;
	background-position: top left;
	text-align: center;
	font-size: 11px;
	font-family: 'lucida grande',tahoma,sans-serif;
	line-height: 1.5em;
	color: #fff;
	}
	
	h1, h2, h3, h4, h5 {font-weight: normal; line-height: 1em; font-family: Arial, Helvetica, sans-serif;}
	
	textarea, .inpt {font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
	
/* grid*/
#container { height: 1%; }
.box { padding:1.5em; margin-bottom:1.5em;  }
hr { background:#ddd; color:#ddd; clear:both; float:none; width:100%; height:.1em; margin:0 0 1.45em; border:none; }
hr.space { background:#fff; color:#fff; }
.clearfix:after,
.container:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix,
#container { display:inline-block; }
* html .clearfix,
* html .container { height:1%; }
.clearfix,
#container { display:block; }
.clear { clear:both; }

/* forms */
label { font-weight:bold; }
fieldset { padding:1.4em; margin:0 0 1.5em 0; border:1px solid #ccc; }
legend { font-weight:bold; font-size:1.2em; color: #fff; }
input.text,
input.title,
textarea,
select { margin:0.5em 0; border:1px solid #bbb; }
input.text:focus,
input.title:focus,
textarea:focus,
select:focus { border:1px solid #666; }
input.text,
input.title { width:60%; padding:5px; }
input.title { font-size:1.5em; }
textarea { width:75%; height:250px; padding:5px; }
p.error,
p.notice,
p.success { padding:0.8em !important; margin-bottom:1em; border:2px solid #ddd; }
p.error { background:#FBE3E4; color:#8a1f11; border-color:#FBC2C4; }
p.notice { background:#FFF6BF; color:#514721; border-color:#FFD324; }
p.success { background:#E6EFC2; color:#264409; border-color:#C6D880; }
p.error a { color:#8a1f11; }
p.notice a { color:#514721; }
p.success a { color:#264409; }

	
	
	
div.deathToInternetExplorer { clear: both; display: block; height: 15px;}	
body.internal div.deathToInternetExplorer { height: 70px;}	

	
.brdr1 {border: 1px solid #fff;}	
.noshow {display: none;}	

.imageR {float: right; padding: 0 0px 10px 10px;}
.imageR img {border: 1px solid #fff;}
	
#topBar {width: 100%; background-color: #0b5498; border-bottom: 3px solid #ffff00;  height:28px; display: none;}	
#topBar div.inset { text-align: left; margin: 0 auto; width: 890px; padding: 8px 0 0 0;}
#topBar div.inset ul { list-style-type: none;}
#topBar div.inset ul li {float: left; padding: 0 10px 3px 10px; border-right: 1px solid #cff2ff; line-height: 11px;}
#topBar div.inset ul li.end {border: none;}
#topBar div.inset a {color: #8cd8f5; text-decoration: none;}
#topBar div.inset a:hover {color: #fff;}
#topBar div.inset p {float: right; line-height: 11px;}

	
#bodyImposter {background: url(/gfx/header_bg.jpg)  no-repeat top center;}
#container {width: 890px; text-align: left; margin: 0 auto;  position: relative;}



#header { margin-bottom: 2px;}

#header h1 {width: 199px; height: 109px; display: block; float: left; }
#header h1 a {width: 199px; height: 109px; display: block; text-indent: -3000px; background: url(/gfx/logo1.gif) no-repeat top left; outline: none;  }

#header ul { list-style-type: none; font-size: 13px; margin-top: 74px; float: right;}
#header ul li {float: left;}
#header ul li a {text-decoration: none; display: block; text-indent: -3000px; background-image: url(/gfx/nav_bar.gif); height: 34px; outline: none;}

#header ul li a#whatTab {width: 124px; background-position: top left;}
#header ul li a#whatTab:hover,
#header ul li.active a#whatTab {background-position: 0px -34px;}

#header ul li a#poorTab {width: 202px;  background-position:  -124px 0px;}
#header ul li a#poorTab:hover,
#header ul li.active a#poorTab {background-position: -124px -34px;}

#header ul li a#imagesTab {width: 168px;  background-position:  -326px 0px;}
#header ul li a#imagesTab:hover,
#header ul li.active a#imagesTab {background-position: -326px -34px;}

#header ul li a#aboutTab {width: 95px;  background-position:  -494px 0px;}
#header ul li a#aboutTab:hover,
#header ul li.active a#aboutTab {background-position: -494px -34px;}

#header ul li a#contactTab {width: 82px;  background-position:  -588px 0px;}
#header ul li a#contactTab:hover,
#header ul li.active a#contactTab {background-position: -588px -34px;}



#hero {width: 890px; height: 183px; background: url(/gfx/hero_padi.jpg) no-repeat top left; clear: both;}
#container .compact {height: 120px; background-image: none; }



#hero h2 {display: none; visibility: hidden;}


#leftContent p, #rightContent p {padding: 0 0 11px 0;}
#leftContent a, #rightContent a, #footer a {color: #abc6e4;}
#leftContent a:hover, #rightContent a:hover {color: #fff;}
#leftContent ul, #rightContent ul { margin:0 22px 11px 11px;}
#leftContent h3, #rightContent h3 { }


h3.columnTitle {border-bottom: 3px solid #ffff00; font-size: 16px; line-height: 16px; padding: 0 0 3px 5px; margin-bottom: 15px;}

body.internal #leftContent h3.columnTitle, 
body.internal #rightContent h3.columnTitle {border-bottom: 3px solid #ffff00; font-size: 18px;  line-height: 18px; padding: 0 0 3px 0; margin-bottom: 7px}

body.internal #leftContent h3.columnTitle a {color: #fff; text-decoration: none;}


#leftContent {float: left; width: 650px; margin-right: 30px; }
#leftContent  .projectFocus {padding: 3px 0 0 0;}


#leftContent .insetRight .blogEntry {background: url(gfx/dots.gif) repeat-x bottom left; padding: 11px 0;}
#leftContent .insetRight .first {padding-top: 0px;}
#leftContent .insetRight .blogEntry p.meta {
	width: 32px;
	height: 42px;
	display: block;
	float: left;
	background: url(/gfx/cal_bg.gif) no-repeat top left;
	margin: 0 11px 11px 0;
	color: #666666;
	font-size: 12px;
	line-height: 12px;
}
#leftContent .insetRight .blogEntry p.meta em {padding: 16px 0 0 0; display: block;  text-align: center; font-style: normal; font-weight: bold;}
#leftContent .insetRight .blogEntry p.meta em b {font-size: 18px;}
#leftContent .insetRight .blogEntry p.readOn {clear: both;}
#leftContent .insetRight .blogEntry p.readOn span {padding: 0 8px 0 20px; background:url(gfx/comment_16.gif) no-repeat left center;}

#leftContent .insetRight .comments {background: url(gfx/dots.gif) repeat-x bottom left; padding: 0px 0 22px 0; margin: 11px 0;}
#leftContent .insetRight .commentEntry {padding: 6px 5px 6px 11px; margin: 11px; border-left: 1px solid #fff; background-color: #3975ae;}

#leftContent .insetRight #contentImages {float: right; width: 200px; margin: 10px;}
#leftContent .insetRight #contentImages img, #imgDetail, table.teaser tr td.boatpic img {padding-right: 11px; background: url(/gfx/img_drop.png) no-repeat top right;}
#leftContent .insetRight #contentImages h5 {font-size: 95%; line-height: 1.25em; margin-bottom: 20px; color: #bde5ff;}


#leftContent .entryBlock {margin: 15px 0 0 0;}
#leftContent .imageEntry {float: left; width: 225px; }
#leftContent .imageEntry img {margin: 0 5px 5px 0; border:1px solid #0099FF;}
#leftContent .imageEntry h4 {font-size: 14px; font-weight: bold;}
#leftContent .imageEntry h4 a { text-decoration: none; font-size: 13px;}
#leftContent .imageEntry p {padding: 0 10px 5px 0; font-size: 10px;}
#leftContent .imageEntry p.more a {padding: 2px 0 2px 14px;  background: url(gfx/bullet_link.gif) no-repeat left center; display: block; margin-right: 30px;}
#leftContent .clear {clear: both; font-size: 0px; line-height: 14px; height: 2px; display: block; margin:10px 0; background: url(gfx/dots.gif) repeat-x bottom left;}

#leftContent .entryBlock fieldset.videoHolder {text-align: center !important;}

#nextPrev {float: right;}

h3 a {color: #fff !important;}



#leftContent p#moreVideos, #leftContent p#moreImages {text-align: right; clear: both; padding: 4px 20px 10px 0;}
#leftContent p#moreVideos { background: url(gfx/more_videos.gif) no-repeat right center; }
#leftContent p#moreImages { background: url(gfx/more_images.gif) no-repeat right center; }
#leftContent p#moreVideos a, #leftContent p#moreImages a {text-decoration: none;}


#leftContent .insetRight p.paginate {padding: 11px 0; clear: both;}

#blogCalendar {width: 100%;}
#blogCalendar td, #blogCalendar th {text-align: center;}
.noEntry {padding: 3px;}
#blogCalendar td { background-color: #3975ae;}
#blogCalendar td.calendarDayHeading {padding: 5px 0; font-weight: bold;}
#blogCalendar td a {display: block; background-color: #fff; padding: 3px 0; color: #0b5498;}
#blogCalendar td a:hover { color: #0b5498; background-color:#ffff00;}
#blogCalendar th { text-transform: uppercase; letter-spacing: 1px; padding: 3px 0;}

#commentTable {margin-top: 11px; width: 100%;}
#commentTable td, #commentTable th { vertical-align: top; padding: 17px 11px; background-color: #3975ae;}
#commentTable th {}
#commentTable td .inpt, #commentTable th .inpt {border: none; padding: 5px; width: 80%;}

p#rss {clear: both; padding: 25px 0;}
p#rss a {padding: 15px 15px 15px 35px; margin-left: 11px; background: url(gfx/rss.gif) no-repeat left center;}











#leftContent .insetRight p.warning {padding: 5px 0 5px 35px; margin: 20px 0; display: block; background: url(/gfx/warning.gif) no-repeat left center;}















table.teaser { width: 100%; text-align: left;  margin-bottom: 11px; }
table.first {margin-top: 15px;}
table.teaser a { text-decoration: none;}
table.teaser tr td {padding:0; margin: 0;}
table.teaser tr td.pic {width: 78px; text-align: center; vertical-align: middle; line-height: 5px; padding-left: 20px;}
table.teaser tr td.pic img {border: 1px solid #fff;}
table.teaser tr td.pic span { background:url(/gfx/thumb_holder.gif) no-repeat bottom right; width: 84px; height:82px; display: block;}
table.teaser td.info {  vertical-align: middle; padding: 5px 15px 2px 15px; }
table.teaser td.info h3{ font-size: 13px; line-height: 16px;}
table.teaser td.info p { margin: 0; padding: 0;}

table.teaser tr td.boatpic {width: 230px; text-align:  center; vertical-align:  top; padding-top: 15px;}


p.readOn a { text-decoration: none; padding: 0px 19px 2px 3px; font-size: 13px; background: url(gfx/bullet_link.gif) no-repeat right center;}


#leftContent p#otherLinks { display: none; clear: both; padding: 5px 10px 5px 43px; background: url(/gfx/other_links_bg.gif) no-repeat left top; margin: 25px 0 0 0; }
#leftContent p#otherLinks a {padding: 0 10px;}

.featureBox {float: left; display: block;  margin: 0 32px 0 0;   padding: 0 0 15px 0;}
.featureBox img {margin: 0 0 5px 0;}
.rightBox { margin: 0px;}
.col3 {width: 195px; }
#leftContent  .featureBox h4 a { text-decoration: none; padding: 0px 19px 2px 3px; font-size: 13px; background: url(gfx/bullet_link.gif) no-repeat right center; clear: left;}

p#vis {padding: 10px 20px; background: url(/gfx/newsletter.gif) repeat-x top left; margin: 0; clear: left; display: block;}
p#vis span { padding: 3px 20px; background: url(/gfx/vis.gif) no-repeat left center; display: block;}


.insetLeft {width: 200px; float: left;}
.insetLeft ul#subNav { list-style-type: none; margin: 0; padding: 0; }
.insetLeft ul#subNav li { padding: 3px 11px; margin:  0 }
.insetLeft ul#subNav ul {margin: 0 0 0 25px; padding: 0;}
.insetLeft ul#subNav ul li {margin: 0; padding: 0;}
.insetLeft ul#subNav li.active a,
.insetLeft ul#subNav li a.current { font-weight: bold; padding: 0 0 0 15px; background: url(/gfx/bullet.gif) no-repeat left center; color: #fff;}
.insetLeft ul#subNav li.active ul li a {color: #ABC6E4; padding: 0; background:  none; font-weight: normal;}
.insetLeft ul#subNav li.active ul li a:hover {color: #fff;}
.insetLeft ul#subNav li ul li a.current { font-weight: bold; color: #fff; padding: 0; background:  none;}
.insetLeft ul#subNav li a { text-decoration: none; }

#leftContent .insetRight {width: 450px; float: left; height: 1%; }
#leftContent .insetRight h1 {font-size: 28px; line-height: 28px; padding: 7px 0 0px 0;}
#leftContent .insetRight h2, #leftContent .insetRight h3 { font-size: 16px; line-height: 22px; padding: 7px 0 3px 0;}
#leftContent .insetRight h3 {padding-bottom: 10px;}

#leftContent .insetRight ul.courseList { list-style-type: none; margin-left: 0;}
#leftContent .insetRight ul.courseList li { padding: 5px 0 13px 22px; background: url(gfx/li_tick.gif) no-repeat left 6px; }
#leftContent .insetRight ul.courseList li a { font-size: 14px; text-decoration: none;}
#leftContent .insetRight ul.courseList li a:hover {text-decoration: underline;}



#rightContent {float: left; width: 210px;}
#rightContent p.padiLogos { margin-top: 35px;}

#rightContent ul {margin-left: 25px;}
#rightContent ul li {padding: 3px 0;}
#rightContent ul li.active {color: yellow;}
#rightContent ul li.active a {color: #fff; text-decoration: none;}

#rightContent ul#contactList {list-style-type: none; margin-left: 0; margin-right: 0;}

#rightContent ul#contactList li {padding-left: 20px; margin-left: 5px; background-position: left center; background-repeat:  no-repeat;}
#rightContent ul#contactList li.onlineEnquiries {background-image: url(/gfx/icon_enquiry.gif);}
#rightContent ul#contactList li.bookNow {background-image: url(/gfx/icon_star.gif);}
#rightContent ul#contactList li.locationInfo {background-image: url(/gfx/icon_info.gif);}
#rightContent h3.subsequent {margin-top: 50px; border-bottom-color: #fff;}


#rightContent .testimonial {margin-top: 50px;}
#rightContent .testimonial blockquote {padding: 8px 8px 0px 8px; background: #0571b1; display: block;}
#rightContent .testimonial blockquote img {float: left;}
#rightContent .testimonial cite {text-transform:  uppercase; font-size: 80%; letter-spacing: 2px; padding: 25px 0 0 8px; background:  url(/gfx/cite_bg.gif) no-repeat top left; clear: both; display: block;}


body.internal #footer {padding: 20px 0 100px 0 ;}
#footer {clear: both; background: url(/gfx/footer_bg.gif) repeat-x top left; color: #fff; display: block; padding: 0px 0px 40px 0px; }
#footer img#awards {float: left; margin: 20px 0 0 0;}
#footer #blogger { width: 304px; float: left;  padding: 20px 0px 0 0; height: 149px; background: url(/gfx/footer_dividerz.gif) no-repeat left top; margin: 3px 0 0 0;  }
#footer h4 {padding: 0 25px 0 30px; font-size: 16px; line-height: 16px;}
#footer  p {padding: 0 25px 0.75em 30px;}
#footer  #gallery { float:left; width: 240px; padding: 20px 0px 0 0; background: url(/gfx/footer_dividerz.gif) no-repeat left top; margin: 3px 0 0 20px; height: 149px;}
#footer  #gallery img { border: 1px solid #fff; margin-right: 5px;}
#footer  #gallery p {padding-right: 0px;}
#footer a:hover {color: #fff;}
p#footerlinks {display: block; clear: both;}






#searchBox {position: absolute; top: 20px; right: 0px; }
#searchBox .text { margin-right: 5px; width: 140px;}
#searchBox .submit { }
#searchBox a {color: #fff; text-decoration: none;}

ol#searchResults {}
ol#searchResults li { padding-bottom: 10px;}




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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */