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

master style sheet

author:		Arron Coda
url:		http://acoda.co.uk
date:		21st March 2009
version:	1.0

You may adapt and learn from the elements of this CSS to use in your own
projects, but you may not copy the design (the unique combination of images,
colors, sizes, typography, and positioning) since this is copyright of Arron
Coda and may not be reproduced.

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

/* =global
-----------------------------------------------------------------------------*/

html, body, h1, h2, h3, h4, h5, h6, p, pre, ul, ol, li {
	margin:0;
	padding:0;
}

a img{border:0;}

ul, li{list-style-type:none;}

.clear{clear:both;}

.caption{
	text-align:center;
	font-style:italic;
	color:#666;
	font-size:12px;
}
	
	
/* Base Elements
-----------------------------------------------------------------------------*/

body{
	background:#fff;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#container{
	width:940px;
	margin:0 auto;
	padding:0 10px;
	text-align:left;
}

#header{
	height:150px;
	margin:20px 0 25px 0;
}

#content{
	margin:0 0 25px 0;
}

#content #main{
	float:left;
	width:340px;
}

#content #sidebar{
	float:left;
	width:580px;
	margin:0 0 0 20px;
}

#footer{
	padding:10px 0 0 0;
	border-top:1px solid #98c9a3;
	height:50px;
}


/* =header styling
-----------------------------------------------------------------------------*/	

#header h1{
	width:150px;
	height:150px;
	float:left;
	margin:0 20px 0 0;
}

#nav_main {
	float:left;
	margin:115px 0 0 0;
	list-style: none;
}

#nav_main a {
	display: block;
	text-decoration:none;
	font-size:16px;
	color:#555;
	padding:2px 3px;
}

#nav_main a:hover, 
#nav_main li:hover a,
#nav_main li.sfHover a{
	background:#999;
	color:#fff;
}

#nav_main li {
	float: left;
	font-weight:bold;
	margin:0 0 0 42px;
}

#nav_main li.first{
	margin-left:0;
}

#nav_main li ul {
	position: absolute;
	left: -9999px;
	background:#fff;
	z-index:50;
}

#nav_main li ul li{
	float:none;
	display:block;
	width:155px;
	margin:0;
}

#nav_main li ul li a,
#nav_main li:hover ul li a,
#nav_main li.sfHover ul li a{
	background:#fff;
	padding:3px 10px;
	color:#555;
}

#nav_main li ul li a:hover{
	background:#eee;
	color:#555;
}

#nav_main li:hover ul,
#nav_main li.sfHover ul{
	border:1px solid #999;
	left: auto;
}

#nav_main li:hover ul, #nav li.sfhover ul {
	left: auto;
}


/* =content styling
-----------------------------------------------------------------------------*/	

#content a{
	color:#000;
	text-decoration:underline;
}

#content a:hover{
	color:#666;
	text-decoration:underline;
}

#content #main h1{
	font-size:15px;
	line-height:20px;
	color:#224029;
	margin:0 0 20px 0;
}

#content #main p{
	font-size:14px;
	line-height:20px;
	margin:0 0 20px 0;
}

#content #main #history p{
	font-size:12px;
	line-height:20px;
	margin:0 0 15px 0;
}


/* =footer styling
-----------------------------------------------------------------------------*/

#footer p{
	font-size:11px;
	color:#999;
	float:left;
	width:470px;
}

#footer #designlink{
	text-align:right;
}


/*END------------------------------------------------------------------------*/