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

/*-----------------------------------------------------------------------------
[client] Screen Stylesheet

version:   1.0
date:      01/03/08
author:    Matthew Ravenhall
email:     ravenhall@gmail.com
website:   www.pixelperfect.co.nz
version history: N/A

Primary Colours Used
1.	#000000
2.	#000000
3.	#000000
4.	#000000


Table of contents:
1.	Import other stylesheets
2.	Fundamental styles
3.	Header
4.	Footer
5.	Navigation
6.	Template
7.	Typography
8. 	Tables
9.	Forms
10.	Miscellaneous
11.	Fixes


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

/* Import other stylesheets
-----------------------------------------------------------------------------*/

 @import url("reset.css"); /*Clear default styles */

	
/* Fundamental styles
-----------------------------------------------------------------------------*/
	
body
	{font: 62.5%/1.5em  Arial, Verdana, sans-serif;
	background: #e1dac4 url('../images/background.gif') top center repeat-x;
	color: #605635;    
	text-align:center;}	
	
div#wrapper
	{font-size: 1.2em;
	text-align: left;
	width: 760px;
	margin: 0 auto;}

.clear
    {clear:both;}

.right
    {float: right;}

.left
    {float: left;}
	
.width100
	{width: 100%; }

.width75
	{width: 75%;}

.width50
	{width: 50%;}

.width25
	{width: 25%;}

.alignLeft
	{text-align: left;}

.alignRight
	{text-align: right;}
	

/* Header
-----------------------------------------------------------------------------*/

div#header
	{height: 80px;
	top: 0;
	position: relative;
	background: transparent url('../images/header_bg.gif') bottom center repeat-x;}
	
	div#header div.logo img
	{position: relative;
	top: 25px;
	left: 18px;}
	
	div#header div.logo h1
	{position: absolute;
	left: -9999px;}
	
	
/* Footer
-----------------------------------------------------------------------------*/

div#footer
	{padding: 5px 0 0 0;
	margin: 5px 16px;
	font-size: 0.9em;}
	
  div#footer div.login
  {float: right;
  margin: 5px 5px 0 0;}

/* Navigation
-----------------------------------------------------------------------------*/

div#nav
	{height: 30px;
	line-height: 30px;
	margin: 0 0 0 0px;}
	
	div#nav a
	{margin: 0 10px 0 0;
	padding: 0 12px;
	display: block;
	float: left;
	font-size: 1.2em;
	color: #fff;
	text-decoration: none;}
	
	div#nav a:hover, div#nav a.active
	{background-color: #605635;}


/* Template
-----------------------------------------------------------------------------*/
	
.img
	{float: right;
  height: 100px;
	width: 150px;
	display: block;
	overflow: hidden;
	text-align: center;
	border: 4px solid #e1dac4;
	margin: 5px 0 5px 25px;
	/*clear: right;*/}
	
.imgLarge
  {float: right;
	border: 4px solid #e1dac4;
	margin: 5px 0 5px 25px;
	height: 146px;
	width: 200px;
	text-align: center;
	display: block;
	overflow: hidden;
	clear: right;}
	
.imgMap 
	{float: left;
	width: 350px;
	height: 476px;
	display: block;
	text-align: center;
	margin: 5px 0 5px 5px;
	border: 4px solid #e1dac4;
	overflow: hidden;}
	
#left_bg, #right_bg
	{position:absolute;
	display: block;
	height: 450px;
	width: 20px;
	left: 50%;
	top: 0px;
	z-index: 5;}

#left_bg
	{background: transparent url('../images/left_bg.gif') right top no-repeat;
	margin: 0 0 0 -400px;}
	
#right_bg
	{background: transparent url('../images/right_bg.gif') left top no-repeat;
	margin: 0 0 0 380px;}

div#page
	{background-color: #aba17f;
	border: 1px solid #fff;
	padding: 0 4px 4px 4px;}
	
div#main
	{background-color: #fff;
	border: 1px solid #605635;
	padding: 10px;
	min-height: 300px;
	position: relative;}
	
div#content { padding-top: 10px; }

div.polaroid
	{position: absolute;
	display: block;
	left: 50%;
	top: 115px;
	margin: 0 0 0 68px;
	z-index: 100;}
	

/* Typography
-----------------------------------------------------------------------------*/	
	h1, h2, h3, h4, h5, h6
	{color: #605635;
	word-spacing: -2px;
	font-weight: normal;}
	
	h4, h5, h6
	{font-weight: bold;}
	
	h1
	{font-size: 2.2em;
	line-height: 1.0em;
	margin: 20px 0 15px 0;}
	
	h2
	{font-size: 2.0em;
	line-height: 1.6em;
	margin: 15px 0 5px 0;}
	
	h3
	{font-size: 1.8em;
	line-height: 1.4em;
	margin: 10px 0 5px 0;}
	
	h4
	{font-size: 1.6em;
	line-height: 1.2em;
	margin: 15px 0 10px 0;}
	
	h5
	{font-size: 1.4em;
	line-height: 1.0em;}
	
	p
	{margin: 5px 0;}

	ul
	{margin: 10px 0 10px 25px;}
	
	li
	{list-style-type: none;
	padding-left: 10px;
  background: url('/images/square.gif') no-repeat 0px 5px; }

	a, a:active, a:visited
	{color: #605635;}
	
	a:hover
	{color: #000;
	text-decoration: underline;}
	
	.main-img
	{border: 1px solid #605635;}
	
		
		
/* Tables
-----------------------------------------------------------------------------*/
	
	
/* Forms
-----------------------------------------------------------------------------*/

input.text
    {padding: 3px;
    border: 1px solid #999999;}	
	
	
/* Miscellaneous
-----------------------------------------------------------------------------*/		 
/*
div#calendar ul, div#smallCalendar ul
	{list-style-type: none;
	margin:20px 0pt;}
	
div#calendar ul li, div#smallCalendar ul li
	{list-style: none;
	margin:20px 0pt;}
*/
	
/* "Fixes"
-----------------------------------------------------------------------------*/
		
	.clearfix:after
	{content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;}
	
	.clearfix {display: inline-block;}
	
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */
	
---*/		
	.clearfix:after
	{content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;}
	
	.clearfix {display: inline-block;}
	
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */