@charset "utf-8";
/* CSS Document */
.testBorder {
	border:solid 1px #00FF00;
}

.menuSection {
	font-weight:bold;
	margin-left:10px;
	color:#888888;
}
.menuSeperator {
	color:#CCCCCC;
	font-size:10px;
	margin-left:0px;
}

.squareBracketText {
	font-weight:bold;
	margin-bottom:0.5%;
	display:block;
	color:#333333;
}
.scrollImageFloatLeft {
	position:relative;
	float:left;
	display:inline;
	border-right:1px #333 dotted;
	height: 500px;
}
.curlyBrackets {
	color:#666666;
	display:block;
	margin-top:10px;
}
.jobTitle {
	font-size: 1.25em;
	font-weight:bold;
	color:#666666;
}
.employmentDate {
	color:#666666;
}
.greyText {
	color:#ccc;
}
.knowledgeHeader {
	color:#333;
}
/* NEW HP HERO STYLE */
.portfolioDisplay{
	background-color:#000000;
	color:#fff;
	display: inline;
	width: 250px;
	height:175px;
	position:relative;
	
	float: left;
	margin-left:10px;
	margin-bottom:10px;
	/**/
}

.portfolioDisplay .portfolioDisplayTitle{
	filter:alpha(opacity=80);
	opacity:.8;
	background-color:#000000;
	position:absolute;
	bottom:5px;
	left:0px;
	color:white;
	padding-left:5px;
	padding-right:5px;
	line-height:15px; 
	/**/
}

.portfolioDisplayText {
	color:white;
	filter:alpha(opacity=100);
	opacity:1;
}

.explanationText {
	margin-left:10px;
	line-height:150%;
	color:#999999;
	padding-bottom:10px;
	padding-right:10px;
	padding-left:10px;
	margin-top:10px;
	font-size:77%;	
	display:block;
	border-bottom:dotted #ccc 1px;	
}

.sectionTitle {
	display:block;
	font-size: 24px;
	color:#ccc;
	border-bottom: 1px solid #ccc;	
	margin-bottom:10px;
	margin-left:10px;
	margin-right:5px;
	padding-top:30px;
	width:770px;
	clear:both;
}