/* 
Website: Felix Unite
Title: Primary/Master style sheet for screen media
Author: Iain Duncan
Updated: October 2007

NOTES: All H1 and H2 tags sitewide will noT display unless a SHOW class is applied

Style Index
$1 - Reset/Defaults
$2 - Global Styles
$3 - Page Structure
$4 - Navigation  - Primary/Secondary/Searchbar 
$5 - Content - Typography
$6 - Footer
$7 - Homepage 
$8 - 
$9 - 
$10 -  
$11 -   
$12 - 
$13 - 
$14 - 
$15 - 
$16 - 
$17 - 
$18 - 
$19 - 
$20 - 
$21 - 
*/

/* ------------------------------------------------------------
	$1 – Reset/Defaults
------------------------------------------------------------ */

/*Clear Margin and Padding on major elements*/
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;}

/* Put it back on certain elements 
p, pre, blockquote, fieldset, table {
	margin: 1em 0;
}*/

/* Remove border around linked images */
img {	
	border: 0;
}

/* Generic pointer style */
.pointer { 
	cursor:pointer;
}


/* ------------------------------------------------------------
	$2 – Global Styles
------------------------------------------------------------ */
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* Sets base font size to 10px - 16px  62.5% = 10px - this means that 1em=10px in the rest of this sheet onwards   */
	text-align: center;
	color: #7c7c7c;
	background: #8bacbd url(/images/sitewide/body_bg.jpg) repeat-x top center;
	}

/*Links*/

a:link, a:visited {
	color: #6e8d9d;
	font-weight: bold;
	text-decoration: underline;
}

a:hover {
	color: #385361;
}


/* Classes for floating */

.fl {
	float:left;
}

.fr {
	float:right;
}

/* Classes for floating images*/

.home_img{
	width: 210px;
}

.imgl {
	float:left;
	margin-right:10px;
}

.imgr {
	float:right;
	margin-left:10px;
}

.img-brdr {
	padding:3px;
	border: 2px solid #b5cad5;
	background-color: #FFF;

}

.imgl-brdr_mrgtop { /* float left with top mrg 1em */
	float:left;
	padding:3px;
	margin-right:10px;
	margin-bottom:5px;
	margin-top:1em;
	border: 2px solid #b5cad5;
	background-color: #FFF;
}

.imgl-brdr {
	float:left;
	padding:3px;
	margin-right:10px;
	margin-bottom:5px;
	border: 2px solid #b5cad5;
	background-color: #FFF;
}

.imgr-brdr {
	float:right;
	padding:3px;
	margin-left:10px;
	margin-bottom:5px;
	border: 2px solid #b5cad5;
	background-color: #FFF;
}

/* Class for clearing floats */
.clear {	
	clear:both;
}

.clearl {	
	clear:left;
}

.clearr {	
	clear:right;
}

/* Class for hiding skip navigation link */

.hide {
	position: absolute;
	left: -9999px;
}

/* Text Align Center */
.txtcent {
text-align:center;
}


/* Content div with margin either side */

.main_mrg {
	padding: 0 17px 5px 17px;
	width:660px;
}

.main_mrg_special {
	padding: 0 17px 25px 15px;
	width:660px;
}

/* Content div with dotted bottom border */

.main_brdr {
	border-bottom: 1px dashed #8bacbd;
}


/* Content Break div with Wave Pattern */

.section_brk {
	height:62px;
	width:694px;
	background: url(/images/sitewide/section_break.jpg) no-repeat top left;	
}

/* Enquire Now Graphic/Link */

a.enquire  {
	display:block;
	height:44px;
	width:144px;
	overflow:hidden;
	text-decoration:none;
	text-indent:-9999em;
	background: url(/images/sitewide/enquire.jpg) no-repeat top left;	
}

/* ------------------------------------------------------------

	$3  Page Structure

------------------------------------------------------------ */

#container {
	width: 698px;
	margin: 0 auto;
	padding: 6px 22px 22px 22px;
	text-align: left;
	font-size: 1.0em; /* 10px */
	background-color: #a9c7d5;	
}

#topnav {
	height: 26px;
	padding: 14px 0 0 0;
	font-size: 0.9em; /* 9px */
	color: #545454;
	background: #cbdee8 url(/images/topnav/topnav_bg_2.jpg) no-repeat top center;
}

#topNav_list{
	margin:-14px 0 0 0;	
}

ul#topNav_list > li{
	padding:0 0 0 0;	
}

#mainnav {
	text-align:center;
	height: 32px;
	padding: 11px 0 0 0;
	font-size: 1.0em; /* 10px */
	color: #FFF;
	background: #6e8d9d url(/images/mainnav/mainnav_bg.jpg) no-repeat top left;
}

#content {
	width:694px;
	padding: 0 2px 0 2px;
	background: #bfd6e1 url(/images/sitewide/cnt_bg.gif) repeat-y top left;
}

#breadcrumb {
	padding: 35px 0 0 42px;
	height: 15px;
	background: #bfd6e1 url(/images/breadcrumb/brdcrmb_bg.jpg) no-repeat top left;
}

#main {
	background: #bfd6e1 url(/images/sitewide/main_bg.jpg) no-repeat bottom right;
	padding: 15px 0 13px 0;
}


#footer {
	/*width:548px;*/
	width:676px;
	height:29px;
	padding: 7px 0 0 22px;
	background: #cbdee8 url(/images/footer/footer_bg.jpg) no-repeat top left;
}


/* ------------------------------------------------------------

	$4  General/Content Typography

------------------------------------------------------------ */

#main h1, #main_nl h1, #main_nl h2, #main h2 {
	color:#6e8d9d;
	font-size: 1.0em; /* 10px */
	font-weight:bold;
	margin: 1em 0;
	position:absolute; /* NB All H1 and H2 tags sitewide will no display unless a SHOW class is applied */
	left: -99999em;
	top: -99999em;
}

/* To Display Hidden Header Tags */

#content #main h1.show, #content #main h2.show {
	display:block;
	position:static;
}

#main p {
	margin: 1em 0;
}

#main ul {
	list-style: square outside;
	margin: 1em 0 0 15px;
}

#main ul li {
	margin: 1em 0 0 0;
}

/* ------------------------------------------------------------

	$5 Top header

------------------------------------------------------------ */

#header {
	padding: 3px 3px 0 3px;
	width:692px;
	height:216px;
	background: #fff no-repeat bottom center;
}
	
#portfolio li {
	list-style-type:none;
	padding: 0;
	margin: 0;
	color: #a9c7d5;
	display: inline;
}

/* ------------------------------------------------------------

	$5 Top Nav

------------------------------------------------------------ */

#topnav li {
	list-style:none;
	float:left;
	padding: 0 9px 0 9px;
	border-right: 1px solid #3a4f6a;
}

#topnav li.border_left {
	border-left: 1px solid #3a4f6a;	
}

#topnav li.no_border {
	border:none;
}

#topnav li.last {
	padding: 0 0 0 11px;
	border-right: none;
}

#topnav a:link, #topnav a:visited {
	color: #545454;
	font-weight: normal;
	text-decoration: none;
}

#topnav a:hover {
	color: #aeadad;
}


/* ------------------------------------------------------------

	$7 Breadcrumb

------------------------------------------------------------ */

#breadcrumb ul {
	list-style: none;
}

#breadcrumb li {
	float:left;
	padding: 0 7px 0 10px;
	color: #545454;
	font-size: 0.9em; /* 9px */	
	background: url(/images/breadcrumb/seperator.gif) no-repeat center left;
}

#breadcrumb li.first {
	list-style: none;
	background: none;
	padding: 0 7px 0 0;
}

#breadcrumb li.last {
	padding: 0 0 0 7px;
}



/* ------------------------------------------------------------

	$8 Footer

------------------------------------------------------------ */

#footer li {
	font-size: 0.9em; /* 9px */
	list-style:none;
	float:left;
	padding: 0 10px 0 11px;
	border-right: 1px solid #898989;
}

#footer li.last {
	padding: 0 0 0 11px;
	border-right: none;
}

#footer a:link, #footer a:visited {
	color: #898989;
	font-weight: normal;
	text-decoration: none;
}

#footer a:hover {
	color: #545454;
}

/* footer logos */

div#footer_logos {

	text-align:center;
	padding:20px 0 0px 0;
}


/* ------------------------------------------------------------

	$8 Home

------------------------------------------------------------ */

/* Home Intro */

.home_intro_l{
	width: 297px;
	margin: 0 30px 0 0;
}

.home_intro_r{
	width: 297px;
	margin: 0 0 0 30px;
}

 #main div.home_intro_l h2.show,  #main div.home_intro_r h2.show {
	margin: 3px 0 3px 0;
	display:block;
}

 #main div.home_intro_l a.heading,  #main div.home_intro_r a.heading {
	 text-decoration:none;
	 /*
	 font-size:11px;
	 line-height:14px;
	 */
 }
 
  #main div.home_intro_l a,   #main div.home_intro_r a {
	  	
  }


 #main div.home_intro_l p,  #main div.home_intro_r p {
	margin: 0 0 1em 0;
}


/* ------------------------------------------------------------

	$8 Product - Overview Page

------------------------------------------------------------ */

/* Product Menu */

#prod_menu,#prod_menu2 {
	margin: 0 0 5px 0;
	height:29px;
	width:694px;
}

#main #prod_menu ul, #main #prod_menu2 ul {
	margin: 0;
	padding: 7px 0 0 0;
}

#main #prod_menu ul li, #main #prod_menu2 ul li {
	margin:0;
	padding:0;
}

#main #prod_menu li, #main #prod_menu2 li {
	list-style:none;
	float:left;
}

#main #prod_menu a.first, #main #prod_menu2 a.first {
	padding: 0 0 0 25px;
}

#prod_menu a:link, #prod_menu a:visited, #prod_menu2 a:link, #prod_menu2 a:visited {
	padding: 0 25px 0 23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.0em;
	color: #7c7c7c;
	text-decoration: underline;
}

#prod_menu a:hover, #prod_menu2 a:hover {
	color: #aeadad;
}

/* Product Menu - You are here navigation - make sure pages body tag has the ID mentioned here*/

#prod_ovrvw_page #prod_menu {
	background: #e0ebf1 url(/images/product/nav_bg1.jpg) no-repeat top left;
}

#prod_itinerary_page #prod_menu {
	background: #e0ebf1 url(/images/product/nav_bg2.jpg) no-repeat top left;
}

#prod_faq_page #prod_menu {
	background: #e0ebf1 url(/images/product/nav_bg3.jpg) no-repeat top left;
}

#prod_kitlist_page #prod_menu {
	background: #e0ebf1 url(/images/product/nav_bg4.jpg) no-repeat top left;
}

#prod_gallery_page #prod_menu {
	background: #e0ebf1 url(/images/product/nav_bg5.jpg) no-repeat top left;
}

/* Product Menu Version 2 - For 3 bar menu no kitlist or faq - You are here navigation - make sure pages body tag has the ID mentioned here*/

#prod_ovrvw_page #prod_menu2 {
	background: #e0ebf1 url(/images/product/nav2_bg1.jpg) no-repeat top left;
}

#prod_itinerary_page #prod_menu2 {
	background: #e0ebf1 url(/images/product/nav2_bg2.jpg) no-repeat top left;
}

#prod_gallery_page #prod_menu2 {
	background: #e0ebf1 url(/images/product/nav2_bg3.jpg) no-repeat top left;
}


/* Overview Image Set */

#prod_ovrvw_imgs_left {
	width:319px;
	padding: 0 0 0 28px;
}

#prod_ovrvw_imgs_left img {
	border: 1px solid #fff;
}

#prod_ovrvw_imgs_right {
	width:318px;
	height:241px;
	padding: 0 27px 0 0;
}

#prod_ovrvw_imgs_right div.top {
	height: 120px
}

#prod_ovrvw_imgs_right div.bottom {
	height: 120px
}


#prod_ovrvw_imgs_right div.imgs_right_left {
	width: 159px;
	height: 120px;
}

#prod_ovrvw_imgs_right div.top div.imgs_right_left img {
	border: 1px solid #fff;
	border-width: 1px 1px 0 0;
}

#prod_ovrvw_imgs_right div.imgs_right_right {
	width: 159px;
	height: 120px;
}

#prod_ovrvw_imgs_right div.top div.imgs_right_right img {
	border: 1px solid #fff;
	border-width: 1px 1px 0 0;
}

#prod_ovrvw_imgs_right div.bottom div.imgs_right_left img {
	border: 1px solid #fff;
	border-width: 1px 1px 1px 0;
}

#prod_ovrvw_imgs_right div.bottom div.imgs_right_right img {
	border: 1px solid #fff;
	border-width: 1px 1px 1px 0;
}


/* Content After Image Set */

#prod_ovrvw {
	width:694px;
}

#prod_ovrvw_left {
	padding: 0 0 0 17px;
	width:330px;
}

#prod_ovrvw_right {
	width:216px;
}

#prod_ovrvw_right ul {
	list-style: none;
	padding:0;
	margin: 0 17px 0 0;
}

#prod_ovrvw_right ul li {
	list-style: none;
	padding: 0;
	margin: 0 0 -2px 0;
}


/* ------------------------------------------------------------

	$9 Product - Gallery Page

------------------------------------------------------------ */

/* Img Row */

div.prod_gal_imgrow.first {
	margin: 0;
}

div.prod_gal_imgrow {
	margin: 20px 0 0 0;
}

#main div.prod_gal_imgrow ul {
	margin:0;
	padding:0;
}

#main div.prod_gal_imgrow ul li {
	margin:0;
	width:158px;
	padding:0 6px 0 0;
	list-style:none;
	float:left;
}

#main div.prod_gal_imgrow ul li.last {
	padding:0;
}

#main div.prod_gal_imgrow img {
	border: 1px solid #fff;
}


/* Text Row */

#main div.prod_gal_textrow ul {
	margin:0;
	padding:0;
}

#main div.prod_gal_textrow ul li {
	text-align:center;
	padding: 0 5px 0 0;
	margin: 2px 0px 0 0;
	list-style:none;
	float:left;
}

/* Enquire Now Graphic/Link */

a.enlarge  {
	display:block;
	height:29px;
	width:160px;
	overflow:hidden;
	text-decoration:none;
	text-indent:-9999em;
	background: url(/images/product/enlarge_gal.jpg) no-repeat top center;	
}


/* ------------------
	$10 - News
--------------------*/

#news-archive {
	width: 150px;
	padding: 0 15px 10px 25px;
	margin: 0 0 10px 10px;
	background-color: #d2e2ea;
	border: 1px solid #b2c7d1; 
}

div.news-images {
	width:460px;
	text-align:left;
	padding-top:15px;
}

div.news-images a.gallerybox {
	float:left;
}

div.news-images img {
	margin:0 25px 20px 0;
}

/* ------------------
	$11 - Forms
--------------------*/
 
.form-container {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

/* Newsletter Subscribe */

.form-standard label {
	font-weight:bold;
	display:block;
	padding: 10px 0 5px 0;
}

.form-standard label.first {
	font-weight:bold;
	display:block;
	padding: 0 0 5px 0;
}

.form-standard select {
	width: 200px;
	font-size: 1em;
	color: #82583c; 
	background-color: #fff;
	border-top: 1px solid #6e8d9d; 
	border-left: 1px solid #6e8d9d; 
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.form-standard input, .form-standard textarea  {
	width: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #6e8d9d; 
	padding: 5px;
	border: 1px solid #6e8d9d;
	border-width: 1px 1px 1px 1px;
	background: #FFFFFF url(/images/sitewide/input_bckgrnd.jpg) no-repeat top left;
}

.form-submit {
	padding: 10px 0 10px 0;
}

/* ---------------------------
	$12 - Contact Page
------------------------------*/

/*  Contact form styles */

.form-container div {
	padding: 10px 0 10px 0;
	margin: 0 0 0 0;
}

.form-contact label {
	font-weight:bold;
	display:block;
	padding: 10px 0 5px 0;
	width:200px;
}

.form-contact label.first {
	font-weight:bold;
	display:block;
	padding: 0 0 5px 0;
}

.form-contact select {
	width: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em; 
	color: #6e8d9d; 
	background-color: #fff;
	border-top: 1px solid #6e8d9d; 
	border-left: 1px solid #6e8d9d; 
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.form-contact input, .form-contact textarea  {
	width: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em; 
	color: #6e8d9d; 
	padding: 5px;
	border: 1px solid #6e8d9d; 
	border-width: 1px 1px 1px 1px;
	background: #FFFFFF url(/images/sitewide/input_bckgrnd.jpg) no-repeat top left;
}

#content #main .form-contact input.check {
	font-size: 1em;
	color: #6e8d9d; 
	width:15px;
	margin: 6px 0 0 0;
	border: none;
	background: none;
}

#contact_accom {
	float:left;
	width:630px;
	margin:5px 0 5px 0;
	padding: 5px 0 10px 30px;
	border: 1px solid #6e8d9d;
	border-width: 1px 0 1px 0;
	background-color:#d5e4eb;
}

.form-container div#contact_meals {
	margin: 0;
	padding:0;
}

.form-contact .form-submit {
	padding: 10px 0 10px 200px;
}

/*  Required field style */

.form-contact span{
	padding: 0 0 0 5px;
	font-size:0.9em;
	color:#a11414;
}

 /* Contact Info */

#contactinfo {
	width:257px;
	padding: 0 0 0 10px;
	margin: 0 0 0 1em;
	background-color: #d5e4eb; 
	border: 1px solid #6e8d9d;
}

#content #main #contactinfo ul{
	list-style:none;
	padding: 5px 0 0 0;
	margin: 0 0 1em 0;
}

#content #main #contactinfo ul li{
	list-style:none;
	padding: 0 0 0 0;
	margin: 0 0 0.2em 0;
}

/* Show/Hide Accom */

div#contact_accom.hide {
	display:none;
}


/* -----------------------------
	$12 - Newsletter Subscribe
--------------------------------*/
#main_nl {
	color:#7c7c7c;
	background:#bfd6e1 none;
	text-align:left;
	width:300px;
	padding: 0 17px 0 17px;
}


/* -----------------------------
	$13 - Guest Albums, client galleries
--------------------------------*/
div.gallery_list {
		padding:10px 0;
		line-height:14px;
}

div.gallery_list img {
		background-color:#fff;	
		border:2px solid #fff;
}

div.gallery_list p {
	padding:5px 0 0 2px;
}

div.gallery {
		padding:15px 0;
}


div.gallery a {

}

div.gallery img {
		background-color:#fff;	
		margin:0 6px 6px 0;
		border:2px solid #fff;
}

p.gallery_copy {
			line-height:14px;
			
}


/* -----------------------------
	Sponsors
--------------------------------*/

div.our_sponsors{
	margin:22px 0 0 0;
	/*border-bottom: 1px dashed #8bacbd;*/
	text-align:center;
}

div.our_sponsors div > a{
	color:#7C7C7C;
	text-decoration:none;
	font-size:14px;
	font-weight:normal;
}

div.our_sponsors #our_sponsors_left{
	float:left;
	text-align:left;
}

div.our_sponsors #our_sponsors_right{
	float:right;
	text-align:right;
}

div.our_sponsors div img{
	width:292px;
}

div.our_sponsors h3{
	text-align:center;
	color:#000;
	padding-top:10px;
	padding-bottom:5px;
/*	float:left;
	padding:5px;
	padding-top:35px;
	margin-top:20px;*/
}

div.our_sponsors img{
	vertical-align:top;
}

img#first_accent_logo{
	margin-bottom:12px;
	width:200px;
}

img#wilde_logo{
	margin-bottom:12px;
	width:130px;
}

img#glider_logo{
	margin-bottom:19px; 

}

/* -----------------------------
	Top Button Nav
--------------------------------*/

#find_your_photo_button{
	margin-right:34px;
}

#specials_button{
	margin-right:33px;
}

#guest_albums_button{
	margin-right:34px;
}

/* -----------------------------
	Rates Button Nav
--------------------------------*/

#rateslink{
	width:85%; 
	height:40px; 
	margin:-19px 14px 0px 0px;  
	float:right; 
	font-size:16px; 
	color:#395896; 
	font-weight:bold;
	z-index:1;
	position:relative;
}
#rateslink a{
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 3px #FFF solid;
	margin-right: 3px;
	float:right;	
}

/* -----------------------------
	Rate page
--------------------------------*/

#rates{
	text-align:center;
	margin-top: 25px;
	margin-bottom: 25px;
	position: relative;
	z-index: 101;
		
}
#rates img{
	margin-top: 15px;
	width:184px;
	margin-right: 28px;
}

#rates .rates_buttons{
	float:right;	
}

#rates .rates_buttons_click_here{
	width: 134px;
	heigth: 34px;	
}

#rates #rate_wetter_better{
	width: 273px;
	height: 30px;
}

#rate_wave{
	position: absolute;
	z-index: 100;
	margin-top: 30px;
}

#rate_wave > img{
	width: 688px;
	height: 59px;
	margin: -10px 0 0 3px;
}

/* -----------------------------
	Specials page
--------------------------------*/
#month_links {
	float:right;
	width:200px;
	text-align:right;
	line-height:22px;
	margin-top:64px;
}

.month_flyer{
	float:right;	
	text-align:right;
	margin-top:-53px;
}

.month_flyer br{
	clear:both;
}

/* -----------------------------
	Photobook page
--------------------------------*/

#photobook_button{
	/*text-align:right;	*/
}
#photobook_button a{
	position:absolute;
	margin:-48px 0 0 204px;
	width:440px;
	height:38px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 3px #FFF solid;
}

#photobook_button a img{
	width:440px;
	height:38px;
}

#photobook_wave{
	margin-top: 165px;
    position: absolute;
    z-index: 100;
}

#photobook{
	margin:27px 0 0 0;
	width:660px;
	height:508px;
}

#photobook #photobook_image{
	/*margin-top: 23px;*/
    position: absolute;
	width:660px;
	height:500px;
    z-index: 101;
}

.photo_enquire{
	padding: 0 0 0 17px;
}