/*---GENERAL---*/
body  {font-family: Verdana, Geneva, sans-serif; font-size:14px;text-align:center; color:#000; line-height:1.6em;text-align:left; background:url('../img/main-bg.jpg') repeat;background-color:#dbca9d; width:100%;}

.clear{clear:both;}


/*---LINKOLOGY---*/
a, a:link, a:visited{color: #c6beae; text-decoration:underline;} 
a:hover, a:active{color: #fff;text-decoration:none;}


/*---FONTS---*/
.red-text{color:#CC3333;} /* keep as red for errors and warnings */
.coloured-text{color:#0f4097;}

.lrg-text{font-size:18px;}
.med-text{font-size:16px;}
.sml-text{font-size:10px; line-height:1.2em;}

strong{color:#d7bd69; font-weight:bold;}


/*---LAYOUT---*/
#page-head, #page-body, #page-footer, #page-outer-footer { margin:0 auto; width:976px; border-right:1px solid #fff;border-left:1px solid #fff; overflow:hidden;}
	#header, #body, #footer, #outer-footer{border-right:8px solid #494743;border-left:8px solid #494743; margin:0 auto; width:960px;}
	
	#page-head{background:url('../img/deco-bars.gif') repeat-x center #494743;}
	
		#body, #footer{ color:#fff;background-color:#494743; }
	
/*---HEADER---*/
#header{padding:20px 0; background:url('../img/fleurdelys-small.png') no-repeat center; }
/*ie 6 fix*/
* html #header{background:url('../img/fleurdelys-small.gif') no-repeat center; }
/* end */
	#header h1{ background:url('../img/bon-accueil-self-catering-logo.png') no-repeat left; display:block; width:332px; height:82px; margin-left:15px; }
	/* ie 6 fix */
	* html #header h1{ background:url('../img/bon-accueil-self-catering-logo.gif') no-repeat left;}
	/* end */
		#header h1 a, #header h1 a:link, #header h1 a:visited{display:block;width:332px; height:82px; }
			#header h1 span{ display:none;}
			
#header #contact-details-container{overflow:hidden;}
	#header #contact-details-container p{ float:right; background:url('../img/bon-accueil-contact-details.png') no-repeat right; display:block; width:332px; height:82px; margin-right:10px; }
	/* ie 6 fix */
	* html #header #contact-details-container p{ float:right; background:url('../img/bon-accueil-contact-details.gif') no-repeat right; }
	/* end */
	 #header #contact-details-container a, #header #contact-details-container a:link, #header #contact-details-container a:visited{display:block; width:332px; height:82px;}
		#header #contact-details-container p span{display:none;}
	

/*---PAGE CONTENT---*/


/*---NAV---*/
#nav{ }
	#nav ul{list-style:none;}
		#nav ul li{ display:block; cursor:pointer; color:#efede5; text-decoration:none; font-size:12px; border-top:1px solid #7a7a7a;}
		#nav ul li:hover{ background-color:#c4ac64; color:#000; text-decoration:underline;}
		#nav ul li.top{ border-top:0;}
		#nav ul li.sub-nav{ background-color:#665f51;}
		#nav ul li:hover.sub-nav{ background-color:#c4ac64; color:#000;}
			#nav ul li a, #nav ul li a:link, #nav ul li a:visited{width:85%; margin:0 auto;display:block; color:#fff; text-decoration:none; line-height:2em;}
				#nav ul li a.active{ font-weight:bold; color:#d7bd69;}
			#nav ul li a:hover, #nav ul li a:active{display:block;color:#000; text-decoration:underline;}
				#nav ul li.sub-nav a, #nav ul li.sub-nav a:link, #nav ul li.sub-nav a:visited{color:#e6e2d3;}
				#nav ul li:hover.sub-nav a:hover, #nav ul li:hover.sub-nav a:active{ color:#000;}
			
/*---AWARDS---*/
#awards-container{ color:#bfae85;line-height:1.2em; background-color:#5a554b; margin:40px 0; padding:10px 0; line-height:1em; }
	#awards-container h3{ background:url('../img/text-accommodation-awards.png') no-repeat; color:#bfae85; font-weight:bold; display:block; margin:0 auto 0 auto; width:129px; height:15px;}
	/* ie 6 fix */
	* html #awards-container h3{ background:url('../img/text-accommodation-awards.gif') no-repeat; }
	/* end */
		#awards-container h3 span{display:none;}
			#awards-container p{ font-size:80%; text-align:center;}
			
			#awards-container .award-logos {overflow:hidden; margin:10px 0;}
				#awards-container .award-logos .award-logo{width:71px; height:78px; float:left;margin-bottom:5px;}
				#awards-container .award-logos .award-logo-small{width:71px; height:55px; float:left;margin-bottom:5px;}
					#awards-container .award-logos .award-logo img{ margin: auto; display: block; text-align: center; }
						#awards-container .award-logos img.logo-heart{ position:relative; top:10px;}
						#awards-container .award-logos img.logo-gold{ position:relative; left:10px;}
						#awards-container .award-logos img.logo-excellence{ position:relative; top:-5px;}

/*---EXTRA LOGOS---*/						
#extra-logos{}
	#extra-logos ul{margin:0; padding:0;}
		#extra-logos li{display:block; margin:0 auto;}
			#extra-logos li.wifi{width:80px; height:33px; background:url('../img/wifi-logo.gif') no-repeat;}
				#extra-logos li span{display:none;}

/*---RIGHT SIDE---*/
.boxed-item{border:3px solid #c6beae; margin:0 auto 10px auto;}

#content-other{margin-top:15px;}

/*---VIRTUAL TOUR BOX---*/
#virtual-tour-item{}
	#virtual-tour-item h3{ background:url('../img/self-catering-virtual-tour.jpg') no-repeat; display:block; width:249px; height:148px;}
		#virtual-tour-item h3 a, #virtual-tour-item h3 a:link, #virtual-tour-item h3 a:visited{display:block; cursor:pointer; width:249px; height:148px;}
			#virtual-tour-item h3 span{display:none;}

/*---QUICK CONTACT FORM---*/	
#quick-contact-form { color:#c6beae; font-size:80%; margin:20px 0; padding:10px; line-height:1.2em;border:1px solid #c6beae; background-color:#524f47; text-align:right;}
	#quick-contact-form .form-title{ overflow:hidden; margin-bottom:5px;}
		#quick-contact-form h3{ float:right; background:url('../img/title-contact-us.png') no-repeat right; display:block; width:96px; height:18px;}
		/* ie 6 fix */
		* html #quick-contact-form h3{ background:url('../img/title-contact-us.gif') no-repeat right;}
		/* end */
			#quick-contact-form h3 span{display:none;}
	#quick-contact-form .form-details{ overflow:hidden;}
		#quick-contact-form .form-details p{width:90%; float:right;}
		#quick-contact-form form{ margin:10px auto 0 10px;}
			#quick-contact-form .text-input{margin-bottom:5px;}
				#quick-contact-form .text-input label{text-align:right;color:#c6beae; font-style:italic; font-size:100%; font-weight:bold; width:55px; padding-right:6px; padding-left:0;}
					#quick-contact-form .text-input input {width:150px;}
						#quick-contact-form .submit-container{overflow:hidden;margin-right:4px;}
							#quick-contact-form .submit-container input{ float:right}
							#quick-contact-form .submit-container input.submit-button{ font-size:90%; padding:1px 3px;}
							
	#quick-contact-form  #quick-code-validate-box .coloured-bg{ margin-top:3px;padding:5px;}
		#quick-contact-form  #quick-code-validate-box .text-input{overflow:hidden;}
			#quick-contact-form  #quick-code-validate-box .text-input label{ margin-bottm:2px;padding:0; float:none; width:95%;display:inline;}
				#quick-contact-form  #quick-code-validate-box .text-input input{float:right;}

/*---BROCHURES---*/
#brochure-buttons{ margin-bottom:15px;}
	#brochure-buttons p{margin:0;}
	#brochure-buttons p.brochure-bon{}
	#brochure-buttons p.brochure-coach{}
		#brochure-buttons a, #brochure-buttons a:link, #brochure-buttons a:visited{ width:249px; height:73px; display:block;}
		#brochure-buttons p.brochure-bon a, #brochure-buttons p.brochure-bon a:link, #brochure-buttons p.brochure-bon a:visited{background:url('../img/self-catering-brochure-button.gif') no-repeat;}
		#brochure-buttons p.brochure-coach a, #brochure-buttons p.brochure-coach a:link, #brochure-buttons p.brochure-coach a:visited{ background:url('../img/holiday-brochure-button.gif') no-repeat;}
			#brochure-buttons span{display:none;}


/*---PAGE IMAGES---*/						
#page-images-container{}
	#page-images-container .page-image{}
		#page-images-container .page-image img{}
		
/*---CUSTOMER COMMENT---*/
.customer-comment-container{ background:url('../img/quote-bottom.gif') no-repeat bottom right; color:#c2c2c1; margin:30px auto; line-height:1.3em; text-align:center;}
	.customer-comment-container .top-quote{background:url('../img/quote-top.gif') no-repeat top left; display:block;width:49px; height:43px;}
		.customer-comment-container .customer-comment{margin-top:-30px;}
			.customer-comment-container .customer-comment p{ width:80%; margin:0 auto;}
				.customer-comment .posted-by{ color:#a7956f; font-size:90%;}
				
				
#comment-container .comment{}
	#comment-container .posted-by{ text-align:right; color:#c4ac64; font-size:90%;}

/*---MAIN CONTENT---*/
#main-content{ text-align:left; width:98%; margin:15px auto 0 auto;}

	#main-content table{margin-bottom:10px;}
		#main-content th, #main-content td{padding:2px 4px;}
	
	#main-content hr{width:90%; margin:15px auto; border:1px dashed #ccc;}

	#main-content h2, #main-content h3{ letter-spacing:0.8px; font-size:200%; font-style:italic; font-family:"Times New Roman", Times, serif; margin-bottom:10px;}
		#main-content h2{ font-size:200%;}
		#main-content h3{ font-size:160%; color:#ccc;}
	
	#main-content p{ margin-bottom:15px;}
		#main-content p.margin-none{ margin-bottom:0;}
	#main-content ul{ margin-left:30px; margin-bottom:10px;}
	
	#main-content img{margin:10px; border:2px solid #c4ac64;}
		#main-content img.no-border{border:0;margin:5px;}
		#main-content #gallery-container img{margin:0;border:0;}
	
	#main-content .featured-content{ background:url('../img/featured-content-bg.png') no-repeat top right #504e48;margin-top:10px; padding:20px;}
	/* ie 6 fix */
	* html #main-content .featured-content{ background:url('../img/featured-content-bg.gif') no-repeat top right #504e48;}
	/* end */
		#main-content .featured-content ul{ list-style:none; margin-left:10px;}
			#main-content .featured-content ul li{ background:url('../img/bullet-bg.png') no-repeat center left; display:block; padding-left:12px;}
			/* ie 6 fix */
			* html #main-content .featured-content ul li{ background:url('../img/bullet-bg.gif') no-repeat center left;}
			/* end */
	
	.coloured-bg{background-color:#5b574c;}
	
	#contact-form-container form{margin-left:15px;}
	
	#main-content .submit-container p{margin:0;}
	
	#main-content #code-validate-box label{line-height:1.3em; font-size:90%;}
	#main-content #code-validate-box input{margin:5px 0 0 8px;}
	
	/*---GALLERY---*/
	#gallery-container{ margin:0 auto; overflow:hidden;}
	#gallery-container .gallery-image{ float:left; margin: 3px; border:1px solid #ccc; width:120px; height:120px;}

		
/*---FOOTER---*/
#footer{color:#7c7c7c; font-size:70%;}
	#footer a, #footer a:link, #footer a:visited{color:#7c7c7c; text-decoration:none;}
	#footer a:hover, #footer a:active{color:#a7956f; text-decoration:underline;}
	
.deco-container{background:url('../img/deco-bars.gif') repeat-x center #494743;}
	.deco-container .deco{background:url('../img/fleurdelys-small.png') no-repeat center; display:block; height:70px; }
	/* ie 6 fix */
	* html .deco-container .deco{background:url('../img/fleurdelys-small.gif') no-repeat center;}
	/* end */

#footer-nav{margin:10px auto; }
	#footer-nav ul{ list-style:none; width:80%; margin:0 auto; text-align:center}
		#footer-nav ul li{font-size:110%; display:inline; line-height:1.2em; border-left:1px solid #64615e; padding:0 5px 0 8px;}
		#footer-nav ul li.top{ border:0;}
		#footer-nav ul li.sub-nav{ background-color:#786e59;}
			#footer-nav ul li a, #footer-nav ul li a:link, #footer-nav ul li a:visited{color:#c0c0c0; text-decoration:none;}
				#footer-nav ul li a.active{ font-weight:bold;}
			#footer-nav ul li a:hover, #footer-nav ul li a:active{color:#d7bd69; text-decoration:underline;}

#footer-links{margin:10px auto;}
	#footer-links ul{ list-style:none; width:80%; margin:0 auto; text-align:center}
		#footer-links ul li{font-size:110%; display:inline; line-height:1.2em; border-left:1px solid #64615e; padding:0 5px 0 8px;}
		#footer-links ul li.top{ border:0;}
		#footer-links ul li.sub-nav{ background-color:#786e59;}
			#footer-links ul li a, #footer-links ul li a:link, #footer-links ul li a:visited{color:#c0c0c0; text-decoration:none;}
				#footer-links ul li a.active{ font-weight:bold;}
			#footer-links ul li a:hover, #footer-links ul li a:active{color:#d7bd69; text-decoration:underline;}

#footer #copyright{}
#footer #developer-details{}

#footer-outer{margin:10px auto;}
