@charset "UTF-8";


body
{
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
	color: #666666;
	background: url(images/top_bg.jpg) top left repeat-x #FFFFFF;
	font-size: 13px;
	line-height: 15px;
}


/***********************************************************************/
/* containers                                                          */
/***********************************************************************/

#outer
{
	margin: 0px;
	padding: 0px;
	height: 100px;
}

#wrapTop
{
	width: 100%;
	float: left;
	margin: 0 auto;
	padding: 0px;
}

#wrapMiddle
{
	width: 100%;
	float: left;
	margin: 0 auto;
	padding: 0px;
	background-image: url(images/middle_bg.jpg);
	background-repeat: repeat-x;
}

#contentTop
{
	margin: 0px auto 0px auto;
	padding: 0px 0px 17px 0px;
	width: 791px;
}

#contentMiddle
{
	margin: 0px auto 0px auto;
	width: 765px;
	padding: 0px 0px 0px 26px;
}

#logo
{
	float: left;
	padding: 0px;
	margin: 0px;
	width: 791px;
	text-align: left;
	
}

#logo h1
{
	display: none;
}



/* left set */

#left
{
	float: left;
	width: 340px;
	padding: 0px 38px 0px 0px;
	margin: 0px;
}

#left img
{
	float: left;
	border: 1px solid #F2F2F2;	/*padding-bottom: 15px;*/
	padding: 4px;
}

#left span img
{
	margin-right: 26px;
	display: inline;
}

#right
{
	float: left;
	width: 387px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

#right img
{
	float: left;
	border: 1px solid #F2F2F2;	/*padding-bottom: 15px;*/
	padding: 4px;
}

#right span img
{
	margin-right: 16px;
	display: inline;
}

/*mightRemove*/
#right p
{
	padding-right: 35px;
}


/* left set about*/

#leftAbout
{
	float: left;
	width: 375px;
	padding: 0px 10px 0px 0px;
	margin: 0px;
}

#leftAbout img
{
	float: left;
	border: 1px solid #F2F2F2;	/*padding-bottom: 15px;*/
	padding: 4px;
}

#leftAbout span img
{
	margin-right: 26px;
	display: inline;
}

#leftAbout p
{
	color: #666666;
	width: 345px;
	text-decoration: none;
	font-size: 13px;
	font-weight: normal;
	line-height: 17px;
}



#rightAbout
{
	float: left;
	width: 380px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

#rightAbout img
{
	float: left;
	border: 1px solid #F2F2F2;	/*padding-bottom: 15px;*/
	padding: 4px;
}

#rightAbout span img
{
	margin-right: 16px;
	display: inline;
}

/*mightRemove*/
#rightAbout p
{
	padding-right: 35px;
}

/* left set properties no boarder*/

#leftProperties2
{
	float: left;
	width: 360px; /*used to be 722*/
	height: 100px;
	padding: 0px 15px 10px 0px;
	margin: 8px 0px 10px 0px;

}

#leftProperties2 img
{
	float: left;
	border: 1px solid #F2F2F2;
	padding: 4px;
	margin: 0px 10px 0px 0px;
}

#leftProperties2 span img
{
	margin-right: 26px;
	display: inline;
}

#leftProperties2 p
{
	color: #666666;
	margin: 0px;
	padding: 0px 0px 12px 0px;
	text-decoration: none;
	font-size: 13px;
	font-weight: normal;
	line-height: 17px;
}

#leftProperties2 h3
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 14px;
	line-height: 20px;
	color: #9199A2;
	font-weight: bold;
}

/* left set properties*/

#leftProperties
{
	float: left;
	width: 360px; /*used to be 722*/
	height: 120px;
	padding: 0px 15px 10px 0px;
	margin: 8px 0px 10px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F2F2F2;
}

#leftProperties img
{
	float: left;
	border: 1px solid #F2F2F2;	/*padding-bottom: 15px;*/
	padding: 4px;
	margin: 0px 10px 10px 0px;
}

#leftProperties span img
{
	margin-right: 26px;
	display: inline;
}

#leftProperties p
{
	color: #666666;
	margin: 0px;
	padding: 0px 0px 12px 0px;
	text-decoration: none;
	font-size: 13px;
	font-weight: normal;
	line-height: 17px;
}

#leftProperties h3
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 14px;
	line-height: 20px;
	color: #9199A2;
	font-weight: bold;
}

/* properties headers*/


#PropertiesHeaders
{
	float: left;
	width: 360px;
	height: 20px;
	padding: 0px 15px 10px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F2F2F2;
}


/* left set properties top*/


#leftPropertiesTop
{
	float: left;
	width: 360px; 
	height: 120px;
	padding: 0px 15px 10px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F2F2F2;
}

#leftPropertiesTop img
{
	float: left;
	border: 1px solid #F2F2F2;	/*padding-bottom: 15px;*/
	padding: 4px;
	margin: 0px 10px 10px 0px;
}

#leftPropertiesTop span img
{
	margin-right: 26px;
	display: inline;
}

#leftPropertiesTop p
{
	color: #666666;
	margin: 0px;
	padding: 0px 0px 12px 0px;
	text-decoration: none;
	font-size: 13px;
	font-weight: normal;
	line-height: 17px;
}

#leftPropertiesTop h3
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 14px;
	line-height: 20px;
	color: #9199A2;
	font-weight: bold;
}



/* right set properties*/

#rightProperties
{
	float: left;
	width: 722px;
	padding: 0px 0px 10px 15px;
	margin: 0px 0px 10px 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F2F2F2;
}

#rightProperties img
{
	float: right;
	border: 1px solid #F2F2F2;	/*padding-bottom: 15px;*/
	padding: 4px;
	margin: 0px 0px 0px 15px;
}

#rightProperties span img
{
	margin-right: 26px;
	display: inline;
}

#rightProperties p
{
	color: #666666;
	margin: 0px;
	padding: 0px 0px 12px 0px;
	text-decoration: none;
	font-size: 13px;
	font-weight: normal;
	line-height: 17px;
	text-align: right;
}

#rightProperties h3
{
	text-align: right;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	font-size: 17px;
	line-height: 20px ;
	color: #333333;
}


/* left set booking */

#leftBooking
{
	float: left;
	width: 230px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#leftBooking img
{
	float: left;
	padding: 0px;
	margin: 0px;
}

#leftBooking span img
{
	margin-right: 26px;
	display: inline;
}

#leftBooking p
{
	color: #666666;
	margin: 0px;
	padding: 10px 0px 12px 0px;
	text-decoration: none;
	font-size: 13px;
	font-weight: normal;
	line-height: 17px;
}

#leftBooking h3
{
	
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	font-size: 17px;
	line-height: 20px ;
	color: #333333;
}

#leftBooking a
{
	color: #666666;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	line-height: 19px;
}

#leftBooking a:hover
{
	color: #72BFE9;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	line-height: 19px;
}

/* right set booking */

#rightBooking
{
	float: left;
	width: 230px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 26px;
}

#rightBooking img
{
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

#rightBooking span img
{
	margin-right: 26px;
	display: inline;
}

#rightBooking p
{
	color: #666666;
	margin: 0px;
	padding: 10px 0px 12px 0px;
	text-decoration: none;
	font-size: 13px;
	font-weight: normal;
	line-height: 17px;
	text-align: left;
}

#rightBooking h3
{
	text-align: right;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	font-size: 17px;
	line-height: 20px ;
	color: #333333;
}

#rightBooking a
{
	color: #666666;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	line-height: 19px;
}

#rightBooking a:hover
{
	color: #72BFE9;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	line-height: 19px;
}


/* left set contact */

#leftContact
{
	float: left;
	width: 360px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#leftContact img
{
	float: left;
	padding: 0px;
	margin: 0px;
}

#leftContact span img
{
	margin-right: 26px;
	display: inline;
}

#leftContact p
{
	color: #666666;
	margin: 0px;
	padding: 6px 0px 6px 0px;
	text-decoration: none;
	font-size: 13px;
	font-weight: normal;
	line-height: 17px;
}

#leftContact h3
{
	
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	font-size: 17px;
	line-height: 20px ;
	color: #333333;
}

#leftContact a
{
	color: #666666;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	line-height: 19px;
}

#leftContact a:hover
{
	color: #72BFE9;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	line-height: 19px;
}

/* right set booking */


#rightContact2
{
	float: left;
	width: 360px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 40px;
}

#rightContact
{
	float: left;
	width: 360px;
	padding: 7px 0px 0px 0px;
	margin: 0px 0px 0px 40px;
}

#rightContact img
{
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

#rightContact span img
{
	margin-right: 26px;
	display: inline;
}

#rightContact p
{
	color: #666666;
	margin: 0px;
	padding: 2px 0px 2px 0px;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
	text-align: left;
}

#rightContact h3
{
	text-align: right;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	font-size: 17px;
	line-height: 20px ;
	color: #333333;
}

#rightContact a
{
	color: #666666;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	line-height: 19px;
}

#rightContact a:hover
{
	color: #72BFE9;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	line-height: 19px;
}




/* left set area*/

#leftArea
{
	float: left;
	width: 727px;
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 3px 0px;

}

#leftArea img
{
	float: left;
	border: 1px solid #F2F2F2;
	padding: 4px;
	margin: 0px 15px 0px 0px;
}

#leftArea span img
{
	margin-right: 26px;
	display: inline;
}

#leftArea p
{
	color: #666666;
	margin: 0px;
	padding: 0px 0px 3px 0px;
	text-decoration: none;
	font-size: 13px;
	font-weight: normal;
	line-height: 17px;
}

#leftArea h3
{
	
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	font-size: 17px;
	line-height: 20px ;
	color: #333333;
}


/* left set description*/

#leftDescription
{
	float: left;
	width: 486px;
	padding: 0px 38px 0px 0px;
	margin: 0px;
}

#leftDescription img
{
	float: left;
	border: 1px solid #F2F2F2;
	padding: 4px;
}

#leftDescriptionspan img
{
	margin-right: 26px;
	display: inline;
}

#rightDescription
{
	float: left;
	width: 200px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

#rightDescription img
{
	float: left;
	border: 1px solid #F2F2F2;	
	padding: 4px;
	margin: 0px 0px 15px 0px;
}

#rightDescription span img
{
	margin-right: 16px;
	display: inline;
}

.rightDescriptionNB
{
	margin-top: 4px;
	margin-right: 7px;
	margin-left: 0px;
	margin-bottom: 3px;
	padding: 0px;
	float: left;
	border: none !important;
}


#rightDescription p
{
	padding-right: 35px;
}


/* left set Anglesey */

#leftAnglesey
{
	float: left;
	width: 727px;
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 3px 0px;

}

/* left set gallery*/

#leftGallery
{
	float: left;
	width: 778px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

#leftGallery img
{
	float: left;
	border: 1px solid #F2F2F2;	
	padding: 4px;
	margin: 0px 31px 31px 0px;
}

#rightGallery 
{
	float: left;
	width: 240px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

#rightGallery  img
{
	float: left;

	margin: 0px 0px 5px 0px;
}

#rightGallery  span img
{
	margin-right: 16px;
	display: inline;
}




/***********************************************************************/
/* menu                                                                */
/***********************************************************************/

#menu
{
	float: left;
	width: 770px;
	margin: 0px;
	padding: 10px 0px 8px 20px;
	text-align: left;
	font-size: 12px;
	line-height: 12px;
}

#menu a
{
	float: left;
	font-size: 11px;
	line-height: 11px;
	padding: 2px 3px 1px 3px;
	margin: 0px 4px 1px 4px;
	color: #4c4c4c;
	font-weight: normal;
	text-decoration: none;
}

/* home */

#menuHome
{
	background-color: #FFF;
	display: block;
	float: left;
}

a#menuHome:hover, a#menuHome.homeSelected
{
	color: #FFF;
	text-decoration: none;
	background-color: #99B4DB;
}

/* about */

#menuAbout
{
	background-color: #FFF;
	display: block;
	float: left;
}

a#menuAbout:hover, a#menuAbout.aboutSelected
{
	color: #FFF;
	text-decoration: none;
	background-color: #96C9C9;
}

/* properties */

#menuProperties
{
	background-color: #FFF;
	display: block;
	float: left;
}

a#menuProperties:hover, a#menuProperties.propertiesSelected
{
	color: #FFF;
	text-decoration: none;
	background-color: #97B1C8;
}

/* area */

#menuArea
{
	background-color: #FFF;
	display: block;
	float: left;
}

a#menuArea:hover, a#menuArea.AreaSelected
{
	color: #FFF;
	text-decoration: none;
	background-color: #9DA2C8;
}

/* spa treatments */

#menuSpa
{
	background-color: #FFF;
	display: block;
	float: left;
}

a#menuSpa:hover, a#menuSpa.SpaSelected
{
	color: #FFF;
	text-decoration: none;
	background-color: #99B4DB;
}

/* anglesey */

#menuAnglesey
{
	background-color: #FFF;
	display: block;
	float: left;
}

a#menuAnglesey:hover, a#menuAnglesey.AngleseySelected
{
	color: #FFF;
	text-decoration: none;
	background-color: #96C9C9;
}


/* booking */

#menuBooking
{
	background-color: #FFF;
	display: block;
	float: left;
}

a#menuBooking:hover, a#menuBooking.bookingSelected
{
	color: #FFF;
	text-decoration: none;
	background-color: #7D92D7;
}

/* links */

#menuLinks
{
	background-color: #FFF;
	display: block;
	float: left;
}

a#menuLinks:hover, a#menuLinks.linksSelected
{
	color: #FFF;
	text-decoration: none;
	background-color: #77C1DD;
}

/* contact */

#menuContact
{
	background-color: #FFF;
	display: block;
	float: left;
}

a#menuContact:hover, a#menuContact.contactSelected
{
	color: #FFF;
	text-decoration: none;
	background-color: #8BC9B5;
}

/* description */

#menuDescription
{
	display: block;
	float: left;
}

a#menuDescription:hover, a#menuDescription.descriptionSelected
{
	color: #FFF;
	text-decoration: none;
	background-color: #A3C9A6;
}

/* gallery */

#menuGallery
{
	display: block;
	float: left;
}

a#menuGallery:hover, a#menuGallery.gallerySelected
{
	color: #FFF;
	text-decoration: none;
	background-color: #8FC5C4;
}


#menu span
{
	color: #ccc;
	font-size: 12px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	display: block;
	float: left;
}

/***********************************************************************/
/* page titles                                                         */
/***********************************************************************/

#titleHome
{
	float: left;
	width: 765px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(images/title_home.gif) top left no-repeat;
}

#titleAbout
{
	float: left;
	width: 765px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(images/title_about.gif) top left no-repeat;
}

#titleAnglesey
{
	float: left;
	width: 765px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(images/title_anglesey.gif) top left no-repeat;
}

#titleSpa
{
	float: left;
	width: 765px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(images/title_spa.gif) top left no-repeat;
}

#titleContact
{
	float: left;
	width: 765px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(images/title_contact.gif) top left no-repeat;
}



#titleProperties
{
	float: left;
	width: 765px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(images/title_properties.gif) top left no-repeat;
}

#titlePropertyCurlew
{
	float: left;
	width: 515px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(images/properties/curlew/title.gif) top left no-repeat;
}

#titlePropertyOystercatcher
{
	float: left;
	width: 515px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(images/properties/oystercatcher/title.gif) top left no-repeat;
}

#titlePropertyBwthynGlyn  
{
	float: left;
	width: 515px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(images/properties/Bwthyn_Glyn/title.gif) top left no-repeat;
}

#titlePropertyPlasUchafCottage 
{
	float: left;
	width: 515px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(images/properties/Plas-Uchaf-Cottage/title.gif) top left no-repeat;
}

#titlePropertyPlasUchafFarmCottage
{
	float: left;
	width: 727px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(images/properties/plas-uchaf-farm-cottage/title.gif) top left no-repeat;
}

#titlePropertyTurnstoneRedshank
{
	float: left;
	width: 727px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(images/properties/turnstone-redshank-combo/title.gif) top left no-repeat;
}

#titlePropertyPlasUchafFarmhouse
{
	float: left;
	width: 515px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(images/properties/Plas-Uchaf-Farmhouse/title.gif) top left no-repeat;
}

#titlePropertyTurnstoneHouse
{
	float: left;
	width: 515px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(images/properties/Turnstone/title.gif) top left no-repeat;
}

#titlePropertySandpiper
{
	float: left;
	width: 515px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(images/properties/sandpiper/title.gif) top left no-repeat;
}

#titlePropertyPuffin
{
	float: left;
	width: 515px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(images/properties/puffin/title.gif) top left no-repeat;
}

#titlePropertyLlanDdulasFarmhouse
{
	float: left;
	width: 515px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(images/properties/Llan_Ddulas_Farm_House/title.gif) top left no-repeat;
}

#titlePropertyLlanDdulasCottage
{
	float: left;
	width: 515px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(images/properties/Llan_Ddulas_Cottage/title.gif) top left no-repeat;
}

#titlePropertyPloverCottage
{
	float: left;
	width: 515px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(images/properties/Plover/title.gif) top left no-repeat;
}

#titlePropertyRedshankCottage
{
	float: left;
	width: 515px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(images/properties/Redshank/title.gif) top left no-repeat;
}



#titlePropertydetails1
{
	float: left;
	width: 515px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(images/Cottage_oystercatcher/title_oystercatcher_cottage.gif) top left no-repeat;
}

#titlePropertygallery1
{
	float: left;
	width: 515px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(images/Cottage_oystercatcher/title_oystercatcher_cottage_gallery.gif) top left no-repeat;
}

#titleGallery
{
	float: left;
	width: 790px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(images/title_gallery.gif) top left no-repeat;
}


#submenuProperties
{
	float: left;
	width: 220px;
	height: 22px;
	padding: 6px 0px 0px 0px;
	margin: 20px 28px 15px 0px;
	border: 1px solid #D6E2ED;
	background-image: url(images/submenubackground.jpg);
}

#submenuProperties a
{
	float: left;
	font-size: 12px;
	line-height: 15px;
	padding: 0px 5px 1px 5px;
	margin: 0px 12px 1px 12px;
	color: #4c4c4c;
	font-weight: normal;
	text-decoration: none;
}


#titleArea
{
	float: left;
	width: 765px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(images/title_area.gif) top left no-repeat;
}

#titleLinks
{
	float: left;
	width: 765px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(images/title_links.gif) top left no-repeat;
}

#titleTestimonials
{
	float: left;
	width: 765px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(images/title_Testimonials.gif) top left no-repeat;
}

#titleGroupBookings
{
	float: left;
	width: 765px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(images/group-bookings/title.gif) top left no-repeat;
}

#titleBooking
{
	float: left;
	width: 765px;
	height: 66px;
	padding: 0px;
	margin: 0px;
	background: url(images/press-coverage/title.gif) top left no-repeat;
}



.submenuverticle
{
	float: left;
	font-size: 12px;
	line-height: 15px;
	padding: 0px 0px 1px 0px;
	margin: 0px 5px 1px 5px;
	color: #cccccc;
	font-weight: normal;
	text-decoration: none;
}






/***********************************************************************/
/* left button                                                         */
/***********************************************************************/

.leftButton
{
	float: left;
	width: 340px;
	padding: 0px;
	margin: 0px 0px 8px 0px;
}

.leftButton a
{
	display: block;
	background: url(images/button_bg.jpg) top left repeat-x #FFF;
	border: solid 1px #ececec;
	color: #666666;
	text-decoration: none;
	padding: 6px;
	font-weight: bold;
	font-size: 1.1em;
	float: left;
	width: 328px;
}

.leftButton2
{
	float: left;
	width: 765px;
	padding: 0px;
	margin: 0px 0px 8px 0px;
}

.leftButton2 a
{
	display: block;
	background: url(images/button_bg.jpg) top left repeat-x #FFF;
	border: solid 1px #ececec;
	color: #666666;
	text-decoration: none;
	padding: 6px;
	font-weight: bold;
	font-size: 1.1em;
	float: left;
	width: 753px;
}

/***********************************************************************/
/* market build                                                        */
/***********************************************************************/

.chart
{
	float: left;
	width: 191px;
	padding: 0px 0px 15px 0px;
	margin: 0px;
}

.evenSplit
{
	float: left;
	width: 370px;
	padding: 0px 6px 0px 0px;
	margin: 0px;
}

.evenSplit2
{
	float: left;
	width: 370px;
	/*padding: 0px 0px 0px 6px;*/
	padding: 0px 0px 0px 10px;
	margin: 0px;
}

.source
{
	font-size: 0.9em;
	float: left;
	padding: 8px 0px 0px 0px;
}

/* dls */

dl
{
	float: left;
	width: 370px;
	padding: 4px 0px;
	margin: 0px;
}

dt
{
	float: left;
	width: 66px;
	padding: 0px;
	margin: 0px;
	font-size: 0.9em;
	color: #000000;
}

dd
{
	float: left;
	width: 60px;
	padding: 0px;
	margin: 0px;
	font-size: 0.9em;
	color: #000000;
	text-align: center;
}

.topBottom
{
	border-bottom: solid 1px #779eab;
	border-top: solid 1px #779eab;
	font-weight: bold;
}

.top
{
	border-top: solid 1px #779eab;
}

.bottom
{
	border-bottom: solid 1px #779eab;
	font-weight: bold;
}

/***********************************************************************/
/* footer container build                                              */
/***********************************************************************/

#footer
{
	width: 100%;
	float: left;
	margin: 30px 0px 0px 0px;
	padding: 0px;
	height: 25px;
	border-top: solid 1px #f2f2f2;

}

#footerContent
{
	margin: 0px auto 0px auto;
	width: 791px;
	padding: 0px;
}

/***********************************************************************/
/* general spans inc colors clear etc                                  */
/***********************************************************************/

.clear
{
	clear: both;
	height: 1px;
	font-size: 1px;
}

.clearDeep
{
	clear: both;
	height: 10px;
	font-size: 20px;
}

.clearDeepBorder
{
	clear: both;
	height: 10px;
	font-size: 20px;
	border-top: 1px solid #eee;
}


.screenHide
{
	display: none;
}

img
{
	border: none;
}

.picBorder
{
	border: solid 1px #CADB2A;
	margin: 0px;
	padding: 0px;
	float: left;
}

.enlarge
{
	font-size: 0.9em;
	color: #CCCCCC;
	width: 340px;
	text-align: right;
	float: left;
	padding: 4px 0px 10px 0px;
}

.lightGrey
{
	color: #CCCCCC;
}

/***********************************************************************/
/* basic XHTML stuff                                                   */
/***********************************************************************/

h1, h2
{
	text-indent: -999999px;
}

h3
{
	color: #666666;
	font-size: 16px;
	padding: 2px 0px 8px 0px;
	margin: 0px;
	font-weight: normal;
	display: block;
}

h4
{
	color: #666666;
	font-size: 13px;
	padding: 2px 0px 5px 0px;
	margin: 0px;
	font-weight: bold;
}

p
{
	color: #666666;
	margin: 0px;
	padding: 0px 0px 12px 0px;
	text-decoration: none;
	font-size: 13px;
	font-weight: normal;
	line-height: 17px;
}


.grey
{
	font-weight: bold;
	color: #666666;	
	width: 120px;
	display: block;
	float: left;
}

.grey2
{
	font-weight: bold;
	color: #666666;	
	width: 320px;
	display: block;
	margin: 0px 0px 5px 0px;
	float: left;
}

.address
{
	color: #666666;
	margin: 0px;
	text-decoration: none;
	font-size: 13px;
	font-weight: normal;
	line-height: 17px;
	display: block;
	float: left;
}




a
{
	color: #666666;
	text-decoration: none;
}

a:hover
{
	color: #72BFE9;
	text-decoration: none;
}

/***********************************************************************/
/* lightBox css bits                                                   */
/***********************************************************************/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
	

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

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}
	
/***********************************************************************/
/* Vertical Accordions                                                 */
/***********************************************************************/
	
#vertical_container 
{
	margin: 0px;
	width: 387px;
}

#vertical_container2
{
	margin: 0px;
	width: 765px;
}

.accordion_toggle 
{
	width: 737px;
	border-top: solid 1px #F2F2F2;
	margin: 5px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	display: block;
	cursor: help;
	color: #666666;
	font-size: 16px;
	line-height: 18px;
}

/* Container styling*/
		
.accordion_toggle_active 
{
	width: 737px;

	border-top: solid 1px #F2F2F2;
	display: block;
	cursor: help;	
	margin: 5px 0px 0px 0px;
	padding: 5px 0px 0px 0px;

}
		
.accordion_content
{
	background-color: #ffffff;
	overflow: hidden;
	width: 737px;
	display: none;
	
}

.picAccordion
{
	float: left;
	border: 1px solid #F2F2F2;	/*padding-bottom: 15px;*/
	padding: 4px;
	margin: 5px 10px 5px 0px;
}


.accordion_toggle9
{
	width: 737px;
	border-top: solid 1px #F2F2F2;
	margin: 5px 0px 4px 0px;
	padding: 12px 0px 0px 0px;
	display: block;
	color: #666666;
	font-size: 17px;
	line-height: 18px;
	font-weight: lighter;
}

.accordion_content9
{
	background-color: #ffffff;
	overflow: hidden;
	width: 737px;

	
}

.accordion_content9 p
{
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


/* set 2 */

.accordion_toggle2
{
	width: 765px;
	padding-top: 1px;
	padding-bottom: 5px;
	border-bottom: solid 1px #e0e0e0;
	margin-top: 5px;
	display: block;
	cursor: help;
	color: #666666;
	font-size: 1.4em;
}

/* Container styling*/
		
.accordion_toggle_active2 
{
	width: 765px;
	padding-top: 1px;
	padding-bottom: 5px;
	border-bottom: solid 1px #e0e0e0;
	margin-top: 5px;
	display: block;
	cursor: help;	

}
		
.accordion_content2
{
	background-color: #ffffff;
	overflow: hidden;
	padding: 10px 0px 25px 0px;
	width: 765px;
}

.picCentre2
{
	text-align: center !important;
	width: 387px;
	float: left;
}


.imageSignature {
	margin: 0px;
	padding: 0px;
	float: left;
	border: none !important;

}

/* general list */

.generalList
{
	width: 380px;
	float: left;
	padding: 0px 0px 10px 10px;
	margin: 0px;
}

.generalList ul
{
	list-style: none;
	display: inline;
	float: left;
	margin : 0px;
	width: 508px;
	padding: 5px 0px 0px 0px;
}

.generalList li
{
	list-style: none;
	display: inline;
	float: left;
	margin : 0px;
	color: #666;
	font-size: 13px;
	font-weight: normal;
	width: 460px;
	padding: 5px 0px 10px 20px;
	background: url(images/bullet.gif) top left no-repeat;
}

/* numbered list */

/***********************************************************************/
/* lists                                                               */
/***********************************************************************/

ol
{
	margin: 5px 0px 10px 10px;
	padding: 0px;
	border: 0px;
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	color: #666;

	
}

ol li
{
	margin: 0px 0px 0px 14px;
	padding: 3px 0px 5px 0px;
}

/***********************************************************************/
/* forms
/***********************************************************************/

form
{
  margin:0;
  padding:0;
}

fieldset
{
   border:0;
   margin:0;
   padding:10px 0;
}

/*Contact Page Form*/

.inlineform
{
	width: 400px;
}

div.inlineform label
{
   float: left;
   clear: left;
   display: block;
   width: 110px;
   padding: 3px 3px 3px 0;
   text-align: left;
   margin-top: 7px;
   font-size: 13px;
}

div.inlineform input,
div.inlineform textarea
{
   float:left;
   width: 220px;
   padding: 2px;
   margin-top:7px;
   font-size: 13px;
}

div.inlineform input.text,
div.inlineform textarea
{
   background:url(images/input_bg.jpg) repeat-x #FFF;
   border:1px solid #B0B0B0;
}

div.inlineform input.button
{
   float:none;
   clear:both;
   text-align:center;
   background:url(images/submit-back.jpg);
   color:#FFFFFF;
   border:0;
   width:55px;
   height:23px;
   font-size:13px;
   padding:0;
   line-height:23px;
   margin: 10px 0px 0px 112px;
   cursor: hand;
}

/*BookingPage Form*/

.inlineformBooking
{
	width: 500px;
}

div.inlineformBooking label
{
   float: left;
   clear: left;
   display: block;
   width: 210px;
   padding: 3px 3px 3px 0;
   text-align: left;
   margin-top: 7px;
   font-size: 13px;
}

div.inlineformBooking input,
div.inlineformBooking textarea
{
	float:left;
	width: 220px;
	padding: 2px;
	margin-top:7px;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}

div.inlineformBookinginput.text,
div.inlineformBooking textarea
{
   background:url(images/input_bg.jpg) repeat-x #FFF;
   border:1px solid #B0B0B0;
}

div.inlineformBooking select
{
   float:left;
   width: 227px;
   padding: 2px;
   margin-top:7px;
   font-size: 13px;
}

div.inlineformBooking input.button
{
   float:none;
   clear:both;
   text-align:center;
   background:url(images/submit-back.jpg);
   color:#FFFFFF;
   border:0;
   width:55px;
   height:23px;
   font-size:13px;
   padding:0;
   line-height:23px;
   margin: 10px 0px 0px 210px;
   cursor: hand;
}

/* image inserts */

.imageinsertLeft {
	padding: 0px 0px 0px 0px;
	margin: 5px 15px 10px 0px;
	padding: 0px;
	float: left;

}

.imageinsertRight {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: right;
	border: none !important;
}

.imageleft2 {
	padding: 0px 0px 0px 0px;
	margin: 0px 15px 10px 0px;
	padding: 3px;
	float: left;
	border-top: solid 1px #E6E6E6;
	border-bottom: solid 1px #E6E6E6;
	border-left: solid 1px #E6E6E6;
	border-right: solid 1px #E6E6E6;
	/*border-right: solid 1px #B4C8DC;*/

}

.imageright2 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 15px;
	padding: 3px;
	float: right;
	border-top: solid 1px #E6E6E6;
	border-bottom: solid 1px #E6E6E6;
	border-left: solid 1px #E6E6E6;
	border-right: solid 1px #E6E6E6;

}

.LinkContainers
{
	width: 736px;
	height: 300px;
	border-bottom: solid 1px #F2F2F2;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 15px 0px;
	display: block;
}

.LinkContainers p
{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	color: #666666;
}

.LinkImages
{
	padding: 0px 0px 0px 0px;
	margin: 0px 15px 0px 0px;
	padding: 3px;
	float: left;
	border-top: solid 1px #E6E6E6;
	border-bottom: solid 1px #E6E6E6;
	border-left: solid 1px #E6E6E6;
	border-right: solid 1px #E6E6E6;
	/*border-right: solid 1px #B4C8DC;*/

}