body {
	margin:0px;
	padding:0px;
	background:#000 repeat-x;
}

img {
	border:0px;
}
	
	
#container {
	width:100%;
	margin:0;
}

#headerContainer{
	background-color:#484848;	
}

#header {
	background-color:#484848;	
	position:relative;
	height:131px;
	width: 960px;
	margin: 0px auto;
}

#logo {
	position:absolute;
	top:20px;
	left:20px;
}

#languages {
	position:absolute;
	top:20px;
	right:20px;
	text-align:right;
}

#bookLinks {
	position:absolute;
	top:50px;
	right:20px;
	text-align:right;
}



#weather {
	position:absolute;
	top:80px;
	right:20px;
	text-align:right;
}

#topMenu {
	height:20px;
	background-color:#fff;
	margin-bottom:5px;
	padding:5px 10px;
	width: 940px;
	margin: 5px auto 5px auto;	
}

#topMenuContainer {
	background:#FFF;
}


#bookingMask {
	height:36px;
	background-color:#000;
	color:#fff;
	width: 960px;
	margin: 0 auto;	
	text-align:left;
}

#mainContentContainer {
	background-color:#fff;
}

#mainContentContainer:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#mainContent {
	background-color:#fff;
	margin: 0px auto 5px auto;
	padding-bottom:20px;
	width: 960px;
	
}

#footerContainer{
	background-color:#000;
}

#footer {
	width:960px;
	background-color:#000;
	margin:0px auto 5px auto;
	padding:10px 5px 2px 15px;
}



/**************************** HOME PAGE TOP BLOCK subTemplate.topSection.home **********************/


#homeTopImageBlock {
	height:410px;
	background-color:#484848;
	margin:0 auto 7px auto;
	width:960px;
	position:relative;
}

#simpleTopImageBlock{
	margin:0 auto 7px auto;
	width:960px;
	position:relative;
	height: 242px;
}

.insetBlock {
	background-color:#333;
	width:152px;
	height:190px;	
}

.insetTextBack {
	background-color:#000;
	width:152px;
	height:66px;
	opacity:.60;
	z-index:1;
	position:absolute;
	top:0px;
	left:0px;
}

.insetText {
	width:142px;
	height:56px;
	padding:5px;
	z-index:2;
	position:absolute;
	top:0px;
	left:0px;
	margin:0px;
	color:#fff;
	font-family: "Trebuchet MS1", "Trebuchet", Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	
}

#insetBlockOne {
		position:absolute;
		top:8px;
		left:794px;
		border:2px solid #000;
		z-index:50;
	}
	
#insetBlockTwo {
		position:absolute;
		top:208px;
		left:794px;
		border:2px solid #fff;
		z-index:50;		
	}
	
	
#homeTopImageBlock .moreLink {
	position:absolute;
	right:8px;
	bottom:8px;
	z-index:10;
}

#homeTopImageBlock .moreLinkShadow {
	position:absolute;
	right:7px;
	bottom:7px;
	z-index:9;
}

#homeTopImageBlock a.moreLink:hover, #homeTopImageBlock a.moreLinkShadow:hover {
	text-decoration:none;	
} 
	
/* Booking Mask */

#bookingMask {
	font-family: "Trebuchet MS1", "Trebuchet", Helvetica, sans-serif;
	position:relative;
}


#bookingMask label {
	text-transform:uppercase;	
	font-size:10px;	
	
}
.greyInput {
	background-color:#484848;
	border:1px solid #484848;
	color:#fff;
	font-family: "Trebuchet MS1", "Trebuchet", Helvetica, sans-serif;
	padding:0px;
	height:20px;
	margin:0px;
	font-size:10px;	
	
}

#checkAvailability {
	position:absolute;
	top:10px;
	left:22px;
	font-size:14px;	
}

#dateInBlock {
 	background-color:#484848;
 	position:relative;
 	width:164px;
 	height:20px;
 	position:absolute;
	top:6px;
	left:154px;
}

#dateInBlock img {
	position:absolute;
	top:2px;
	right:2px;	
	cursor:pointer;
}
	
#dateInBlock input {
	position:absolute;
	top:0px;
	left:5px;	
	width:134px;
	height:18px;
	font-size:13px;
}

#bookButton {
    background-color:#fff;
    border:1px solid #fff;
    color:#000;
    position:absolute;
	top:6px;
	left:640px;
	padding:0px;
	margin:0px;
	height:20px;
	font-size:10px;
	line-height:10px;
	width:102px;
	text-align:center;
	font-family: "Trebuchet MS1", "Trebuchet", Helvetica, sans-serif;
	cursor:pointer;
	
}

#lengthLabel {
	position:absolute;
	top:10px;
	left:330px;
}

#lengthSelect {
	position:absolute;
	top:6px;
	left:374px;
}

#adultsLabel {
	position:absolute;
	top:10px;
	left:432px;
}

#adultsSelect {
	position:absolute;
	top:6px;
	left:480px;
}

#childrenLabel {
	position:absolute;
	top:10px;
	left:536px;
}

#childrenSelect {
	position:absolute;
	top:6px;
	left:594px;
}

#bestRateGuarantee {
	position:absolute;
	top:10px;
	left:10px;
}

#newsletter {
	position:absolute;
	top:6px;
	left:793px;	
}

#newsletter .go{
	position:absolute;
	left:140px;
	top:0;
	width: 21px;
	height: 19px;
	border:0 #000; 
	padding:0; margin:0;
	background: #000;
}

#newsletter input{
	font-size:13px;
	height:18px;
	left:0px;
	position:absolute;
	top:0;
	width:131px;
	padding-left:3px;
}

/*************************** MODULE CONTENT **************************/

.contentBlock {
	position:relative;
}

.contentBlock .banner {
	float:right;
	margin-top:2px;
}

.contentBlockText {
	float:left;
	width:550px;	
}


.bookLink {
	position:absolute;
	bottom:10px;
	right:200px;
}

.vs1 {
	clear:both;
	height:1px;
	background-color:#000;
	overflow:hidden;
	margin-top:2px;
	margin-right:190px;
	margin-left:20px;
}

/**************************** BANNERS subTemplate.banners **********************/


.banner {
	position:relative;
	height:190px;
	width:152px;
	overflow:hidden;
	border:2px solid #000;
	margin:10px;
}

.bannerTitle {
	position:absolute;
	bottom:0px;
	left:0px;
	width:142px;
	height:26px;
	padding:2px 5px;
	z-index:3;
	color:#fff;
	font-size:10px;
	text-align:center;
}

.bannerTitleBack {
	position:absolute;
	bottom:0px;
	left:0px;
	width:152px;
	height:30px;
	z-index:2;
	opacity:.6;
	background-color:#000;
}


/**************************** BANNERS subTemplate.bannersLead  **********************/


.bannerLead {
	position:relative;
	height:190px;
	width:152px;
	overflow:hidden;
	border:2px solid #FFF;
	margin:20px 0 0 15px ;
}

.bannerTitleLead  {
	color:#FFFFFF;
	font-size:12px;
	font-weight:bolder;
	height:32px;
	left:0;
	line-height:32px;
	position:absolute;
	text-align:center;
	top:69px;
	vertical-align:middle;
	width:152px;
	font-family:"Trebuchet MS1","Trebuchet",Helvetica,sans-serif;
	z-index:3;
}



.bannerTitleBackLead  {
	position:absolute;
	top:67px;
	left:0px;
	width:152px;
	color: #FFF;
	height:38px;
	z-index:2;
	opacity:.4;
	background-color:#000;
}

.bannerTextLead{
	position:absolute;
	width:152px;
	height:63px;
	overflow:hidden;
	top:110px;
	left:0;
	margin:0; padding:0;
	
	
}

.bannerTextLead p{
	width:152px;
	text-align:justify;
	margin:0; padding:0;
}

.bannerTextLead p{
	width:152px;
	text-align:justify;
	margin:0; padding:0;
}

.bannerLead span.more{
	position:absolute;
	bottom:5px;
	right:0px;
}

.guestComment{
	position:relative;
	width:152px;
	height:38px;
	margin:5px 0 5px 15px;
	background-color:#000;
	text-align:center;
	z-index:5;	
}

.guestComment a{
	color:#FFF;
	line-height:38px;
	vertical-align: middle;
	font-family: "Trebuchet MS1","Trebuchet",Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;

}

.guestComment a:hover{
	color:#CCC;
}


#mod_pukkaRooms .contentBlock, #mod_pukkaRestaurants .contentBlock{
	clear: both;
}

#mod_pukkaRooms .itemmainImage, #mod_pukkaRooms .itemmainImage{
	float: right;
}

#download_page_spa ul{
	padding-left: 0;
	margin-left: 5px;
}


#download_page_spa ul li.mediaAttachmentItem {
	height: 80px;
	text-indent: 80px;
	list-style: none;
	background: transparent url(images/icon.pdf.small.png) top left no-repeat;
	line-height: 80px;
	font-size: 1.3em;
}


.videoEmbedHide {
	display: none;
}

#mod_pukkaNews .itemPreview {
	clear: both;
}

#mod_pukkaNews .itemPreviewImage {
	margin: 0 10px 5px 20px;
}


.bookOfferLink {
	display: block;
	color: #81776A;
}