/*-------------------------------------------------
GENERAL - Body tags
-------------------------------------------------*/
body
{
	font-family:verdana,arial, Helvetica, Sans-Serif;
	font-size:0.8em;
	color:#252525;
	text-align:center;
	background-color:#4a3119;
	margin:0;
	padding:0;
}

A:visited
{
	color:purple;
	text-decoration:underline;
	background:transparent;
}

A:hover
{
	color:#f90;
	text-decoration:none;
	background:transparent;
}

A IMG
{
	border:0;
	text-decoration:none;
	background:transparent;
}

/* external links */


a.external:link
{
	background:url(images/link_icon.gif) no-repeat 100% 0;
	padding:2px 20px 1em 0;
}

a.external:visited
{
	color:purple;
	background:url(images/link_icon.gif) no-repeat 100% -100px;
	padding:2px 20px 1em 0;
}

a.external:hover
{
	color:red;
	background:url(images/link_icon.gif) no-repeat 100% -200px;
	padding:2px 20px 1em 0;
}

/*-------------------------------------------------
TYPOGRAPHY
-------------------------------------------------*/
h1
{
	font-family:arial,Helvetica, Sans-Serif, Verdana;
	font-size:1.7em;
	font-weight:700;
	text-align:left;
	color:#fff;
	width:100%;
	margin:18px 0 .5em 36px;
	padding:0 0 .5em;
}

h2
{
	clear:both;
	font-size:1.1em;
	font-weight:700;
	text-align:left;
	color:#6b8bac;
	border:0;
	border-bottom:1px solid #ccc;
	width:100%;
	margin:.5em 0 1em;
	padding:.6em 0 .2em;
}

h3
{
	font-size:.95em;
	font-weight:700;
	text-align:left;
	color:#252525;
	margin:2em 0 1em;
}

h4
{
	font-size:15px;
	font-weight:700;
	text-align:left;
	color:#fff;
	margin:2px 0 3px;
}

h4.category
{
	font-size:12px;
	font-weight:700;
	text-align:left;
	color:#cc0000;
	margin:9px 0 3px 0;
	padding:12px 0 3px 0;
}



/*-------------------------------------------------
LISTS
-------------------------------------------------*/
ul
{
	list-style-position:inside;
	margin:.5em 0 .2em;
	padding:0;
}



img
{
	border:none;
}

hr
{
	background:#f2f2f2;
	height:1px;
	color:#f2f2f2;
	border:none;
	clear:both;
	margin:1em 0;
}

.clear
{
	clear:both;
	position:relative;
	font-size:0;
	height:0;
	line-height:0;
}

/*-------------------------------------------------
CONTAINER - for positioning, etc
-------------------------------------------------*/
#container
{
	color:#252525;
	text-align:left;
	width:960px;
	margin-top:2px;
	margin-left:auto;
	margin-right:auto;
}

/*-------------------------------------------------
HEADER - logo and main nav
-------------------------------------------------*/
#header
{
	border:0;
	height:100px;
	width:960px;
	background-image:url(images/headerBack.gif);
	z-index:40;
	margin:0;
	padding:0;
}

/* IE6 Only */
* html #header
{
	height:100px;
	margin:0;
	padding:0;
}

/*--Logo  ---*/
#logo
{
	float:left;
	width:245px;
	height:89px;
	margin:0;
	padding:0 0 0 12px;
}

/*-- main  nav  ---*/
#mainnav
{
	float:left;
}

#mainnav ul
{
	list-style:none;
	position:absolute;
	height:30px;
	margin:0 0 0 190px;
	padding:10px 0 0;
	
}

		
			/* IE6 Only */
			* html #mainnav ul {margin:0 0 0 100px;}
					
			/* IE7 Only */
			*:first-child+html #mainnav ul {margin:0 0 0 100px;}		
			
			/* IE8 Only */	
			#mainnav ul { margin-left /*\**/: 100px\9 }
			

#mainnav ul li
{
	float:left;
	display:inline;
}

#mainnav ul a
{
	display:block;
	font:bold 1.1em Trebuchet MS, Arial, sans-serif;
	color:#4a3119;
	text-transform:uppercase;
	padding:3px 7px;
	-moz-border-radius: 3px;
}

#mainnav ul a:focus,#mainnav ul a:active,#mainnav ul a:hover
{
	background-color:#5a5a5a;
	outline:none;
}

#mainnav ul a.home
{
	margin:0 16px 0 17px;
	
}

#mainnav ul a.home,#mainnav ul a.who,#mainnav ul a.what,#mainnav ul a.why,#mainnav ul a.how,#mainnav ul a.work,#mainnav ul a.contactus
{
	color:#4a3119;
	margin:0 14px 0 0;
}

#mainnav ul a.contactus
{
	margin:0 21px 0 0;
}

#mainnav ul a.home:hover,#mainnav ul a.who:hover,#mainnav ul a.what:hover,#mainnav ul a.why:hover,#mainnav ul a.how:hover,#mainnav ul a.work:hover,#mainnav ul a.contactus:hover
{
	color:#fff;
}

#home #mainnav ul a.home,#who #mainnav ul a.who,#what #mainnav ul a.what,#why #mainnav ul a.why,#how #mainnav ul a.how,#work #mainnav ul a.work,#contactus #mainnav ul a.contactus
{
		-moz-border-radius-bottomleft:3px;
								-moz-border-radius-bottomright:3px;
								-moz-border-radius-topleft:3px;
								-moz-border-radius-topright:3px;
								background-color:#990;
	color:#fff;
	
}

#mainnav a,#mainnav a:visited
{
	
	text-decoration:none;
	margin:6px;
}

#mainnav a:hover
{
	text-decoration:underline;
	background-color:#cc9;
	color:#fff;
}

/*-------------------------------------------------
CONTENT Container
-------------------------------------------------*/
#content-container
{
	width:960px;
	margin:0;
	padding:0;
}

#intro
{
	width:960px;
	background-image:url(images/introBack.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:262px;
	border:0 solid red;
	margin:-8px 0 0;
	padding:0;
}

#intro .col1
{
	float:left;
	width:520px;
	height:262px;
	border:0 solid red;
	clear:none;
	margin:0;
	padding:0;
}

#intro .col1 p
{
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:23px;
	color:#fff;
	margin:24px 0 0 36px;
	padding:0;
}

#intro .col2
{
	float:left;
	clear:none;
	width:306px;
	border:0 solid red;
	margin:0 0 0 45px;
	padding:0;
}

#intro .col2 img
{
	height:253px;
	margin:6px 0 0;
	padding:0;
}

#content-container #features
{
	width:960px;
	border:0;
	background-image:url(images/featuresBack.gif);
	background-repeat:no-repeat;
	background-position:top left;
	height:315px;
	display:inline-block;
	margin:-1px 0 0;
	padding:0;
}

/* IE6 Only */
* html #content-container #features
{
	margin:-31px 0 0;
	padding:0;
}

/* IE7 Only 
 IE8 Only */
#content-container #features .col1,#content-container #features .col2,#content-container #features .col3,#content-container #features .col4
{
	border:0 solid green;
	float:left;
	clear:none;
}

#content-container #features .col1
{
	margin:0 0 0 30px;
	padding:0;
}

#content-container #features .col1 h2,#content-container #features .col2 h2,#content-container #features .col3 h2,#content-container #features .col4 h2
{
	width:200px;
	border:0;
	font-size:17px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#4a3119;
	margin:0;
	padding:36px 0 0;
}

#content-container #features .col1 img,#content-container #features .col2 img
#content-container #features .col3 img
#content-container #features .col4 img
{
	border:0 solid green;
	width:200px;
	height:115px;
	margin:0;
	padding:0;
}

#content-container #features .col1 p,#content-container #features .col2 p,#content-container #features .col3 p,#content-container #features .col4 p
{
	width:200px;
	font-size:12px;
	line-height:16px;
}

/*-------------------------------------------------
FOOTER
-------------------------------------------------*/
	#footer
	{
		font-size:0.8em;
		color:#252525;
		position:absolute;
		width:960px;
		clear:both;
		margin:0;
		padding:.5em 0 3em;
	}
	
	#footer .col1
	{
		width:550px;
		float:left;
		clear:none;
		font-size:10.5px;
		color:#fff;
		margin:0 0 0 36px;
		padding:0;
	}
	
	#footer .col2
	{
		float:left;
		clear:none;
		width:310px;
		font-size:10.5px;
		color:#fff;
		text-align:right;
		margin:0 0 0 36px;
	}
	
			/* IE6 Only */
			* html #footer .col2  {width:310px;margin:0 0 0 3px;padding:0;}
								
			/* IE7 Only */
			*:first-child+html #footer .col2  {width:310px;margin:0 0 0 36px;padding:0;}				
									
	
	.spacer,p
	{
		clear:both;
	}
	
	A:link,A:active
	{
		color:#06c;
		text-decoration:underline;
		background:transparent;
	}
	
	*:first-child+html #header,*:first-child+/**/html #header
	{
		margin:0;
		padding:0;
	}
	
	#content-container #features .col2,#content-container #features .col3,#content-container #features .col4
	{
		margin:0 0 0 27px;
		padding:0;
	}