/*================================
Pie People CSS
Author Neil Mills 2008
=============================== */

/*================================
Overiding styles
=============================== */

body,html{
	height:100%;}
	
	body{
	font: 0.75em/1.5em  Helvetica, Arial, sans-serif; /* 1em = 12px at 96ppi */
	color: #000;
	text-align:center;}

body {
	font:0.70em/1.3em "Lucida Sans", Sans-Serif;
	color:#8B8E8E;
	margin: 0px;
	background: #E1E1E1;
	text-align:center;}
	
p,a,ul,li,div,h1,h2,h3{
	border:none;
	margin:0px;
	padding:0px;}
	
h1,h2,h3{
	color:#3E0021;
	font-weight:normal;
	padding-bottom:15px;}
	
h2{
	font-size:1.5em;
	line-height:1.2em;}
	
p{
	margin-bottom:8px;
	text-align:justify;}
	
a, a:visited{
	color:#8B8E8E;
	text-decoration:underline;}
	
a:hover,a:active,a:focus{
	text-decoration:none;}
	
ul{
	margin-left:15px;}
	
li{
	padding-bottom:3px;}
	

	
	
/*================================
Container styles
===============================*/

#wrap,#header,#content,#footer {
	position:relative;
	text-align:left;
	width:750px;
	padding:0px 25px;}
	
#wrap {
	width:800px;
	padding:0px 7px;
	background: #E1E1E1 url(../images/bg_wrap.png) left top repeat-y;
	min-height:100%;
	margin:0px auto;}
	
#header{
	color:#000;
	height:38px;
	background: #FFF url(../images/bg_header.png) left 10px no-repeat;
	padding-top:108px;}
	
#content{
	padding:25px 0px 0px 0px;
	width:800px;
	background:#FFF url(../images/bg_content.png) left top repeat-x;}
	
#content.pad{
	padding-bottom:20px;}
	
#content.home{
	background:#000;}
	
#content.home h2{
	color:#FFF;}
	
#footer {
	padding-top:80px;
	padding-bottom:20px;
	font-size:0.8em;
	background:url(../images/bg_footer.png) left top no-repeat;}
	
#colL,#colR{
	float:left;
	width:450px;
	margin:0px 50px 20px 25px;}
	
#colR{
	width:250px;
	margin:0px;}
	
#colL div{
	width:150px;
	float:left;}
	
#colL div.pies{
	margin-bottom:10px;}
	
#colL div.pies p{
	margin:0px;
	text-align:center;
	color:#3E0021;}
/*================================
Navigation styles
===============================*/

ul#nav{
	list-style-type:none;}
	
ul#nav li,ul#nav a{
	display:inline;
	float:left;
	white-space:nowrap;}
	
ul#nav li a, ul#nav a:visited, ul#nav a:hover, ul#nav a:focus, ul#nav a:active{
	height:38px;
	line-height:38px;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	padding:0px 16px;
	display:block;}
	
ul#nav a:hover, ul#nav a:focus, ul#nav a:active,a.current{
	background: #8B8E8E url(../images/bg_navbtn_over.png) left top repeat-x;}
	
	
/*================================
Sitewide styles
===============================*/

.floatfix:after {
	content:"."; 
	display:block; 
	height:0px; 
	clear:both; 
	visibility:hidden}
.floatfix {display:inline-table}
/* Hides from IE-mac \*/
* html .floatfix {height:1%}
.floatfix {display:block}
/* End hide from IE-mac */

a#skip {
	display:none;}
	
.left {
	float:left;
	margin:0px 8px 0px 0px;}

.right{
	float:right;}
	
.centre{
	text-align:center;
	width:100px;}

.clear{
	clear:both;}

#header h1{
	display:none;}	
	
#header p {
	position:absolute;
	left:25px;
	top:20px;}
	
div#pics{
	padding-top:24px;
	display:block;
	background:url(../images/bg_pics.png) left top repeat-x;}
	
#content.home div#pics{
	background:none;}
	
div#pics img{
	float:left;}
	
p#quote{
	font-size:20px;}
	
/*	
p#quote{
	font-size:1.6em;
	line-height:1.4em;
	padding-bottom:4px;}

p#credit{
	padding:0px;
	text-align:right;}
	*/	
	
/*================================
Table styles
===============================*/

table {
	width:450px;
	font-size:0.9em;}	
td,th {
	padding:3px 0px;}
	
th {
	line-height:1.2em;
	color:#3E0021;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;}