/*

 * 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 the position of the content

 */



#main-container{

	width:100%;

	overflow:hidden;

	position:relative;

}

.wrapper-content{

	width:1500px;

	position:relative;

	float:center;

	left:50%;

}

.content{

	width:1500px;

	position:relative;

	float:left;

	left:-50%;

	background:url(../images/bg-main-home.jpg) no-repeat;

}





/*

 * header and logo 

 */



.content .header{

	float:left;

	width:100%;

	height:495px;

}

.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;

}

/*

 * The three main blocks 

 */



#three-column{

	margin:0 auto;

	width:1189px;

}



/*

 * left bar contains: -  navigation  -sign up box - links 

 */

#leftbar{

	float:left;

	width:287px;

}



/*

 * navigation 

 */

#leftbar .navigation{

	float:left;

	width:300px;

	

}

#leftbar .navigation ul{

	margin:0;

	padding:0;

	list-style:none;

	float:left;

	

	

}

#leftbar .navigation ul li{

	float:left;

	display:inline;

	margin:0 0 5px 80px;

}

#leftbar .navigation ul li a{

	cursor:pointer;

}

/*

 * reserve button

 */

#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 button

*/

#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 button

  */

#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 button

 */

#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 button

 */

#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 button

  */

#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 II button

 */

#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 button

 */

#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 button

 */

#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;	


}


/*

 * home button

 */

#leftbar .navigation ul li a.home{

	display:block;

	background:url(../images/nav-home.png) no-repeat;

	height:40px;

	width:192px;

	text-indent:-9999px;

	text-decoration:none;

}

#leftbar .navigation ul li a:hover.home,

#leftbar .navigation ul li a.home-active{

	display:block;

	background:url(../images/nav-home-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 80px;

	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;

}

/*

 * links

 */

#leftbar .links{

	float:left;

	width:300px;

	

} 

#leftbar .links ul{

	margin:0 0 12px;

	padding:0;

	list-style:none;

	float:left;

	display:inline;

	width:200px;

}

#leftbar .links ul li{

	float:left;

	display:inline;

	width:200px;

	margin:0 0 12px 79px;

	



}

/*

 * The central block contains: -hedonism logo -main box which contains text 

 */



#central-box{

	float:left;

	width:622px;

}



/*

 * hedonism logo

 */

#central-box .logo-hedo {

	float:left;

	width:100%;

}

#central-box .logo-hedo a{

	display:inline;

	float:left;

	width:354px;

	height:72px;

	margin:0 0 0 17px;

	text-indent:-9999px;

}

/*

 * text  NEGRIL, Jamaica, W.I.

 */

#central-box .negril {

	float:left;

	width:360px;

	height:40px;

	text-indent:-9999px;

	margin-bottom:25px;

	display:inline;

}



/*

 * box 

 */

#central-box .box-main{

	float:left;

	width:100%;

}

#central-box .box-main .box-top{

	background:url(../images/bg-box-top-main.png) no-repeat;

	width:618px;

	height:19px;

	line-height:19px;

	float:left;

}



#central-box .box-main .box-content{

	background:url(../images/bg-box-content-main.png) repeat-y;

	width:618px;

	float:left;

	

}

#central-box .box-main .box-content h2{

	background:url(../images/text-come-play.gif) no-repeat;

	width:351px;

	height:70px;

	float:left;

	display:inline;

	margin:-11px 0 0 135px;

	padding:0;

	text-indent:-9999px; 

	position:relative;

}



#central-box .box-main .box-content .itineraryheadertext{

	background:url(../images/itinerary-title.png) no-repeat;

	width:351px;

	height:70px;

	float:left;

	display:inline;

	margin:-11px 0 0 135px;

	padding:0;

	text-indent:-9999px; 

	position:relative;

}



#central-box .box-main .box-content .pervyheadertext{

	background:url(../images/pervy-people-title.png) no-repeat;

	width:590px;

	height:67px;

	float:left;

	display:inline;

	margin:-11px 0 0 5px;

	padding:0;

	text-indent:-9999px; 

	position:relative;

}



#central-box .box-main .box-content .entertainmentheadertext{

	background:url(../images/entertainment-title.png) no-repeat;

	width:351px;

	height:70px;

	float:left;

	display:inline;

	margin:-11px 0 0 135px;

	padding:0;

	text-indent:-9999px; 

	position:relative;

}



#central-box .box-main .box-content .pervypartiesheadertext{

	background:url(../images/pervy-parties-title.png) no-repeat;

	width:351px;

	height:70px;

	float:left;

	display:inline;

	margin:-11px 0 0 135px;

	padding:0;

	text-indent:-9999px; 

	position:relative;

}



#central-box .box-main .box-content .workshopsheadertext{

	background:url(../images/workshops-title.png) no-repeat;

	width:351px;

	height:70px;

	float:left;

	display:inline;

	margin:-11px 0 0 135px;

	padding:0;

	text-indent:-9999px; 

	position:relative;

}

#central-box .box-main .box-content .abouthedoheadertext{

	background:url(../images/abouthedo-title.png) no-repeat;

	width:590px;

	height:67px;

	float:left;

	display:inline;

	margin:-11px 0 0 5px;

	padding:0;

	text-indent:-9999px; 

	position:relative;

}



#central-box .box-main .box-content .text{

	display:inline;

	float:left;

	margin:7px 0 -12px 12px;

	position:relative;

	width:600px;

	

}

#central-box .box-main .box-content .text p{

	margin:0 0 15px; 

}















#central-box .box-main .box-content .text .pervy {

	font:17px "Myriad Pro condensed", Arial, Helvetica, sans-serif;

	color:#393939;



}

#central-box .box-main .box-content .text .pervy h3{

	font:bold 24px "Myriad Pro condensed", Arial, Helvetica, sans-serif;

	color:#393939;



}





#central-box .box-main .box-content .text h3{

	text-align:center;

	margin:0;

	padding:0;

	font:bold 24px "Myriad Pro condensed", Arial, Helvetica, sans-serif;

	color:#393939;



	

}

#central-box .box-main .box-content .text .banner{

	margin:0 auto;

	width:460px;

}

#central-box .box-main .box-content .text .banner a{

	margin:0 auto;

	width:466px;

}

#central-box .box-main .box-bottom{

	background:url(../images/bg-box-bottom-main.png) no-repeat;

	width:618px;

	height:18px;

	line-height:18px;

	float:left;

}

/*

 * rightbar contains the four images and the button "BOOK NOW" 

 */

#rightbar{

	float:left;

	width:260px;

}

/*

 * the Pervy Prople rightbar images

 */

#rightbar .img1{

	float:left;

	background:url(../images/people-image1.png) no-repeat;

	width:250px;

	height:336px;

	position:relative;

	z-index:90;

	margin-top:94px;

	display:inline;

}

#rightbar .img2{

	float:left;

	background:url(../images/people-image2.png) no-repeat;

	width:261px;

	height:227px;

	position:relative;

	z-index:80;

	margin:-28px 0 0;

	display:inline;

}

#rightbar .img3{

	float:left;

	background:url(../images/people-image3.png) no-repeat;

	width:248px;

	height:210px;

	position:relative;

	z-index:70;

	margin:-25px 0 0;

	display:inline;

}

#rightbar .img4{

	float:left;

	background:url(../images/people-image5.png) no-repeat;

	width:250px;

	height:301px;

	position:relative;

	z-index:60;

	margin:-40px 0 0 0;

	display:inline;

}

/*

 * yellow button

 */

#rightbar .btn-book-now a{

	float:left;

	background:url(../images/btn-book-now.jpg) no-repeat;

	width:209px;

	height:61px;

	margin:4px 0 0 8px;

	display:block;

	text-indent:-9999px;

	

}

.rounded {

	width: 600px;height: 900px;

	background: rgba(244,237,206,.99);

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

}





#central-box .box-main .box-content .text .abouthedorightimg{

	float:right;

	width:300px;

	height:230px;

	position:relative;

	margin:20px 7px 20px 10px;

	display:inline;

}

#central-box .box-main .box-content .text .foodabouthedorightimg{

	float:right;

	width:300px;

	height:230px;

	position:relative;

	margin:0px 7px 20px 10px;

	display:inline;

}

#central-box .box-main .box-content .text .boatabouthedorightimg{

	float:right;

	width:300px;

	height:230px;

	position:relative;

	margin:0px 7px 20px 10px;

	display:inline;

}

#central-box .box-main .box-content .text .poolabouthedorightimg{

	float:right;

	width:300px;

	height:230px;

	position:relative;

	margin:2px 7px 20px 10px;

	display:inline;

}

#central-box .box-main .box-content .text .landsportsabouthedorightimg{

	float:right;

	width:300px;

	height:230px;

	position:relative;

	margin:10px 7px 20px 10px;

	display:inline;

}

#central-box .box-main .box-content .text .firebreathabouthedoleftimg{

	float:left;

	width:300px;

	height:230px;

	position:relative;

	margin:5px 7px 10px 7px;

	display:inline;

}

#central-box .box-main .box-content .text .abouthedoleftimg{

	float:left;

	width:300px;

	height:230px;

	position:relative;

	margin:20px 10px 20px 7px;

	display:inline;

}

#central-box .box-main .box-content .text .abouthedofullimg{

	float:center;

	width:500px;

	height:300px;

	position:relative;

	margin:35px 5px 35px 50px;

	display:inline;

}

#central-box .box-main .box-content .text .abouthedothingsimg{

	float:center;

	width:225px;

	height:228px;

	position:relative;

	margin:40px 5px 40px 190px;

	display:inline;

}

#central-box .box-main .box-content .text .abouthedoelectricalimg{

	float:center;

	width:423px;

	height:222px;

	position:relative;

	margin:10px 5px 10px 90px;

	display:inline;

}

#central-box .box-main .box-content .text .abouthedocoupleimg{

	float:right;

	width:288px;

	height:567px;

	position:relative;

	margin:0px 5px 0px 5px;

	display:inline;

}

#central-box .box-main .box-content .text .abouthedocooltreeimg{

	float:right;

	width:229px;

	height:344px;

	position:relative;

	margin:0px 5px 0px 5px;

	display:inline;

}

#central-box .box-main .box-content .text .abouthedomorepoolimg{

	float:right;

	width:242px;

	height:337px;

	position:relative;

	margin:0px 5px 0px 5px;

	display:inline;

}

#central-box .box-main .box-content .text .bewickedimg{

	float:center;

	width:500px;

	height:292px;

	position:relative;

	margin:5px 5px 5px 45px;

	display:inline;

}

#central-box .box-main .box-content .text .splishsplashimg{

	float:center;

	width:409px;

	height:300px;

	position:relative;

	margin:5px 5px 5px 100px;

	display:inline;

}



/*************************************************************************************************************** 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;

}