@charset "utf-8";
/* CSS Document */

body {

	font-family:Verdana;
	font-size: 1em;
	color:#000000;
	margin: 0;
	background: url(images/main-background_03.jpg);
}

#container{

	width:855px;
	margin:0;
	margin-right: auto;
	margin-left: auto;
}

#container #header {
	position: absolute;
	top: 0;
	height:131px;
	width: 676px;
	margin-bottom:0px;
	background: url(images/top-menu_03.jpg) right no-repeat;
}
	
#container #header #logo a{

	position:absolute;
	top: 26px;
	left:24px;
	width:237px;
	height:65px;
	float:none;

}
#container #header #topmenu{
	position:absolute;
	top:105px;
	left:84px;
	width: 600px;
	display:block;
}
#container #header #topmenu #home a{

	display: block;
	/*margin-top: 106px;*/
	width:30px;
	height:20px;
	float: left;
}

#container #header #topmenu #about a{

	display: block;
	/*margin-top: 105px;*/
	width:46px;
	height:20px;
	float: left;
}

#container #header #topmenu #watersports a{

	display: block;
	/*margin-top: 105px;*/
	width:90px;
	height:20px;
	float: left;
}

#container #header #topmenu #facilities a{

	display: block;
	/*margin-top: 105px;*/
	width:66px;
	height:20px;
	float: left;
}

#container #header #topmenu #gallery a{

	display: block;
	/*margin-top: 105px;*/
	width:62px;
	height:20px;
	float: left;
}

#container #header #topmenu #contact a{

	display: block;
	/*margin-top: 105px;*/
	width:62px;
	height:20px;
	float: left;
}

#container #header #topmenu #faqs a{

	display: block;
	/*margin-top: 105px;*/
	width:40px;
	height:20px;
	float: left;
}

#container #header #topmenu #links a{

	display: block;
	/*margin-top: 105px;*/
	width:80px;
	height:20px;
	float: left;
}

#container #header #webcam a{
	position:absolute;
	display: block;
	left:550px;	
	top:70px;
	/*margin-top: 61px;*/
	width:115px;
	height:59px;
}

#container #maincontent {
	margin-top:131px;
	position: relative;
	left: 0px;
	height:321px;
	width: 689px;
	background: url(images/main-section_09.jpg) center no-repeat;
	float:left;
	margin-right:0;
	padding-right:0;
}

#container #content {

	margin-top:131px;
	position: relative;
	margin-left:62px;
	width: 622px;
	background: url(images/content-background-slice_03.jpg) top repeat-y;
	min-height:400px;
	_height:400px;
	float:left;
	margin-right:0;
	padding-right:0;
}

#container #content a{
	color:#FFFFFF;
}

#container #content h1{
	
	margin-left:10px;
	color:#FFFFFF;;
	font-size:200%;
}

#container h1.contentheader{
	
	margin-left:20px;
	color:#FFFFFF;
	font-size:200%;
}

#container #content ul{
	padding-left:0px;
	margin-left:10px;
	width: 600px;
}

#container #content ul li.listmenu{
	
	margin-left:0px;
	display:inline;	
	padding-right:10px;
	font-weight:bold;
}

#container #content ul li a{

	color:#FFFFFF;;
}

#container #content #contenttext{
	padding-top:10px;
	padding-left:18px;
	padding-bottom:20px;
	color:#FFFFFF;
	width: 310px;
	padding-right:25px;
	font-size:70%;
	float:left;
}
#container #content #contenttext ul{
	width:500px;
}
#container #content #contenttext ul li{
}

#container #content #contentwide{

	position:relative;	
	padding-top:10px;
	padding-left:20px;
	padding-bottom:20px;
	color:#FFFFFF;
	padding-right:25px;
	font-size:70%;
	float:left;
	width:550px;
}

#container #content #contentwide h1{ 
	margin-left:0px;
}

#container #content #contentwide .link{
	clear:both;
	width:550px;
	height:60px;
	margin-bottom:5px;
}

#container #content #contentwide .link p{
	float:left;
}

#container #content #contentwide .link img{
	border:none;
}

#container #content #contentwide .link a{
	float:right;
}

#container #content #contenttext p{
	margin-top:10px;
}

#container #content #contenttext p.wide{
	
	margin-top:10px;
	width:550px;
}

#container #content #contentimage1{
	
	position:relative;	
	margin-top:70px;
	float:left;
	background:url(images/little-girl_08.jpg) no-repeat;
	width:265px;
	height:155px;

}

#container #content #contentimage2{
	
	margin-top:70px;
	float:left;
	background:url(images/group-picture_05.jpg) no-repeat;
	width:250px;
	height:145px;

}

#container #content #contentimage3{
	
	margin-top:70px;
	float:left;
	background:url(images/man-skiing_03.jpg) no-repeat;
	width:255px;
	height:155px;

}

#container #content #sitepicture{
	
	background:url(images/plan_view.jpg) no-repeat;
	width:500px;
	height:332px;
	margin-left:10px;
}

#container #content #clubhouse{
	
	background:url(images/clubhouse.jpg) no-repeat;
	width:507px;
	height:120px;
	margin-left:10px;
}

#container #content #wakeboarding{
	
	background:url(images/wakeboard-small.jpg) no-repeat;
	width:560px;
	height:145px;
}

#container #content #wakeboarding p {

	margin-left:240px;
}

#container #content #wakeboarding h2 {

	margin-left:240px;
	font-size:150%;
}

#container #content #slalomski{
	
	background:url(images/slalom-ski-small.jpg) no-repeat;
	width:560px;
	height:145px;
}

#container #content #slalomski p {

	margin-left:240px;
}

#container #content #slalomski h2 {

	margin-left:240px;
	font-size:150%;
}

#container #content #kneeboarding{
	
	background:url(images/kneeboard-small.jpg) no-repeat;
	width:560px;
	height:145px;
}

#container #content #kneeboarding p {

	margin-left:240px;
}

#container #content #kneeboarding h2 {

	margin-left:240px;
	font-size:150%;
}

#container #content #trickski{
	
	background:url(images/trick-ski.jpg) no-repeat;
	width:560px;
	height:145px;
}

#container #content #trickski p {

	margin-left:240px;
}

#container #content #trickski h2 {

	margin-left:240px;
	font-size:150%;
}

#container #content #barefootski{
	
	background:url(images/barefoot-small.jpg) no-repeat;
	width:560px;
	height:145px;
}

#container #content #barefootski p {

	margin-left:240px;
}

#container #content #barefootski h2 {

	margin-left:240px;
	font-size:150%;
}

#container #content #generallessons{
	
	background:url(images/general-lessons_03.jpg) no-repeat;
	width:575px;
	height:210px;
	margin-left:8px;
}

#container #content #adultlessons{
	background:url(images/adult-lessons_03.jpg) no-repeat;
	width:375px;
	height:252px;
	margin-left:8px;
}

#container #content #kidslessons{
	
	background:url(images/kids-lessons_03.jpg) no-repeat;
	width:375px;
	height:252px;
	margin-left:8px;
}

#container #content #boatlessons{
	
	background:url(images/boat-driving_03.jpg) no-repeat;
	width:376px;
	height:252px;
	margin-left:8px;
}

#container #maincontent #contentimage{
padding-top:20px;
	height:236px;
	width: 305px;
}

/*#container #maincontent #contentimage a{

	position:absolute;
	left:20px;
	top:184px;
	height:25px;
	width:113px;
}*/

#container #maincontent #contentimage p.maincontent{

	position: absolute;
	top: 120px;
	left: 20px;
	min-height:30px;
	color:#000000;
	font-size:60%;
	width: 150px;
}

#container #maincontent  .whatson{

	top: 50px;
	left:320px;
	height:150px;
	color:#FFFFFF;
	position:absolute;
	text-align:left;
	margin: 0px;
	font-size:56%;
	width:150px;
}

#container #maincontent  p.book{

	color:#FFFFFF;
	position:absolute;
	top: 70px;
	left:500px;
	width:150px;
	min-height:50px;
	font-size:60%;

}

#container #maincontent #readmore a{

	position:absolute;
	top: 241px;
	left: 315px;
	width:97px;
	height:19px;
	display: block;
}

#container #maincontent #adultlessons a{

	position:absolute;
	top: 139px;
	left: 501px;
	width:143px;
	height:20px;
	display: block;

}

#container #maincontent #kidslessons a{

	position:absolute;
	top: 164px;
	left: 501px;
	width:143px;
	height:20px;
	display: block;
}

#container #maincontent #boatdriving a{

	position:absolute;
	top: 189px;
	left: 501px;
	width:143px;
	height:20px;
	display: block;
}
#container #calendar {
	color:#FFFFFF;
	height:320px;
	width: 166px;
	margin-top:130px;
	background:url(images/calender_03.jpg) right no-repeat;
	float:right;
	_margin-top:131px;
}

#container #calendar .calendartext{
	font-size:60%;
	width: 160px;
	padding-left:0px;
	padding-top:5px;
}
.directions {
	float: right;
	color: #FFFFFF;
	width: 200px;
	padding-top: 70px;
	padding-right: 15px;
	font-size: 70%;
}

#container #calendar h3 {
	margin-bottom:5px;
	font-size:110%;
	font: Arial, Helvetica, sans-serif;
}
#container #calendar a {
	color:#FFFFFF;
	text-decoration:none;
}

#container #calendar a:hover{
	text-decoration:underline;
}

#container #calendar .calendartext .calendarevent{
	padding-top:5px;
	padding-bottom:5px;
}

#container #calendar .calendartext .calendarevent p.eventdate{
	color:#45728e;
}

#container #calendar .calendartext .calendarevent h4{
	margin:0;
	font-size:100%;
	font-weight:normal;
}



#container #calendar p {
	margin:0px;
}

#container #features {

	position: relative;
	left: 55px;
	min-height:179px;
	width: 634px;
	background:url(images/features_12.jpg) center repeat-y;
	padding-bottom:1px;
	_padding-bottom:2px;
}

#container #features .subfeatures {
	float:left;
	width:110px;
	margin-left:35px;
	_margin-left:18px;
	_margin-right:10px;
}

#container #features .subfeatures img.feature {
	margin-bottom:5px;
}

#container #features #featuresimages {
	
	position: relative;
	background:url(images/features-images_03.jpg) no-repeat;
	top:5px;
	left:40px;
	width:553px;
	height:84px;
	margin: 0px;
}

#container #features .featurestext {
	width:115px;
	min-height:50px;
}

#container #features .featurestext h2 {

	text-align:left;
	margin: 0px;
	font-size:90%;
	padding-bottom:8px;

}

#container #content #contenttext h2{

	margin-left:10px;
	color:#FFFFFF;;
	font-size:200%;

}

#container #content #contenttext h3{

	margin-left:250px;
	color:#FFFFFF;;
	font-size:200%;

}

#container #features .featurestext p {

	text-align:left;
	margin: 0px;
	padding:0px;
	font-size:60%;
	height:63px;

}

#container #features .featurestext .readmore {
	
	position:relative;	
	padding-bottom:41px;
	top:10px;
	background:url(images/features-readmore_21.jpg) no-repeat;
	width:94px;
	height:17px;
	margin: 0px;

}

#container #features .featurestext .readmore a{

	top:0px;
	position:relative;
	width:92px;
	height:15px;
	display: block;
}

#container #featuresfooter {

	position: relative;
	left: 64px;
	margin-top:0px;
	_margin-top:-1px;
	margin-left:0px;
	padding-top:1px;
	height:35px;
	width: 624px;
	background:url(images/features-footer_14.jpg) center no-repeat;
}

html>body #container #featuresfooter {
	margin-top:-1px;
}

#container #contentfooter {

	position: relative;
	left: 64px;
	height:35px;
	width: 624px;
	margin-left:1px;
	background:url(images/content-footer.jpg) left no-repeat;
}

html>body #container #contentfooter {
	margin-left:0px;
}

#container #footer{
	width: 620px;	
	left:65px;
	position:relative;
	padding-top:5px;
	font-size:60%;
	text-align:left;
	padding-bottom:20px;
	margin-bottom:50px;
}

#container #footer a{

	text-decoration:none;
	color:#FFFFFF;
}

#container #footer span {
	color:#FFFFFF;
	width: 480px;
	display:block;
	height:30px;
	float:left;
}

#container #footer p {
	
	padding-left:0px;
	color:#30869b;
}

#container #footer p a {

	color:#30869b;
	padding-left:0px;
}

#formstyle {
	margin-top: 0px;
	padding-bottom:5px;
}

#formstyle p {
	margin-bottom: 5px;
}

#formstyle label {

	color: #FFFFFF;
}

#formstyle br {

	margin-bottom: 10px;
}

#formstyle .input {

	background-color: #FFFFFF;
	border: none;
	color: #6a6a6a;
	overflow:hidden;
}

errors {

	width: 420px;
	border: #990000 solid 1px;
	margin-top: 20px;
	padding: 3px 3px 3px 3px;              
}
                
.errors p {

	color: #006600;
	font-weight: bold;
	padding-left: 5px;
	font-size:70%;
}
			
.errors h3 {
	position: relative;
	/*position: absolute;*/
	background-color: #FFFFFF;
	padding-left: 5px;
	padding-right: 5px;
	/*margin-left: 10px;*/
	margin-top: -18px;
	margin-bottom: 5px;
	margin-left: 5px;
	width: 100px;
	font-size: 150%;
	font-weight: bold;
	color: #006600;
}
			
.errors li {
	color: #006600;
	font-weight: bold;
	font-size: 70%;
}

.clear {
	clear:both;
}

#text {
	margin: 0px;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	float:left;
}

#imgright {
	float: right;
	margin-left: 5px;
	margin-top: 5px;
}

.imageBorder {
	padding: 4px;
	border: 1px solid #E2E2E2;
}

#container #content #image_large {
	text-align: center;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #E4E4E4;
	padding: 4px;
	margin-top: 4px;
	margin-bottom: 4px;
}

#container #content .gallery_repeat{
	width:560px;
}

#container #content .gallery_repeat .gallery_text{
	width:380px;
	margin-left:50px;
	margin-top:5px;
}

#container #content #image_text {
	padding: 8px;
	width: 400px;
	margin-right: auto;
	margin-bottom: 4px;
	margin-left: auto;
	background:	#E4E4E4;
	font-size: 80%;
}

#page #section #imagePages {
	width: 550px;
	margin-right: auto;
	margin-left: auto;
}

#imageList {
	background-color: #333333;
	margin: 4px;
	padding: 4px;
	float: left;
	width: 90px;
	border: 1px solid #E4E4E4;
}

#imageList_highlight {
	background-color: #333333;
	margin: 4px;
	padding: 4px;
	float: left;
	width: 90px;
	border: 3px solid #AAE2F3;
}

#thumb {
	text-align: center;
	height: 60px;
	width: 60px;
}

#container #content p {
	top:0px;
	left:10px;
}

#container #content p a {
	padding-right:10px;
	padding-bottom:10px;
}

.thumb {
	background:#333333;
	background-position:center center;
	background-repeat:no-repeat;
	margin:3px;
	display:block;
	width:100px;
	height:100px;
	padding:2px;
	float:left;
}

.gallery {
	padding-left:5px;
	width:130px;
	float:left;
	display:block;
}

.button {
	color:#FFFFFF;
	padding-right:10px;
	text-align:center;
}

#content h1 {
	margin-top:0px;
	padding-top:0px;
}

#content h2 {
	margin-top:0px;
	padding-top:0px;
}

.contactheader{
	color:#FFFFFF;
	margin-left:20px;
}

#rapidweb{
	background:url(images/rapidweb.png) no-repeat;
	width:121px;
	height:38px;
	display:inline-block;
	float:left;
	margin-top:0px;
	padding-top:0px;
}

.image {
	float:right;
}

a.gal{
	float:left;
}

.column{
	width:270px;
	padding-top:20px;
	margin-right:40px;
	float: left;
	color:#FFFFFF;
}

.column p {
	font-size:80%;
}