/*
 * css for the sub pages
 */

/*
 * reset css 
 */

body{
	margin:0;	
	font:25px/25px "Arial Narrow",Arial, Helvetica, sans-serif;
}
img{border-style:none;}
a{color:#000;}
a:hover{text-decoration:none;}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border:none;
}
/*
 * center position of the content
 */

#main-container{
	width:100%;
	overflow:hidden;
	position:relative;
}
.wrapper-content{
	width:1500px;
	position:relative;
	float:left;
	left:50%;
}
.content{
	width:1500px;
	position:relative;
	float:left;
	left:-50%;
	background:url(../images/bg-sub-terms.jpg) no-repeat;
}

/*
 * header and logo 
 */

.content .header{
	float:left;
	width:100%;
	height:267px;
}
.content .header h1{
	margin:2px 0 0 125px;
	padding:0;
	float:left;
	display:inline;
	
}
.content .header h1 a.logo{
	display:block;
	width:500px;
	height:214px;
	text-decoration:none;
	text-indent:-9999px;
}
/*
 * two main block 
 */

#two-column{
	margin:0 auto;
	width:1077px;
}

/*
 * left bar contains: -  navigation  -sign up box - links 
 */
#leftbar{
	float:left;
	width:270px;
}
/*
 * title text terms and conditions
 */
#leftbar .terms{
	float:left;
	width:270px;
	margin-bottom:25px;
	display:inline;
}
#leftbar .terms h2{
	margin:120px 0 5px 22px;
	padding:0;
	float:left;
	display:inline;
	background:url(../images/text-terms-and-conditions.png) no-repeat;
	width:238px;
	height:91px;
	text-indent:-9999px;	
}
#leftbar .privacy h2{
	margin:120px 0 5px 22px;
	padding:0;
	float:left;
	display:inline;
	background:url(../images/text-privacy-policy.png) no-repeat;
	width:238px;
	height:91px;
	text-indent:-9999px;	
}
/*
 * navigation 
 */
#leftbar .navigation{
	float:left;
	width:270px;
	margin-bottom:7px;
	display:inline;
}
#leftbar .navigation ul{
	margin:0;
	padding:0;
	list-style:none;
	float:left;	
}
#leftbar .navigation ul li{
	float:left;
	display:inline;
	margin:0 0 5px 48px;
}
#leftbar .navigation ul li a{cursor:pointer;}
/*
 * reserve
 */
#leftbar .navigation ul li a.reserve{
	display:block;
	background:url(../images/nav-reserve-now.png) no-repeat;
	height:40px;
	width:192px;
	text-indent:-9999px;
	text-decoration:none;
}
#leftbar .navigation ul li a:hover.reserve,
#leftbar .navigation ul li a.reserve-active{
	display:block;
	background:url(../images/nav-reserve-now-hover.png) no-repeat;
	height:40px;
	width:192px;	
	text-indent:-9999px;	
}
/*
 * fest itinerary
 */
#leftbar .navigation ul li a.fest{
	display:block;
	background:url(../images/nav-fest-itenerary.png) no-repeat;
	height:40px;
	width:192px;
	text-indent:-9999px;
	text-decoration:none;
}
#leftbar .navigation ul li a:hover.fest,
#leftbar .navigation ul li a.fest-active{
	display:block;
	background:url(../images/nav-fest-itenerary-hover.png) no-repeat;
	height:40px;
	width:192px;	
	text-indent:-9999px;	
}
/*
 * pervy-people

 */
#leftbar .navigation ul li a.pervy-people{
	display:block;
	background:url(../images/nav-pervy-people.png) no-repeat;
	height:40px;
	width:192px;
	text-indent:-9999px;
	text-decoration:none;
}
#leftbar .navigation ul li a:hover.pervy-people,
#leftbar .navigation ul li a.pervy-people-active{
	display:block;
	background:url(../images/nav-pervy-people-hover.png) no-repeat;
	height:40px;
	width:192px;	
	text-indent:-9999px;	
}
/*
 * entertainment
 */
#leftbar .navigation ul li a.entertainment{
	display:block;
	background:url(../images/nav-entertainment.png) no-repeat;
	height:40px;
	width:192px;
	text-indent:-9999px;
	text-decoration:none;
}
#leftbar .navigation ul li a:hover.entertainment,
#leftbar .navigation ul li a.entertainment-active{
	display:block;
	background:url(../images/nav-entertainment-hover.png) no-repeat;
	height:40px;
	width:192px;	
	text-indent:-9999px;	
}
/*
 * pervy-parties
 */
#leftbar .navigation ul li a.pervy-parties{
	display:block;
	background:url(../images/nav-pervy-parties.png) no-repeat;
	height:40px;
	width:192px;
	text-indent:-9999px;
	text-decoration:none;
}
#leftbar .navigation ul li a:hover.pervy-parties,
#leftbar .navigation ul li a.pervy-parties-active{
	display:block;
	background:url(../images/nav-pervy-parties-hover.png) no-repeat;
	height:40px;
	width:192px;	
	text-indent:-9999px;	
}
/*
 * workshops
*/
#leftbar .navigation ul li a.workshops{
	display:block;
	background:url(../images/nav-workshops.png) no-repeat;
	height:40px;
	width:192px;
	text-indent:-9999px;
	text-decoration:none;
}
#leftbar .navigation ul li a:hover.workshops,
#leftbar .navigation ul li a.workshops-active{
	display:block;
	background:url(../images/nav-workshops-hover.png) no-repeat;
	height:40px;
	width:192px;	
	text-indent:-9999px;	
}
/*
 * about hedonism
 */
#leftbar .navigation ul li a.hedonism{
	display:block;
	background:url(../images/nav-hedonism.png) no-repeat;
	height:40px;
	width:192px;
	text-indent:-9999px;
	text-decoration:none;
}
#leftbar .navigation ul li a:hover.hedonism,
#leftbar .navigation ul li a.hedonism-active{
	display:block;
	background:url(../images/nav-hedonism-hover.png) no-repeat;
	height:40px;
	width:192px;	
	text-indent:-9999px;	
}
/*
 * picture-gallery
*/
#leftbar .navigation ul li a.picture-gallery{
	display:block;
	background:url(../images/nav-picture-gallery.png) no-repeat;
	height:40px;
	width:192px;
	text-indent:-9999px;
	text-decoration:none;
}
#leftbar .navigation ul li a:hover.picture-gallery,
#leftbar .navigation ul li a.picture-gallery-active{
	display:block;
	background:url(../images/nav-picture-gallery-hover.png) no-repeat;
	height:40px;
	width:192px;	
	text-indent:-9999px;	
}
/*
 * contact-us
 */
#leftbar .navigation ul li a.contact-us{
	display:block;
	background:url(../images/nav-contact-us.png) no-repeat;
	height:40px;
	width:192px;
	text-indent:-9999px;
	text-decoration:none;
}
#leftbar .navigation ul li a:hover.contact-us,
#leftbar .navigation ul li a.contact-us-active{
	display:block;
	background:url(../images/nav-contact-us-hover.png) no-repeat;
	height:40px;
	width:192px;	
	text-indent:-9999px;	
}

/*
 * sign up box
 */
#leftbar .signup{
	float:left;
	background:url(../images/bg-signup.png) no-repeat;
	width:196px;
	height:85px;
	margin:0 0 12px 44px;
	display:inline;
}
#leftbar .signup label{
	width:154px;
	height:50px;
	text-indent:-9999px;
	float:left;
}
#leftbar .signup input.input-text{
	border:1px solid #fff;
	font-size:12px;
	height:18px;
	margin:5px 2px 5px 23px;
	width:115px;
	float:left;
	display:inline;	
}
#leftbar .signup input.go{
	border:none;
	background:none;
	cursor:pointer;
	display:inline;
	float:left;
	font-size:12px;
	height:22px;
	margin:2px 0 0 5px;
	text-indent:-9999px;
	width:33px;
	font-size:1px;
}
/*
 * central block contains: -hedonism logo -main box which contains text 
 */

#second-box{
	float:left;
	width:763px;
	margin-bottom:20px;
	display:inline;
}
/*
 * box 
 */
#second-box .box-main{
	float:left;
	width:100%;
}
#second-box .box-main .box-top{
	background:url(../images/bg-box-top.png) no-repeat;
	width:763px;
	height:23px;
	line-height:23px;
	float:left;
}

#second-box .box-main .box-content{
	background:url(../images/bg-box-content.png) repeat-y;
	width:763px;
	float:left;	
}
#second-box .box-main .box-content .text{
	display:inline;
	float:left;
	margin:7px 0 -12px 12px;
	position:relative;
	width:734px;	
}
#second-box .box-main .box-content .text h3{
	font:bold 16px "Myriad Pro condensed", Arial, Helvetica, sans-serif;
	color:#393939;
	margin:0 0 5px; 
	padding:0;
}
#second-box .box-main .box-content .text p{
	font:normal 16px/19px "Myriad Pro condensed" ,Arial, Helvetica, sans-serif;
	color:#393939;
	margin:0 0 20px; 
}
#second-box .box-main .box-content .cancellation{
	display:inline;
	float:left;
	margin:7px 0 -25px 12px;
	position:relative;
	width:734px;
}
#second-box .box-main .box-content .cancellation h3{
	font:bold 16px "Myriad Pro condensed", Arial, Helvetica, sans-serif;
	color:#393939;
	margin:0 0 20px;
	padding:0;
	float:left;
	display:inline;
}
#second-box .box-main .box-content .cancellation ul{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	width:734px;		
}
#second-box .box-main .box-content .cancellation ul li{
	float:left;
	width:743px;
	margin-bottom:23px;
	display:inline;
}
#second-box .box-main .box-content .cancellation ul li span.first{
	float:left;
	width:216px;
	font:normal 16px "Myriad Pro Regular" ,Arial, Helvetica, sans-serif;
	color:#393939;
}
#second-box .box-main .box-content .cancellation ul li span.equal{
	float:left;
	width:32px;
	font:normal 16px "Myriad Pro Regular" ,Arial, Helvetica, sans-serif;
	color:#393939;
}
#second-box .box-main .box-content .cancellation ul li span.second{
	float:left;
	width:490px;
	font:normal 16px "Myriad Pro Regular" ,Arial, Helvetica, sans-serif;
	color:#393939;
}
#second-box .box-main .box-bottom{
	background:url(../images/bg-box-bottom.png) no-repeat;
	width:763px;
	height:24px;
	line-height:24px;
	float:left;
}
/*
 * contact page 
 */

 
 .content-contact{
	width:1500px;
	position:relative;
	float:left;
	left:-50%;
	background:url(../images/bg-sub-contact.jpg) no-repeat;
}

 
/*
 * online registration
 */
.content-contact  .title{
 	background:url(../images/contact-online-reg.png) no-repeat;
	margin:14px auto 0;
	width:530px;
	height:43px;
	
 }
 .content-contact  .title a{
 	display:block;
	text-indent:-9999px;
	text-decoration:none;
	width:530px;
	height:43px;
	cursor:pointer;
 }
/*
 * header  
 */ 
  
 .content-contact .header{
	float:left;
	width:100%;
	height:163px;
}
 
 .content-contact .header h1{
	margin:2px 0 0 125px;
	padding:0;
	float:left;
	display:inline;
	
}
 .content-contact .header h1 a.logo{
	display:block;
	width:500px;
	height:160px;
	text-decoration:none;
	text-indent:-9999px;
}
 .content-contact .header .all-inclusive{
 	background:url(../images/contact-ico-all-inclusive.png) no-repeat;
	float:right;
	display:inline;
	margin:14px 302px 0 0;
	width:208px;
	height:134px;
	text-indent:-9999px;
 }


.content-contact .offer-and-stuff{
	margin:0 auto;
	width:1060px;
	
}
/*
 * limited offer box
 * Made this text part of the background because the drop shadows can't be realized with html
 * 
 */
.content-contact .offer-and-stuff .limited-offer{
	float:left;
	width:408px;
	height:268px;
	overflow:hidden;
	text-indent:-9999px;
}
.content-contact .offer-and-stuff .limited-offer .up{
	float:left;
	width:390px;
}
.content-contact .offer-and-stuff .limited-offer .ico-limited-offer{
	text-indent:-9999px;
	float:left;
	width:113px;
	height:105px;
	
}
.content-contact .offer-and-stuff .limited-offer p.great{
	font:27px/31px "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#031677;
	margin:0;
	width:260px;
	float:left;
}
.content-contact .offer-and-stuff .limited-offer p.attend{
	font:16px/16px "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#2a2a2a;
	margin:0;
	width:260px;
	float:left;
}
.content-contact .offer-and-stuff .limited-offer ul{
	margin:7px 0;
	padding:0;
	list-style:none;
	float:left;
	display:inline;
	width:100%;
	
}
.content-contact .offer-and-stuff .limited-offer ul li{
	float:left;
	width:100%;
}
.content-contact .offer-and-stuff .limited-offer ul li label{
	font:25px/25px "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#0a1ebb;
	width:190px;
}
.content-contact .offer-and-stuff .limited-offer ul li span{
	font:25px/25px "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#0a1ebb;
	width:190px;
}
.content-contact .offer-and-stuff .limited-offer p.littel{
	font:16px/16px "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#3f4040;
	width:340px;
	margin:0 0 6px;
	float:left;
	display:inline;
}
/*
 * right stuff box
 * Made this text part of the background because the drop shadows can't be realized with html
 * 
 */
.content-contact .offer-and-stuff .top-right-stuff{
	float:left;
	width:450px;
} 
.content-contact .offer-and-stuff .top-right-stuff p{
	margin:0 0 0 20px;
	font:bold 23px/22px  "Myriad Pro condensed", Arial, Helvetica, sans-serif;
	color:#ff0;
	text-align:center;
	height:158px;
	width:100%;
	float:left;
	display:inline;
	text-indent:-9999px;	
}
.content-contact .offer-and-stuff .top-right-stuff h2{
	margin:0;
	padding:0;
	background:url(../images/contact-text-hedonism.png) no-repeat;
	width:344px;
	height:113px;
	float:left;
	margin:16px 0 0 27px;
	display:inline;
	text-indent:-9999px;	
}
/*
 * two main block in contact page
 */

#two-column-contact{
	margin:0 auto;
	width:1060px;
}
/*
 * navigation in the contact page
 */
#leftbar-contact{
	float:left;
	width:228px;
}
#leftbar-contact .navigation{
	float:left;
	width:228px;
	margin-bottom:7px;
	display:inline;
}
#leftbar-contact .navigation ul{
	margin:0;
	padding:0;
	list-style:none;
	float:left;	
}
#leftbar-contact  .navigation ul li{
	float:left;
	display:inline;
	margin:0 0 5px 18px;
}
#leftbar-contact  .navigation ul li a{cursor:pointer;}
/*
 * reserve now button
 */
#leftbar-contact  .navigation ul li a.reserve{
	display:block;
	background:url(../images/nav-reserve-now.png) no-repeat;
	height:40px;
	width:192px;
	text-indent:-9999px;
	text-decoration:none;
}
#leftbar-contact  .navigation ul li a:hover.reserve,
#leftbar-contact  .navigation ul li a.reserve-active{
	display:block;
	background:url(../images/nav-reserve-now-hover.png) no-repeat;
	height:40px;
	width:192px;	
	text-indent:-9999px;	
}
/*
 * fest itinerary button
*/
#leftbar-contact  .navigation ul li a.fest{
	display:block;
	background:url(../images/nav-fest-itenerary.png) no-repeat;
	height:40px;
	width:192px;
	text-indent:-9999px;
	text-decoration:none;
}
#leftbar-contact  .navigation ul li a:hover.fest,
#leftbar-contact  .navigation ul li a.fest-active{
	display:block;
	background:url(../images/nav-fest-itenerary-hover.png) no-repeat;
	height:40px;
	width:192px;	
	text-indent:-9999px;	
}
/*
 * pervy-people button
*/
#leftbar-contact  .navigation ul li a.pervy-people{
	display:block;
	background:url(../images/nav-pervy-people.png) no-repeat;
	height:40px;
	width:192px;
	text-indent:-9999px;
	text-decoration:none;
}
#leftbar-contact  .navigation ul li a:hover.pervy-people,
#leftbar-contact  .navigation ul li a.pervy-people-active{
	display:block;
	background:url(../images/nav-pervy-people-hover.png) no-repeat;
	height:40px;
	width:192px;	
	text-indent:-9999px;	
}
/*
 * entertainment button
*/
#leftbar-contact  .navigation ul li a.entertainment{
	display:block;
	background:url(../images/nav-entertainment.png) no-repeat;
	height:40px;
	width:192px;
	text-indent:-9999px;
	text-decoration:none;
}
#leftbar-contact  .navigation ul li a:hover.entertainment,
#leftbar-contact  .navigation ul li a.entertainment-active{
	display:block;
	background:url(../images/nav-entertainment-hover.png) no-repeat;
	height:40px;
	width:192px;	
	text-indent:-9999px;	
}
/*
 * pervy-parties button
 */
#leftbar-contact  .navigation ul li a.pervy-parties{
	display:block;
	background:url(../images/nav-pervy-parties.png) no-repeat;
	height:40px;
	width:192px;
	text-indent:-9999px;
	text-decoration:none;
}
#leftbar-contact  .navigation ul li a:hover.pervy-parties,
#leftbar-contact  .navigation ul li a.pervy-parties-active{
	display:block;
	background:url(../images/nav-pervy-parties-hover.png) no-repeat;
	height:40px;
	width:192px;	
	text-indent:-9999px;	
}
/*
 * workshops button
 */
#leftbar-contact  .navigation ul li a.workshops{
	display:block;
	background:url(../images/nav-workshops.png) no-repeat;
	height:40px;
	width:192px;
	text-indent:-9999px;
	text-decoration:none;
}
#leftbar-contact  .navigation ul li a:hover.workshops,
#leftbar-contact  .navigation ul li a.workshops-active{
	display:block;
	background:url(../images/nav-workshops-hover.png) no-repeat;
	height:40px;
	width:192px;	
	text-indent:-9999px;	
}
/*
 * about hedonism II button
 */
#leftbar-contact  .navigation ul li a.hedonism{
	display:block;
	background:url(../images/nav-hedonism.png) no-repeat;
	height:40px;
	width:192px;
	text-indent:-9999px;
	text-decoration:none;
}
#leftbar-contact  .navigation ul li a:hover.hedonism,
#leftbar-contact  .navigation ul li a.hedonism-active{
	display:block;
	background:url(../images/nav-hedonism-hover.png) no-repeat;
	height:40px;
	width:192px;	
	text-indent:-9999px;	
}
/*
 * picture-gallery button
*/
#leftbar-contact  .navigation ul li a.picture-gallery{
	display:block;
	background:url(../images/nav-picture-gallery.png) no-repeat;
	height:40px;
	width:192px;
	text-indent:-9999px;
	text-decoration:none;
}
#leftbar-contact  .navigation ul li a:hover.picture-gallery,
#leftbar-contact  .navigation ul li a.picture-gallery-active{
	display:block;
	background:url(../images/nav-picture-gallery-hover.png) no-repeat;
	height:40px;
	width:192px;	
	text-indent:-9999px;	
}
/*
 * contact-us button
 */
#leftbar-contact  .navigation ul li a.contact-us{
	display:block;
	background:url(../images/nav-contact-us.png) no-repeat;
	height:40px;
	width:192px;
	text-indent:-9999px;
	text-decoration:none;
}
#leftbar-contact  .navigation ul li a:hover.contact-us,
#leftbar-contact  .navigation ul li a.contact-us-active{
	display:block;
	background:url(../images/nav-contact-us-hover.png) no-repeat;
	height:40px;
	width:192px;	
	text-indent:-9999px;	
}

/*
 * sign up box
 */
#leftbar-contact  .signup{
	float:left;
	background:url(../images/bg-signup.png) no-repeat;
	width:196px;
	height:85px;
	margin:0 0 12px 16px;
	display:inline;
}
#leftbar-contact  .signup label{
	width:154px;
	height:50px;
	text-indent:-9999px;
	float:left;
}
#leftbar-contact  .signup input.input-text{
	border:1px solid #fff;
	font-size:12px;
	height:18px;
	margin:5px 2px 5px 23px;
	width:115px;
	float:left;
	display:inline;	
}
#leftbar-contact  .signup input.go{
	border:none;
	background:none;
	cursor:pointer;
	display:inline;
	float:left;
	font-size:12px;
	height:22px;
	margin:2px 0 0 5px;
	text-indent:-9999px;
	width:33px;
	font-size:1px;
}

/*
 * second box...contains the room images, what's included block and reserve now 
 */
#second-box{
	float:left;
	width:800px;
}
/*
 * what's included and rooms image
 */
#second-box .two{
	float:left;
	width:820px;
}
/*
 * room col
 */
#second-box .two .room{
	float:left;
	width:205px;
}
#second-box .two .room ul{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	width:100%;
}
#second-box .two .room ul li{
	float:left;
	width:100%;
}
#second-box .two .room ul li span.image-ocean{
	background:url(../images/image-ocean-room.png) no-repeat;
	width:181px;
	height:141px;
	display:block;
}
#second-box .two .room ul li span.image-garden{
	background:url(../images/image-garden-room.png) no-repeat;
	width:181px;
	height:141px;
	display:block;
}
#second-box .two .room ul li label{
	margin:0 0 27px 34px;
	float:left;
	display:inline;
	width:161px;
	font:16px/16px "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#2a2a2a;
}
#second-box .two .room ul li p{
	font:bold 16px/16px Arial, Helvetica, sans-serif;
	color:#bb0b0b;
	margin:0 0 20px;
	width:205px;
	float:left;
	display:inline; 
}
#second-box .two .whats-included{
	float:left;
	width:610px;
	height:400px;
	overflow:hidden;
	text-indent:-9999px;
}
#second-box .two .whats-included p.yellow{
	font:16px/16px "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#2a2a2a;
	margin:0;
}
#second-box .two .whats-included p.booking{
	font:16px/16px "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#2a2a2a;
	margin:0;
}
#second-box .two .whats-included h3{
	margin:0;
	padding:0;
	font:bold 33px/25px "Myriad Pro", Arial, Helvetica, sans-serif;
	color:#333;
	float:left;
}
#second-box .two .whats-included span.airfair{
	font:25px/25px "Myriad Pro condensed", Arial, Helvetica, sans-serif;
	color:#333;
	float:left;
}
#second-box .two .whats-included ul{
	margin:0;
	padding:0;
	float:left;
	list-style:none;
} 
#second-box .two .whats-included ul li{
	margin:0 0 3px;
	font:25px/25px "Myriad Pro condensed", Arial, Helvetica, sans-serif;
	color:#333;
}
 #second-box .reserve{
 	float:left;
	width:831px;
 }
  #second-box .reserve .reserve-now{
  	float:left;
	width:313px;
  }
#second-box .reserve .reserve-now a{
	background:url(../images/contact-text-reserve-now.png) no-repeat;
	width:259px;
	height:58px;
	display:block;
	float:left;
	text-indent:-9999px;
}
#second-box .reserve .tel{
	background:url(../images/contact-text-use-the-form.png) no-repeat;
	width:426px;
	height:87px;
	display:block;
	float:left;
	text-indent:-9999px;
}
#second-box .reserve .ico-tel{
	background:url(../images/contact-ico-phone.png) no-repeat;
	width:73px;
	height:72px;
	display:block;
	float:left;	
}
.rounded {
	width: 600px;height: 900px;
	background: rgba(244,237,206,.99);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

/*************************************************************************************************************** All Footer CSS Code ***/
.foot{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #003366;
}
a.foot:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #003366;
}
a.foot:Hover
{
	background:#CBE7FE;
	color: #003366;
}