/* SRDv2 Portfolio CSS      */
/* Shannon Rose Design */

div.noShow { visibility: hidden; }
#portNavWrap {
	width: 372px;
	margin: 14px 0 0 256px;
	float: left;
	display: inline;
}
#portNavWrap.sideNavigation { margin-left: 39px; margin-top: 0px; margin-right: 25px; width: 192px; display: block; }
#portIndustry { margin: 0 10px 0 0; }
#portNavWrap .portfolioSelect {
	width: 162px;
	float: left;
	display: inline;
}
#portIndustry.portfoloSelectSideLeft { width: 94px; display: block; margin-right: 4px; }
#portService.portfoloSelectSideRight { width: 94px; display: block; }
.portfolioSelect h1 {
	width: 161px;
	height: 161px;
}
.portfolioSelect h1 a { 
	width: 100%;
	height: 100%;
	display: block;
}
.portfolioSelect h1 a em { display: none; }
/* Large main links */
#portIndustry h1 a { background-color: transparent; background-image: url(/imgs/portfolio/searchByIndustryBkgd.png); background-repeat: no-repeat; background-position: 0 100%; }
#portIndustry h1 a:hover, #portIndustry h1 a.activeLink, #portIndustry h1 a.activeLink:hover,
#portIndustry h1 a.listHover, #portIndustry h1 a.listHover:hover { background-position: 0 0; }
#portService h1 a { background-color: transparent; background-image: url(/imgs/portfolio/searchByServiceBkgd.png); background-repeat: no-repeat; background-position: 0 100%; }
#portService h1 a:hover, #portService h1 a.activeLink, #portService h1 a.activeLink:hover,
#portService h1 a.listHover, #portService h1 a.listHover:hover { background-position: 0 0; }
/* Small sidebar links */
#portIndustry h1.sideBar a { background-color: transparent; background-image: url(/imgs/portfolio/searchByIndustrySmallBkgd.png); background-repeat: repeat-x; background-position: 0 100%; }
#portIndustry h1.sideBar a:hover, #portIndustry h1.sideBar a.activeLink, #portIndustry h1.sideBar a.activeLink:hover,
#portIndustry h1.sideBar a.listHover, #portIndustry h1.sideBar a.listHover:hover { background-position: 0 0; }
#portService h1.sideBar a { background-color: transparent; background-image: url(/imgs/portfolio/searchByServiceSmallBkgd.png); background-repeat: repeat-x; background-position: 0 100%; }
#portService h1.sideBar a:hover, #portService h1.sideBar a.activeLink, #portService h1.sideBar a.activeLink:hover,
#portService h1.sideBar a.listHover, #portService h1.sideBar a.listHover:hover { background-position: 0 0; }
.portfoloSelectSideLeft h1, .portfoloSelectSideRight h1 { width: 94px; height: 94px; }
.portfolioSelect img {
	width: 161px;
	height: 161px;
	cursor: pointer;
}
.portfolioSelect ul {
	padding-top: 4px;
}
.portfolioSelect ul li {
	width: 161px;
	line-height: 14px;
	font-size: 11px;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	list-style-type: none;
	font-family: "GoudySans Md BT", Helvetica, Arial, sans-serif;
}
.portfolioSelect ul li.portNavSide {
	font-family: Arial, sans-serif;
	background: none!important;
	width: 94px;
	height: 16px;
	font-size: 8px;
	line-height: 14px;
}
.portfolioSelect ul li.active, .portfolioSelect ul li.hoverList { background: transparent url(/imgs/portfolio/portfolioNavBkgd.png) repeat-x 0 5px; }
.portfolioSelect li a {
	text-decoration: none;
	color: #a6a8aa;
	display: block;
	width: 149px;
	padding: 10px 0 7px 12px;
}
.portfolioSelect ul li.portNavSide a {
	padding: 5px 0 2px 1px;
	color: #4d4d4f;
	width: 93px;
}
.portfolioSelect li.active a, .portfolioSelect li.hoverList a { color: #4f6e8d!important; }
.portfolioSelect li.active a:hover, .portfolioSelect li.hoverList a:hover, .portfolioSelect li.portNavSide a:hover, 
.portfolioSelect li.selected a, .portfolioSelect li.selected a:hover { color: #fff!important; }
/*.portfolioSelect li a:visited { color: #4d4d4f; }*/
.portfolioSelect li a:hover {
	text-decoration: none;
	color: #fff;
	background: transparent url(/imgs/portfolio/portfolioNavBkgd.png) repeat-x 0 5px;
}
.portfolioSelect li.portNavSide a:hover { background: none; }
/* Portfolio pull out */
#portfolioWrap {
	width: 0px;
	float: right;
	display: none;
	overflow: hidden;
	height: 459px;
	position: relative;
	z-index: 2;
	border-left: 1px solid #474747;
}
#portfolioWrap.nonAjaxProjectDisplay { width: 717px; display: inline; overflow: auto; }
p.closeButton { background-color: #222; width: 68px; height: 19px; position: relative; left: 0; margin: -23px 0 4px; font-size: 9px; line-height: 19px; text-align: center; }
a.closeProject { color: #989797; text-decoration: none; display: block; width: 68px; height: 18px; padding: 1px 0 0; }
a.closeProject:hover { color: #fff; text-decoration: none; }
a.closeProject img { font-size: 2px; width: 7px; height: 7px; margin: 0 5px 0 0; }
#portfolioContent {
	float: left;
	display: inline;
	width: 672px;
	margin: 0 0 0 25px;
}
#portfolioContent p.noResults {
	font-weight: bold;
	font-style: italic;
	font-size: 12px;
}
.portfolioProject {
	width: 208px;
	height: 55px;
	float: left;
	display: inline;
	margin: 0 15px 8px 0;
}
.portfolioProject h2 a {
	display: block;
	text-decoration: none;
	font-size: 10px;
	line-height: 14px;
	width: 203px;
	height: 44px;
	letter-spacing: 0.1em;
	color: #bcbec0;
	padding: 6px 0 7px 5px;
}
.portfolioProject h2 a:hover { background-color: #222; }
.portfolioProject h2 a span { color: #6d6e71; }
.portfolioProject h2 a img {
	float: left;
	margin: 0 10px 0 0;
	width: 45px;
	height: 45px;
}
/* Project slide out */
#projectWrap {
	width: 0px;
	float: right;
	display: none;
	height: 459px;
	position: relative;
	z-index: 600;
	margin: -459px 0 0 0;
	padding: 0 5px 0 0;
	background-color: #222;
}
#projectWrap.nonAjaxPortfolioDisplay { width: 687px; display: block; }
#projectContent {
	float: left;
	display: inline;
	width: 100%;
}
#projectContentLeft {
	width: 459px;
	height: 459px;
	float: left;
	display: inline;
}
#projectContentLeft.largeImage img { width: 459px; height: 459px; }
#projectWrap div.thumbnailWrap {
	width: 229px;
	position: relative;
	float: left;
	left: -253px;
	display: inline;
/*	background: #2d2d2d url(/imgs/bodyBkgd.jpg) fixed repeat-x 20% 0; */
}
#projectWrap .singleImageRow { margin-top: -83px!important; }
#projectWrap .doubleImageRow { margin-top: -140px!important; }
#projectWrap .tripleImageRow { margin-top: -197px!important; }
.thumbnailWrap div.thumbnailRow {
	float: left;
	display: inline;
	width: 229px;
	overflow: hidden;
	background: #2d2d2d url(/imgs/bodyBkgd.jpg) repeat-x 20% 0;
	background-attachment: fixed;
}
.thumbnailWrap div.thumbnails {
	text-align: right;
}
.thumbnails p { font-size: 9px; line-height: 14px; text-transform: uppercase; letter-spacing: 0.1em; color: #7c7c7c; margin: 0;	padding-top: 12px; }
.thumbnails a {
	height: 45px;
	width: 45px;
	display: block;
	margin: 0 0 0 12px;
}
.thumbnails a span { width: 45px; height: 45px; display: block; }
.thumbnails a:hover span { background: transparent url(/imgs/portfolio/thumbnailRollover.png) no-repeat 0 0; }
.thumbnails a em { display: none; }
.thumbnails a.activeThumbnail span { background: transparent url(/imgs/portfolio/thumbnailSelected.png) no-repeat 0 0; }
.thumbnails div.individualThumbnail { float: right; display: inline; margin: 12px 0 0; }
#projectContentRight {
	width: 210px;
	float: left;
	display: inline;
	margin: 17px 0 0 15px;
}
#projectContentRight div.projectDetails {
	height: 262px;
	width: 198px;
	padding: 0 0 0 2px;
	border-bottom: 1px solid #464646;
}
div#relatedProjects { 
	height: 161px;
	overflow: hidden;
	width: 198px;
	margin: 16px 0 0;
}
#relatedProjectsContent.nonAjaxRelatedProjects { overflow: auto; }
div#relatedProjectsContent {
	width: 198px;
	height: 116px;
}
#relatedProjects h2 {
	color: #fff!important;
	font-size: 11px!important;
	line-height: 15px!important;
}
#relatedProjects h3 {
	color: #4f6e8d;
	font-weight: bold;
	padding: 10px 0 0;
	font-size: 10px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
#relatedProjects h4 {
	color: #7c7c7c;
	font-size: 9px;
	line-height: 14px;
	text-transform: uppercase;
}
#relatedProjects p {
	width: 100%;
	margin: 2px 0!important;
	font-size: 11px!important;
	line-height: 14px!important;
}
#relatedProjectsContent p a {
	color: #7c7c7c;
	/* display: block; --- SCOTT DID THIS  */
	line-height: 16px; /* --- THIS TOO  */
 	text-decoration: none;
	padding: 2px 0;
}
#relatedProjectsContent p a:hover {
	/*color: #464646;*/
	text-decoration: underline;
}
#relatedProjectsContent p.activeProject a {
	/*color: #464646;*/
	text-decoration: underline;
}
#projectContentRight h2 {
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	padding: 0 0 3px 0;
}
#projectContentRight p {
	font-size: 11px;
	line-height: 15px;
	color: #7c7c7c;
	margin: 0 0 7px;
}
#projectContentRight p.highlightCallout { color: #4f6e8d; }
div#loadingGraphic {
	padding: 10px 0;
	left: 250px;
	position: relative;
	top: 205px;
	width: 215px;
	z-index: 10;
	display: none;
	text-align: center;
}
#loadingGraphic img { margin: 0 5px 5px 0; position: relative; }
#loadingGraphic p {
	color: #fff;
	margin: 0;
}
div.displayNone { display: none!important; }
p.noPortfolioVideo { font-size: 14px; line-height: 18px; padding: 220px 0 0; text-align: center; }