/* Coding and design by Hambo Design
-------------------------------------------------------------*/

body 					{ background: #fff url(/assets/images/presentation/body_bg.gif) center repeat-y; text-align: center; }



/* List Styling
-------------------------------------------------------------*/

ol, ul 					{ margin: 20px 0 10px 15px; padding-top: 20px; }
ol li					{ margin-bottom: 20px; padding-left: 5px; }
ul li 					{ margin-bottom: 10px; padding-left: 5px; }

ul.link_list			{ list-style-type: none; float: left; margin: 0; padding-bottom: 10px; width: 230px; }
ul.link_list li			{ display: block; margin: 0; padding: 0; }
ul.link_list li a		{ border-bottom: 1px solid #444; display: block; padding: 5px 0; width: 230px; }

dl 						{ margin-bottom: 20px; }
dt 						{ margin-bottom: 0; }
dd 						{ margin-bottom: 15px; }



/* Navigation Styling
-------------------------------------------------------------*/

#navigation ul 			{ list-style: none; margin: 0; padding: 0; width: 776px; }
#navigation li 			{ display: block; float: left; margin: 0; padding: 0; text-align: center; width: 129px; }
#navigation li.last		{ width: 131px; }
#navigation li a 		{ display: block; padding: 15px 0; text-decoration: none; width: 129px; }
#navigation li a:hover	{ background-color: #4A5C6A; }

#footer ul 				{ list-style: none; margin: 10px 0 0 30px; padding: 0; }
#footer li 				{ display: block; float: left; margin: 0; padding: 0; text-align: center; }
#footer li.last			{ margin-right: 0; }


/* DIV Classes
-------------------------------------------------------------*/

.links_column			{ float: left; margin-right: 10px; text-align: center; width: 230px; }
.links_column_last		{ margin-right: 0; }

.accommodation_column			{ float: left; margin-right: 30px; text-align: center; width: 340px; }
.accommodation_column ul		{ text-align: left; }

.accommodation_column_right		{ float: left; text-align: center; width: 340px; }
.accommodation_column_right ul	{ text-align: left; }

.features_column				{ float: left; margin-right: 30px; width: 340px; }
.features_column_right			{ float: left; width: 340px; }



/* DIV Areas
-------------------------------------------------------------*/

#container 				{ background-color: #fff; margin: 0 auto; text-align: left; width: 776px; }
#masthead				{ background: #5A819A url(/assets/images/presentation/masthead_bg.gif) repeat-x; border-top: 5px solid #455660; height: 61px; width: 776px; }
#banner					{ border-top: 3px solid #455660; height: 143px; width: 776px; }
#navigation				{ background: #5A819A url(/assets/images/presentation/masthead_bg.gif) repeat-x; border-top: 3px solid #455660; border-bottom: 3px solid #455660; overflow: auto; width: 776px; }
#content				{ overflow: auto; padding: 20px 30px; width: 716px; }

#content img			{ border: 5px solid #ccc; }
#content img.right		{ float: right; margin: 0 0 20px 30px; }
#content img.left		{ float: left; margin: 0 30px 20px 0 ; }

#map					{ border: 5px solid #ccc; }

#links					{ clear: both; overflow: auto; }
#plan					{ clear: both; }

#plan_map				{ float: left; }
#image_preview			{ float: left; margin-left: 10px; width: 250px;}
#plan_map img, #image_preview img		{ border: none; }

#gallery_placeholder	{ margin-bottom: 20px; text-align: center; }
#gallery_thumbs img		{ border: 2px solid #ccc; margin: 0 10px 10px 0; }

#contact_form			{ float: left; width: 700px; }
#form_left				{ float: left; width: 300px; }
#form_right				{ float: right; width: 300px; }


/* Banner Areas
-------------------------------------------------------------*/

#banner	h1				{ display: block; height: 143px; width: 776px; }
#home h1				{ background: url(/assets/images/presentation/banner_home.jpg) no-repeat; }
#location h1			{ background: url(/assets/images/presentation/banner_location.jpg) no-repeat; }
#accommodation h1		{ background: url(/assets/images/presentation/banner_accommodation.jpg) no-repeat; }
#gallery h1				{ background: url(/assets/images/presentation/banner_gallery.jpg) no-repeat; }
#bookings h1			{ background: url(/assets/images/presentation/banner_bookings.jpg) no-repeat; }
#attractions h1			{ background: url(/assets/images/presentation/banner_attractions.jpg) no-repeat; }
#starfish h1			{ background: url(/assets/images/presentation/banner_starfish.jpg) no-repeat; }
#seagull h1				{ background: url(/assets/images/presentation/banner_seagull.jpg) no-repeat; }


/* Footer Area
-------------------------------------------------------------*/

#footer 			{ background: #5A819A url(/assets/images/presentation/masthead_bg.gif) repeat-x; border-top: 3px solid #455660; height: 61px; margin: 0 auto;	padding-top: 30px; width: 776px; }