/*---------------------------------------------------------------------     
    I M P O R T S
---------------------------------------------------------------------*/

@import url(reset.css);
@import url(navigation.css);
@import url(typography.css);
@import url(forms.css);
@import url(booking.css);


/*
-----------------------------------------------------------------------    
   C O R E  C O L O U R S
----------------------------------------------------------------------- 

	Red			 #AD5663
	Light red 	 #BF686A
	blue		 #AD5663
	light blue
	green
	light green
	orange
	light orange

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



/*---------------------------------------------------------------------    
   G E N E R A L  S T Y L E S
---------------------------------------------------------------------*/

html {
	font-size: 100%;
}

body {
	font-family: Arial, sans-serif;
	color:#1A1A1A;
	margin:0;
	font-size:62.5%;
}

#red {
	background-color:#AD5663;
}

#blue {
	background-color:#2B848C;
}

#green {
	background-color:#448069;
}

#orange {
	background-color:#C66744;
}




#bch{
	background-color:#2B848C;
}

#game{
	background-color:#C66744;
}

#gard{
	background-color:#448069;
}

#olh{
	background-color:#AD5663;
}


#container{
	width:908px;
	padding:0;
	position:relative;
	margin:0 auto;
	padding:0 22px 0 22px;
	overflow:hidden;
}


body#red #container{
	background-color:#BF686A;
	background-image:url(../images/global/backgrounds/bg_red.gif);
	background-repeat:no-repeat;
}

body#blue #container{
	background-color:#329BA5;
	background-image:url(../images/global/backgrounds/bg_blue.gif);
	background-repeat:no-repeat;
}


body#green #container{
	background-color:#50957B;
	background-image:url(../images/global/backgrounds/bg_green.gif);
	background-repeat:no-repeat;
}

body#orange #container{
	background-color:#D77049;
	background-image:url(../images/global/backgrounds/bg_orange.gif);
	background-repeat:no-repeat;
}


/* cottages */
body#olh #container{
	background-color:#BF686A;
	background-image:url(../images/global/backgrounds/bg_olh.gif);
	background-repeat:no-repeat;
}


body#bch #container{
	background-color:#329BA5;
	background-image:url(../images/global/backgrounds/bg_bch.gif);
	background-repeat:no-repeat;
}

body#game #container{
	background-color:#D9714A;
	background-image:url(../images/global/backgrounds/bg_game.gif);
	background-repeat:no-repeat;
}

body#gard #container{
	background-color:#52987D;
	background-image:url(../images/global/backgrounds/bg_gard.gif);
	background-repeat:no-repeat;
}


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

#header{
	height:102px;
}

#logo{
	position:relative;
	width:684px;
	float:left;
	margin-top:34px;
	height:68px;
}

#title{
	position:relative;
	width:224px;
	float:left;
	margin-top:34px;
	height:68px;
}


/*---------------------------------------------------------------------    
   Layout
---------------------------------------------------------------------*/

#content-wrapper{
	width:908px;
}	

body#red #content-wrapper, body#olh #content-wrapper{
	background-image:url(../images/global/backgrounds/bg_content_red.gif);
	background-repeat:repeat-y;
}

body#blue #content-wrapper, body#bch #content-wrapper{
	background-image:url(../images/global/backgrounds/bg_content_blue.gif);
	background-repeat:repeat-y;
}

body#green #content-wrapper, body#gard #content-wrapper{
	background-image:url(../images/global/backgrounds/bg_content_green.gif);
	background-repeat:repeat-y;
}

body#orange #content-wrapper, body#game #content-wrapper {
	background-image:url(../images/global/backgrounds/bg_content_orange.gif);
	background-repeat:repeat-y;
}



#content-left{
	position:relative;
	width:424px;
	float:left;
	background-color:#FFFFFF;	
	padding:14px;
	overflow:hidden;
}

#content-right{
	position:relative;
	width:424px;
	float:right;
	background-color:#FFFFFF;
	padding:14px;
	overflow:hidden;
}


#content-full{
	position:relative;
	width:880px;
	float:left;
	background-color:#FFFFFF;	
	padding:14px;
	overflow:hidden;
}

.calendar{
float:left;
overflow:hidden;
height:300px;
clear:both;
background-color:#FFFFFF;
}

a.in_calendar_link {
color:#FFFFFF !important;
}

a.in_calendar_link {
color:#FFFFFF !important;
}

td.CalendarTop2 {
 display:none;
}

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

#nav-wrapper{
	text-transform:uppercase;
	font-size:10px;
	padding-bottom:28px;
}	

#navigation{
	position:relative;
	width:200px;
	float:left;
	margin-right:10px;
	font-weight:bold;
	padding-bottom:24px;
	background:url(../images/global/nav_bottom_bg.gif) no-repeat bottom left;
}

#sub-nav{
	position:relative;
	width:200px;
	float:left;
	margin-left:14px;
	padding-bottom:19px;
	background:url(../images/global/nav_bottom_bg.gif) no-repeat bottom left;
}



/* Main nav 
------------------------*/
#navigation ul li{
	padding-bottom:6px;
}

#navigation ul a{
	text-decoration:none;
}


body#red #navigation ul a, body#olh #navigation ul a{
	color:#AD5663;
}


body#blue #navigation ul a, body#bch #navigation ul a{
	color:#2B848C;
}

body#green #navigation ul a, body#gard #navigation ul a{
	color:#448069;
}

body#orange #navigation ul a, body#game #navigation ul a{
	color:#C66744;
}



body#red #navigation ul a:hover, body#blue #navigation ul a:hover, body#green #navigation ul a:hover, body#orange #navigation ul a:hover,
body#red #navigation a.active, body#blue #navigation a.active, body#green #navigation a.active, body#orange #navigation a.active,
body#olh #navigation a.active, body#game #navigation a.active, body#gard #navigation a.active, body#bch #navigation a.active{

	color:#000000;
}





/* Sub nav 
------------------------*/
#sub-nav ul li{
	padding-bottom:6px;
}

#sub-nav ul a{
	text-decoration:none;
}


body#red #sub-nav ul a, body#olh #sub-nav ul a{
	color:#AD5663;
}

body#blue #sub-nav ul a, body#bch #sub-nav ul a{
	color:#2B848C;
}


body#green #sub-nav ul a, body#gard #sub-nav ul a{
	color:#448069;
}

body#orange #sub-nav ul a, body#game #sub-nav ul a {
	color:#C66744;
}




body#red #sub-nav ul a:hover, body#blue #sub-nav ul a:hover, body#green #sub-nav ul a:hover, body#orange #sub-nav ul a:hover,
body#red #sub-nav a.active, body#blue #sub-nav a.active, body#green #sub-nav a.active, body#orange #sub-nav a.active,
body#bch #sub-nav a.active, body#olh #sub-nav a.active, body#game #sub-nav a.active, body#gard #sub-nav a.active{
	color:#000000;
}



/*---------------------------------------------------------------------    
   Page content
---------------------------------------------------------------------*/

#body-text{
	width:367px;
}



#body-text-full{
	width:880px;
}





/*---------------------------------------------------------------------    
  Right Elements
---------------------------------------------------------------------*/

/*  done some calculations of the image ration
	and we could do with the large image being
	424 x 281 and the smaller image being 210 x 281
	then we can just require 1 crop
	
	also made the white areas 4px in the elements
	on the right
*/



/* images 
------------------------*/



.large-image, #image-cycle{
	width:424px;
	height:281px;
	margin-bottom:4px;
	overflow:hidden;
	list-style-type:none;
}


#image-cycle ul, #image-cycle li{
	list-style-type:none;
}


.medium-image{
	position:relative;
	width:210px;
	height:139px;
	float:left;
	margin:0 0 4px 0;
}


.news-image{
	position:relative;
	width:424px;
	height:281px;
	float:left;
	margin-bottom:14px;
}








/* banners 
------------------------*/
.banner{
	float:left;
	padding:16px;
	height:107px;
	width:178px;
	margin-bottom:4px;
	overflow:hidden;
}

.banner-left{
	margin-right:4px;	
}

.banner-orange{
	background-image:url(../images/global/banners/banner_orange.gif);
	background-repeat:no-repeat;
	text-align:center;
}

.banner-blue{
	background-image:url(../images/global/banners/banner_blue.gif);
	text-align:center;
	background-repeat:no-repeat;
}


.banner-green{
	background-image:url(../images/global/banners/banner_green.gif);
	text-align:center;
	background-repeat:no-repeat;
}


.banner-red{
	background-image:url(../images/global/banners/banner_red.gif);
	text-align:center;
	background-repeat:no-repeat;
}



/* guestbook 
------------------------*/


p.guestbook-quote{
	font-size:20px;
	line-height:130%;
	padding-bottom:33px;
}

p.guestbook-details{
	font-size:12px;
	line-height:130%;
	padding-bottom:33px;
}

p.guestbook-details em{
	color:#666666;
	font-style:normal;
}





#guestbook-carousel-wrapper{
	font-family:Palatino, Georgia;
	color:#000000;
	width:424px;
	overflow:hidden;
	z-index:5;
}



#guestbook-carousel-inner{
	width:424px;
	height:700px;
	overflow:hidden;
}


#guestbook-carousel-inner ul{
	width:424px;
	overflow:hidden;
	
}

#guestbook-carousel-inner li{
	width:424px;
	height:700px;
	overflow:hidden;
	display:block;
	margin-right:20px;
}


#guestbook-carousel-buttons button.prev{
	padding:5px;
	border:0;
}

#guestbook-carousel-buttons button.next{
	padding:5px;
	border:0;
}


#guestbook-carousel-buttons{
	width:424px;
	height:15px;
	margin-top:9px;
	text-align:right;
	padding-bottom:20px;
}


#guestbook-carousel-buttons button{
	cursor:pointer;
	outline:0;
	width:auto;
    overflow:visible;
}









/* news 
------------------------*/
.news-listing{
	position:relative;
	width:210px;
	float:left;
	font-size:12px;
	line-height:130%;
	/*padding-bottom:33px;*/
	height:270px;
}

.news-listing .listing-image{
	width:210px;
	height:139px;
	margin-bottom:4px;
}

p.news-listing-title{
	padding:1px 0 7px 0; 
}

p.news-listing-title a{
	color:#448069;
	text-decoration:none;
}

.news-listing p{
	width:196px;
}

a.news-next{
	display:inline-block;
	float:left;
	text-indent:-999999px;
	background-image:url(../images/global/buttons/news_right.gif);
	background-repeat:no-repeat;
	width:16px;
	height:15px;;
	
}

a.news-prev{
	display:inline-block;
	float:left;
	text-indent:-999999px;
	background-image:url(../images/global/buttons/news_left.gif);
	background-repeat:no-repeat;
	width:16px;
	height:15px;
	margin-right:3px;
}



/* gallery carousel 
------------------------*/

#gallery-carousel-wrapper{
	overflow:hidden !important;
	width:424px;
	z-index:5;
	height:316px;
	background:url(../images/global/backgrounds/gallery_red_bg.gif) no-repeat bottom left;
}




#gallery-carousel-wrapper .carousel-title{
	padding:0; 
	width:100px;
	position:absolute;
	margin-left:322px;
	top:297px; 
	z-index:5;
	height:33px;
	background-color:#AD5663;
}


#gallery-carousel-inner{
	width:424px;
	height:314px;
	overflow:hidden;
}


#gallery-carousel-inner li{
	width:424px;
	height:314px;
	overflow:hidden;
	/*margin-right:14px;*/
}


#gallery-carousel-inner li .gallery-caption{
	
}

#gallery-carousel-inner li  .gallery-caption p{
	color:#ffffff;
	font-size:11px;
	padding:11px 14px 0 12px;
}


#gallery-carousel-wrapper button.prev{
	width:16px;
	height:15px;
	background: transparent url(../images/global/buttons/gallery_left_red.gif) no-repeat;
	border:0;
}

#gallery-carousel-wrapper button.next{
	width:16px;
	height:15px;
	background: transparent url(../images/global/buttons/gallery_right_red.gif) no-repeat;
	border:0;
}


.carousel-buttons{
	width:50px;
	height:15px;
	margin-top:9px;
	margin-right:10px;
	display:inline-block;
	text-align:right;
	float:right;
}


#gallery-carousel-wrapper button{
	cursor:pointer;
	text-indent:-9999999px;
	outline:0;
	width:auto;
    overflow:visible;
}



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

#footer{
	margin-top:24px;
	color:#7f7f7f;
	padding-bottom:10px;
	
}


#footer ul{
	text-transform:uppercase;
	font-size:11px;
	padding:0 0 14px 0;
	
}

#footer ul li{
	display:inline;
	padding:0 14px 0 0;
}


#footer ul li a{
	text-decoration:none;
}

body#red #footer ul li a, body#olh #footer ul li a{
	color:#AD5663;	
}

body#blue #footer ul a, body#bch #footer ul a{
	color:#2B848C;
}

body#green #footer ul a, body#gard #footer ul a{
	color:#448069;
}


body#orange #footer ul a, body#game #footer ul a{
	color:#C66744;
}



body#red #footer ul li a:hover, body#blue #footer ul li a:hover, body#green #footer ul li a:hover, body#orange #footer ul li a:hover{
	color:#000000;	
}



/*---------------------------------------------------------------------    
	Bottom Decoration
---------------------------------------------------------------------*/

#bottom-graphic{
	height:50px;
	text-align:center;
	padding-top:33px;
	font-size:11px;
	color:#FFFFFF;
	
}

body#red #bottom-graphic{
	background-color:#AD5663;
	background:url(../images/global/backgrounds/bg_bottom_red.gif) center no-repeat;
}

body#blue #bottom-graphic{
	background-color:#AD5663;
	background:url(../images/global/backgrounds/bg_bottom_blue.gif) center no-repeat;
}

body#green #bottom-graphic{
	background-color:#AD5663;
	background:url(../images/global/backgrounds/bg_bottom_green.gif) center no-repeat;
}

body#orange #bottom-graphic{
	background-color:#AD5663;
	background:url(../images/global/backgrounds/bg_bottom_orange.gif) center no-repeat;
}


body#game #bottom-graphic{
	background-color:#AD5663;
	background:url(../images/global/backgrounds/bg_bottom_game.gif) center no-repeat;
}

body#olh #bottom-graphic{
	background-color:#AD5663;
	background:url(../images/global/backgrounds/bg_bottom_olh.gif) center no-repeat;
}

body#gard #bottom-graphic{
	background-color:#AD5663;
	background:url(../images/global/backgrounds/bg_bottom_gard.gif) center no-repeat;
}

body#bch #bottom-graphic{
	background-color:#AD5663;
	background:url(../images/global/backgrounds/bg_bottom_bch.gif) center no-repeat;
}




/*---------------------------------------------------------------------     
   S I T E M A P 
---------------------------------------------------------------------*/

ul#siteMap a{
	font-size:12px;
	text-decoration:none;
	color:#333333;
	
}

ul#siteMap a:hover{
	text-decoration:underline;
	
}


ul#siteMap ul{
	margin-left:30px;
}

ul#siteMap li{
	padding-bottom:5px;
	padding-top:5px;
}




/* CLEAR
------------------------*/

.right{
	float:right;
}

.left{
	float:left;
}