/*------------------------------------------------------------------
[Master Stylesheet]

Project:	castaways.co.uk
Version:	1.0
Last change:	12/05/08
Author:	Carl Billinghurst
-------------------------------------------------------------------*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, 
h4, h5, h6, pre, form, fieldset, input, p, 
blockquote, th, td 
{ margin : 0; padding : 0; }

h1,h2,h3,h4,h5,h6, input, textarea, select { font-size : 100%; }

h3 { font-size: 120%; }

h5 {color:#4a9b96; margin:0 0 7px 0; padding:0;}

ol,ul { list-style : none; }

table { border-collapse : collapse; border-spacing : 0; }
p { margin-bottom: 1.6em; }
a { 
	color: #000;
	outline: none;
 }
a:hover { text-decoration: none; }
hr {margin:10px 0; background: #ccc; }
*{
	font-size: 100%;
}
th, td { padding: 5px 0 5px 0; }
th {
		background:#999999;
		
		margin: 0 0 .2em 0;
		color:#fff;
		text-align:left;
		}
table { border:none; }



/* Print Scheme Size   ////////////////////////////////////  */

body {
	font:75%/140% Arial, Helvetica, sans-serif;
	background:url(../images/backgrounds/background.jpg) no-repeat top center #fffed7;
	text-align:center;
	color:#333;
	padding:0px;
	margin:0px;
	line-height:normal;
	
	 }
	 
 input, textarea, select { font-family:Helvetica, Arial, Helvetica, sans-serif; }

/*=Titles-------------------------------------------------------*/	

h2 {display:block; text-indent: -900em; margin:0 0 11px 0; padding:0;}
h1#restauranttitle { background:url(../images/titles/restaurant.gif) no-repeat top left #4a9b96; height:24px; width:454px; clear:both; display:block; text-indent: -900em; margin:0 0 11px 0; padding:0; font-size:50%; line-height:normal;}
h2#gallerytitle {background:url(../images/titles/gallery.gif) no-repeat top left #4a9b96; height:24px; width:214px;}
h2#menu {background:url(../images/titles/menu.gif) no-repeat top left #5e534c; height:24px; width:220px;}

h1#contacttitle {background:url(../images/titles/contact.gif) no-repeat top left #4a9b96; height:24px; width:454px; display:block; text-indent:-900em; margin:0 0 11px 0; padding:0;}
h1#restauranttitle {background:url(../images/titles/restaurant.gif) no-repeat top left #4a9b96; height:24px; width:454px; display:block; text-indent:-900em; margin:0; padding:0;}
h1#gallerytitlelrg {background:url(../images/titles/gallery.gif) no-repeat top left #4a9b96; height:24px; width:454px; display:block; text-indent:-900em; margin:0; padding:0;}

h1#menutitle {background:url(../images/titles/menu_green.gif) no-repeat top left #4a9b96; height:24px; width:454px; display:block; text-indent:-900em; margin:0; padding:0;}
h1#eventstitle {background:url(../images/titles/events.gif) no-repeat top left #4a9b96; height:24px; width:454px; display:block; text-indent:-900em; margin:0; padding:0;}

h1#pastevents {background:url(../images/titles/pastevents.gif) no-repeat top left #4a9b96; height:24px; width:454px; display:block; text-indent:-900em; margin:0; padding:0;}
h1#stranded {background:url(../images/titles/stranded.gif) no-repeat top left #4a9b96; height:24px; width:454px; display:block; text-indent:-900em; margin:0 0 11px 0; padding:0;}

h1#promotions {background:url(../images/titles/promotions.gif) no-repeat top left #4a9b96; height:24px; width:454px; display:block; text-indent:-900em; margin:0; padding:0;}


h3#sendtofriend {background:url(../images/titles/sendtoafriend.gif) no-repeat top left #4a9b96; height:24px; width:454px; display:block; text-indent:-900em; margin:0 0 11px 0; padding:0;}

	
	
/*/////////////////////////////////////////////////////////*/

/*=Links-------------------------------------------------------*/	

.greenarrow {background:url(../images/icons/green_arrow.gif) no-repeat 0px 2px; font-weight:bold; padding:0 0 0 10px; margin:0;}
.brownarrow {background:url(../images/icons/brown_arrow.gif) no-repeat 0px 2px; font-weight:bold; padding:0 0 0 10px; margin:0;}

.hidden_navigation{
	width: 1px;
	position: absolute;
	left: -9999px;
}


/*\Template Variables /*\/*/

#wrap{
width: 820px; margin: 0 auto; text-align: left;
background-image: url(../images/backgrounds/wrap_bg.gif);
background-repeat:repeat-y;
}

/*\-------Header--------- /*\/*/

#header {margin:0px; padding:0px; height:197px; margin: 0 auto; width: 820px; text-align:center; position:relative;}

#header li {display: inline;}

/*\-------Main Navigation--------- /*\/*/

#mainnav  {height:14px; margin:0; padding:0; list-style:none; width:820px; z-index:0; position:absolute; top:12px; left:0px;}
#mainnav li { margin:0; padding:0; text-indent:-900em; float:left;}

#home a, #events a, #menus a, #gallery a, #restaurant a, #contactus a {height:14px; display:block;}

#home a {width:51px; background:url(../images/backgrounds/mainnav.gif)  no-repeat 0 0; }
#home a:hover, body#homepage #home a {background-position: 0 -14px;}

#events a {width:169px; background:url(../images/backgrounds/mainnav.gif) no-repeat -51px 0;}
#events a:hover, body#eventspage #events a {background-position: -51px -14px;}

#menus a {width:323px; background:url(../images/backgrounds/mainnav.gif) no-repeat -220px 0;}
#menus a:hover, body#menupage #menus a {background-position: -220px -14px;}

#gallery a {width:74px; background:url(../images/backgrounds/mainnav.gif) no-repeat -543px 0;}
#gallery a:hover, body#gallerypage #gallery a {background-position: -543px -14px;}

#restaurant a {width:104px; background:url(../images/backgrounds/mainnav.gif) no-repeat -617px 0;}
#restaurant a:hover, body#restaurantpage #restaurant a {background-position: -617px -14px;}

#contactus a {width:99px; background:url(../images/backgrounds/mainnav.gif) no-repeat -721px 0;}
#contactus a:hover, body#contactpage #contactus a {background-position: -721px -14px;}

#promos a {width:99px; background:url(../images/backgrounds/mainnav.gif) no-repeat -721px 0;}
#promoss a:hover, body#contactpage #contactus a {background-position: -721px -14px;}


/*\-------Main Navigation New--------- /*\/*/

#mainnavnew  {height:14px; margin:0; padding:0; list-style:none; width:820px; z-index:0; position:absolute; top:12px; left:0px;}
#mainnavnew li { margin:0; padding:0; text-indent:-900em; float:left;}

#promos a, #eventsnew a, #menusnew a, #gallerynew a, #restaurantnew a, #contactusnew a {height:14px; display:block;}

#promos a {width:65px; background:url(../images/backgrounds/mainnav_2.gif)  no-repeat 0 0; }
#promos a:hover, body#homepage #home a {background-position: 0 -14px;}

#eventsnew a {width:157px; background:url(../images/backgrounds/mainnav_2.gif) no-repeat -65px 0;}
#eventsnew a:hover, body#eventspage #eventsnew a {background-position: -65px -14px;}

#menusnew a {width:321px; background:url(../images/backgrounds/mainnav_2.gif) no-repeat -222px 0;}
#menusnew a:hover, body#menupage #menus a {background-position: -222px -14px;}

#gallerynew a {width:74px; background:url(../images/backgrounds/mainnav_2.gif) no-repeat -543px 0;}
#gallerynew a:hover, body#gallerypage #gallery a {background-position: -543px -14px;}

#restaurantnew a {width:104px; background:url(../images/backgrounds/mainnav_2.gif) no-repeat -617px 0;}
#restaurantnew a:hover, body#restaurantpage #restaurant a {background-position: -617px -14px;}

#contactusnew a {width:99px; background:url(../images/backgrounds/mainnav_2.gif) no-repeat -721px 0;}
#contactusnew a:hover, body#contactpage #contactus a {background-position: -721px -14px;}





#main_content{
	margin:0 0 10px 0;
	padding:37px 0 0 0;
	min-height: 550px; height:auto!important; height: 550px;
	width: 820px; text-align: left;
	background-image: url(../images/backgrounds/page_pg.jpg);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}




/*\-------Layout - Columns--------- /*\/*/

#leftcolumn {width:454px; float:left; margin:0 10px 0 0; padding:0 0 0 26px;}

#rightcolumn {width:304px; float:left; margin:0; padding:0 26px 0 0; position:relative; height:auto;}


#leftcolumn p { font-size:100%; margin:0 0 10px 0;}
#leftcolumn a {text-decoration:none; color:#333;}
#leftcolumn a:hover {text-decoration:underline; color:#333;}



#sub_content{
	width: 175px;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
	/*
	display:none; 
	*/
}

#navigations{
	width: 175px;
	margin-bottom: 10px;
	display: block;
	overflow: hidden;	
}

	#navigations h2 { 
		background: #999999;
		padding: .2em .8em; 
		margin: 0 0 .2em 0;
		color: #fff;
	}
	#navigations li { margin: 0 0 .1em 0; }

	#navigations a {
		display: block;
		color: #000;
		background-color: #EFEFEF;
		padding: .2em .8em;
		text-decoration: none;
		width: 100%;
	}
	
	#navigations a:hover, #navigations ul#rss li a:hover {
		background-color: #fff;
		color: #000;
	}
		#navigations ul#rss li a {
	background: #EFEFEF url(../images/rss.gif) 10px 4px no-repeat; padding-left: 30px;
	}
	
	
/*\----------Gallery---------/*\/*/

#galleryinc {width:214px; float:left; margin:0 20px 10px 0; padding:0; text-align:center;}
#galleryinc  img {margin:0 0 10px 0;}
#galleryinc  p {text-align:left;}

.publishdate {font-style:italic; font-size:90%; margin:0; padding:0; color:#4a9b96;}

.mainphoto {width:440px; height:321px; background:url(../images/backgrounds/main_photo_bg.jpg) no-repeat top left; margin:0; padding:10px 0 0 14px;}

/*\----------Quote---------/*\/*/

.quote {font-size:140%; font-weight:bold; float:right; width:175px;  margin:0 0 5px 20px; padding:0; font-family:Georgia, "Times New Roman", Times, serif;}

	
/*\----------Menu---------/*\/*/

#menuinc {width:220px; float:left; margin:0; padding:0; text-align:center;}
#menuinc img {margin:0 0 10px 0;}
#menuinc p {text-align:left;}


#menulist { margin:0px; padding:0;}
#menulist li {border-bottom:dashed 1px #999; margin:0; padding:7px 0 7px 20px; text-align:left;}

#menulist li h3 a {color:#333; text-decoration:none;}
#menulist li h3 a:hover {color:#4a9b96; text-decoration:underline;}


/*\----------Whats On Inc---------/*\/*/

#whatsoninc {width:265px; height:256px; background:url(../images/backgrounds/whats_on_bg.jpg) no-repeat top left; position:absolute; top:-74px; right:0px; padding:42px 38px 0 27px;}
#whatsoninc ul {margin:0; padding:25px 0 0 0;}
#whatsoninc ul li {margin:0; padding:0;}
#whatsoninc ul li img { float:left; margin:30px 24px 0 0; padding:0;}

#whatsoninc ul li h3 {margin:0 0 10px 0; padding:0}
#whatsoninc ul li h3 a {text-decoration:none; color:#333;}
#whatsoninc ul li h3 a:hover {text-decoration:underline; color:#333;}
#whatsoninc ul li p {margin:0 0 8px 0; font-size:100%;}

#whatsoninc ul li p a { font-weight:bold; text-decoration:none; background:url(../images/icons/brown_arrow.gif) no-repeat 0px 1px; padding:0 0 0 10px;}
#whatsoninc ul li p a:hover {text-decoration:underline;}

.homepictures {clear:both; margin-top:240px; text-align:center;}

/*\----------Location Details---------/*\/*/

#locationinc {width:265px; height:256px; background:url(../images/backgrounds/location_bg.jpg) no-repeat top left; position:absolute; top:-74px; right:0px; padding:42px 38px 0 27px;}
#locationinc ul {margin:0; padding:25px 0 0 0;}
#locationinc ul li {margin:0; padding:0;}
#locationinc ul li img { float:left; margin:30px 24px 0 0; padding:0;}

#locationinc ul li h3 {margin:0; padding:0}
#locationinc ul li p {margin:0 0 8px 0; font-size:100%;}

#locationinc ul li p a { font-weight:bold; text-decoration:none; background:url(../images/icons/brown_arrow.gif) no-repeat 0px 2px; padding:0 0 0 10px; color:#333;}
#locationinc ul li p a:hover {text-decoration:underline;}


/*\----------Featured Photo---------/*\/*/

#featuredphotoinc {width:276px; height:182px; background:url(../images/backgrounds/photo_bg.jpg) no-repeat top left; position:absolute; top:-74px; right:0px; padding:85px 28px 31px 26px;}
#featuredphotoinc img { padding:0 0 0 66px; margin:0 0 25px 0;}

#featuredphotoinc p {margin:0 0 8px 0; font-size:100%;}

#featuredphotoinc p a { font-weight:bold; text-decoration:none; background:url(../images/icons/brown_arrow.gif) no-repeat 0px 2px; padding:0 0 0 10px; color:#333;}
#featuredphotoinc p a:hover {text-decoration:underline;}

/*\----------Contact Table---------/*\/*/

.contacttable {width:454px;  padding:0; margin:0;}
.contacttable td {text-align:left; padding:0 0 5px 0; vertical-align:top;}
.contacttable .col1 {width:227px;}
.contacttable .col2 {padding:0 0 5px 0;}
.contacttable input { width:218px; margin:4px 0 0 0;}
.contacttable label {font-weight:bold;}
.contacttable textarea { width:446px; margin:4px 0 0 0;}

/*\----------Menu Choices---------/*\/*/

.menuchoices {width:454px; text-align:left; border-bottom:dashed 1px #999; padding:0; margin:0 0 8px 0;}

.bqstart {
     float: left;
     font-size: 400%;
     color: #5e534c;
	 height:30px;
	 margin:-20px 7px 5px 0;
	 padding:0;
 }


 .bqend {
     float: right;
     font-size: 400%;
     color: #5e534c;
	 height:30px;
	 margin:0 0 5px 0;
	 padding:0;
 }


/*\----------Events---------/*\/*/

.eventslist {width:454px; margin:0; padding:0;}
.eventslist li {border-bottom:dashed 1px #989382; padding:5px 0 5px 0;}

.eventthumbnail {width:71px; height:97px; background:url(../images/backgrounds/events_sm.jpg); padding:5px 0 0 5px; margin:0 10px 0 0; float:left;}
.eventdetails {float:left; margin:0; padding:0; width:368px;}

#leftcolumn .eventslist p {margin:0 0 5px 0; padding:0;}
#leftcolumn .eventslist p a {padding-left:12px;}

#eventpictures { float:left; margin:0 10px 0 0; padding:0; width:117px;}
.eventmainpic { width:112px; height:172px; background:url(../images/backgrounds/event_bg.jpg); padding:5px 0 0 5px; margin:0;}

/*\----------Weekly Entertainment---------/*\/*/

#rightcolumn #weeklyinc {width:284px; background:url(../images/backgrounds/weekly_bg.jpg) no-repeat top left; position:absolute; top:-55px; right:4px; padding:55px 28px 31px 18px; margin:0 0 20px 0;}

#rightcolumn #weeklyinc ul {width:284px; margin:0; padding:0}
#rightcolumn #weeklyinc ul li { border-bottom: 1px dashed #5e534c; padding:5px 0 5px 0;}
#rightcolumn #weeklyinc ul li img {float:left; margin:0 10px 0 0; padding:0;}
#rightcolumn #weeklyinc ul li h3 {margin:0 0 7px 0; padding:0; size:11px;}

.typedetails {float:left; width:198px; margin:0; padding:0;}

/*\----------Footer---------/*\/*/

#footer { clear: both; background:url(../images/backgrounds/footer_bg.gif) no-repeat top left; text-align:center; padding:15px 0 0 0; margin:0; height:66px; clear:both;}
#footer a { color:#333; text-decoration:none;}
#footer a:hover { color:#333; text-decoration:underline;}
#footer p { margin-bottom: 0; }
#footer li { display: inline; }

#page_slugs {  margin-bottom: 10px; }
#page_slugs li { display: inline; font-size: 85%;}
	
	
	
#offers .category #offer_thmb { float: left; margin: 0 10px 10px 0; }
#offers .category { margin-bottom: 10px; border-bottom: 1px solid #000; padding-bottom: 10px; }
#categorylisting li { border-bottom: 1px solid #ccc; padding: 20px 0 0 0; }
#categorylisting li a { }
#categorylisting p { margin-bottom: 0; }
.category_thumb { float: left; margin: 0 10px 10px 0; }

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

#recentnews li { margin-bottom: 10px; }


.clearleft { clear: left; }

.paging {margin:10px 0 10px 0;}

.previouslink { width:120px; float:left; margin:0; padding:0; text-align:left;}
.previouslink a {background:url(../images/icons/previous_arrow.gif) no-repeat 0px 2px; font-weight:bold; padding:0 0 0 15px; margin:0;}

.pages { width:214px; float:left; margin:0; padding:0; text-align:center;}

.nextlink { width:120px; float:left; margin:0; padding:0; text-align:right;}
.nextlink a {background:url(../images/icons/green_arrow.gif) no-repeat right 2px; font-weight:bold; padding:0 15px 0 0; margin:0;}


/*=Download
	-------------------------------------------------------*/
.download {
	background: #fffeef;
	padding: 5px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	}
	.download a { 
		background: url(../images/pdf.gif) 0 2px no-repeat;
		padding: .2em .8em;
		padding-left: 20px;
	} 
	div.download span {
		font-size: 90%;
	}
	.pdf a {
		background: url(../images/pdf.gif) 0 2px no-repeat;
		display: block;
	}
	.swf a {
		background: url(../images/swf.gif) 0 2px no-repeat;
		display: block;
	}
/*=Gallery
	-------------------------------------------------------*/
	
.filter  { margin-bottom: 10px; padding:0px; font-weight:bold; font-size:90%;}

.filter table {padding:0; margin:0;}
.filter td {text-align:left; padding:0 7px 0 0; vertical-align:middle;}


#gallerylisting li{
	width: 140px;
	height:99px;
	background:url(../images/backgrounds/thumbnail_bg.jpg) no-repeat top left;
	padding: 5px 0 0 1px;
	text-align: center;
	position: relative;
	float: left;
	display: inline;
	margin: 0px 14px 14px 0;
}

#gallerylisting li a { text-decoration:none;}
#gallerylisting li a:hover { text-decoration:none;}

#gallerylisting li a span{
/*\*/
	position: absolute;
	left: -9999px;
	

}

#gallerylisting li a:hover span{	
	bottom: 6px;
	left: 7px;
	width: 128px;
	background: #4a9b96;
	padding: 2px 0 2px 0;
	font-size: 80%;
	color:#FFF;
	filter: alpha(opacity=100);
/**/
} 



/*=Error Mesages
	-------------------------------------------------------*/
	ul.error,ul.success { list-style: none; margin:0px; margin-bottom: 10px; }
	.error {color: #FFF; font-weight: bold; background:url(../images/backgrounds/error_bg.gif) no-repeat top left #990000; margin:4px 10px 0 0; height:17px; padding:5px 0 0 25px; font-size:90%; }
	em.error  { display: block; }
	ul.success {
		display: block;
		list-style: none;
		background:url(../images/backgrounds/success_bg.gif) no-repeat top left #4a9b96;
		height:18px;
		color: #fff;
		padding:5px 0 0 35px;
	}
/*=Links
	-------------------------------------------------------*/
.links li { padding: 5px; }

/*=Brochure request form
	-------------------------------------------------------*/
form.brochureForm fieldset {
	padding: 5px 20px;
	border: 1px solid #999;
	margin: 0 0 10px 0;
}
form.brochureForm legend {
	text-transform: capitalize;
	font-weight: bold;
	color: #039;
	padding: 0 5px;
}
form.brochureForm ol {
	list-style: none;
}
form.brochureForm ol li {
	margin: 5px 0;
}
	form.brochureForm ol li ol li {
		display: inline;
	}
	form.brochureForm ol li ol label {
		display: inline;
	}
form.brochureForm em {
	font-weight: bold;
	color: #E00;
}
form.brochureForm label {
	display: block;
	text-transform: capitalize;
}
form.brochureForm label.radio {
	display: inline;
	padding-left: 5px;
}







/*=Tidy Forms
	-------------------------------------------------------*/
	
	

fieldset {
	border: 0;
}
.field {
	float: left;
	clear: both;
	padding-bottom: 12px;
}
.field .inline_field {
	float: left;
	padding-right: 18px;
}
.input_text {
	background: #fff;
	padding: 2px 2px;
	border: 1px solid #ccc;
	border-color: #333 #ccc #ccc #333;
}
.field .input_text, .field select,  .field  .input_submit {
	font-size: 12px;
	line-height: 1.4;
}

.input_submit, .submit { 
		padding: 5px 10px
	}
select {
	background: #fff;
}
legend { display: none; }
option {
	font-size: 1em !important;
}
.field label {
	display: block;
	padding: 0 0 2px;
	color: #333;
}

#type_select {
    float:left;
    width:100%;
    /*background:#DAE0D2 url("../images/bg.gif") repeat-x bottom; */
		border-bottom:1px solid #333;
    margin:0 0 10px 0;
    line-height:normal;
}

#type_select ul {
    margin:0;
    padding:0;
    list-style:none;
    padding:10px 10px 0 0;

}
#type_select li {
    float:left;
    /*background:url("../images/tab_right.gif") no-repeat right top;*/
		border: 1px solid #333; border-bottom: none; border-right: none;
    margin:0;
    padding:0; 
}
#type_select a {
    display: block;
    text-decoration: none;
    /*background:url("../images/tab_left.gif") no-repeat left top;*/
	
    padding:5px 15px 4px;

}
#type_select ul li.bookend { border-right:1px solid #333;}

#type_select #current {
    /*background-image:url("../images/tab_right_on.gif");*/
}
#type_select #current a {
    /*background-image:url("../images/tab_left_on.gif");
    padding-bottom:5px;*/
		background: #333; color: white;

}
#type_select a:hover { color: white; 	background:#333; }







/*=Icons
	-------------------------------------------------------*/

.event_icon{ }
.notice_icon { }





/*=Archives
	-------------------------------------------------------*/

ol.archive_list ol {
	padding:20px;
	list-style:none;
}
ol.archive_list ol li { margin-bottom: 10px; border-bottom:dashed 1px #989382; padding:5px 0 5px 0; }
ol.archive_list ol p { margin-bottom:0; }

ol.archive_list ol span { display: block; font-size: 90%; font-weight: normal; }






/*=Fixes
	-------------------------------------------------------*/
	
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */