.content_frame {
	width: 480px;
}
/* main title navigation headers */
.port_title {
	width: 100px;	
	/* margin-bottom: 20px; */
}
/* subtitle navigation headers */
.port_subtitle {
	width: 130px;
	padding-top: 5px;
	padding-bottom: 5px;
}
/* porfolio <a> links */
a.port_link {
	text-decoration: none;
	color: #898987;
	margin-right: 4px;
}
/* scroll button container */
.scroll_pane {
	position: absolute;
	width: 130px;
	height: 15px; 
	top: 0px;
	left: 120px;
	/* background-color: #9D9C84; */
	background-color: #DADADA;
	padding-top: 1px;
	border-left: 1px solid #F8AF00;
	font-style: italic;
}
/* scroll instruction container */
#scroll_bottom {
	visibility: hidden;
	position: absolute;
	top: 340px;
	left: 120px;	
	width: 130px;
	height: 15px; 
	border-left: 1px solid #F8AF00;
	background-color: #DADADA;
}
/* location scroll button box */
#loc_sp {
	visibility: hidden;
	top: 35px;
}
/* scroll button header */
.port_nav_header {
	display: inline;
	margin-top: 0px;
	margin-left: 3px;
	font-size: 10px;
	float: left;
	color: #717164;
}
/* location scrolling boxes */
.location {
	visibility: hidden;
	position: absolute;
	overflow: hidden;
	width: 200px;
	top: 50px;
	left: 120px;
	/* height: 115px; */
	height: 290px;
}
/* the box inside the scrolling boxes that gets moved up and down */
.scroll_box {
	position: absolute;
	top: 0px;
	width: 130px;
	border-left: 1px solid #F8AF00;
}
/* scroll image buttons */
.scroll {
	display: inline;
	float: right;
	margin-right: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
}