@charset "UTF-8";
/* CSS Document */

html {
	height:								100%;
	font-family:						Verdana, Arial, Helvetica, sans-serif;
}

body {
	width:								99.5%;
	height:								100%;
	background-color:					#93B9B8;
	font-family:						Verdana, Arial, Helvetica, sans-serif;
	font-size:							62.5%;
	letter-spacing:						0.1em;	
}



#container {
	width:								800px;
	margin:								20px auto;
	background-image:					url(../images/background-image.gif);
	background-repeat:					repeat-y;
	background-color:					#FFFFFF;
	padding-bottom:                     50px;
}

#header {
	background-image:					url(../images/Ferndale-Header-3.jpg);
	background-repeat:					no-repeat;
	height:								184px;

}

#left {
	float:								left;
	width:								250px;
	padding-top:                        0;
	margin-top:							0;
}

.spacer {
	height:								500px;
	float:								left;
	width:								0;
}

.clear-both {
	clear:								both;
}

#right {
	float:								left;
	width:								550px;
	background-color:					#FFFFFF;	
}

#logo {
	margin-top:							25px;
}

#left ul {
	margin-top:							0;
	padding-top:                        0;
	list-style-type:					none;
	padding-left:						0;
}

#left ul li {
	margin-bottom:						10px;
	line-height:						1.8em;
}

#left ul li a {
	display:							block;
	width: 								205px;
	color:								#7A9C9B;
	font-size:							1.2em;
	letter-spacing:						0.15em;
	text-decoration:					none;
	padding-left: 	                    20px;
	background-image:					url(../images/bullet1.jpg);
	background-position:				left;
	background-repeat:					no-repeat;	
	background-color:					#FFFFFF;
	border:								none;
}

#left ul li a:hover, #left ul li a.current {
	background-image:					url(../images/bullet2.jpg);
	color:								#FFFFFF;
	background-color:					#7A9C9B;
	font-size:							1.2em;
	border:								none;
}

.telephone {
	width: 								205px;
	float:								left;
	text-align:							right;
	font-size:							1.9em;
	color:								#333333;
	margin-bottom:						6px;
	padding-bottom: 	                0;	
}

.email {
	width:								225px;
	float:								left;
	text-align:							right;
	display:							block;
	text-decoration:					none;
	color:								#444444;
	border:								none;
	font-size:							1.4em;
}
a:hover.email {
	border:								none;
}

.martyn-cox {
	width:								86%;
	float:								left;
	background-color:					#FFFFFF;	
	margin-top:							30px;
	padding:                        	5px;
}
.martyn-cox h2 {
	font-size:							1.8em;
	color:								#000000;
	border:								none;
	font-weight:						normal;	
	margin-bottom:						0;
}
.martyn-cox h3 {
	color:								#666666;
	font-size:							0.9em;
	font-weight:						normal;
	margin-bottom: 						10px;
}
.martyn-cox p {
	font-size:							1em;
	color:								#333333;
}

#footer {
	font-size:							0.8em;
	color:								#333333;
	margin:								10px auto;
	padding-bottom: 20px;
	width:								800px;
	text-align: right;
}
#footer p {
	margin:								2px 0 2px 0;
	letter-spacing: normal;
}
#footer a, a {
	text-decoration:					none;
	color:								#333333;
	border-bottom:						1px dashed #666666;
}
#footer a:hover, a:hover {
	border-bottom:						1px solid #666666;
}

img {
	border: none;
}

.flash-spacing {
	margin-left: 20px;
}


/***************
* font styling *
****************/
h1, h2, .large-text {
	font-size:							1.8em;
	font-family:						Arial, Helvetica, sans-serif;
	color:								#666666;
	border-bottom:						2px solid #9EB8B7;
	padding-left:						20px;
	width:								90%;
	padding-bottom:                     3px;
	float:								left;
}
h1 {
	margin-top:							30px;
	font-weight:						bold;
}
.large-text {
	border-bottom:						none;
	margin-left:						0;
	padding:                            0 0 10px 20px;
}
h2.normal {
	border-bottom:						none;
	color:								#000000;
	font-weight:						normal;
}
h3 {
	clear:								left;
	padding-left:                       20px;
	margin-bottom:						0;
	padding-bottom:                     0;
	font-size:							1.2em;
	color:								#666666;
}

p, ul, dl {
	font-size:							1.2em;
	margin-left:						20px;
	margin-right:						20px;
	clear:both;
}

p {
	line-height:						1.3em;
	padding: 	                        0 20px 10px 20px;
	margin: 							0;
}

ul {
	margin-left:						0;	
}

dl {
	width:								90%;
	font-size:							1.2em;
	padding-top:                        0;
	margin-top: 						0;
}

dt {
	float: 								left;
	width:								80%;
}
dd {
	text-align: 						right;
}

dl.opening-times {
	width:								70%;
}
dl.opening times dt, dl.opening-times dd {
	width:								50%;
}

em {
	padding-left:                       20px;
}

.float-right {
	float:								right;
}

.image-padding {
	padding-left:                       20px;
	padding-bottom:                     10px;
}

ul.bullet-spacing li {
	line-height: 1.5em;
}


/* DEALING WITH FLASH */
div#flash_top{
width:; height:; margin:; etc. w/ background:transparent url(images/picname.jpg) no-repeat 0% 0%;}

#flash_top object{
width:700px; height:45px;}


#banner img {
	margin: 20px 0px 0px 20px;	
	padding: 0px;
	border: none;
	text-decoration: none;
}
#banner {
	border: none;	
}


/*************
** IE 6 only *
**************/
*html #logo {
	float:								left;
	position:							relative;
}
*html ul {
	margin-left:						40px;
}

*html #left ul {
	padding-top:						0;
	margin-top:							0;
	padding-left: 0;
	margin-left: 0;
}

*html h1 {
	margin-bottom:						15px;
}
*html h2 {
	margin-top:							20px;
}


/*************
** IE 7 only *
**************/
*+html #logo {
	float:								left;
	position:							relative;
}
*+html #left ul {
	padding-top:						0;
	margin-top:							0;
	padding-left: 0;
	margin-left: 0;
}
*+html #left {
	float:								left;
	clear:								left;
}
*+html #right {
	width:								540px;
	margin-top:							0;
	padding-top:                        0;
	float: 								left;	
}	
*+html ul {
	margin-left:						35px;
}

*+html p.telephone {
	margin-right:                      80px;
}

*+html h1 {
	margin-bottom:						15px;
}
*+html h2 {
	margin-top:							20px;
}