@charset "UTF-8";
/* Portfolio Section */

#maincontent {
	width: 800px;
	font-size: 9pt;
}

#contentinfo {
	width: 300px;
	height: 420px;
	position: relative;
	float: left;
}

#topspacer {
	width: 300px;
	height:  60px;
	position: relative;
	float: left;
}

#projecttitle {
	width: 410px;
	margin-top: 35px;
	font: 8pt/16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #ff0093;	
}

#projecttitle a:link {
    color: #ff8f00;
    text-decoration: none;
}

#projecttitle a:active {
    color: #8E8E8E;
}

#projecttitle a:visited {
    color: #ff8f00;
    text-decoration: underline;
}

#projecttitle a:hover {
    color: #8E8E8E;
}


#projectinfo {
	width: 410px;
	margin-top: 5px;
	margin-bottom: 20px;
	position: relative;
	float: left;
	clear: both;
	font: 8pt/16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #8E8E8E;

}



/*projectimage width on mine is 500px*/
#projectimage {
	width: 400px;
	height: 300px;
	padding: 5px;
	position: relative;
	overflow: visible;
	border: 1px solid #8E8E8E;
}

#image {
	width: 410px;
	height: 310px;
	padding: 5px;
	border: 1px solid #3B3B3B;
}
/*sets img in images div to display inline*/
.imgHolder {
	display: inline;
	margin: left;
	}

#projectnav {
	height: 35px;
	text-decoration: none;
	font: 7pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #ff0093;
	text-align: center;
}

#projectnav a:link {
    color: #ff0093;
    text-decoration: none;
}

#projectnav a:active {
    color: #8E8E8E;
}

#projectnav a:visited {
    color: #ff0093;
    text-decoration: underline;
}

#projectnav a:hover {
    color: #8E8E8E;
}


#projectnav ul {
    list-style: none;
    text-align: center;
	font: 7pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #ff0093;
	text-indent: 0px;
 	list-style: none;
  	text-indent: 0px;
  	padding-left: 0px;
  	margin-left: 0px;
}

#projectnav li {
	display: inline;
	font: 7pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding-left: 5px;
	margin: center;
	color: #8E8E8E;

}