/****************************************************************************************************
Author	:	Christopher Robinson
Date		:	Friday, July 26th 2006
Website	:	http://www.EDG3.co.uk/
****************************************************************************************************/

/****************************************************************************************************
Begin Miscellaneous
****************************************************************************************************/
*
{
	margin: 0;
	padding: 0;
}

/****************************************************************************************************
Begin Body
****************************************************************************************************/
body
{
	background: #d8c6a6 url('images/content.jpg') center repeat-y;
	color: #333;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif, "bitstream vera sans";
}

img
{
	border: 2px solid #333;
}

a
{
	color: #624f2f;
}

/****************************************************************************************************
Begin Header
****************************************************************************************************/
#header
{
	background: #7e673e url('images/header.jpg') top center no-repeat;
	height: 100px;
	top: 0;
	width: 100%;
}

#header-content
{
	height: 100px;
	margin: 0 auto;
	width: 760px;
}

#header-content h1 {
	color: #3b2a0c;
	font-size: 300%;
	letter-spacing: -3px;
	font-family: "trebuchet ms", helvetica, sans-serif;
	text-align: right;
	padding-top: 15px;
	padding-left: 0px;
	margin-bottom: -10px;
}

#header-content h2 {
	color: #CCC;
	font-size: 200%;
	letter-spacing: -2px;
	font-family: "trebuchet ms", helvetica, sans-serif;
	text-align: right;
}

/****************************************************************************************************
Begin Navigation
****************************************************************************************************/
#navigation
{
	left: 614px; 
	margin-left: -61px;
	position: absolute;
	width: 140px;
}

#navigation li
{
	list-style-type: none;
	list-style-image: none;
}

#navigation a
{
	color: #FFF;
	display: block;
	height: 50px;
	line-height: 50px;
	text-align: center;
	text-decoration: none; 
}

#navigation a:hover
{
	background: #7e673e;
	color: #332407;
}

#navigation .active
{
	background: #7e673e;
	color: #332407;
}

/****************************************************************************************************
Begin Content
****************************************************************************************************/
#content
{
	left: 50%; 
	margin-left: -380px;
	position: absolute;
	width: 760px;
}

/****************************************************************************************************
Begin Left
****************************************************************************************************/
.left
{
	float: left;
	padding-top: 10px;
	width: 304px;
}

.left p
{
	padding: 10px;
}

.left h1
{
	border-bottom: 1px solid #888;
	font-size: 1.3em;
	padding-top: 10px;
}

.left code
{
	border: 1px solid #624f2f;
	border-left: 9px solid #624f2f;
	display: block;
	margin: 10px;
	padding: 10px;
	text-align: left;
}

.left li
{
	list-style: circle;
	margin-left: 30px;
}

/****************************************************************************************************
Begin Center
****************************************************************************************************/
.center
{
	float: left;
	width: 152px;
}

/****************************************************************************************************
Begin Right
****************************************************************************************************/
.right
{
	float: right;
	padding-top: 10px;
	width: 304px;
}

.right h1
{
 font-size: 16px;
 padding-bottom: 10px;
 text-align: left;
}