/* Global
------------------------------------------------------------------*/
html, body, div, h1, h2, h3, ul, p{
	margin:0;
	padding:0;
}
html, body {
	width:100%;
}
#bodyNyito, #bodyRolunk, #bodyTurak, #bodyIndoor, #bodyOutdoor, #bodyFolyoKornyek, #bodyBazis, #bodyKapcsolat, #bodyTerkep, #bodyPartner, #bodyZorb, #bodyUtalvany {
/*	font-family:Verdana, Arial, Helvetica, sans-serif; */
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
	color:#142547;
	background-color:#94c5d0;
}
h1, h2{
	display:block;
	position:relative;
	text-indent:-9000px;
	font-size:1px;
	line-height:1px;
	overflow:hidden;
}
h2 {
	width:520px;
	height:95px;
	margin-bottom:10px;
}

h3{
	display:block;
	position:relative;
	font-size:1.3em;
	color:#5ab3e0;
	border-bottom: 1px solid #c9e2e7;
}
em{
	color:#b2b2b2;
	font-style:normal;
}
img{
	border:1px solid #94c5d0;
	background-color:#def0f9;
/*	margin: 0px 5px 5px 5px; */
	margin: 0px;
	padding:6px;
}

hr{
	border: 0;
	width: 80%;
	color: #b2b2b2;
	background-color: #e5e3df;
	height: 1px;
	margin:5px auto 20px auto;
	padding:0;
	text-align:center;
}


/* Header
------------------------------------------------------------------*/

#headerOuter{
	width:100%;
	height:239px;
	position:relative;
	background:transparent url(../pix/header_bg.jpg) repeat-x top center;
}
#headerInner{
	position:relative;
	width:780px;
	height:239px;
	margin:0px auto;
}

h1#logoHolder{
	background:transparent url(../pix/whitewater_logo.jpg) no-repeat 0 0;
	width:219px;
	height:124px;
	top:0px;
	left:46px;
}

/* Main navigation
------------------------------------------------------------------*/
ul#nav {
	position:absolute;
	width:780px;
	height:60px;
	left:0px;
	top:170px;
	/*background:transparent url(../pix/menu.gif) no-repeat 0 -60px;*/
}
	ul#nav li {
		padding:0;
		margin:0;
		display:block;
		float:left;
		text-indent:-9999px;	
		}
	ul#nav li a {
		border:0;
		display:block;
		height:60px;
		text-decoration:none;
		background:transparent url(../pix/menu.gif) no-repeat;
		}
	li#nyito a {
		width:61px;
		 }
	li#rolunk a {
		width:51px;
		 }
	li#turak a {
		width:88px;
		 }	 
	li#zorb a {
		width:57px;
		 }	 
	li#utalvany a {
		width:116px;
		 }	 
	li#indoor a {
		width:97px;
		 }	 
	li#outdoor a {
		width:106px;
		 }	 
	li#kalandturak a {
		width:84px;
		 }
	li#szallas a {
		width:51px;
		 }
	li#kapcsolat a {
		width:69px;
		 }	 	 	 	 
	li#nyito a:link, li#nyito a:visited {	
		background-position:0px -60px;
		}
	li#nyito a:hover, li#nyito a:focus {
		background-position:0px 0px;
		outline:none;
		 }
	li#rolunk a:link, li#rolunk a:visited {	
		background-position:-61px -60px;
		}
	li#rolunk a:hover, li#rolunk a:focus {	
		background-position:-61px 0px;
		outline:none;
		}

	li#turak a:link, li#turak a:visited {	
		background-position:-112px -60px;
		}
	li#turak a:hover, li#turak a:focus {	
		background-position:-112px 0px;
		outline:none;
		}

	li#zorb a:link, li#zorb a:visited {	
		background-position:-200px -60px;
		}
	li#zorb a:hover, li#zorb a:focus {	
		background-position:-200px 0px;
		outline:none;
		}

	li#utalvany a:link, li#utalvany a:visited {	
		background-position:-257px -60px;
		}
	li#utalvany a:hover, li#utalvany a:focus {	
		background-position:-257px 0px;
		outline:none;
		}

	li#indoor a:link, li#indoor a:visited {	
		background-position:-373px -60px;
		}
	li#indoor a:hover, li#indoor a:focus {	
		background-position:-373px 0px;
		outline:none;
		}

	li#outdoor a:link, li#outdoor a:visited {	
		background-position:-470px -60px;
		}
	li#outdoor a:hover, li#outdoor a:focus {	
		background-position:-470px 0px;
		outline:none;
		}

	li#kalandturak a:link, li#kalandturak a:visited {	
		background-position:-576px -60px;
		}
	li#kalandturak a:hover, li#kalandturak a:focus {	
		background-position:-576px 0px;
		outline:none;
		}

	li#szallas a:link, li#szallas a:visited {	
		background-position:-660px -60px;
		}
	li#szallas a:hover, li#szallas a:focus {	
		background-position:-660px 0px;
		outline:none;
		}

	li#kapcsolat a:link, li#kapcsolat a:visited {	
		background-position:-711px -60px;
		}
	li#kapcsolat a:hover, li#kapcsolat a:focus {	
		background-position:-711px 0px;
		outline:none;
		}

/* Main navigation "active tabs"
------------------------------------------------------------------*/

body#bodyNyito ul#nav li#nyito a {
	background-position:0px 0px;
	}
body#bodyRolunk ul#nav li#rolunk a {
	background-position:-61px 0px;
	}
body#bodyTurak ul#nav li#turak a {
	background-position:-112px 0px;
	}
body#bodyZorb ul#nav li#zorb a {
	background-position:-200px 0px;
	}
body#bodyUtalvany ul#nav li#utalvany a {
	background-position:-257px 0px;
	}
body#bodyIndoor ul#nav li#indoor a {
	background-position:-373px 0px;
	}
body#bodyOutdoor ul#nav li#outdoor a {
	background-position:-470px 0px;
	}
body#bodyFolyoKornyek ul#nav li#kalandturak a {
	background-position:-576px 0px;
	}
body#bodyBazis ul#nav li#szallas a {
	background-position:-660px 0px;
	}
body#bodyKapcsolat ul#nav li#kapcsolat a {
	background-position:-711px 0px;
	}

/* Content body
------------------------------------------------------------------*/

#contentOuter{
	width:100%;
	height:auto;
	position:relative;
	background:#94c5d0;
}
#contentInner{
	position:relative;
	width:780px;
	min-height:400px;
	height:auto;
	margin:0px auto;
	padding-bottom:10px;
	background:#fff url(../pix/content_top.jpg) no-repeat 0 0;
}

/* for Internet Explorer */
/*\*/
* html #contentInner{
height: 400px;
}
/**/

	#contentInner a{
		color:#5ab3e0;
		text-decoration:underline;
	}
	#contentInner a:hover{
		color:#000;
	}
	
	h2#headerNyito{
		background:transparent url(../pix/heading_nyito.jpg) no-repeat 0 0;
	}

	h2#headerRolunk{
		background:transparent url(../pix/heading_rolunk.jpg) no-repeat 0 0;
	}

	h2#headerTurak{
		background:transparent url(../pix/heading_turak.jpg) no-repeat 0 0;
	}

	h2#headerIndoor{
		background:transparent url(../pix/heading_indoor.jpg) no-repeat 0 0;
	}

	h2#headerOutdoor{
		background:transparent url(../pix/heading_outdoor.jpg) no-repeat 0 0;
	}

	h2#headerFolyoKornyek{
		background:transparent url(../pix/heading_kalandturak.jpg) no-repeat 0 0;
	}

	h2#headerBazis{
		background:transparent url(../pix/heading_szallas.jpg) no-repeat 0 0;
	}

	h2#headerKapcsolat{
		background:transparent url(../pix/heading_kapcsolat.jpg) no-repeat 0 0;
	}
	h2#headerPartner{
		background:transparent url(../pix/heading_partner.jpg) no-repeat 0 0;
	}
	h2#headerHonlapTerkep{
		background:transparent url(../pix/heading_honlapterkep.jpg) no-repeat 0 0;
	}
	h2#headerZorb{
		background:transparent url(../pix/heading_zorb.jpg) no-repeat 0 0;
	}
	h2#headerUtalvany{
		background:transparent url(../pix/heading_utalvany.jpg) no-repeat 0 0;
	}

#mainContent{
	position:relative;
	width:540px;
	height:auto;
	float:left;
}
	#mainContent h3 {
		margin:20px 20px 10px 30px;
	}
	#mainContent h4 {
		margin:10px 20px 10px 30px;
		font-weight:bold;
		font-size:1em;
	}
	#mainContent p{
		padding:0px 20px 10px 30px;
		line-height:150%;
	}
	
	#mainContent ul{
		margin: 0px 0px 10px 60px;
		line-height: 150%;
	}
	#mainContent li{
		padding-left: 5px;
	}
	
	#mainEvezes, #mainSzallas, #mainIndoor, #mainOutdoor, #mainZorb, #mainUtalvany {
		position:relative;
		display:block;
		padding:20px 20px 0px 100px;
	}
	#mainEvezes h3, #mainSzallas h3, #mainIndoor h3, #mainOutdoor h3, #mainZorb h3, #mainUtalvany h3 {
		margin:0px 0px 5px 0px;
	}
		#mainZorb h3 span {
			color: #142547;
		}

	#mainEvezes p, #mainSzallas p, #mainIndoor p, #mainOutdoor p, #mainZorb p, #mainUtalvany p {
		padding:0px 0px 10px 0px;
	}
	#mainEvezes {
		background:transparent url(../pix/icon_paddles.jpg) no-repeat  15px 20px;
	}
	#mainSzallas {
		background:transparent url(../pix/icon_bed.jpg) no-repeat  15px 20px;
	}
	#mainIndoor {
		background:transparent url(../pix/icon_indoor.jpg) no-repeat  15px 20px;
	}
	#mainOutdoor {
		background:transparent url(../pix/icon_vest.jpg) no-repeat  15px 20px;
	}
	#mainZorb {
		background:transparent url(../pix/icon_zorb.jpg) no-repeat  15px 15px;
	}
	#mainUtalvany {
		background:transparent url(../pix/icon_utalvany.jpg) no-repeat  15px 18px;
	}

#sideBar{
	width:210px;
	height:auto;
	float:left;
}
	#contactBox, #utalvanyBox {
		display:block;
		position:relative;
		width:210px;
		top:55px;
		background: #def0f9 url(../pix/contact_box_bottom.jpg) no-repeat  bottom left;
	}
	
	#utalvanyBox {
		margin-bottom:20px;	
	}
	
	h4#contact, h4#contact2, h4#gallery, h4#utalvanyHeading{
		display:block;
		height:34px;
		width:210px;
		position:relative;
		left:0;
		top:0;
		font-size:1px;
		line-height:1px;
		text-indent:-9000px;
		overflow:hidden;
		text-decoration:none;
	}
	h4#contact{
		background: transparent url(../pix/contact_box_header.jpg) no-repeat  0 0;
	}
	h4#contact2{
		background: transparent url(../pix/contact_box_header2.jpg) no-repeat  0 0;
	}
	h4#utalvanyHeading{
		background: transparent url(../pix/contact_box_header3.jpg) no-repeat  0 0;
	}
	#contactBox p, #utalvanyBox p {
		padding:0px 10px 10px 10px;
		color:#1c3a41;
		font-size:0.9em;
	}
	
	#utalvanyBox img {
		border:none;
		padding:0;
	}
	
	#galleryBox {
		display:block;
		position:relative;
		width:210px;
		top:80px;
	}
	h4#gallery {
		background: transparent url(../pix/gallery_header.jpg) no-repeat  0 0;
		padding-bottom:10px;
	}
	
	#galleryBox p {
		padding-bottom:10px;
	}
	
		
.moreButton{
	width:91px;
	height:44px;
	display:block;
	float:right;
}
.contactButton, .detailsButton{
	width:158px;
	height:52px;
	display:block;
	padding:10px 0px 20px 26px;
}
.moreButton a, .contactButton a, .detailsButton a{
	display:block;
	font-size:1px;
	line-height:1px;
	text-indent:-9000px;
	overflow:hidden;
	text-decoration:none;
	outline:none;
}
.moreButton a{
	width:91px;
	height:44px;
	background:transparent url(../pix/more_button.jpg) no-repeat 0 -44px;
}
.moreButton a:hover{
	background:transparent url(../pix/more_button.jpg) no-repeat 0 0px;
}

.contactButton a{
	width:158px;
	height:52px;
	background:transparent url(../pix/jelentkezz_button.jpg) no-repeat 0 0;
}
.contactButton a:hover{
	background:transparent url(../pix/jelentkezz_button.jpg) no-repeat 0 -52px;
}

.detailsButton a{
	width:158px;
	height:52px;
	background:transparent url(../pix/reszletek_button.jpg) no-repeat 0 0;
}
.detailsButton a:hover{
	background:transparent url(../pix/reszletek_button.jpg) no-repeat 0 -52px;
}

/* Contact Us
------------------------------------------------------------------*/
	#formHolder{
		margin:20px 20px 40px 30px;
	}
	#formHolder em{
		color:#56abcd;
		font-style:normal;
		font-weight:bold;
	}
/* Form
------------------------------------------------------------------*/
	
	#formHolder form{
		margin:0;
		padding:0;
	}
	#formHolder form input {border:1px solid #94c5d0;}
	#formHolder form input.submit {border:1px solid #94c5d0;}
	#formHolder form textarea { overflow: auto; border:1px solid #94c5d0;} 
	
	#formHolder form fieldset {
		clear: left;
		margin: 10px 0;
		padding: 0px 10px;
		border:0;
	}
			
		#formHolder form fieldset div.field,
		#formHolder form fieldset div.login {
			clear: left;
			min-height: 1.5em; 
			padding: 5px 0;
		}
			#formHolder form fieldset div.field label {
				float: left;
				width: 160px;
				margin-right: 5px;
				padding-right: 15px;
				font-weight: bold;
				text-align: left;
				line-height: 1.5em;
			}
			#formHolder form fieldset div.field input,
			#formHolder form fieldset div.field span.value,
			#formHolder form fieldset div.field select#subject {
				float: left;
				width: 196px;
			}
			#formHolder form fieldset div.field input#postcode,
			#formHolder form fieldset div.field input#postcode2,
			#formHolder form fieldset div.field input#salza_classic_1,
			#formHolder form fieldset div.field input#salza_classic_2,
			#formHolder form fieldset div.field input#salza_hosszu_1,
			#formHolder form fieldset div.field input#salza_hosszu_2,
			#formHolder form fieldset div.field input#zorbInput,
			#formHolder form fieldset div.field input#kotelpalya,
			#formHolder form fieldset div.field input#sec_code 
			{
				width: 60px;
			}
			#formHolder form fieldset div.field #captcha {
				margin-left: 180px;
			}
			#formHolder form fieldset div.field span.value {
				line-height: 1.5em;
			}
			#formHolder form fieldset div.field input.submit { width: auto; }
			#formHolder form fieldset div.field input.reset { width: auto; }
			#formHolder form fieldset div.field input.radio { width: auto; }
			#formHolder form fieldset div.field textarea {
				float: left;
				width: 280px;
			}
			#formHolder form fieldset div.subHeading {
				color:#56abcd;
				font-weight:bold;
				padding-top:10px;
			}
			#formHolder form fieldset div.subHeading span {
				color:#bdbfba;
				font-weight:normal;
			}
			#formHolder form fieldset div.field #submitButton { 
				width: auto; 
				margin-left: 180px;
			}
			#formHolder form fieldset div.field.required label {
				background: url(../pix/bullet_redstar.gif) right no-repeat;
			}
			#formHolder form fieldset div.field.csomagok label {
				width: 356px;
				font-weight:normal;
				font-size:0.9em;
			}
			.thankYou{
				font-weight:bold;
				color:#000;
				padding:0px 20px 10px 30px;
				line-height:150%;
			}
			.error{
				color:#ff0000;
				font-weight:bold;
				padding:0px 20px 10px 30px;
				line-height:150%;
			}
			

/* Footer
------------------------------------------------------------------*/

#footerOuter{
	width:100%;
	height:140px;
	position:relative;
	background-color:#94c5d0;
}
#footerInner{
	position:relative;
	width:780px;
	height:140px;
	margin:0px auto;
	background: url(../pix/footer_bg.jpg) no-repeat top center;
}

#footerFirst{
	display:block;
	position:relative;
	width:780px;
	/*height:20px;*/
	top:50px;
	text-align:center;
	font-size:0.9em;
}
	#footerFirst ul{
		padding:0 0 10px 0;
		margin:0;
		list-style-type:none;
		background:transparent;
	}
	#footerFirst li {
		display:inline;
		padding:0px 5px 0px 5px;
		margin:0px;
		border-right:1px solid #fff;
	}
	
	#footerFirst li a{
		color:#1c3a41;
		text-decoration:none;
		font-weight:normal;
	}
	#footerFirst li a:hover{
		color:#fff;
		text-decoration:underline;
	}
	#footerFirst li.last{border:0px}

#footerLast{
	position:relative;
	display:block;
	width:780px;
	height:60px;
	padding:0;
	top:50px;
	background-color:transparent;
}
	
	#footerLogo{
		display:block;
		height:56px;
		width:76px;
		position:absolute;
		left:0;
		top:3px;
		background:transparent url(../pix/whitewater_logo_small.jpg) no-repeat 0 0;
		font-size:1px;
		line-height:1px;
		text-indent:-9000px;
		overflow:hidden;
		text-decoration:none;
	}
	
	#copyrightInfo {
		position:absolute;
		left:90px;
		top:26px;
		font-size:0.8em;
		width:700px;
		text-align:left;
		color:#1c3a41;
		padding:4px 0px 10px 0px;
		background:transparent;
	}
	#copyrightInfo .separator2{
		color : #fff;
	}
	
	/* Liquid Media link */
	#liquidMedia, #liquidLink{
		display:block;
		height:16px;
		width:182px;
	}
	#liquidMedia{
		position:absolute;
		right:0;
		top:30px;
		background:transparent url(../pix/liquid_logo.gif) no-repeat 0 0;
	}
	#liquidLink{
		font-size:1px;
		line-height:1px;
		text-indent:-9000px;
		overflow:hidden;
		text-decoration:none;
		outline:none;
	}

/* Misc
------------------------------------------------------------------*/
.clearB{
	clear:both;
	height:0;
	margin:0; /* I think this is unnecessary */
	font-size:1px; /* helps WinIE with B1 and B2 */
	line-height:0px; /* helps WinIE5 */
}
.right{
	text-align:right;
}
.center{
	text-align:center;
}


#topLinks{
	position:absolute;
	display:block;
	top:30px;
	right:0px;
	padding:0;
	margin:0;
	height:19px;
	font-size:0.75em;
	background:transparent url(../pix/top_links_bg.jpg) no-repeat 0 0;
}
	#topLinks ul{
		list-style-type:none;
		margin-top:3px;
	}
	
	#topLinks li {
		display:inline;
		margin:0;
		padding: 0px 0px 2px 12px;
		height:14px;
	}
	
	li#extraItem1{
		padding-left: 34px;
		background:transparent url(../pix/icon_bookmark.gif) no-repeat 10px 0px;
	}
	li#extraItem2{
		padding-left: 24px;
		background:transparent url(../pix/icon_sitemap.gif) no-repeat 10px 0px;
	}
	
		#topLinks li a{
			color:#5ab3e0;
			text-decoration:none;
		}
		#topLinks li a:hover{
			color:#fff;
			text-decoration:underline;
		}