/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */
/* 
/* Styles used on petersenengineering.com 
/* 
/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */
/*

Lime Green:			8CDE4B
Header Green:		474c02
Hunter Green:		576E4A
Stage Tan/Green:	878a5a
Lightest Green:		dce0bf (original: d7efc5)

Steel Blue:			485566
Bright Blue: 		259EAE

Red:			 	a92c22
Yellow:				CDFC43

http://www.colourlovers.com/palette/3271/another_future

*/

.foo { font-size: 3em; }



/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */
/* 
/* Stuctural and Template Styles
/* 
/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */




/* --------------------------------------------------------------------- */
/* body
/* --------------------------------------------------------------------- */

html {
	font: normal normal normal 94%/1.7em Cambria, Georgia, Times, "Times New Roman", serif;
	color: #333;
}

body { 
	margin: 0;
	padding: 0;
	border-top: 5px solid #8cde4b;
	background-color: #dce0bf;
}



/* --------------------------------------------------------------------- */
/* Structure (frame)
/* --------------------------------------------------------------------- */

.frame {
	clear: both;
	margin: 0 auto;
	overflow: hidden;
}

.clear { clear: both; padding: 0; margin: 0; line-height: 0; font-size: 0%; }




/* --------------------------------------------------------------------- */
/* Header
/* --------------------------------------------------------------------- */

#header {
	background-color: #474c02;
	border-bottom: 1px solid #000;
}
#header .frame { width: 960px; }




/* --------------------------------------------------------------------- */
/* Logo
/* --------------------------------------------------------------------- */

img#logo {
	display: block;
	padding: 10px 20px;
	margin: 0;
	float: left;
	border: none;
}




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

#major_navigation {
	float: right;
	overflow: hidden;
	margin-top: 1.8em;
}
#major_navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#major_navigation li {
	display: block;
	margin: 0;
	padding: 0 0 0 1px;
	float: left;
}

#major_navigation li a {
	text-decoration: none;
	color: #fff;
	background-color: #485566;
	font-family: Calibri, "Trebuchet MS", sans-serif;
	letter-spacing: .1em;
	display: block;
	padding: .4em .8em;
}
#major_navigation li a:hover {
	text-decoration: none;
	color: #fff;
	background-color: #29323d;
}
#major_navigation li a.active {
	text-decoration: none;
	color: #fff;
	background-color: #000;
}




/* --------------------------------------------------------------------- */
/* Stage / Intro Band
/* --------------------------------------------------------------------- */

#stage {
	background: #878a5a url(../images/template/stage.jpg) no-repeat top center;
	border-bottom: 2px solid #474c02;
	height: 230px;
}
#stage p#primary_content { display: none; }
#stage a#primary_link { display: block; width: 960px; margin: 0 auto; height: 230px; }


#intro {
	clear: both;
	margin: 0 auto;
	width: 960px;
	background-color: #000;
}
#intro p { margin: 0; padding: 5px 20px; font-size: .9em; color: #fff; }




/* --------------------------------------------------------------------- */
/* Torso (Content Area)
/* --------------------------------------------------------------------- */

#torso {
	clear: both;
	margin: 0 auto;
	width: 960px;
	background-color: #fff;
	border-top: 2px solid #bbbbbb;
	padding-bottom: 10px;
	border-bottom: 2px solid #bbbbbb;
}
#torso .frame { padding: 20px; }




/* --------------------------------------------------------------------- */
/* Footer
/* --------------------------------------------------------------------- */

#footer {
	clear: both;
	margin: 20px auto;
	width: 960px;
	background-color: #c0c8a9;
}

#footer .panel {
	float: left;
	width: 280px;
	margin: 20px;
	font-size: .94em;
	line-height: 1.3;
}
#footer .panel .copyright { color: #a92c22; font-style: italic; font-size: .94em; }

#footer .panel h3 { margin: 0; padding: 0; color: #576E4A; }
#footer .panel ul { margin-left: 0; padding-left: 0; list-style: none; }
#footer .panel ul li { margin-left: 0; padding-left: 0; }
#footer .panel.projects li span.town { color: #666; font-style: italic; font-size: .94em; }





/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */
/* 
/* General content formatting
/* 
/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */



/* --------------------------------------------------------------------- */
/* headline
/* --------------------------------------------------------------------- */

h1, h2, h3 {
	font-family: Calibri, "Trebuchet MS", sans-serif;
	font-weight: normal;
}

h1 {
	margin: 0;
	padding: 0;
	font-size: 2.4em;
	line-height: 1;
	color: #a92c22;
}

h2 {
	margin: 1.5em 0 .2em 0;
	padding: 0 0 .3em 0;
	border-bottom: 1px solid #ccc;
	font-size: 1.6em;
	line-height: 1;
	color: #000;
}

h3 {
	margin: 2em 0 .2em 0;
	padding: 0;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1;
	color: #333;
}



/* --------------------------------------------------------------------- */
/* global styles
/* --------------------------------------------------------------------- */

a       { color: #485566; text-decoration: underline; }
a:hover { color: #485566; text-decoration: none; }

strong { }

p.related { margin: 2em 0; color: #878a5a; font-size: 1.1em; font-style: italic; }

img { border: none; -ms-interpolation-mode:bicubic; }

span.amp  { 
	font-size: 110%; 
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif; 
	font-style: italic;
}		




/* --------------------------------------------------------------------- */
/* Content holders
/* --------------------------------------------------------------------- */

#primary-content {
	float: left;
	width: 600px;
}

#secondary-content {
	float: right;
	width: 280px;
	padding-left: 20px;
}
#secondary-content h3 { margin-top: 3em; }
#secondary-content .first { margin-top: 0; padding-top: 0; }
#secondary-content ul.toc { margin-left: 0; padding-left: 0; list-style: none; }
#secondary-content ul.toc li { margin-left: 0; padding-left: 0; list-style: none; border-bottom: 1px solid #dce0bf; padding: .5em 0; }
#secondary-content ul.toc li a { text-decoration: none; }
#secondary-content ul.toc li a:hover { text-decoration: underline; }




/* --------------------------------------------------------------------- */
/* Images
/* --------------------------------------------------------------------- */

img.icon {
	display: block;
	float: left;
	margin-top: .5em;
	margin-bottom: .5em;
	margin-left: 0;
	margin-right: 1em;
}
img.icon.alt {
	float: right;
	margin-left: 1em;
	margin-right: 0;
}
img.inline {
	display: block;
	margin: .5em auto;
	border: 2px solid #333;
}
img.action {
	display: block;
	margin: .5em 0;
}





/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */
/* 
/* Page-specific styles
/* 
/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */
/* --------------------------------------------------------------------- */


/* --------------------------------------------------------------------- */
/* Home
/* --------------------------------------------------------------------- */

#home #torso .frame { padding-top: 2em; }

#home .feature {
	float: left;
	padding: 0;
	margin: 0;
}

#home #feature-services   {
	width: 239px; /* total = 280 */
	margin-top: 2em;
	padding: 20px;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: none;
	background: #eee url(../images/features/feature_border_right.gif) repeat-y top right;
}

#home #feature-experience { 
	width: 316px; /* total = 360 */
	padding: 20px;
	border: 2px solid #878a5a;
	background-color: #e9efc5;
 }
	#home #feature-experience p { font-size: 1.1em; }
	
#home #feature-about {
	width: 239px; /* total = 280 */
	margin-top: 2em;
	padding: 20px;
	border-left: none;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #eee url(../images/features/feature_border_left.gif) repeat-y top left;
}

#home .feature h3 { margin-top: 0; padding-top: 0; font-size: 1.8em; line-height: 1; text-align: center; }
#home .feature h3 a { color: #a92c22; text-decoration: none; }

#home .feature p.action { text-align: center; }




/* --------------------------------------------------------------------- */
/* Experience
/* --------------------------------------------------------------------- */

#secondary-content .projects {
	border: 10px solid #485566;
	background: url(../images/textures/dark_grey_bark.jpg) repeat-y;
	padding: 20px;
	font-size: 1.2em;
	line-height: 1.2;
	color: #dce0bf;
}
#secondary-content .projects a { color: #dce0bf; }	
#secondary-content .projects a.action { color: #fff; font-size: 1.1em; font-style: italic; }

#secondary-content .projects p.first { font-size: 1.1em; }

#secondary-content .projects ul { margin-left: 0; padding-left: 0; list-style: none; border-top: 1px solid #878a5a; margin-top: 1em; margin-bottom: .5em; }
#secondary-content .projects ul li { margin-left: 0; padding-left: 0; list-style: none; border-bottom: 1px solid #878a5a; padding-top: .5em; padding-bottom: .5em; }
#secondary-content .projects ul li a { text-decoration: none; }
#secondary-content .projects ul li a:hover { text-decoration: underline; }



/* --------------------------------------------------------------------- */
/* Experience > Projects
/* --------------------------------------------------------------------- */

#projects div.category { 
	clear: both;
	margin: 1.5em 0 .5em 0;
	padding: .2em .3em;
	background-color: #dce0bf;
	font-size: 1.2em;
	color: #878a5a;
}
#projects div.category a { padding-left: 1em; font-style: italic; font-size: .6em; }

#projects .project {
	clear: both;
	padding-top: 2em;
}

#projects .project h2 { margin-top: 0; padding-top: 0; }
#projects .project h2 em { font-size:  .7em; font-weight: normal; font-style: italic; color: #666; }

#projects .project .details {
	float: right;
	width: 620px;
	text-align: left;
}
#projects .project .images {
	float: left;
	width: 280px;
	padding-top: 1em;
}
#projects .project .images img {
	display: block;
	border: 5px solid #dce0bf;
	border-bottom: 7px solid #dce0bf;
	margin-bottom: 2em;
}



/* --------------------------------------------------------------------- */
/* Careers
/* --------------------------------------------------------------------- */

#secondary-content .team {
	border: 10px solid #485566;
	background: url(../images/textures/red_green_bark.jpg) repeat-y;
	padding: 20px;
	font-size: 1.2em;
	line-height: 1.2;
	color: #dce0bf;
}
#secondary-content .team a { color: #dce0bf; }	
#secondary-content .team a.action { color: #fff; font-size: 1.1em; font-style: italic; }

#secondary-content .team p.first { font-size: 1.1em; }

#secondary-content .team ul { margin-left: 0; padding-left: 0; list-style: none; border-top: 1px solid #878a5a; margin-top: 1em; margin-bottom: .5em; }
#secondary-content .team ul li { margin-left: 0; padding-left: 0; list-style: none; border-bottom: 1px solid #878a5a; padding-top: .5em; padding-bottom: .5em; }
#secondary-content .team ul li a { text-decoration: none; }
#secondary-content .team ul li a:hover { text-decoration: underline; }
	


/* --------------------------------------------------------------------- */
/* About
/* --------------------------------------------------------------------- */

div.bio { }
div.bio img.headshot {
	float: left;
	border: 5px solid #dce0bf;
	border-bottom: 25px solid #dce0bf;
	margin-top: 1em;
}
div.bio p {
	margin-left: 200px;
}

img.group_photo {
	border: 5px solid #485566;
}




/* --------------------------------------------------------------------- */
/* Contact
/* --------------------------------------------------------------------- */

#contact table.contact_info {
	margin: 2em 0;
}

#contact .contact_info td {
	padding-left: 20px;
	padding-bottom: 40px;
}

#contact .contact_info th { 
	font-weight: normal;
	font-style: italic;
	text-align: left;
	vertical-align: top;
	line-height: 2.2;
	color: #878a5a;
}

#contact .contact_info .email td { font-size: 2.2em; color: #000; }
#contact .contact_info .email td a { text-decoration: none; color: #000; }
#contact .contact_info .email td a:hover { text-decoration: none; color: #fff; background-color: #485566; }

#contact .contact_info .phone td { font-size: 2.2em; color: #000; }
#contact .contact_info .address td { font-size: 1.8em; color: #333; line-height: 1.2; }

/* name */
#contact #secondary-content ul.team { list-style: none; padding: 0; margin: 0; }
#contact #secondary-content ul.team li { margin: 0; color: #333; padding: .5em 0; font-weight: bold; border-bottom: 1px solid #ccc; }
#contact #secondary-content ul.team li a { font-weight: normal; color: #333; font-style: italic; }
/* phone, email */
#contact #secondary-content ul.team li ul { list-style: none; padding: 0; margin: 0; }
#contact #secondary-content ul.team li ul li { margin: 0; color: #333; padding: 0 0 0 3em; border: none; font-weight: normal; font-size: .9em; line-height: 1.3; }
#contact #secondary-content ul.team li ul li a { font-style: normal; }