* { 
	padding: 0px ; 
	margin: 0px ;
}


body		{	
	font-family: "Trebuchet MS", Verdana, sans-serif; 
	color: #fffbc6; 			
	font-size: 16px;	
	/* background-color: #444200; 	*/
	background-image: url('images/bellgorge.jpg');
}

#left	{
	float: left;	
	width: 200px ;	
	margin: 20px 10px 10px 10px;	
	color: #fffbc6;
}

#centre	{
	float: right;
	/* margin: 60px 100px 40px 250px ; /* TRBL */
	margin: 60px;
	padding: 20px ;
	background-color: black;
	border: 1px solid #fffbc6;
	width: 400px;
}

#include	{
	float: right;
	/* margin: 60px 100px 40px 150px ; /* TRBL */
	margin: 80px;
	padding: 20px ;
	background-color: black;
	border: 1px solid #fffbc6;
	width: 400px;
}

#footer {
	float:left;
	font-size: large;	
	margin: 10px;	
	width: 400px;
	border: 1px solid #fffbc6;
	background-color: black;
}


/* Hyperlinks */
a {
	font-weight: bold;
}

a:hover	{
	color: white;
	background: black;
}

#left a, #footer a	{
	color:#fffbc6;
}

a:hover {
	color: black;
	background: #fffbc6 ;
}

h4	{
	padding: 20px 0 0 0;
}

p	{
	padding: 10px 0 0 0;
}

ul	{
	padding: 10px;
}

li	{
	padding: 0;
	margin: 0 25px;
}

table	{
	padding: 10px;
}	

th, td	{
	border: 1px solid black;
	padding: 0 10px;
	color: white;
	background-color: #0095D9;
}

.noborder {
	border: none;
}

.right { float:right; }

/* Places the Header Banner image and displaces the text off the screen */
#header h1	{ 
	margin-left: 20px;
	height: 88px; 
	background: url("pagebannerMWD1.gif") no-repeat; 
	text-indent: -9999px;
}

h3 {
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	height:30px;
	background-color: black;
	font-family: fantasy;
	font-size: 1.4em;
	text-align: center;
}

/* Creates the shadowed Image Replacement Heading to #left */
.shadow	{
	color: #a67c52; /* light brown matching that in banner image */
	position: relative;
	top: -55px;
	left: -1px;
}

/* The #circularMenu styles below are adopted from Stu Nicholls.
Original version at http://www.cssplay.co.uk/menu/circular.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. */

#circularMenu {
	padding:0; 
	margin:0 ; 
	list-style:none; 
	position:relative; 
	width:220px; 
	height:300px; 
}

#circularMenu li {display:block; width:60px; height:60px; position:absolute;}
#circularMenu li.customers {left:120px; top:4px; background:url(home64.png) no-repeat center center;}
#circularMenu li.packages {left:200px; top:40px; background:url(benefits64.png) no-repeat center center;}
#circularMenu li.standards {left:35px; top:40px; background:url(offer64.png) no-repeat center center;}
#circularMenu li.features {left:230px; top:115px; background:url(contact64.png) no-repeat center center;}
#circularMenu li.samples {left:5px; top:115px; background:url(work64.png) no-repeat center center;}
#circularMenu li.enquiries {left:200px; top:190px; background:url(home64.png) no-repeat center center;}
#circularMenu li.opportunities {left:35px; top:190px; background:url(contact64.png) no-repeat center center;}
#circularMenu li.clients {left:120px; top:225px; background:url(benefits64.png) no-repeat center center;}

#circularMenu li a b {display:none;}
#circularMenu li a {
	display:block; 
	width:60px; 
	height:60px; 
	text-align:center;
}

/* Hover Circle and Text Style*/
#circularMenu li a:hover {
	background:url(circle.gif); 
	text-decoration:none; 
	color:#fffbc6;
}

/* Text on Hover */
#circularMenu li a:hover b {
	position:absolute; 
	display:block; 
	width:150px; 
	height:100px; 
	font-size:16px; 
	background:transparent; 
}	
#circularMenu li a:hover b span {
	display:block; 
	font-size:12px; 
	font-weight:normal; 
	margin-top:15px;
}

/* Positions the Text on Hover inside the circle */
#circularMenu li.customers a:hover b {left:-40px; top:100px;}
#circularMenu li.packages a:hover b  {left:-122px; top:64px;}
#circularMenu li.standards a:hover b  {left:43px; top:64px;}
#circularMenu li.features a:hover b  {left:-152px; top:-11px;}
#circularMenu li.samples a:hover b  {left:73px; top:-11px;}
#circularMenu li.enquiries a:hover b  {left:-122px; top:-87px;}
#circularMenu li.opportunities a:hover b  {left:43px; top:-87px;}
#circularMenu li.clients a:hover b  {left:-42px; top:-121px;}


/* Relative Positioning does not give same results in all browsers! */
#overlay {
position: absolute;
	top: 100px;
	left: 10px	;
	color: #fffbc6;
}

#underlay	{
position: absolute;
	top: 99px;
	left: 9px	;
	color: #a67c52; /* light brown matching that in banner image */
}