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

a, img, object { outline:none;}
a { color:#96867a; text-decoration:none;}
a:hover { color:#000000;}
a:active { color:#e63c25;}
a:visted { color:#96867a;}
img { border:0;}
html, body {
	height:100%;
}
body {
	margin: 0px; padding:0; text-align:center;
	font-family: Arial, Helvetica, sans-serif; /*font-size:11px;*/
	background:none;
	background-color:#bbc0d7;
}
#container {
	height:auto; width:842px;
	margin:0 auto;  padding:0;
	clear:both;
	text-align:left; color:#4D4D4D;
	display:inline-block;
	background-color:#FFFFFF; background-image:url(../media/topNav/sunBurst.jpg); background-repeat:no-repeat;
}
#border { float:left; clear:both; display:inline-block; border:1px solid #000000; background-color:#ffffff; width:840px; height:auto;margin:42px 0 0 0;}
#footer { clear:both; margin:0 auto; padding:12px 0 12px; width:842px; text-align:center; font-size:9px;}
/* nav bar */
#navBar { float:left; clear:both; display:inline-block; height:138px; width:840px; margin:0;}
#logo { float:left; clear:left; margin:12px 0 0 22px; height:69px;}
#experts {float:right; clear:right; margin:32px 22px 0 0;}
#smallNav { 
	display:inline; 
	float:left; clear:both; 
	width:792px; height:27px; line-height:27px;
	margin-left:22px; 
	font-size:10px; text-align:right; 
}
#smallNav a{ margin:0 4px; color:#96867A;}
#smallNav a:hover{ color:#000000;}
#mainNav { display:inline-block; float:left; clear:both; width:840px; height:30px; background:url(../media/topNav/1px_bar.gif) repeat-x;}
#mainNav a {color:#96867A; float:right; width:175px; height:30px; background:url(../media/topNav/1px_mainButton_back.gif); margin:0 2px; font-weight:bold; font-size:11px; line-height:30px; text-align:center;}
#mainNav a:hover { background-color:#e63c25; background-image:none; color:#000000;}
#mainNav #nonProfit {margin-right:22px;}

.clear {width:100%; height:0; float:left; clear:both; display:inline-block;}
.col100 { float:left; clear:both; width:100%;}
/*default settings */
/* possibly home page only */
h1  {
	color:#1B75BC;
	font-size:1em;font-weight:bolder;line-height:1.2em;
	margin:0;
}
h2 {
	color:#333333;
	font-size:0.8em;font-weight:lighter;line-height:1.4em;
	margin:0;
}
h3 {
	color:#333333;
	font-size:0.8em;font-weight:lighter;line-height:1.4em;
	margin:0;
}
h4 {
	color:#333333;
	font-size:1.1em;font-weight:bolder;
	margin:0;padding:0;
}

/* home page */
.home #mainPhoto {
	width:840px; border:0; float:left;
	margin:0;padding:0;
}
#main-home-text {
	float:left;
	padding:14px 25px 30px 40px;
	width:240px;
}
#fourColContainer {
	display:inline;float:left;
	margin:0;padding:0;
}
ul#fourColList {
	display:inline-block; width:510px; height:auto;
	margin:14px 0 0;padding:0;
	text-align:left;font-size:0.9em;
	background-color:#FFFFFF;
}
ul#fourColList li {
	display:inline-block; float:left;
	width:155px;height:auto;
	margin:0 15px 3px 0;padding:0;

}
ul.link-list {
	display:inline-block; clear:both;
	list-style:none outside none;
	margin:0;padding:0;
	color:#333333;
	font-size:0.8em; line-height:1.4em;
}

/* sub pages */
/* top photo container */
#mainPhotoContainer {
	background-image:url(../media/topNav/285w_grey.gif); background-repeat:repeat-y; background-color:#ffffff;
	clear:both;float:left;
	margin:3px 0 5px 0; padding:0;
	width:836px;
}
#mainPhoto { 
	position:relative;
	width:547px;
	float:left;
	border-left:4px solid #FFFFFF;
	background-color:#FFFFFF;
	margin:0 0 0 0;padding:0;
}
#mainPhoto img{} 
#headerContent {
	width:245px;
	float:left;
	margin:0;padding:15px 15px 15px 25px;
}
#headerContent h2 {
	margin:15px 0;
	color:#4D4D4D;
	font-size:1.2em;font-weight:bold;line-height:1.4em;
}
#headerContent h3 {
	color:#4D4D4D;
	font-size:1em;font-weight:lighter;line-height:1.4em;
}
#headerContent h4 {
	color:#e63c25;
	font-size:14px;
	margin:0 0 12px 0;
}
#headerContent h4 em {
	color:#4D4D4D;
	font-size:14px; font-weight:normal; font-style:italic;
	margin:0;
}
#headerContent p { font-size:12px;}
/* portfolio section only */
.portfolio #mainPhoto {float:right; margin:8px 4px 5px 0;}
.portfolio #mainPhoto div { width:173px; float:left; margin:0 0 8px 8px;}
.portfolio #mainPhoto div a{ font-weight:bold; font-size:10px; color:#FFFFFF;}
.portfolio #mainPhoto div a:hover { color:#96867a;}
.portfolio #mainPhoto div img { float:left; clear:both;}
.portfolio #mainPhoto div p { float:left; clear:both; line-height:20px; margin:0; background-color:#000000; width:100%; text-align:center; text-transform:uppercase;}
.portfolio #headerContent {margin:8px 0 5px 0;background-color:#E8E7DA;}
.portfolio #headerContent p { margin:0 0 36px 0; }
/* section page */
.portfolioSection #bodyText {
	width:547px;
	float:left;
	margin:0 0 0 0;padding:0;
}
.portfolioSection #headerContent{text-align:right;}
.portfolioSection #headerContent p { margin:0 0 36px 0; }
.portfolioSection p{ font-size:12px; }
.portfolioSection  #bodyNavigationContainer h4 {
	color:#e63c25;
	font-size:14px;
	margin:18px 0 12px 0;
}
.portfolioSection  #bodyNavigationContainer h4 em {
	color:#4D4D4D;
	font-size:14px; font-weight:normal; font-style:italic;
	margin:0;
}
.projectInfo { display:inline-block; height:104px; width:338px; margin:0 0 12px; text-align:right; }
.portfolioSection  #bodyNavigationContainer .projectInfo { width:245px;}
.portfolioSection  #bodyNavigationContainer .projectInfo { float:right; clear:both;}
.portfolioSection  #bodyNavigationContainer IMG { float:left; width:104px; height:55px;}
/* details page */
#projectDetails { float:left; clear:left; width:326px; display:inline-block;}
#projectDetails span { font-size:11px; line-height:22px;}
.lInfo { width:208px; float:left; clear:left; display:inline-block;}
.rInfo { width:118px; float:left; display:inline-block;}
#projectNav { display:inline-block; float:left; width:221px; text-align:center; font-size:12px; margin:15px 0 0 0 ;}
#projectNav .button { float:left; clear:both; display:inline-block; line-height:30px; background-color:#E8E7DA; margin:0 0 12px 12px; color:#4d4d4d; width:198px; height:30px; text-transform:uppercase;}
#projectNav a.button:hover { color:#000000;}
/* landing page */
#projectNav.portLanding {
	float:right;
	width:100%;
	margin:0;
}
#projectNav.portLanding .button { margin:0;}
/* for the section home page */
#projectNav.section {
	float:right;
	width:201px;
	margin:0;
}
#projectNav.section .button {
	float:none;
	margin-left:0;
	width:178px;
}
.button img { display:inline-block; padding:0 8px 0 0; line-height:30px; vertical-align:middle;}
.prevNext { float:left; clear:both; width:100%; margin:0 0 12px;}
.prev { float:left; margin:18px 0 18px 28px;}
.next { float:right; margin:18px 28px 18px 0;}
#projectCopy {display:inline-block; float:left; clear:both; width:100%;}

.portfolioSection  #mainPhoto img { cursor:pointer;}
.portfolioSection  #bodyNavigationContainer img { float:left; margin:0 18px 18px 0; cursor:pointer;}

/* portfolio matrix */
#SLP_Matrix { float:left; clear:both;}
#projectNav.matrix {
	float:right; clear:both;
	width:100%;
	margin:0;
}
#projectNav.matrix .button {float:left; margin:0 0 0 24px;}

.portfolioSection #matrix { 
	width:780px; margin:18px 24px 24px 32px; 
	border-collapse:collapse; border-spacing:0;
	padding:0;
	font-size:11px;
	text-align:center;
}
#matrix span { float:left; }
#matrix .matrixRow { float:left; clear:both; padding:0 0 4px;}
#matrixBody div { width:100%; height:55px; float:left; clear:both;}
#matrix span.r a{ display:block; margin:14px 0 0; line-height:normal;}

#matrix .odd { background-color:#FFFFFF;}
#matrix .even { background-color:#f8faf5;}
#matrix thead { height:18px; border-bottom:2px solid #ffffff; cursor:pointer;}
#matrix td { margin:0; border:0;}
#matrix tbody tr { border-bottom:4px solid #ffffff; height:55px; width:100%;}
#matrix tbody tr:hover { background-color:#e8e7da;}
#matrix a  { display:inline-block; width:100%; height:55px; line-height:55px;}
#matrix .r a{ display:inline; line-height:normal; }

#matrix .l { text-align:left;}
#matrix .r { text-align:center;}
/* headers */
#matrixImg {width:116px;}
#matrixName {width:230px;}
#matrixLocation {width:120px;}
#matrixSize {width:104px;}
#matrixType {width:100px;}
#matrixIndustry {width:110px;}
/* select menus */
#selectMenus {
	float:left; clear:both;
	width:780px; margin:18px 24px 24px 32px; 
	font-size:11px; text-align:right;
}



/* body content + nav */
#mainContent {
	display:inline-block;
	clear:both;
	margin:22px 0 30px 0;padding:0;
	width:836px;
}
/* body navigation side bar */
#bodyNavigationContainer {
	width:245px;
	float:left;
	margin:0;padding:0 15px 15px 25px;
}
ul#bodyNavigation {
	display:block; height:auto;
	margin:0;padding:0;
	color:#000000;
	text-align:left;font:lighter 0.8em Arial,Helvetica,sans-serif;
	z-index:12;
	list-style:none outside none;
}
ul#bodyNavigation li {
	float:left; width:227px;
	padding:0 0 12px 15px;
}
#bodyNavigationContainer h4 {
	color:#000000;
	font-size:1em;font-weight:bold;line-height:1.4em;
	margin:0 0 14px 0;
}
/* body content */
#bodyText {
	width:470px;
	float:left;
	margin:0 0 0 4px; padding:0 10px 20px 0;
}
#bodyText h1 {
	color:#F0963F;
	font-size:1.5em;font-weight:lighter;line-height:1.4em;
	margin:0;
}
#bodyText h2, #selectMenus h2 {
	font-size:1.2em;
	font-weight:bold;
	line-height:1.2em;
	margin:15px 0 8px;
}
#bodyText b, #bodyText strong {
	font-size:1.2em;
	font-weight:bold;
	line-height:1.2em;
	margin:15px 0 8px;
}
#bodyText p, #bodyText table {
	font-size:0.8em;font-weight:lighter;line-height:1.6em;
	margin:0;padding:0 0 10px;
}
#bodyText ul {
	font-size:0.8em;
	font-weight:lighter;
	line-height:1.6em;
	margin:0 0 12px;
	padding:0 0 0 24px;
}



/* contact form */
#bodyText #contact { margin:8px 0 0 0;}
#bodyText #contact p { float:left; clear:left; width:150px; line-height:14px; vertical-align:middle;margin:4px;
	padding:2px;}
#bodyText #contact input[type="text"], #contact textarea, #contact select {
	float:left; clear:right;
	border-color:#4D4D4D;
	margin:4px;
	padding:2px;
	width:260px;
	font-size:11px;
}
#bodyText #contact select {width:268px;}
#bodyText #contact textarea {
	height:160px;
}
#bodyText input[type="Submit"] {float:left; clear:right; margin:12px 0 0 4px;}

/* popup */
/* black pop up window */
.fullScreen {display:none; height:100%; width:100%; position:absolute; top:0; left:0; cursor:pointer; }
#blackBack { background-color:#ffffff; z-index:100; opacity: 0.85;filter:alpha(opacity=85);}
#popContainer { z-index:101;}
#popCenter { 
	position:relative;
	top:0;
	margin:0 auto;
	display:block; width:200px; height:200px;
	border:10px solid #ffffff; background-color:#FFFFFF; 
	text-align:center;
	z-index:101; 
	cursor:pointer;
}
#closeX {
	position:absolute;
	right:-26px;
	top:-24px;
	z-index:100;
}
#popClose { display:block;}