/*
	main.css
	Global Stylesheet
	Created: 
	Creator: Matt Kircher
	
	Pixels to Ems
	-----------------------------------
	PX	EM		PX	EM
	10	0.625		21	1.313
	11	0.689		22	1.375
	12	0.750		23	1.438
	14	0.875		24	1.500
	15	0.938		25	1.563
	16	1.000		26	1.625
	17	1.064		27	1.688
	18	1.125		28	1.750
	19	1.188		29	1.813
	20	1.250		30	1.875
*/

/* Imported Styles
--------------------------------------------------------*/
@import url("reset.css");
@import url("clearing.css");
@import url("forms.css");


/* General
--------------------------------------------------------*/
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	text-align:center;
	background:url(../images/body_bg.jpg) top left repeat-x #666;
	color:#666;
}

a{ color:#8BC53F; font-weight:bold; text-decoration:none; }
a:hover{ color:#68952D; }

h1{ font-size:1.0em; }
h2{ font-size:0.938em; }
h3{ font-size:0.875em; }
h4{ font-size:0.750em; }
h5{ font-size:0.689em; }
h6{ font-size:0.625em; }

hr{ margin:20px 0px; color:#E5E5E5; background-color:#E5E5E5; border:none; width:100%; height:1px; }

ol{ list-style:decimal; padding-left:20px; }

/* Classes
--------------------------------------------------------*/

	/* colors */
	
	
	/* general elements */
	.clear_block{ clear:both !important; }
	
	.vcard{ font-size:0.689em; }
	.vcard .org{ font-weight:bold; margin-bottom:5px; }
	.vcard .email{ margin-bottom:10px; }
	.vcard .tel{ margin-bottom:5px; }
	
	#sub-content #contact-info{ padding:50px 0px 0px 10px; }
	#sub-content #contact-info .tel{ color:#999; font-size:0.909em; }

/* Wrap
--------------------------------------------------------*/
#wrap{
	text-align:left;
	margin:auto;
	width:1000px;
	padding:0px;
	border-top:5px solid #8BC53F;
}

/* Header
--------------------------------------------------------*/
#header{ background-color:#FFF; padding:25px 50px 0px; }


/* Logo
--------------------------------------------------------*/
#logo{ float:left; }
#logo a{ display:block; width:86px; height:38px; position:relative; overflow:hidden; text-indent:-100000px; background:url(../images/logo.jpg) top left no-repeat #FFF; }


/* Navigation
--------------------------------------------------------*/

	/* functional-nav */
	#functional-nav{ float:right; }
		#functional-nav li{ float:left; margin-right:25px; }
		#functional-nav li.end_nav{ margin-right:0px; }
			#functional-nav li a{ font-size:11px; font-weight:normal; color:#666; }
			#functional-nav li a:hover, #functional-nav li.selected a{ color:#333; }
	
	
	/* main-nav */
	#main-nav{ width:900px; clear:both; padding:40px 0px 20px; border-bottom:1px solid #CCC; }
		#main-nav li{ float:left; padding:10px; border-top:1px solid #E5E5E5; margin-right:5px; }
		#main-nav li a{ display:block; height:10px; background:url(../images/main_nav.jpg) top left no-repeat #FFF; overflow:hidden; text-indent:-10000px; }
		
			#main-nav #mn1, #main-nav #mn1 a{ background-position:0px 0px; width:63px; }
			#main-nav #mn2, #main-nav #mn2 a{ background-position:-63px 0px; width:54px; }
			#main-nav #mn3, #main-nav #mn3 a{ background-position:-117px 0px; width:38px; }
			#main-nav #mn4, #main-nav #mn4 a{ background-position:-155px 0px; width:48px; }
			#main-nav #mn5, #main-nav #mn5 a{ background-position:-203px 0px; width:70px; }
			
			#main-nav #mn1 a:hover{ background-position:0px -10px; }
			#main-nav #mn2 a:hover{ background-position:-63px -10px; }
			#main-nav #mn3 a:hover{ background-position:-117px -10px; }
			#main-nav #mn4 a:hover{ background-position:-155px -10px; }
			#main-nav #mn5 a:hover{ background-position:-203px -10px; }
			
			#main-nav li.selected{ background-color:#8CC63F; }
			#main-nav #mn1.selected a{ background-position:0px -20px; }
			#main-nav #mn2.selected a{ background-position:-63px -20px; }
			#main-nav #mn3.selected a{ background-position:-117px -20px; }
			#main-nav #mn4.selected a{ background-position:-155px -20px; }
			#main-nav #mn5.selected a{ background-position:-203px -20px; }
			
		#main-nav li.end_nav{ width:482px; margin-right:0px; }
		#main-nav li.end_nav a{ display:none; }


	/* sub-nav */
	#sub-nav{ padding-left:10px; }
		#sub-nav li{ border-top:1px solid #CCC; padding:10px 0px 5px; }
		#sub-nav li.end_nav{ /*border-bottom:1px solid #CCC;*/ }
		#sub-nav li.begin_nav{ border-top:none; }
			#sub-nav li a{ color:#666; }
			#sub-nav li a:hover, #sub-nav li a.selected{ color:#333; }
			
		#sub-nav ul li ul{ margin:10px 0px 0px 20px; }
			#sub-nav ul li ul li{ border:none !important; padding:0px 0px; }
				#sub-nav ul li ul li a{ color:#8BC53F; }
				#sub-nav ul li ul li a:hover{ color:#68952D; }
		
		/*IE 6 & 7*/	* html #sub-nav li li{ font-size:1em !important; }
				* + html #sub-nav li li{ font-size:1em !important; }


/* Masthead
--------------------------------------------------------*/
#masthead{ background-color:#FFF; }

	
/* Content
--------------------------------------------------------*/
#content{ background-color:#FFF; padding:0px 50px 50px; }
#content h1, #content h2, #content h3, #content h4, 
#content h5, #content p, #content li{ margin:7px 0px; }

#content p, #content li{ font-size:0.689em; }
#content p *, #content li *{ font-size:inherit; }

.subpage #content{ padding:25px 50px 50px; min-height:400px; }

	/* main-content */
	.home #main-content{}
	.subpage #main-content{ float:right; width:620px; }
		.subpage #main-content p{ line-height:1.5em !important; }
		.subpage #main-content li{ line-height:1.25em !important; }
		.subpage #main-content ul, .subpage #main-content ol{ padding-left:30px; }
		.subpage #main-content ul{ list-style:disc; }
		
		/* home areas */
		#home-mission-statement{ height:205px; width:900px; padding:30px 0px 15px; margin-bottom:15px; background:url(../images/home_intro_bg.jpg) 12px 45px no-repeat #FFF; }
		#home-mission-statement h2, #home-mission-statement p{ display:none; }
		
		#home-features{ border-top:1px solid #CCC; padding-top:25px; }
		#home-features p{ line-height:1.7em; }
		
			#home-featured-projects{ float:left; width:594px; }
				#home-featured-projects li{ float:left; width:282px; overflow:hidden; margin-right:15px; }
					#home-featured-projects li a img{ border:1px solid #D9D9D9; margin-bottom:15px; }
					
					/*IE 6 & 7*/	* html #home-featured-projects li p, * html #home-featured-projects li h4{ font-size:1em !important; }
							* + html #home-featured-projects li p, * + html #home-featured-projects li h4{ font-size:1em !important; }
			
			#home-ida-words{ float:left; width:280px; padding-left:0px; }
				#home-ida-words dl{ margin-top:14px; min-height:172px; padding:0px; }
					#home-ida-words dt a{ display:block; width:280px; height:200px; text-indent:-1000px; overflow:hidden; margin-bottom:25px; }
					#home-ida-words dt.guidance a{ background:url(../images/content/idas_guidance.jpg) top left no-repeat; }
					#home-ida-words dd h4{ font-size:0.689em; }
		
		/* slidebox */
		#slidebox{ width:620px; overflow:hidden !important; position:relative; }
			#slidebox div{ float:left; width:620px; }
			#slidebox-wrap{ float:none; }
			#slidebox-wrap div{ display:none; }
			#slidebox-wrap div div{ display:block; }
			#slidebox h3, #slidebox h4, #slidebox h5, #slidebox h6{ color:#8BC53F; }
				
			#slidebox #guidance h3 i, #slidebox #validate h3 i, 
			#slidebox #solidarity h3 i{ color:#999; font-style:normal; font-size:0.857em; font-weight:normal; }
			
			/*IE 6 & 7*/	* + html #slidebox div{ background-color:#FFF; !important; }
					* + html #slidebox li li{ font-size:1em !important; }
				
		/* client listing */
		#client-listing{}
			#client-listing div{ float:left; width:300px; }
			#client-listing div#client-print-list{ margin-right:20px; }
				#client-listing h3, #client-listing h4, #client-listing h5, #client-listing h6{ color:#8BC53F; }
				.subpage #main-content #client-listing li{ line-height:1em !important; }
					#client-listing li ul{ margin-bottom:20px; }
		
		/* services listing */
		#services-listing{}
			#services-listing div{ float:left; width:300px; }
					
		/* team roster */
		.team-roster{}
			.team-roster h3{ float:left; width:50%; height:45px; }
			.team-roster h4{ float:right; width:50%; height:30px; text-align:right; padding-top:15px }
			.team-roster h3 i{ display:block; font-style:normal; margin:4px 0px 10px; font-size:0.785em; color:#666; }
		
		
		/*portfolio*/		
		#portfolio-viewer-wrap{ border:1px solid #D9D9D9; width:618px; height:353px; }
			#portfolio-viewer{ width:618px; height:353px; background:none }
		
		#portfolio-nav{}
			#portfolio-nav li a.selected{ color:#68952D; }
		
		#portfolio{ display:none; }
			#portfolio div{}
			#portfolio h3, #portfolio h4, #portfolio ul{ display:none; }
			#portfolio h3{ clear:both; border-top:1px solid #D9D9D9; padding-top:15px; }
			#portfolio h4{ font-size:0.689em; color:#999; margin-top:5px !important; }
			#portfolio ul{ float:right; padding-left:0px !important; position:relative; left:15px; text-align:right; }
			#portfolio ul li{ list-style:none; border:1px solid #D9D9D9; width:136px; height:80px; float:left; margin:15px 15px 15px 0px; }
			#portfolio ul li a{ position:relative; overflow:hidden; width:136px; height:80px; display:block; }
				#portfolio ul li.selected{ border:3px solid #8CC63F; width:132px; height:76px; }
				#portfolio ul li.selected a{ width:132px; height:76px; }
				
			#portfolio ul li a img{ width:206px; height:118px; position:relative; top:-19px; left:-35px; }
			#portfolio div p{}
		
		/* site-map */	
		#site-map{}
		#site-map div{ width:31%; float:left; margin-right:1%; margin-bottom:20px; }
		#site-map div ul{ padding-left:15px !important; }


	/* Sub-content
	--------------------------------------------------------*/
	.home #sub-content{}
	.subpage #sub-content{ float:left; width:180px; }

		
/* Footer
--------------------------------------------------------*/
#footer{ clear:both; }
	
	/* navigation */
	#footer-navigation{ margin:10px 0px 25px 50px; float:left; }
	
		/* footer-functional-nav & footer-main-nav */
		#footer-functional-nav, #footer-main-nav{ float:left; }		
			#footer-functional-nav li, #footer-main-nav li{ display:inline; }
			#footer-functional-nav li.end_nav a, #footer-main-nav li.end_nav a{ border-right:none; }
				#footer-functional-nav li a, #footer-main-nav li a{ color:#FFF; display:block; float:left; margin-right:5px; padding-right:4px; border-right:1px solid #CCC; font-size:0.5625em; }
					#footer-functional-nav li a:hover, #footer-main-nav li a:hover{ color:#CCC; }
					#footer-functional-nav li.selected a, #footer-main-nav li.selected a{ color:#8CC63F; }

	/* copyright & legal */
	#copyright, #legal{ float:right; font-size:0.5625em; }
	#copyright{ margin:11px 20px 25px 0px; color:#CCC; }
	
	#legal{ margin:10px 50px 25px 0px; color:#FFF; }
		#legal li{ display:inline; }
		#legal li.end_nav a{ border-right:none; }
			#legal a{ color:#FFF; display:block; float:left; margin-right:5px; padding-right:4px; border-right:1px solid #CCC; }
			#legal a:hover{ color:#CCC; }
	
	/* validation */
	#validation{ display:none; }
	
	/* designed by */
	#designed-by{ display:none; }