@charset "UTF-8";
/*------------------------------------------------------------------
[Master Stylesheet]

	Project:    	Hans Meeder Website
	Version:    	0.1 - Starter
	Last change:    	07/20/2009 [Start of File]

====================================================================

[Table of contents]

1. Body
2. Header / #header
3. Content / #content
4. Footer / #footer
-------------------------------------------------------------------*/


/* Stylesheet Reset */
	@import "css/reset.css";
/* Stylesheet for Pretty Photo popup windows,   */
	@import "js/prettyPhoto.css";




/* ==================================================================

2.1 Body Styles

================================================================== */

body	{
	margin: 0;
	padding: 0;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.4;
	text-align: left;

	background-image:url(images/bg.gif);
	background-position:center top;
	background-repeat:repeat-y;
	}

#container	{
	position: relative;
	width: 900px;
	margin: 0px auto;
	padding: 0;
	background-color: #fff;
	}

h1	{
	text-indent: -9999px;
	width: 500px;
	height: 83px;
	background-image:url(images/Meeder-Consulting-logo_sm.gif);
	background-position: 20px 10px;
	background-repeat: no-repeat;
	padding: 0;	margin: 0px 0 0 0;
	}


h2	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 5px;
	color: #539397;
	}

h3	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold !important;
	font-weight: normal;
	color: #000;
	letter-spacing: 2px;
	padding: 0;
	margin: 0;
	}

p, address	{


	}




/* ==================================================================

2.2 Header

================================================================== */
#header	{
	background-color: #9fa374;
	margin: 0;
	padding: 0;
	border-bottom: 8px solid #cfe2f5;
	background-image: url(images/logoBG_sm.png);
	background-position: top left;
	background-repeat: no-repeat;
	}


	

.tagline	{
	background-image: url(images/taglinebg_sm.png);	
	background-position:left top;
	background-repeat: no-repeat;
	
	color:#fff;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.4em;
	line-height: 1.8;
	letter-spacing:4px;
	margin: 0 !important;
	padding:15px 0 15px 78px;
	text-transform: uppercase;
	}
	
	
	
/* ==================================================================

2.2.1 Navigation

================================================================== */
.navList	{padding: 0; margin: 0 0 0 60px; height: 44px; width:100%;}

#nav	{
	margin: 0;
	height: 45px;
	color:#fff;
	background-color: #645601;
	font-size: 1.4em;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 0 0 0 0;
	border-bottom: 15px solid #ae9425;
	background-image: url(images/navBG_sm.png);
	background-position: top left;
	background-repeat: no-repeat;
	}

	#nav ul, #nav li	{
		display: block;
		list-style: none;
		padding: 0;
		}
		#nav li	{
			height: 36px;
			float: left;
			clear: none;
			padding: 14px 0 0 0 ;
			}
#nav li a	{
	text-decoration: none;
	color: #fff;
	padding: 15px 15px 15px 15px;
	}

.dropdown	{
		
		padding-top: 32px;
			font-size: 0.8em;
			letter-spacing: 0px;
		background-color: #538397;
		background-image: url(images/dropdownColorMerge.png);
		background-repeat: repeat-x;
		}
		
		.whoweare	{position: absolute;	top: 180px;	left: 150px;	}
		.whatwedo	{position: absolute;	top: 180px;	left: 300px;	}
		.ideas		{position: absolute;	top: 180px;	left: 449px;}
		.events		{position: absolute;	top: 180px;	left: 449px;	}
		

#nav ul li ul li	{
		float: none;
		padding: 0px 0px 0px 0px;
		margin: 0;
		border-bottom: 1px solid #84a896;
		height: 45px;
		}
	#nav ul li ul li.first	{
		padding: 10px 0px 0px 0px;
		margin: 0;
		}
	#nav ul li ul li a	{
		display: block;
		text-decoration: none;
		color: #fff;
		padding: 15px 20px 15px 20px;
		margin: 0;
		}
		#nav ul li ul li a:hover	{
			background-color: #799bab;
			}













/* ==================================================================

2.3 Content Area

================================================================== */




#content	{
	float: left;
	min-height: 450px;
	width: 429px;
	padding: 0 32px 0 32px;
	margin: 0 0 0 45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.6;
	border-left: 3px solid #538397;	
	}
	
.intro	{	font-size: 1.2em !important;	}
	
.bordright	{
	border-right: 3px solid #538397;

	}

.SpecialHeadText {
	font-weight: bold;
	letter-spacing: 5.0px;
	text-transform: uppercase;
	color: #538397;
	}


#content hr	{
	border: 0;
	border-bottom: 3px dotted #539397;
	margin-left: -32px;
	margin-right: -32px;
	}

#sidebar	{
	float: right;
	}

#content img.sideImg	{
	float: right;
	margin-right: -391px;
	}




.presentations	{
	width: 450px;
	padding: 20px;
	background-color: #d1e0e7;
	-moz-border-radius: 15px;
	}

.presentations dt	{	margin: 5px 0;	}

.presentations dt a	{
	padding-left: 16px;
	background-image: url(images/toggleArrows.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	}
	
.presentations dd	{
	margin-left: 5px;
	padding-left: 27px;
	border-left: 2px solid #538397;
	}

.activeDD	{background-position: 0px -16px !important;}





#mindWorks	{
	margin: 0px;
	margin-top: 30px;
	padding: 15px;
	padding-top: 7px;
	background-color: #aeb187;
	border: 1px solid #ae9425;
	
	background-image:url(images/mindWorksFlare.png);
	background-position: top right;
	background-repeat: no-repeat;
	}

#mindWorks h2	{
	letter-spacing: 2px;
	color: #504609;
	font-weight: bold;
	}



/* ==================================================================

2.4 Footer

================================================================== */


#footer	{
	clear: both;
	border-top: 8px solid #cfe2f5;
	height: 117px;

	}

#fancyFooter	{
	border-top: 15px solid #ae9425;
	background-image: url(images/footerBG.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	height: 117px;
	}
#fancyFooter p	{
	margin-left: 72px;
	padding: 0; margin-top: 10px;
	color: #fff;
	font-size: 1.3em;
	letter-spacing: 3px;
	}




/* ==================================================================
	Reusable Elements
================================================================== */



.linklist {	list-style: none; padding: 0 0 0 0px; margin: 0; font-weight: bold;	}
	.linklist a	{ text-decoration: none; padding-bottom: 0px; border-bottom: 1px solid #00F;}
	
.clear{clear:both;}
.LowerCase	{text-transform: lowercase;}
.lightenColor	{color: #ccc;}