@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: #fff url('../images/body_bg.gif') top center repeat-x;
	color: #333;    
	text-align:center;}	
	
div#wrapper
	{font-size: 1.2em;
	text-align: left;
	width: 760px;
	margin: 0px 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: 100px;}
	
	div#header div.logo
	{position: relative;
	left: 125px;
	top: 8px;}
	
	div#header div.logo h1
	{position: absolute;
	left: -9999px;}
	
	
/* Footer
-----------------------------------------------------------------------------*/
div#footer
	{border-top:1px solid #125fa3;
	padding: 5px 0 0 0;
	margin: 10px 0;
	font-size: 0.9em;}
	
	div#footer .login
	{float: right;
	margin: 5px 5px 0 0;}

/* Navigation
-----------------------------------------------------------------------------*/
div#nav
	{height: 30px;
	line-height: 20px;
	margin: 0 0 10px 0;
	font-size: 1.3em;
	padding: 0 0 0 230px;}
	
	div#nav a
	{margin: 0 10px 0 0;
	color: #fff;
	text-decoration: none;
	font-weight:bold;}
	
	div#nav a.active,
	div#nav a:hover
	{color: #fc0;
	font-weight: bold;}


/* Template
-----------------------------------------------------------------------------*/
div#page{
  width: 100%}
  
  div#page div.article
	{float: right;
	width: 70%}

	div#page div.article div.section
	{border-bottom: 1px dotted #ccc;
	padding: 0 0 15px 0;
	margin: 0 0 10px 0;}
	
  div#page div.side
	{float: left;
	width: 25%;
	padding: 7px;
	margin-top: 10px;
	background-color: #ccc;
	color: #000;}
	

/* Typography
-----------------------------------------------------------------------------*/	
	h1, h2, h3, h4, h5, h6
	{}
	
	h1
	{font-size: 2.0em;
	line-height: 1.6em;
	margin: 10px 0 10px 0;}
	
	h2
	{font-size: 2.0em;
	line-height: 1.6em;
	margin: 10px 0 10px 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 30px;}
	
	a, a:active, a:visited
	{color: #125fa3;}
	
	a:hover
	{color: #000;
	text-decoration: underline;}
	
		
		
/* Tables
-----------------------------------------------------------------------------*/
	
	
/* Forms
-----------------------------------------------------------------------------*/
input.text
    {padding: 3px;
    border: 1px solid #999999;}	
	
textarea:focus, input:focus
	{border: 1px solid #f90;}
	
	
/* Miscellaneous
-----------------------------------------------------------------------------*/	

.transparent_class
	{filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;}

/* "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 */