@charset "UTF-8";
/**	morten group website screen css stylesheet **/

/**CONTAINER**/
* { margin: 0; padding: 0; }

html {
	background: #f2eff7; 
}

body { font-size: .9em; background: #f2eff7; color: #77787b; text-align: center; }

#wrapper { 
	
	
	 }

#wrapper {
	width: 800px;
	padding: 0 15px;
	background: url(content_bg.gif) repeat-y;
	margin: 0 auto;
	text-align: left;
}
/**TEXT**/
h2, h3 { font-family: Georgia, "Times New Roman", Times, serif; }
h2 { font-size: 161.6%; margin: 0 0 .4em; }
#homepage h2 { 
	float: left; 
	width: 69%;
	margin: 0 0 1.15em;
}

h3 { font-size: 108%; margin: 0 0 .45em; }
p, ul { font-size: 77%; line-height: 150%; }
ul ul {font-size: 100%; padding-left: 25px; margin: 5px 0;}
#main-content .no_bullets ul, #main-content .no_bullets ul li {
	list-style: none;
}
#main-content .no_bullets ul {
	margin-bottom: 15px;
}
a {
	color: #77787B;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
#main-content ul {
	padding-left: 25px;
}
#main-content ul li {
	list-style: disc;
}
p small {
	line-height: 125%;
}
p { 
	margin: 0 0 1.62em 0; 
	text-align: justify;
}
ul { margin-bottom: .45em;}
p a:link, p a:visited {
	color: inherit;
}
p a:hover {
	text-decoration: underline;
}
/**HEADER**/
#header { 
	height: 104px;
	position: relative;
	background: url(secondary_header.gif) no-repeat -1px 0;
	}
	
.about #header {
	height: 179px;
	position: relative;
	background: url('header_about.jpg') no-repeat -1px 0;
}


#header span { display: none; }

#header h1 { position: relative; float: left; width: 40%; }
#header h1 a { display: block; width: 100%; height: 104px; }
#homepage #header h1 a { height: 179px; }

#header #client_login { float: right; margin: 0 4.3em 0 0; width: 118px;}
#header #client_login a { display: block; width: 100%; height: 22px; }

/**CONTENT BOX**/
#content { 
	background: #fff url(homepage_content_bg.gif) right top no-repeat;
	padding: 40px 25px;
	height: auto !important;
	min-height: 400px;
	height: 400px;
	}

#content_bottom { height: 15px; width: 805px; margin: 0 auto; background: #f2eff7 url(content_bottom_bg.gif) no-repeat; }

/**FOOTER**/
#footer { 
	margin-top: 100px;
	background: #f2eff7 url(footer_bg.png) no-repeat center bottom;
	text-align: center;
	color: #8472ae; 
	width: 800px;
	margin: 100px auto 0 auto;
}

	#footer ul {
		margin: 0;
		padding: 18px 0 12px 0;
	}

#footer ul li { 
	display: inline;
	text-align: center;
	margin: 0 1.8em;
	}

#footer a { font-size: 100%; text-decoration: none; color: #8472ae; }

#footer a:hover { text-decoration: underline; }

/**SIDEBAR**/
#nav { 
	width: 220px;
	float: left;
	margin-bottom: 0;
	font-size: .8em;
}

#nav li { width: 100%; margin: 0; padding: 0; float: left; }

#nav li a { height: 30px; width: 100%; display: block; }
#nav li a:hover { background: none; }
#nav li a span { display: none; }
#nav li ul li a span {
	display: block;
	font-size: 10px;
}
#nav ul li ul{
	padding-left: 0;
	margin: 0;
}
#nav li ul li a:link, #nav li ul li a:visited {
	text-decoration: none;
	color: #77787b;
	height: auto;
	padding-left: 8px;
	padding: 4px 0 4px 8px;
}
#nav li ul li a:hover, #nav li ul li.active a {
	color: #8472ae;
	background: url('subnav_highlight.png') no-repeat;
}

#nav li a {
	background-repeat: no-repeat;
	background-position: 0 0;
}

#nav li a#about { background-image: url(aboutUs.png); }
#nav li a#diversity_education { background-image: url(diversityEducation.png); }
#nav li a#services { background-image: url(services.png); }
#nav li a#clients { background-image: url(clients.png); }
#nav li a#projects { background-image: url(projects.png); }
#nav li a#newsletter { background-image: url(newsletter.png); }
#nav li a#contact { background-image: url(contact.png); }
#nav li a#testimonials { background-image: url(client_feedback.png); }
#nav li a#executive_retreats { background-image: url(exec_retreats.png); }
#nav li a#upcoming_events { background-image: url(upcoming_events.png); }
#nav li a#black_youth_documentary {
	background-image: url('black_youth_documentary.png');
}

#nav li a#about:hover, #homepage #nav li a#about, #nav li a#diversity_education:hover,#nav li a#testimonials:hover, #nav li a#executive_retreats:hover, #nav li a#services:hover, #nav li a#black_youth_documentary:hover, #diversity_education #nav li a#diversity,
	#nav li a#clients:hover, #nav li a#clients.current, #nav li a#projects:hover, #nav li a#projects.current,
	#nav li a#newsletter:hover, #nav li a#newsletter.current, #nav li a#upcoming_events.current, #nav li a#upcoming_events:hover, #nav li a#contact:hover, #nav li a#contact.current, #nav li.active a 
	{ background-position: 0 -30px;
		background-repeat: no-repeat;
	 }
	#nav li ul {
		display: none;
	}
	#nav li.active ul {
		display: block;
	}
	
	
.clearfix:after, .content-wrapper2:after, .left-right:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
		}
		.clearfix, .content-wrapper2, .left-right {display:inline-block;}
		/* Hide from IE Mac \*/
		.clearfix, .content-wrapper2, .left-right {display:block;}
		/* End hide from IE Mac */
.purple {
	color: #7d6ba8;
}

/** project paes **/

#main-content .project .media {
	float: left;
	width: 210px;
	padding-top: 12px;
	list-style: none;
}
	#main-content .project .media ul {
		padding-left: 0;
	}
	#main-content  .project .media ul li {
		float: left;
		width: 83px;
		list-style: none;
		margin-bottom: 25px;
	}
	.project .media a:link, .project .media a:visited {
		font: 10px Arial, Helvetica, sans-serif;
		color: #7d6ba8;
		text-decoration: none;
		padding-top: 65px;
		float: left;
	}
	.project .media ul li.video a {
		background: url('video.png') no-repeat center top;
	}
	.project .media ul li.gallery a {
		background: url('gallery.png') no-repeat center top;
	}
	.project .description {
			float: left;
			width: 315px;
		}
		
#footnotes {
	padding-top: 12px;
	background: url('dashed-spacer.gif') no-repeat left top;
	margin-top: 50px;
}

#newsletter-form .signup {
	/*
background: url('signup.gif') no-repeat left top;
*/
	width: 74px;
	height: 27px;
	border: none;
	background: none;
}
#newsletter-form .signup strong {
	visibility: hidden;
	border: none;
}
#newsletter-form .textbox {
	width: 175px;
	margin-right: 8px;
}
#newsletter-form .signup img {
	margin: 0;
	position: static;
	float: none;
}

#main-content {
	float: left;
	width: 525px;
}

ul.thumbs li {
	float: left;
	height: 75px;
	width: 75px;
	overflow: hidden;
	margin: 0 7px 10px 0;
	
}

.event {
	padding-bottom: 0px;
	margin-bottom: 20px;
	border-bottom: 1px dashed #f2eff7;
}