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


/* design.css
------------------------------------------------------------------------------

Author:  			Peter Richman
E-mail:				peter@plugandplaydesign.co.uk
Company: 			Plug and Play Design
Date:				20/01/2008

Version:			1.0
Designed for:		FireFox 2

CSS file:			Design One

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





/* =USUAL SUSPECTS
------------------------------------------------------------------------------*/

body{
font-family:		Trebuchet, Verdana, Arial, Helvetica, sans-serif;
font-size:			62.5%;
color:				#444444;
}

img{
border:				none;
}

h1, h2, h3, h4, h5, h6{
font-family:		Trebuchet, Verdana, Arial, Helvetica, sans-serif;
}


.centre p strong{
color:				#000;
}


a{
text-decoration:	none;
}

q{
font-style:			italic;
color:				#000;
}

.clear{
clear:				both;
}

strong{
color:				#000;
}



/* HACK for FIREFOX!! - to always display right hand scroll bars in short pages
this prevents the page bouncing left when changing pages */

html {
overflow: -moz-scrollbars-vertical;
height: 100%;
}

/*Hack over*/

p{
font-size:			1.2em;
line-height:		1.8em;
}

p a{
text-decoration:	none;

}

p a:hover{
text-decoration:	underline;
}

a:hover{
text-decoration:	underline;
}


/* =WRAPPER
------------------------------------------------------------------------------*/



.wrapper{
width:				790px;
margin-top:         20px;
margin-bottom:      20px;
margin-left:		auto;
margin-right:		auto;
background:			#FFF;
}

.outerWrapper{
width:				103%;
background:			url(images/BG.jpg) top left repeat-x;
position:			absolute;
top:				0px;
left:				0px;
}


/* =TOP
------------------------------------------------------------------------------*/

.top{
border-bottom:		7px solid #b6b83a;
margin-bottom:		2px;
width:				750px;
margin-left:		20px;
margin-right:		20px;
}

.top h1{
float:				left;
margin-bottom:		3px;
}

.top .number{
float:				right;
background:			url(images/telNumber.jpg) top left no-repeat;
height:				27px;
width:				165px;
text-indent:        -5000px;
margin-top:			60px;
}

/* =LAYOUT
------------------------------------------------------------------------------*/

.left{
float:				left;
width:				165px;
}


.midRight{
float:				right;
width:				572px;
margin:				8px 0px 0px 0px;
}

div[class="mid"]{
float:				left;
width:				387px;
margin:				0px 4px 0px 9px;
}

*html .mid{
_float:				left;
_width:				387px;
_margin:				0px 0px 0px 4px;
}

.right{
float:				right;
width:				165px;
}

.contents{
margin-left:		20px;
margin-right:		20px;
}



/* =MENU
------------------------------------------------------------------------------*/

.menu{
list-style:			none;
padding-left:       0px;
margin:				0px;
}

.menu li{
}

.menu li a{
color:				#686c36;
padding-top:        8px;
padding-bottom:     7px;
padding-left:       10px;
display:			block;
background:			#f2f2db;
font-size:			1.3em;
margin:				0px 0px 1px 0px;
width:				165px;
}

.menu li a:hover{
text-decoration:	none;
color:				#f2f2db;
background:			#686c36;
}


/* =OPENING HOURS
------------------------------------------------------------------------------*/

.wrapper .right .openingHours{
text-align:			left;
color:				#686c36;
margin:				10px;
}

* .wrapper .right .openingHours{
* position:			relative;
* top:				10px;
* left:				10px;
}

.boxBorder{
border:				3px solid #686c36;

}

* .boxBorder{
* padding-bottom:     20px;
}



/* =TEXT
------------------------------------------------------------------------------*/

h2{
color:				#686c36;
font-weight:		lighter;
font-size:			2em;
margin-bottom:		0px;
}

.mid p{
margin-top:			4px;
}

.mid li{
font-size:			1.2em;
line-height:		1.8em;
}



/* =FOOTER
------------------------------------------------------------------------------*/

.footer{
border-top:		7px solid #b6b83a;
margin-top:		30px;
}

.footerMenu{
list-style:		none;
float:			left;
padding:        0px;
margin:			0px;
}


.footerMenu li{
float:			left;
padding:        0px 10px 0px 0px;
color:			#686c36;
}

.footerMenu li a{
color:			#686c36;
}

/* REMOVES HORIZONTAL SCROLL BARS */
html{
overflow-x:     hidden;
}