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

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

version:  		1.0.1
date:     		01/03/08
modded date: 	05/03/09
author:  		Brooke Fitness
email:   		brooke@computingfitness.co.nz
website:  		www.computingfitness.co.nz
version history: 1.1

Modified by Caleb - caleb@eyeturner.co.nz for use with MENA

Primary Colours Used
1.	#5b9541 - green - h1, h2, 
2.	#c2c2c2 - grey - p, body
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 Helvetica, Arial, Helvetica, sans-serif;
	background: #111111 url("../images/bg.gif") repeat-x;
	color: #c2c2c2;    
	text-align:center;}
	
div#wrapper
	{font-size: 1.2em;
	text-align: left;
	width: 880px;
	margin: 0px auto;}

.clear
    {clear:both;}


/* Header
-----------------------------------------------------------------------------*/
div#header {
	height:120px;
	margin:auto;
	width:360px; 
	}
	
	div#header div.logo
	{position: relative;
	}
	
	div#header div.logo h1
	{position: absolute;
	left: -9999px;}
	
	div#header img {

	}
	
	
/* Footer
-----------------------------------------------------------------------------*/
div#footer
	{
	clear: both;
	text-align: right;
	border-top: 3px solid #252525;
	padding: 9px 0 0 0;
	margin: 5px 0px;
	font-size: 0.9em;}
	
 div#footer a {
 	color: #ffffff;
 }

  div#footer span
	{
		color: #707070;
	}
  div#footer span a {
  		color: #707070;
  }

h1 {
	clear: both;	
}

/* Navigation
-----------------------------------------------------------------------------*/
div#nav {
    height: 30px;
	font-size: 13px;
	text-transform: uppercase;
	margin-top: 5px;
}
	
	div#nav ul {
		padding: 0;
		margin-top: 10px;
	}
	
	div#nav li {
		display: inline;
		list-style-type: none;
		padding-right: 28px;
		background: url("../images/s-menu.gif") no-repeat top right;
	}
	
	div#nav .item62 {
		background: none;
	}
	
	div#nav a {
  	color: #ffffff;
  	text-decoration: none;
  	font-weight: normal;
	}
	
	div#nav a:hover {
		text-decoration: underline;
	}
	
	div#nav div.moduletable_menu {
    position: relative;
	}
	
	div#nav div.moduletable_menu h3
	{position: absolute;
	left: -9999px;}
	
	div#nav a:hover {
    	color: #ffffff;
	}
	
	#current a span {
		color: #5b9541;
	}
	
	#current a:hover span {
		color: #5b9541;
		text-decoration: underline;
	}
	
	div#galleryNav {
		margin-left: 67px;
		margin-bottom: 15px;
	}
	
	div#galleryNav a {
		color: #fff;
		text-decoration: none;
	}
	
	div#galleryNav a:hover {
		text-decoration: underline;	
	}
	
	div#galleryNav a.current {
		color: #5b9541;
	}
	
	span#spacer {
		padding: 0 5px 0 5px;
	}

/* Template
-----------------------------------------------------------------------------*/

div.pic {
	width: 225px;
	border: thin solid #707070;
	height: 310px;
	float: left;
	margin: 12px;
	}

div#component {
	clear: both;
}	

div#component_right {
	float:left;
	padding-bottom:40px;
	padding-left:60px;
	width:535px;
}

div#component #articlepage img, div#component_right #articlepage img {
	border:thin solid #707070;
}


div#right {
	border:thin solid #707070;
	float:left;
	height:310px;
	margin-left:50px;
	margin-top:40px;
	position:relative;
	width:225px;
	}

div#photowrapper {
	float: left;
	margin:35px 50px 25px 50px;
}

/* Typography
-----------------------------------------------------------------------------*/	
	h1, h2, h3, h4, h5, h6
	{
		color: #5b9541;
		font-weight: normal;
	}
	
	h1
	{
		font-size:18px;
		font-weight:bold;
		line-height:1em;
		margin-bottom:10px;
		text-transform:uppercase;
	}
	
	h2
	{font-size: 18px;
	line-height: 1.6em;
	}
	
	h3
	{font-size: 1.2em;
	line-height: 1.4em;	}
	
	h4
	{font-size: 1.0em;
	line-height: 1.2em;
	}
	
	h5
	{font-size: 0.8em;
	line-height: 1.0em;}
	
	p
	{margin: 15px 0;
	line-height: 2em; 
	color: #c2c2c2;}
	
	ul
	{margin: 10px 0 10px 30px;}
	
	a, a:active, a:visited
	{color: #5b9541; text-decoration: none;}
	
	a:hover
	{color: #5b9541;
	text-decoration: underline;
	}
	
		
		
/* Tables
-----------------------------------------------------------------------------*/
	
	
/* Forms
-----------------------------------------------------------------------------*/
input.text
  {padding: 3px;
  border: 1px solid #999999;}	
	
textarea:focus, input:focus
	{/*border: 1px solid #f90;*/}
	
	
	/* ------ Contact form ----- */
	
	
	/* ----- Contact us page styling ---- */
	
	span.label {
		clear:both;
		float:left;
		margin-bottom:10px;	}

	 form#myForm input#text_email {
			float: right;
			position: relative;
			margin-bottom: 10px;
			width: 350px;
			border:thin solid #AEAEAE;
			right: 70px;
		}

	 form#myForm input#text_name {
			float:right;
			position: relative;
			margin-bottom: 10px;
			width: 350px;
			border:thin solid #AEAEAE;
			right: 70px;
		}


	 form#myForm textarea#message {
		border:thin solid #AEAEAE;
		float:right;
		position:relative;
		width: 350px;
		right: 70px;
	}

		.fValidator-msg {
			color: #FF8F8F;
			clear: left;
		}

		div#log_res {
			padding: 10px 0px 10px 0px;
			color: #FF8F8F;
		}
		
		input#myForm_submit {
			clear:both;
			float:right;
			margin-top:10px;
			position:relative;
			right: 70px;		}
	
	
/* Miscellaneous
-----------------------------------------------------------------------------*/	


/* "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 */
	
	a.pointy{
		cursor: pointer;

	}
	
	a {
		cursor: pointer;
	}
	
	
.menamedia td {
	padding: 10px;
}