@charset "UTF-8";
/* CSS Document */

/*
Wrappers
---------------------------------------------------
*/

.copperplate {
	font-family:'Copperplate Gothic Bold';
	}

body {
	margin:0px;
	padding:0px;
	font-family:Helvetica, Arial, sans-serif;
	background-color:#353535;
}
div#mainWrapper {
	text-align:center;
	margin:0px;
	padding:0px;
}
div#navwrapper {
	position:relative;
	top:0px;
	width:100%;
	height:75px;
	background-image:url(/images/nav-bg.jpg);
	background-repeat:repeat-x;
	min-width:822px;
}
#contactWrapper {
	position:relative;
	background:#353535;
	height:40px;
	width:100%;
	min-width:822px;
	margin-top:5px;
	margin-bottom:5px;
}
#contact {
	color:#fff;
	position:relative;
	top:-3px;
	height:100%;
	width:822px;
	min-width:822px;
	margin:0 auto;
	text-align:left;
	visibility:visible;
}
div#headerwrapper {
	top:0px;
	left:0px;
	width:100%;
	height:350px;
	background-image:url(/images/headerBG.jpg);
	background-repeat:repeat-x;
	border:0px;
}
div#header {
	position:relative;
	top:0px;
	height:100%;
	width:822px;
	min-width:822px;
	margin:0 auto;
	text-align:left;
}
div#homeHeader {
	position:relative;
	top:0px;
	margin:0 auto;
	padding:50px;
	text-align:left;
	background-image:url(/images/header-home.png);
	width:772px;
	height:468px;
	background-repeat:no-repeat;
}
div#bodyWrapper {
	position:relative;
	float:left;
	top:0px;
	left:0px;
	width:100%;
}
div#body {
	position:relative;
	top:10px;
	width:822px;
	min-width:822px;
	min-height:300px;
	margin:0 auto;
	text-align:left;
}
div#buttons {
	margin:20px 0px 20px 0px;
	padding-bottom:20px;
	border-bottom:1px solid #666666;
	position:relative;
	width:822px;
	vertical-align:bottom;
}
div#boxes {
	position:absolute;
	bottom:58px;
	left:-7px;
	vertical-align:bottom;
	height:335px;

	
	width:100%;
}
div#footerWrapper {
	position:relative;
	float:left;
	bottom:0px;
	vertical-align:bottom;
	width:100%;
	height:90px;
	background-image:url(/images/footer-bg.png);
	margin-bottom:0px;
}
div#clientWrapper {
	position:relative;
	float:left;
	top:0px;
	left:0px;
	width:100%;
	border:0px;
	padding-bottom:20px;
	padding-top:5px;
	margin-bottom:-20px;
	margin-top:20px;
	background-color:#999;
}

/*
Layout
-------------------------------------------------------
*/
div#logo {
	position:relative;
	float:left;
	top:100px;
	margin-left:50px;
}
div#messaging {
	position:relative;
	float:right;
	width:300px;
	height:83px;
	margin-right:0px;
	text-align:left;
}
div#homeMessaging {
	position:relative;
	float:right;
	width:330px;
	height:63px;
	text-align:left;
	vertical-align:top;
	padding:30px 10px 10px 30px;
	margin-left:0px;
	background-image:url(../images/bg-transparent.png);
	background-repeat:repeat;
}
div#main {
	position:relative;
	float:right;
	top:0px;
	width:500px;
	margin-right:0px;
	padding-left:30px;
	margin-bottom:40px;
	text-align:left;
	border-left:1px solid #666666;
}
div#packages {
	position:relative;
	float:left;
	top:0px;
	width:230px;
	margin-right:20px;
	text-align:left;
}
div#packagesForm {
background-color:#222;
	position:relative;
	float:right;
	top:0px;
	width:230px;
	padding:10px;
	text-align:left;
}
div#side {
	position:relative;
	float:left;
	top:0px;
	width:250px;
	margin-left:0px;
	padding-right:30px;
}
div#footer {
	position:relative;
	vertical-align:middle;
	bottom:-5px;
	height:100%;
	width:822px;
	min-width:822px;
	margin:0 auto;
	text-align:left;
}
.button {
	position:absolute;
	bottom:34px;
	margin-top:-48px;
}
#boxTop {
	background-image:url(../images/boxTop.png);
	background-repeat:no-repeat;
	width:241px;
	height:4px;
	margin:0px -10px 0px -10px;
}
.research-content, .project-content, .tool-box-content {
	background-image:url(../images/boxBg.png);
	background-repeat:repeat-y;
	width:221px;
	padding:0px 10px 0px 10px;
	margin-bottom:71px;
	margin-left:1px;
}
/*
Typography
-------------------------------------------------------
*/

 @font-face {
   font-family: JPHSL;
   src: url(/css/JPHSL.TTF);
 }
 
#homeMessaging .green {
 font-size: 54px;
	font-family: JPHSL;
	color:#86A047;
 }

#nav .green {
	font-family:JPHSL;
	font-size:24px;
	}

#messaging .green {
 font-size: 54px;
	font-family: JPHSL;
	color:#748F3A;
 }

#main h1 .green {
 font-size: 40px;
	font-family: JPHSL;
	color:#748F3A;
 }
 
 #main .fig {
 font-size: 2.3em;
	font-family: JPHSL;
 }


h1 {
	font-size: 19px;
	font-family:Lucida Grande, Helvetica, Arial, sans-serif;
	line-height: 100%;
	font-weight: bold;
	color: #fff;
}
h2 {
	font-size: 19px;
	font-family:Lucida Grande, Helvetica, Arial, sans-serif;
	line-height: 102%;
	font-weight: bold;
	color: #fff;
}

#homeMessaging h3 {
	font-size: 24px;
	font-family:Lucida Grande, Helvetica, Arial, sans-serif;
	line-height: 120%;
	font-weight: bold;
	color: #fff;
	margin-top:10px;
}

.porfolio-title {
color:#999;
font-weight:bolder;
border-bottom:solid 1px #666;
}

.green {
	color:#748f3a;
}
.gray {
	color:#666;
}
.red {
	color:#bd231c;
}

h3 {
	font-size: 22px;
	font-family:Lucida Grande, Helvetica, Arial, sans-serif;
	line-height: 100%;
	font-weight: bold;
	color: #353535;
}
h3 a {
	font-size:18px;
	font-family:Lucida Grande, Helvetica, Arial, sans-serif;
	line-height: 100%;
	font-weight: bold;
	color: #748f3a;
}
h3 a:hover {
	font-size: 18px;
	font-family:Lucida Grande, Helvetica, Arial, sans-serif;
	line-height: 100%;
	font-weight: bold;
	color: #fff;
}
h4 {
	font-size: 13px;
	font-family:Lucida Grande, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #fff;
	margin:0px;
}
p {
	font-family: Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:170%;
	color: #fff;
}
a {
	font-family: Helvetica, Arial, sans-serif;
	font-weight:normal;
	color: #748f3a;
	text-decoration:none;
}
a:hover {
	font-family: Helvetica, Arial, sans-serif;
	font-weight:normal;
	color: #666;
	text-decoration:none;
}
ul {
	list-style-type: square;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:170%;
	color: #fff;
}
ol {
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:170%;
	color: #fff;
}
img {
	border:0;
}
br {
margin-bottom:5px;
}
.postmetadata {
	font-family: Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:normal;
	color: #666;
	background-color:#212121;
	padding:5px;
}
.postmetadata a {
	font-family: Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:normal;
	color: #666;
	text-decoration:underline;
}
.postmetadata a:hover {
	font-family: Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:normal;
	color: #748f3a;
	text-decoration:none;
}
.comment-btn {
	font-size:12px;
	font-family:Verdana, helvetica, sans-serif;
	background-image:url(/images/btn-comment.png);
	background-repeat:no-repeat;
	padding-left:25px;
	padding-top:10px;
	width:175px;
	height:37px;
	}
.comment-btn a {
	color:#fff;
	text-decoration:none;
	}

.comment-btn a:hover {
	color:#fff;
	text-decoration:none;
	}
.green-link a {
	font-family: Helvetica, Arial, sans-serif;
	font-weight:normal;
	color: #666;
	text-decoration:underline;
}
.green-link a:hover {
	font-family: Helvetica, Arial, sans-serif;
	font-weight:normal;
	color: #666;
	text-decoration:none;
}
.red-link a {
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	color: #666;
	text-decoration:none;
}
.red-link a:hover {
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	color: #bd231c;
	text-decoration:none;
}
.smallRed-link {
	font-family: Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:normal;
	color: #666;
	text-decoration:none;
}
.smallRed-link a {
	font-family: Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:normal;
	color: #666;
	text-decoration:none;
}
.smallRed-link a:hover {
	font-family: Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:normal;
	color: #bd231c;
	text-decoration:none;
}
.text-legal {
	font-family: Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:normal;
	line-height:150%;
	color: #353535;
	text-decoration:none;
}
.text-legal a {
	font-family: Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:normal;
	color: #353535;
	text-decoration:none;
}
.text-legal a:hover {
	font-family: Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:normal;
	color: #000;
	text-decoration:none;
}
label {
	font-size: 12px;
	font-family:Lucida Grande, Helvetica, Arial, sans-serif;
	line-height: 100%;
	font-weight: bold;
	color: #fff;
	margin-bottom:5px;
}
.mp_backlinks {
	font-family: Helvetica, Arial, sans-serif;
	font-size:11px;
	font-weight:normal;
	color: #666;
	text-decoration:none;
}
.mp_backlinks a {
	font-family: Helvetica, Arial, sans-serif;
	font-size:11px;
	font-weight:normal;
	color: #748f3a;
	text-decoration:underline;
}
.mp_backlinks a:hover {
	font-family: Helvetica, Arial, sans-serif;
	font-size:11px;
	font-weight:normal;
	color: #666;
	text-decoration:none;
}
/*
Navigation
-------------------------------------------------------
*/
div#nav {
	position:relative;
	height:100%;
	width:822px;
	min-width:822px;
	margin:0 auto;
	text-align:left;
	visibility:visible;
}


a#nav-home {
	position:relative;
	float:left;
	display:block;
	height:18px;
	width:41px;
	background-image:url(/images/nav-home.png);
	background-repeat:no-repeat;
	margin:10px 15px 10px 15px;
}
a#nav-services {
	position:relative;
	float:left;
	display:block;
	height:18px;
	width:56px;
	background-image:url(/images/nav-services.png);
	background-repeat:no-repeat;
	margin:10px 15px 10px 15px;
}
a#nav-portfolio {
	position:relative;
	float:left;
	display:block;
	height:18px;
	width:62px;
	background-image:url(/images/nav-portfolio.png);
	background-repeat:no-repeat;
	margin:10px 15px 10px 15px;
}
a#nav-blog {
	position:relative;
	float:left;
	display:block;
	height:18px;
	width:30px;
	background-image:url(/images/nav-blog.png);
	background-repeat:no-repeat;
	margin:10px 15px 10px 15px;
}
a#nav-about {
	position:relative;
	float:left;
	display:block;
	height:18px;
	width:41px;
	background-image:url(/images/nav-about.png);
	background-repeat:no-repeat;
	margin:10px 15px 10px 15px;
}
a#nav-resources {
	position:relative;
	float:left;
	display:block;
	height:18px;
	width:67px;
	background-image:url(/images/nav-resources.png);
	background-repeat:no-repeat;
	margin:10px 15px 10px 15px;
}
a#nav-rfp {
	position:relative;
	float:left;
	display:block;
	height:18px;
	width:18px;
	background-image:url(/images/nav-rfp.png);
	background-repeat:no-repeat;
	margin:10px 15px 10px 15px;
}
a#nav-contact {
	position:relative;
	float:left;
	display:block;
	height:18px;
	width:53px;
	background-image:url(/images/nav-contact.png);
	background-repeat:no-repeat;
	margin:10px 15px 10px 15px;
}
a.mainNav:hover {
	background-position:bottom !important;
}
/* Headings
----------------------------------------------- */
h1 a {
	font-size: 19px;
	font-family:Lucida Grande, Helvetica, Arial, sans-serif;
	line-height: 100%;
	font-weight: bold;
	color: #fff;
	text-decoration:none;
}
h1 a:hover {
	font-size: 19px;
	font-family:Lucida Grande, Helvetica, Arial, sans-serif;
	line-height: 100%;
	font-weight: bold;
	color: #fff;
	text-decoration:none;
}
h5 {
	font-size: 13px;
	font-family:Lucida Grande, Helvetica, Arial, sans-serif;
	line-height: 80%;
	font-weight: bold;
	color: #666;
}
h6 {
	font-size: 9px;
	font-family:Lucida Grande, Helvetica, Arial, sans-serif;
	line-height: 80%;
	font-weight: bold;
	color: #fff;
}


/* Posts
----------------------------------------------- */
@media all {
.date-header {
	margin:0px 0px -20px 0px;
	padding:0px 0px 0px 0px;
}
.post {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-bottom:1px solid #666;
	padding-bottom:1.5em;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:170%;
	color: #fff;
}
}
.post-title {
	margin:0px 0px -10px 0px;
	padding:0px 0px -10px 0px;
}
.post-title a, .post-title a:visited, .post-title strong {
	display:block;
	text-decoration:none;
	color:#666;
	font-weight:normal;
}
.post-title strong, .post-title a:hover {
	color:#333;
}
.post div {
	margin:0px 0px 0px 0px;
	line-height:1.6em;
}
.post-body {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.post-body blockquote {
	line-height:1.3em;
}
p.post-footer {
	margin:-.25em 0 0;
	color:#ccc;
}
.post-footer em, .comment-link {
	font:78%/1.4em Lucida Grande, Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	letter-spacing:.1em;
}
.post-footer em {
	font-style:normal;
	color:#999;
	margin-right:.6em;
}
.comment-link {
	margin-left:.6em;
	font-family: Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:normal;
	color: #748f3a;
	text-decoration:underline;
}
.post img {
	padding:4px;
	border:1px solid #666;
}
.post blockquote {
	margin:1em 20px;
}
.post blockquote p {
	margin:.75em 0;
}
.alignright {
	position:relative;
	float: right;
	padding:12px 0px 12px 12px;
	}

.alignleft {
	position:relative;
	float: left;
	padding:12px 12px 12px 0px;
	}
	
.wp-caption-text {
	font-size:10px;
	color:#666;
	font-style:italic;
	}

/* Comments
----------------------------------------------- */
.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentlist li ul li {
	font-size: 1em;
}
.commentlist li {
	font-weight: bold;
}
.commentlist li .avatar {
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
}
.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}
.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
}
#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentmetadata {
	font-weight: normal;
}
h3.comments {
	padding: 0;
	margin: 40px auto 20px;
}
.alt {
	margin: 0;
	padding: 10px;
}
.commentlist {
	padding: 0;
	text-align: justify;
}
.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;
}
.commentlist li ul li {
	margin-right: -5px;
	margin-left: 10px;
}
.commentlist p {
	margin: 10px 5px 10px 0;
}
.children {
	padding: 0;
}
#commentform p {
	margin: 5px 0;
}
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}
.commentmetadata {
	margin: 0;
	display: block;
}
.comment-meta a {
	font-size: 10px;
	color:#666;
	text-transform:uppercase;
	letter-spacing: 2px;
	text-decoration:none;
}
.comment-meta a:hover {
	font-size: 10px;
	color:#666;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing: 2px;
}
#respond {
	background-color:#555;
	padding:10px;
	margin-top:-20px;

	}
/* Sidebar Content
----------------------------------------------- */
#sidebar ul {
	margin:0 0 1.5em;
	padding:0 0 1.5em;
	border-bottom:1px dotted #ccc;
	list-style:none;
}
#sidebar li {
	margin:0;
	padding:0 0 .25em 15px;
	text-indent:-15px;
	line-height:1.5em;
}
#sidebar p {
	color:#666;
	line-height:1.5em;
}
/* Profile
----------------------------------------------- */
#profile-container {
	margin:0 0 1.5em;
	border-bottom:1px dotted #ccc;
	padding-bottom:1.5em;
}
.profile-datablock {
	margin:.5em 0 .5em;
}
.profile-img {
	display:inline;
}
.profile-img img {
	float:left;
	padding:4px;
	border:1px solid #ddd;
	margin:0 8px 3px 0;
}
.profile-data {
	margin:0;
	font:bold 78%/1.6em "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif;
	text-transform:uppercase;
	letter-spacing:.1em;
}
.profile-data strong {
	display:none;
}
.profile-textblock {
	margin:0 0 .5em;
}
.profile-link {
	margin:0;
	font:78%/1.4em "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif;
	text-transform:uppercase;
	letter-spacing:.1em;
}
/* Feeds
----------------------------------------------- */
#blogfeeds {
	font-size:10px;
	vertical-align:middle;
	padding:4px;
}
#postfeeds {
}

/*s3 Slider*/

#s3slider {
   width: 262px; /* important to be same as image width */
   height: 175px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}
#s3slider ul {
	list-style:none;
	margin:10px 0px 0px 0px;
	padding:0px;
}

#s3sliderContent {
   width: 262px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0px; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 262px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;
/*big slider*/

#s3sliderb {
   width: 750px; /* important to be same as image width */
   height: 450px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}
#s3sliderb ul {
	list-style:none;
	margin:10px 0px 0px 0px;
	padding:0px;
}

#s3sliderbContent {
   width: 750px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0px; /* important */
}

#s3sliderb .s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

#s3sliderb .s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 750px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 

.post_avatar { padding: 2px; margin: 0; border: 1px solid #222; background: white; margin:0px 5px 0px 0px; }






/*
EMAIL REGISTRATION FORM
*/






.e2ma_signup_form {
	width:180px;
}

/* Controls the style, width, and font style of the text input, select and textarea fields */
.e2ma_signup_form input[type=text],
.e2ma_signup_form textarea,
.e2ma_signup_form select { 
	border:1px solid #ccc; 
	font-family:Verdana, sans-serif;
	font-size:10px;
	width: 65px; 
}

/* Controls width, style, and padding of the table border outlines around individual member fields */
.e2ma_signup_form_row {
	border:1px solid #ddd;
	padding:5px;
	margin-bottom:5px;
}

/* Controls alignment and display of image in welcome message */
.e2ma_signup_image_container {
    text-align:center;
    display: inline;
}

/* Controls border around signup image (when image is linked) */
.e2ma_signup_image {
    border:0;
}

/* Controls style and formatting of welcome message */
.e2ma_signup_message {
	font-family:Verdana, sans-serif;
	font-size:10px;
	color:#333333;
}

/* Controls style and formatting of form field labels (first name, last name, etc.) */
.e2ma_signup_form_label {
	font-family:Verdana, sans-serif;
	font-size:10px;
	color:#333333;
	text-align:left;
	padding-top:5px;
}

/* Controls spacing and style for any text used to list options under multiple choice fields) */
.e2ma_signup_form_element {
	font-family:verdana;
	font-size:10px;
	color:#333333;
}

/* For signup screens that are set to allow people to select which audience groups they'd like to join: Controls style for "Select your interests..." text */
.e2ma_signup_form_group_label {
	font-family:Verdana, sans-serif;
	font-size:10px;
	color:#333333;
	font-weight:normal;
}

/* For signup screens that are set to allow people to select which audience groups they'd like to join: Controls style and spacing for groups displayed as options */
.e2ma_signup_form_groups {
	font-family:Verdana, sans-serif;
	font-size:10px;
	color:#333333;
	border:1px solid #dddddd;
	padding:5px;
	margin-bottom:5px;
}

/* Controls the style and spacing of the word "required" and border surrounding that text */
.e2ma_signup_form_required_footnote {
	font-family:Verdana, sans-serif;
	font-size:10px;
	color:#333333;
	border:1px solid #dddddd;
	padding:5px;
	margin-bottom:5px;
}

/* Controls the color of the asterisk that indicates a field is required */
.e2ma_signup_form_required_asterix {
	color:#FF0000;
}

/* Controls the alignment of "submit" and "clear" buttons */
.e2ma_signup_form_button_row {
	float:left;
}

/* Controls display of the "clear" button */
.e2ma_signup_form_button_row #e2ma_signup_reset_button {
	display: inline;
}

/*Overrides browser default settings for button styles (for additional control of "submit" and "clear" buttons) */
.e2ma_signup_form_button { 
    width: 60px !important;
}