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

	WEBIFY, Master CSS file

		Author: Eoin McGrath
		Date: 27 August 2007


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



/* -------------------------------------------->	DEFINED ELEMENTS	*/
body
{
	margin: 0;
	padding: 0;
	background: #ECE1B0;
	color: #222;
	font: normal 0.8em Verdana, sans serif;
	text-align: center;
}

a, a:link, a:visited	{ color: #314C17; }
a:hover			{ color: #900; }

* { margin: 0; padding: 0; }



/* -------------------------------------------->	SITE HEADER	*/
#mast {
	background: #600 url('/i/mast.png') bottom left repeat-x;
	color: #fff;
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 200px;
}

h1
{
	margin: 0 auto;
	padding: 0;
	display: block;
	width: 800px;
	height: 200px;
	text-indent: -999999em;
	background: url('/i/logo.png') top left no-repeat;
}

/* -------------------------------------------->	General Container	*/
#wrap
{
	margin: 3em auto 0 auto;
	width: 800px;
}


/* -------------------------------------------->	3 Highlight images	*/
.hilite
{
	float: left;
	display: block;
	width: 220px;
}


.hilite p 
{
	margin: 20px 0 0 25px;
	text-align: left;
	font-size: 1.2em;
	line-height: 150%;
}


.arrow
{
	float: left;
	display: block;
	width: 70px;
	background: url('/i/arrow.png') bottom left no-repeat;
	height: 100px;
}


/* -------------------------------------------->	content wrapper	*/
#maincontent
{
	float: left;
	display: block;
	width: 800px;
	text-align: left;
	margin: 2em 0 0 0;
}

/* -------------------------------------------->	contact form	*/
#contactForm 
{ 
	margin: 0 0 1em 0; 
	padding: 10px; 
	text-align: left;  
}

#contactForm div.row 
{
	float: left; 
	display: block; 
	margin: 0 0 2em 0; 
	border-bottom: 1px solid #F6F0D8; 
	padding: 2px 4px 4px 4px; 
	width: 90%; 
}

#contactForm label 
{
	width: 125px; 
	float: left; 
	color: #4C7127; 
	font-size: 1.1em; 
}

#contactForm textarea 
{
	width: 320px;
}

#contactForm .note 
{ 
	margin: 10px 0 10px 60px; 
	float: left; 
	text-align: left;
	width: 100%;
	display: block;
/* 	display: none; */
}

html>body #contactForm .note 
{ 
	margin: 10px 0 10px 120px; 
}




/* -------------------------------------------->	tabbed menu	*/

ul#tabs {
/* 	height: 52px; */
	height: 2.7em;
	width: 800px;
	text-align: center;
	list-style: none;
	margin: 0 auto 0 auto;
	clear: both;
	font-size: 1.2em;
	}
	
#tabs li {
	float: left;
	}
	
#tabs li a {
	width: 140px;
	margin: 0 0 0 10px;
	height: 2.7em;
	display: block;
	line-height: 250%;
	background: #DDD8C3 url('/i/inactive.png') top left no-repeat;
	text-decoration: none;
	color: #222;

	}

html>body #tabs li a { width: auto; padding: 0 20px; }

#tabs li a:hover { background: #467E10 url('/i/active.png') top left no-repeat;  color: #fff; }

#tabs li a.active { background: #467E10 url('/i/active.png') top left no-repeat;  color: #fff; }




/* -------------------------------------------->	scrolling bit	*/
#outerPane, #innerPane, .section { height: 80em; }

#outerPane 
{
	overflow: hidden;
	margin: 0 auto;
	width: 800px;
	position: relative;
	background: url('i/pane.png') top left no-repeat;
}

	

#innerPane 
{
	width: 800px;
	margin: 0 auto;	
	overflow: hidden;
}

#contents {
	position: absolute;
	top: 0;
	left: 0;
	width: 5250px;
	}
	


.subpage 
{
	width: 760px;
	margin: 20px;
	float: left;
}


.subpage h2
{
	margin: 0.3em 0 1em 0;
	font: normal 26px/28px Verdana;
	color: #467e10;
}


.subpage h3
{
	margin: 1.2em 0 0.3em 0;
	font: normal 22px/24px Verdana;
}


.subpage p 
{
	line-height: 170%;
}

.emphasis
{
	margin: .7em 0 2em 0;
	font: normal 16px/18px Verdana;
	line-height: 170%;
}



/* -------------------------------------------->	footer & misc	*/
#footer
{
float: left;
margin: 20px 0 20px 0;
width: 100%;
}

.hide { display: none; }

.clearall
{
	float: left;
	width: 100%;
	display: block;
	height: 3px;
	background: #000;
}