/*  
Coconut Bay Resorts  & Spa
URL: http://www.coconutbayresort.co.uk
Author: Doug Banks - Fresh Egg
Author URL: http://www.freshegg.com/
*/

/*GLOBAL*/
* {padding:0; margin:0;}
	
body {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#6d6033;
}
img{
	border:none;
}
h1, h2	{
	color:#988143;
	font:14px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
h3	{
	color:#988143;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
div.break{
	height:20px;
	background:#EDE5CD;
	border:none;
	margin:20px 0;
	text-align:right;
	padding:5px 5px 0 0;
}
fieldset{
	border:none;
}

/*STRUCTURE*/
#container{
	width:990px;
	margin:0 auto;
}
#header{
	height:118px;
}
#nav{
	height:44px;
	background:url(../graphics/navBack.jpg) no-repeat;
}
#subHead{
	height:96px;
	background:url(../graphics/subHead.gif) no-repeat;	
}
/*content containes columns*/
#content{
	width:990px;
	margin: 0;
	padding: 0;
	background: url(../graphics/3columnBack.gif) repeat-y 0 0;
}
#content2{
	width:990px;
	margin: 0;
	padding: 0;
	background: url(../graphics/2columnBack.gif) repeat-y 0 0;
	}
#left{
	width:740px;
	float:left;	
}
#leftColumn{
	width:170px;
	float:left;
	padding:15px;
}
#leftColumn .Table{
	width:150px;
	float:left;
	padding:15px;
}
#centerColumn{
	width:489px;
	float:left;
	padding:15px 25px;
}
#centerColumnTable{
	width:489px;
	float:left;
	padding:0 0 15px 0;
}
#centerColumnWide{
	width:719px;
	float:left;
	background:#fff;
}
#centerColumnFull{
	width:752px;
	float:left;
	padding:10px;
	background:#fff;
	}
#rightColumn{
	width:250px;
	float:right;
	background:url(../graphics/rightBack.gif) repeat-y 0 0;
}
#rightColumnNarrow{
	width:198px;
	float:right;
	padding:10px;
	text-align:center;
}
#footer{
	height:55px;
	background:url(../graphics/footer.jpg) no-repeat;
	clear: both;
	padding:5px 0 0 0;
}
.clear {
	clear: both;
	display: block;
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

/*NAV*/
#nav ul{
	list-style:none;
	width:650px;
	text-align:center;
	margin:0 auto;
	padding:4px 0 0 0;
}
#nav ul li{
	display:inline;
	padding:0 0 0 15px;
	line-height:18px;
}
#nav ul li a{
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	font-size:13px;
}
#nav ul li a:hover{
	color:#F2DC53;
}

/*LEFT COLUMN*/
#leftColumn h1{
	color:#0078C1;
	font:16px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#leftColumn ul{
	list-style:none;
}
#leftColumn ul li a{
	font-size:12px;
	line-height:30px;
	color:#6d6033;
	text-decoration:none;
}
#leftColumn ul li a.active,
#leftColumn ul li a:hover{
	color: #000;	
}


/*RIGHT COLUMN*/
#rightColumn a,
#rightColumnNarrow a {
	color:#6d6033;
	text-decoration:none;
	font-weight:bold;
}
#adventure{
	padding-top:10px;
	text-align:center;
}


/*CENTER COLUMN WIDE*/
#centerColumnWide .splash{
	padding:0 20px 20px 20px;
}
#centerColumnWide .splash h1{
	margin:10px 0 10px 200px;
	text-indent:-9999px;
	background:url(../graphics/caribbean.gif) no-repeat;
	height:69px;
}

/*CENTER COLUMN*/
.conditions p {
	padding:5px 0;
	line-height:15px;
	}
.conditions ul, .conditions ol{
	padding-left:15px;
	}
.conditions ul li, .conditions ol li {
	line-height:20px;
	}
#centerColumn img{
	border:2px solid #C09F40;
}
#centerColumn img.left{
	float:left;
	margin:30px 30px 30px 0;
}
#centerColumn img.leftFirst{
	float:left;
	margin:0 30px 30px 0;
}
#centerColumn img.right{
	float:right;
	margin:30px 0 30px 30px;
}
#centerColumn img.rightTops{
	float:left;
	margin:50px 30px 30px 0;
}
#centerColumn a{
	color:#0078C1;
	text-decoration:none;
}
#centerColumn a:hover{
	text-decoration:underline;
}
#leftbox,
#rightbox{
	width:240px;
	float:left;
	margin:20px 0 0 0;
}

#leftbox div.box,
#rightbox div.box{
	margin:20px 0 0 0;
	height:120px;
	float:left;
	}
#leftbox div.box p,
#rightbox div.box p{
	padding:5px 0 0 40px;
}
#leftbox div.box img,
#rightbox div.box img{
	margin:15px 0 0 40px;
}
#leftbox div.A{
	background: url(../graphics/a.gif) no-repeat top left;
}
#leftbox div.B{
	background: url(../graphics/b.gif) no-repeat top left;
}
#leftbox div.C{
	background: url(../graphics/c.gif) no-repeat top left;
}
#leftbox div.D{
	background: url(../graphics/d.gif) no-repeat top left;
}
#leftbox div.E{
	background: url(../graphics/e.gif) no-repeat top left;
}
#rightbox div.one{
	background: url(../graphics/1.gif) no-repeat top left;
}
#rightbox div.two{
	background: url(../graphics/2.gif) no-repeat top left;
}
#rightbox div.three{
	background: url(../graphics/3.gif) no-repeat top left;
}
#rightbox div.four{
	background: url(../graphics/4.gif) no-repeat top left;
}
#rightbox div.five{
	background: url(../graphics/5.gif) no-repeat top left;
}
.stFlash    {
	width:246px; 
	float:left;
}
.stdUL{
	padding:20px 0 0 30px;
	line-height:18px;
}
.stdSubUL{
	padding:5px 0 10px 45px;
}
.noListUL{
	padding:20px 0 0 30px;
	list-style:none;
	line-height:18px;
}
.imageHolder{
	 width:490px;
	 padding:0 0 20px 0;
	 text-align:center;
}
div.imageHolder img{
	 border:none !important;
}
div.content{
	padding-left:15px;}

table.rates{
	width:100%;
	margin:0 0 20px 0;
	font-size:0.8em;
}
table.rates th{
	background:#3E9DD5;
	border:1px solid #E6DDCC;
	color:#FFFFFF;
	padding:5px;
	text-align:center;
}
table.rates td{
	background:#fff;
	border:1px solid #E6DDCC;
	padding:5px;
	text-align:center;
}

table p.gallery_tips {font-size:0.9em; width:70px;}


.headImages img {
	padding:0 4px 0 0;
}
table td.details{
	width:58%;
}
table td.length{
	width:18%;
}
table td.price{
	width:24%;
}
p.notice {
	padding:15px; 
	font-weight:bold; 
	border:1px solid #6D6033;
}
/*FORMS*/
#contactForm{
	width:450px;
	padding:0 0 0 20px;
	text-align:left
	}	
#contactForm img,
#brochuresForm img{
	border:none;
}	
#brochuresForm{
	width:450px;
	padding:0 0 0 20px;
	text-align:left
}
.brochuresForm, .contactForm{
	width:400px;
	margin:20px 0;
}
.brochuresForm label, .contactForm label{
	padding:3px 0 0 0;
	margin:5px 5px 0 0;
	width:150px;
	text-align:right;
	float:left;
}
.brochuresForm input,
.brochuresForm select,
.contactForm input, 
.contactForm select, 
.contactForm textarea{
	padding:2px 0 2px 2px;
	margin:5px 0;
	width:160px;
	font:13px Verdana, Arial, Helvetica, sans-serif;
	color:#6D6033;
	border:1px solid #917C43;
}
.brochuresForm textarea{
	padding:2px 0 0 2px;
	margin:5px 0;
	width:160px;
	font:12px Arial,Helvetica,sans-serif;
	color:#555555;
	height:60px;
	
	}
.brochuresForm input.radio {
	margin:10px 0 0 0;
	width:40px;
	border:none;
}
.brochuresForm input.post {
	width:60px;
}
.brochuresForm input.post2 {
	width:40px;
}
.brochuresForm input.button,
.contactForm input.contactSubmit {
	width:164px;
	height:27px;
	margin:0 0 0 153px;
	border:none;
}

/*QUESTION FORM*/
.questionForm{ 
	width:170px;
	margin:0 0 0 20px; 
}

form.questionForm label{
	text-align:left;
	float:left;
	font-size:12px;
	color:#6d6033;
}
form.questionForm input, 
form.questionForm textarea{
	width:165px;
	margin:2px 0 5px 0;
	padding:2px 0 2px 2px;
	font-size:12px;
	border:1px solid #6d6033;
}
form.questionForm input.button {
	width:50px;
	color:#6d6033;
	float:left;
	cursor: pointer;
}
span.error{
	color:red;
	font-size:9px;
	text-align:left !important;
}
span.error2{
	color:red;
	font-size:9px;
	margin:0 0 0 155px;
}
/*FOOTER NAV*/
#footer ul{
	list-style:none;
	width:600px;
	text-align:center;
	margin:0 auto;
}
#footer ul li{
	display:inline;
	padding:0 0 0 10px;
	line-height:17px;
	text-decoration:none;
	color:#009C99;
	font-size:10px;
	white-space:nowrap;
}
#footer ul li a{
	text-decoration:none;
	color:#009C99;
}