﻿/***********************************
*	Copyright: Ben Abbott          *
*   Email: info@ben-abbott.co.uk   *
*   Date: 18/11/2008               *
************************************/

*
{
	margin: 0;
	padding:0;
}

body
{
	background-image: url('../Images/bg.jpg');
	background-repeat: repeat-x;
}


a  
{
	text-decoration: none;
	color: blue;
	border: none;
}

a:hover 
{
	text-decoration: underline;
	color: red;
}

a: active 
{
	color:#0000FF 
}

a:visited
{
	color: blue;
}

img
{
	border: none;
}

p
{
	
}

/*********************************************/

.Main
{
	margin: 20px auto 0 auto;
	width: 750px;
	height: 543px;
}

.Header
{
	border: 1px solid black;
	float: left;
	width: 748px;
	height: 72px;
	clear: both;
	margin: 0 0 10px 0;
	background-color: #FFFFFF;
}

.InnerHeader
{
	border-right: 2px solid #999999;
	border-bottom: 2px solid #999999;
	float: left;
	width: 746px;
	height: 70px;
	clear: both;
	margin: 0 0 10px 0;
}

.FlashSiteTitle
{
	margin: 0 auto 0 auto;
	display: block;
}

.StaticSiteTitle
{
	margin: 0 auto 0 auto;
	padding: 11px 0 0 88px;
	display: block;
}

/* LEFT PANEL */

.Navigation
{
	float: left;
	width: 176px;
	margin: 10px 10px 10px 10px;
}

.Navigation h1
{
	float: left;
	width: 174px;
	font-family: Trebuchet MS, Arial;
	font-size: 13px;
	font-weight: bolder;
	color: black;
	margin-bottom: 5px;
	text-align: center;
	
	background-image: url('../Images/nav_bg.jpg');
	background-repeat: repeat-y;
}

.Navigation ul
{
	float: left;
	width: 150px;
	padding: 0 5px 5px 20px;
	
	background-image: url('../Images/nav_bg.jpg');
	background-repeat: repeat-y;
}

.Navigation li
{
	list-style-type: none;
	font-family: Tahoma, Arial;
	font-size: 11px;
	/*padding-left: 10px;*/
}

.NavItem
{
	padding-top: 2px;
	padding-bottom: 2px;
}

.SubNavItem
{
	padding-left: 15px;
}

.LeftPanel
{
	border: 1px solid black;
	float: left;
	width: 200px;
	height: 420px;
	margin: 0 10px 0 0;
	background-color: #FFFFFF;
}

.InnerLeftPanel
{
	border-right: 2px solid #999999;
	border-bottom: 2px solid #999999;
	float: left;
	width: 198px;
	height: 418px;
	margin: 0 10px 0 0;
}

.FensaLogo
{
	float: left;
	padding: 20px 0 10px 35px;
}

.UKTCLogo
{
	float: left;
	padding: 20px 0 10px 55px;
}

.CheckATradeLogo
{
	float: left;
	padding: 15px 0 10px 15px;
}

/* LEFT PANEL */

.RightPanel
{
	border: 1px solid black;
	float: left;
	width: 536px;
	height: 420px;
	margin: 0 0 0 0;
	background-color: #FFFFFF;
	
	background-image: url('../Images/faded_bg.jpg');
	background-repeat: no-repeat;
	background-position: right bottom;
	font-family: Verdana, Arial;
	font-size: 11px;
	color: Black;
}

.InnerRightPanel
{
	border-right: 2px solid #999999;
	border-bottom: 2px solid #999999;
	float: left;
	width: 534px;
	height: 418px;
	margin: 0;
}

/* FOOTER */

.Footer
{
	border: 1px solid black;
	float: left;
	width: 748px;
	height: 30px;
	margin: 10px 0 0 0;
	background-color: #FFFFFF;
	
	font-family: Verdana, Arial;
	font-size: 11px;
}

.InnerFooter
{
	border-right: 2px solid #999999;
	border-bottom: 2px solid #999999;
	float: left;
	width: 746px;
	height: 28px;
}

.Copyright
{
	float: left;
	padding: 7px 0 0 5px;
}

.Credits
{
	float: right;
	padding: 7px 5px 0 0;
}

/**************** END CONTACT FORM ******************/

.ContactForm
{
	float: left;
	clear: both;
	width: 502px;
	padding: 10px 0 10px 10px;
	background-color: #E2E2E2;
	margin: 0px 0px 10px 10px;
	border: 1px solid #666666;
}

.ContactFormLeftModule
{
	float: left;
	margin-right: 20px;
}

.ContactFormLeftModule input
{
	width: 230px;
	margin-bottom: 10px;
}

.ContactFormLeftModule select
{
	width: 45px;
	margin-bottom: 10px;
	margin-top: 1px;
}

.ContactFormRightModule
{
	float: left;
}

.ContactFormRightModule textarea
{
	width: 230px;
	margin-bottom: 5px;
}

.ContactFormRightModule input /* Submit Button */
{
	margin-top: 10px;
	float: right;
}

.ContectDetails
{
	float: left;
	padding-left: 10px;
	width: 522px;
}

.ContectDetails li
{
	margin-bottom: 5px;
	list-style: none;
}

.Map
{
	width: 240px;
	/*height: 140px;*/
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
}

.RegisteredDetails
{
	float:left; 
	text-align: center;
	width: 532px;
	font-size: 9px;
	color: #666666;
}

.RegisteredDetails span
{
	display: block;
}

/*************** END CONTACT FORM ******************/

/* GENERIC CLASSES */

.UlContPanel
{
	float: left;
}

.Finishes
{
	float: left;
	padding: 0 0 0 20px;
	clear: left;
	width: 250px;
}

.Finishes h2
{
	font-family: Trebuchet MS, Arial;
	font-size: 11px;
	padding-bottom: 3px;
}

.FinishImg
{
	float: left;
	display: inline;
	font-size: 9px;
	margin-right: 10px;
	padding-bottom: 3px;
}

.FinishImg span
{
	display: block;
}

.LeftUL
{
	float: left;
	width: 335px;
	padding: 5px 0 0 25px;
}

.LeftUL li
{
	padding-bottom: 8px;
	list-style-type: none;
}

.LeftImage
{
	float: left;
}

.RightImage
{
	float: right;
}

.CenteredParagraph
{
	padding: 0px 10px 10px 15px;
	text-align: center;
	float: left;
	clear: both;
	width: 507px;
}

.LeftFloatParagraph
{
	float: left;
	padding: 0 10px 10px 10px;
	text-align: center;
}

.PageTitle
{
	text-align: center;
	font-family: Trebuchet MS, Tahoma;
	font-size: 16px;
	font-weight:bolder;
	color: Black;
	padding: 7px 0 10px 0;
	float: left;
	width: 532px;
}

.Clear
{
	clear: both;
}

.Error
{
	color: Red;
}

