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

/*
 * 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 four rightbar images
 */
#rightbar .img1{
	float:left;
	background:url(../images/image1.png) no-repeat;
	width:261px;
	height:227px;
	position:relative;
	z-index:90;
	margin-top:94px;
	display:inline;
}
#rightbar .img2{
	float:left;
	background:url(../images/image2.png) no-repeat;
	width:248px;
	height:210px;
	position:relative;
	z-index:80;
	margin:-28px 0 0;
	display:inline;
}
#rightbar .img3{
	float:left;
	background:url(../images/image3.png) no-repeat;
	width:254px;
	height:216px;
	position:relative;
	z-index:70;
	margin:-25px 0 0;
	display:inline;
}
#rightbar .img4{
	float:left;
	background:url(../images/image4.png) no-repeat;
	width:237px;
	height:195px;
	position:relative;
	z-index:60;
	margin:-20px 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 .sparkytitsimg{
	float:center;
	width:500px;
	height:372px;
	position:relative;
	margin:5px 5px 5px 45px;
	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;
}