/*-------------------------------------------------
GENERAL - Body tags
-------------------------------------------------*/
body {
	font-family:verdana,arial, Helvetica, Sans-Serif;
	font-size:.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:30px 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;}


/*-------------------------------------------------
LISTS
-------------------------------------------------*/

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

img {border:none;}


/*-------------------------------------------------
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 {margin:6px 0 0;	padding:0;}

/* smaller version for the subpages */

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

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

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

	#intro_sub .col2 {
		float:left;
		clear:none;
		width:306px;
		border:0 solid red;
		margin:0 0 0 110px;
		padding:0;}
		
		/* IE6 Only */
			* html #intro_sub .col2  {margin:0;}				

		#intro_sub .col2 img {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:15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#4a3119;
	margin:0 0 2px 0;
	padding:36px 0 0;
	letter-spacing:1px;}

#content-container #features .col1 img,
#content-container #features .col2 img,
#content-container #features .col3 img,
#content-container #features .col4 img {
	border:1px solid #4a3119;
	width:200px;
	height:100px;
	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:.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;}