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

/* Huge thanks to Przemysław Szczepański, who allowed me to use his brushes from this location (www.pdp.dl.pl/photoshopbrushes.xdot.eu) for some aspects of the design of this site.*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}




body{
line-height: 15px;
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
color: #333333; 
font-size: 10px;
padding: 0px; margin:0px; 
background-color: #a1e5f0; 
z-index:0;
}

body#home .home a, body#latestnews .latestnews a, body#water .water a, body#theshop .theshop a, body#accommodation .accommodation a, body#location .location a, body#local .local a, body#partners .partners a, body#gallery .gallery a{
	color:#000000;
	background-color:#dae1e4;
}

#bg_top {
background-image: url(../images/stripe.png);
 background-repeat:repeat-x; 
 height:1px; 
 border-bottom: 1px solid #666666;
 }
 
#bg_blueTop {
background-image:url(../backgrounds/blue_mid_top.jpg);	
background-repeat:repeat-x;	
margin:0; padding:0;
height:200px; width:100%;	
position: absolute;	

}

#bg_blueMain {
background-image:url(../backgrounds/bg2.png); 
background-repeat:repeat-x; 
height:200px; width:100%; 
position:absolute; 
margin-top:200px;
}

#mainContentTop {
background-image: url(../backgrounds/bg_three.png); 
background-repeat:no-repeat; 
height:auto; 
width:900px;
margin-left:auto; 
margin-right:auto;
}
#waterContentTop {
background-image: url(../backgrounds/bg_water.png); 
background-repeat:no-repeat; 
height:auto; 
width:900px;
margin-left:auto; 
margin-right:auto;}

/*Headers incl Flash*/
#flashBox {
height:200px; 
width:900px; 
}

#flashcontent {
height:200px; 
width:900px; 
margin-right:auto; 
margin-left:auto;
 z-index:0;
}

/*/////////////  HEADERS  /////////////////*/

#watersportsHeader {
height:200px; 
width:800px; 
margin-left:auto; 
margin-right:auto; 
background-image:url(../images/watersports_header.jpg); 
background-repeat:no-repeat;
}

#windsurfCoursesHeader {
height:200px; 
width:800px; 
margin-left:auto; 
margin-right:auto; 
background-image:url(../images/windsurfCourses_header.jpg); 
background-repeat:no-repeat;
}

#sailingCoursesHeader {
height:200px; 
width:800px; 
margin-left:auto; 
margin-right:auto; 
background-image:url(../images/sailingCourse_header.jpg); 
background-repeat:no-repeat;
}

#schoolsHeader {
height:200px; 
width:800px; 
margin-left:auto; 
margin-right:auto; 
background-image:url(../images/schools_header.jpg); 
background-repeat:no-repeat;
}

#piratesHeader {
height:200px; 
width:800px; 
margin-left:auto; 
margin-right:auto; 
background-image:url(../images/pirates_header.jpg); 
background-repeat:no-repeat;
}

#shopHeader{
height:200px; 
width:800px; 
margin-left:auto; 
margin-right:auto; 
background-image:url(../images/shop_header.jpg); 
background-repeat:no-repeat;
}

#locationHeader{
height:200px; 
width:800px;
 margin-left:auto; 
margin-right:auto;
 background-image:url(../images/location_header.jpg);
 background-repeat:no-repeat;
}

#latestNewsHeader{
height:200px; 
width:800px;
 margin-left:auto; 
margin-right:auto;
 background-image:url(../images/latestnews_header.jpg);
 background-repeat:no-repeat;
}

#galleryHeader{
	height:200px; 
	width:800px;
	margin-left:auto; 
	margin-right:auto;
	background-image:url(../images/gallery_header.jpg);
	background-repeat:no-repeat;
}

#accommHeader {
height:200px; 
width:800px; 
margin-left:auto; 
margin-right:auto; 
background-image:url(../images/accommodation_header.jpg); 
background-repeat:no-repeat;
}

#paymentHeader {
height:200px; 
width:800px; 
margin-left:auto; 
margin-right:auto; 
background-image:url(../images/payment_header.jpg); 
background-repeat:no-repeat;
}

#featuresHeader{
height:200px; 
width:800px; 
margin-left:auto; 
margin-right:auto; 
background-image:url(../images/features_header.jpg); 
background-repeat:no-repeat;
}


/* //////////////  CONTENT    //////////////*/


#mainContent {
background-image: url(../images/main_content.png); 
height:auto; 
width:900px;
margin:32px auto 10px auto;
border: 1px #FFFFFF solid;
}

#pageContent {
height:auto; 
width:900px;
 }

/* ////////////////  banner right side  /////////////*/
#rightSideBar {
height:auto; 
width:280px; 
margin:-5px 5px 0 0px; padding:0; 
float:right; 
}

/*/////////////////  Latest News with XML and flash content ////////////////*/
#latestNews {
height:195px;
 width:280px; 
background-image:url(../images/LatestNews.png); 
background-repeat:no-repeat; 
float:right; 
color:#333333;
}
 
#newsFeed {
height:auto; 
width:240px;
margin:0;
padding:0;
}

#localFeatures {
height:160px; 
width:280px; 
background-image:url(../images/LocalFeatures.png); 
background-repeat:no-repeat; 
float:right; 
color:#333333;
 }
 
#moreInfoLinksBar {
margin:0; padding:0;
height:360px; 
width:280px; 
background-image:url(../images/moreInfoLarge.jpg); 
background-repeat:no-repeat; 
float:right; 
color:#333333;
 }
 
#watersportsLinks {
height:200px; 
width:280px; 
background-image:url(../images/watersportsLinks.png); 
background-repeat:no-repeat; 
float:right; 
color:#333333;
 }
 
#waterSportImages {
height:200px; 
width:280px; 
float:right; 
margin:0; padding:0; 
}

#waterSportTallImages {
height:400px; 
width:280px; 
float:right; 
margin:0; padding:0; 
}

#waterSportMidImages {
height:320px; 
width:280px; 
float:right; 
margin:0; padding:0; 
}
 
#contact {
height:195px;
width:280px; 
background-image:url(../images/Contact.png); 
background-repeat:no-repeat; 
float:right; 
color:#333333; 
z-index:1;
}

#purchaseBlock {
height:160px;
 width:280px; 
background-image:url(../images/payment_bg.png) ;
background-repeat:no-repeat; 
float:right; 
color:#333333;
}

#gallery_block {
height:380px;
width:280px; 
margin:0;
padding:0;
background-image:url(../images/large_gallery_sidebar.jpg); 
background-repeat:no-repeat; 
float:right; 
color:#333333; 
z-index:1;
}
	div#gallery_block_info {
		margin:50px 19px 0 19px;
		width:242px;
		height:310px;
	}
	.gallery_block_text {
		margin:0;
		padding:0;
		width:150px;
		height:auto;
		float:left;
	}
	
	.gallery_block_icon {
		width:75px;
		height:60px;
		float:left;
		margin:25px 0 0 10px;
		padding:0;
	}
	
	.gallery_block_icon_pay {
		width:75px;
		height:60px;
		float:left;
		margin:0 0 0 10px;
		padding:0;
	}
	
#boxtext {
height:200px; 
width:250px; 
margin:0;
padding:35px 0 0 20px;
}

#linkText {
height:200px; 
width:250px;
float:left;
margin:40px 0 0 20px; padding:0;
}

#linkText a {
	margin:0; padding:0;
	color:#333333;
}

#linkText a:hover {
	color:#0000FF;
}

/*main content text*/

#pageHeader {
float:left;
height:50px; 
width:575px; 
background-image:url(../images/pageHeaders.png); 
background-repeat:no-repeat; 
margin:0 0 0 25px; padding:0;
}
#homePageHeader {
float:left;
height:90px; 
width:575px; 
background-image:url(../images/new_header.png); 
background-repeat:no-repeat; 
margin:0 0 0 25px; padding:0;
}
	.homeHeaderText {
		font-size:12px;
		width:400px;
		height:40px;
		margin:0 auto;
		padding:50px 0 0 0;
		text-align:center;
	}

#contentTextHome {
height:auto; width: 900px;
margin:5px 0 0 0; padding:0; 
background-image:url(../backgrounds/bottom01.jpg); 
background-repeat:no-repeat; 
background-position: bottom;
}
#contentTextWater {height:auto; width: 900px; /*background-image:url(../backgrounds/bottom_05.png); background-repeat:no-repeat; background-position: bottom;*/}
#contentTextAccomm {height:auto; width: 900px; /*background-image:url(../backgrounds/bottom_03.png); background-repeat:no-repeat; background-position: bottom;*/}
#contentTextShop {height:auto; width: 900px; /*background-image:url(../backgrounds/bottom_02.png); background-repeat:no-repeat; background-position: bottom;*/}
#contentTextLocation {height:auto; width: 900px; /*background-image:url(../backgrounds/bottom_04.png); background-repeat:no-repeat; background-position: bottom;*/}

#topSectionWatersports {
	margin:0; padding:0;
	width:900px;
	height:auto;
}

#InputText {
height:auto; 
width: 580px; 
margin:5px 0 0 20px; padding:0; 
float:left; 
}

	/*News Page Input*/
	#newsInputText {
	height:auto; 
	width: 860px; 
	margin:5px 0 0 20px; padding:0; 
	float:left; 
	}
	
	.newsPostImage {
		width:240px;
		height:auto;
		float:left;
		margin:10px 0 10px 20px;
		padding:0;
	}

#logoBox {
height:auto;
width:600px;
margin:10px 0 0 0; padding:0;
float:left;
}

#logoBoxSchools {
height:auto;
width:600px;
margin:-50px 0 0 0; padding:0;
float:left;
}
.logoBoxImages {
	height:auto; width:auto;
	margin:0 35px; padding:0;
	float:left;
}

.logoBoxSchoolsImages {
	height:auto; width:auto;
	margin:0 10px 0 0; padding:0;
	float:left;
}

#caravansLogo {
	margin:0 0 20px 10px;
	padding:0;
	width:550px;
	height:86px;
}

#largeLogoBox {
height:300px;
width:580px;
margin:10px 0 0 0; padding:0;
float:left;
}

#textBoxes {
height:auto; 
width:580px; 
border-top: 1px solid #CCCCCC;
margin:0; 
padding:10px 0 10px 0;
float:left;
}

#textBoxes li {
	margin:0 0 10px 30px;
	padding:0;
}

#textBoxes2 {
margin:0 0 0 20px; padding:0;
height:auto; 
width:870px; 
border-top: 1px solid #cccccc;
float:left; 
}

#textBoxes3 {
margin:0; padding:0;
height:auto; 
width:auto; 
border-top: 1px solid #cccccc;
float:left; 
}

#bottomImage {
height:400px; 
width:900px; 
background-image:url(../backgrounds/bottom_02.png); 
margin-top: -41%; 
z-index:0;
}

#footer {
margin:0 auto 10px auto; 
clear:both;
font-size: 9px; 
height:50px; 
width:900px; 
padding:0;
float:none;
}


.footerRight {
	margin:0 0 8px 0; 
	font-size: 9px; 
	height:10px; 
	width:300px; 
	float:right;
	text-align:right; 
	padding:0;
}

.footerLeft {
	margin:0 0 8px 0; 
	font-size: 9px; 
	height:10px; 
	width:600px; 
	float:left; 
	padding:0;
}

/*////////////////////   NAVIGATION   ///////////////*/

#navBar {
	margin:3px 0 5px 0; 
	padding:0;
	background-image:url(../images/navBackground.png);
	background-repeat:repeat-x;
	/*filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;*/
	width:900px;
	height:30px;
}
a.nav, a.nav:link, a.nav:visited {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	padding:2px 0 0 0; 	
	overflow:hidden; 
	width:98px;
	border-right:1px solid #ffffff;
	border-left:1px solid #e6e6e6;
	height:18px; 
	display:block;
	margin:5px 0 0 0;	 
	text-decoration:none;
	text-align:center;  
	font-size:11px; 
	font-weight:normal;
	color:#333333; 
	overflow:hidden; 
	float:left;
}

/*a.nav, a.nav:link, a.nav:visited {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	padding:2px 18px 3px 19px; 	
	overflow:hidden; 
	width:auto; 
	display:block;
	margin:5px 0 0 0;	 
	text-decoration:none;  
	font-size:12px; 
	font-weight:normal;
	color:#333333; 
	overflow:hidden; 
	float:left;
}

a.navend, a.navend:link {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	padding:2px 19px 3px 19px; 	 
	display:block;
	overflow:hidden; 
	width:auto; 
	margin:5px 0 0 0; 
	text-align:center; 
	text-decoration:none;  
	font-size:12px; 
	font-weight:normal;
	line-height:15px; 
	color:#333333; 
	overflow:hidden; 
	float:left;
}
*/
a.nav:hover, a.navend:hover {
	color:#0000FF;
	background-color:#dae1e4; 
}

a {
	margin:0; padding:0;
	text-decoration: none; 
	color:#0000FF;
}

a:hover {
color:#000000;  
}

ul {
	margin:0; padding:0;
}

ul.listItems {
	margin:0 0 0 15px; 
	padding:0;
	width:470px;
	line-height:15px;
}

ul.listItems2 {
	margin:0 0 0 15px; 
	padding:0;
	width:270px;
	line-height:15px;
	float:left
}

.clear {clear: both; height:0px;}

/*thumbnails - watersports*/
#thumbs {
height:175px; 
width:175px; 
float:right; 
margin: 1% 0% 0% 0%;
}

/*Text Fonts*/

.display {
	color:#333333;
	font-size:10px;
	font-weight:lighter;
}

.newsTitle {
	font-size:13px;
	margin:0 0 3px 0;
}

.homeNewsTitle {
	font-size:12px;
	margin:10px 0 2px 0;
}

.homeNewsDate {
	font-size:10px; 
	color:#666666;
	margin:0 0 15px 0;
}



p {
	line-height:15px;
	margin:10px 0 15px 0;
}

h1{
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
font-size:14px; 
color: #333333; 
margin:15px 0 0 50px; padding:0;
}

h1 a{
	color:#333333;
}



h1 a:hover {
	color:#0000FF;
}

h2{
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
font-size:14px; 
color:#333333;
margin:10px 0 0 0; 
padding:0;
}
h4 {	
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	margin:6px 0 6px 0; padding:0;
	font-size:12px;
	color:#333333;
}
h3{
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
font-size:11px; 
color:#333333; 
}
	.locationPageSpacing {
		margin:0 0 10px;
		padding:0 115px 0 0;
		width:auto;
		float:left;
	}
h5 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size:14px; 
	color: #333333; 
	margin:15px 0 0 0; padding:0;
}

/*Dates and Days for Latest News*/
h6{
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
font-size:11px; 
color:#333333; 
padding:0px; 
margin: 0px; 
}
h7{
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
font-size:10px; 
color:#666666; 
border:none; 
}

/*  ///////   Shop   //////////*/

#shopImageTwo {
	height:300px; width:550px;
	background-image:url(../images/newShopImageTwo.jpg);
	background-repeat:no-repeat;
	margin:0; padding:0;
}

#collageBar {
	margin:5px 0 0 0; 
	padding:13px 0 0 0;
	background-image:url(../images/home_collage_bg.png);
	background-repeat:repeat-x;
	/*filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;*/
	float:left;
	width:900px;
	height:77px;
}

div#logo {
	width:200px;
	height:120px;
	margin:0;
	float:right;
}

.error {
	color:#FF0000;
}

/*////////// GALLERY PAGE ////////////////*/

.galleryBlock {
	margin:10px auto;
	padding:0;
	width:870px;
	height:auto;
}

.gallery_left {
	float:left;
	width:430px;
	height:auto;
}

.galleryBackgroundLeft {
	background-image:url(../images/galleries_bg.png);
	margin:0;
	padding:15px 15px 0 15px;
	width:400px;
	height:275px;
}

.gallery_content_bg {
	margin:0;
	padding:0;
	background-image:url(../images/galleries_mid_bg.png);
	background-repeat:repeat-y;
	width:430px;
	height:auto;
}
.gallery_bottom_bg {
	background-image:url(../images/galleries_bottom_bg.png);
	background-repeat:no-repeat;
	width:430px;
	height:20px;
	margin:0 0 10px 0;
	padding:0;
}

.gallery_right {
	float:right;
	width:430px;
	height:auto;
}

.galleryBackgroundRight {
	background-image:url(../images/galleries_bg.png);
	margin:0;
	padding:15px 15px 0 15px;
	width:400px;
	height:275px;
}

.gallery_title {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-weight:bold;
	color:#000000;
	margin:0 0 0 15px;
	padding:0;
	width:280px;
	float:left;
}
.gallery_date {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	padding:0;
	margin:0 15px 0 0;
	float:right;
	width:115px;
	height:12px;
	border-left:1px solid #666666;
	text-align:right;
}

.gallery_info {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	margin:8px 15px 0 15px;
	padding:0;
	text-align:justify;
	width:400px;
}

#galleryInputText {
	height:auto; 
	width: 860px; 
	margin:5px 20px 0 20px; padding:0; 
	float:left; 
}

#webcamInputText {
	height:auto; 
	width: 480px;
	height:380px; 
	margin:10px auto 10px auto;
	padding:20px 20px 0 20px;
	background-image:url(../images/webcam_bg.jpg);
	background-repeat:no-repeat; 
	text-align:center; 
}

.partners_images {
	width:auto;
	height:auto;
	margin:10px auto;
	padding:0;
	text-align:center;
}

#mapHolder {
	margin:10px 0 20px 0; 
	padding:0px; 
	height:340px; 
	width:575px;
	font-size:8px;
	overflow:hidden;
}

/*Contact Form Details*/

.formLeft {
	margin:0;
	padding:5px 10px 0 0;
	width:190px;
	height:25px;
	float:left;
	text-align:right;
}

.formRight {
	margin:0;
	padding:0;
	width:200px;
	height:30px;
	float:left;
}

/*payment page*/

.cards {
	margin:10px 10px;
	padding:0;
	float:left;
	width:auto;
	height:40px;
}