#page_body .inner_tube
{
	position:relative;
}

.project_change_buttons
{
	position:absolute;
	right:15px;
	top:15px;
	width:242px;
}

.project_change_buttons a.project_change_button
{
	background-color:#dedede;
	color:#878787;
	text-decoration:none;
	text-align:center;
	width:106px;
	height:20px;
	line-height:20px;
	border-radius:10px;
	display:block;
	float:left;
	margin-left:15px;
}

.project_change_buttons a.project_change_button:hover
{
	background-color:#000;
	color:#FFF;
}

.project_change_buttons a.project_change_button:active
{
	background-color:#FF0000;
	color:#FFF;
}

.portfolio_piece
{
	padding-left:136px;
	padding-bottom:35px;
}

.portfolio_piece h1, .portfolio_piece h2, .portfolio_piece h3, .portfolio_piece h4, .portfolio_piece h5
{
	color:#FF0000;
	margin-bottom:10px;
}

.portfolio_piece h1
{
	font:800 20px/20px 'Open Sans', sans-serif;
	padding-left:121px;
	padding-right:15px;
	margin-bottom:25px;
}

.portfolio_piece h1 a
{
	color:#FF0000;
}

.portfolio_slideshow
{
	float:right;
	width:499px;
	height:325px;
	position:relative;
}

.portfolio_slideshow_foreground
{
	background:url(../images/portfolio-computer.png) no-repeat 15px top;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

.pc_hover
{
	background:url(../images/pc_hover.png) no-repeat left top;
	height:202px;
	width:322px;
	position:absolute;
	top:23px;
	left:90px;
	cursor:pointer;
	opacity:0;
	filter:alpha(opacity = 0);
}

.pc_hover:hover
{
	opacity:1;
}

.portfolio_slides
{
	position:absolute;
	top:24px;
	left:91px;
	overflow:hidden;
	width:320px;
	height:200px;
}

.portfolio_slides img
{
	margin-right:5px;
}

.portfolio_slideshow .dots
{
	left:253px;
}

.portfolio_responsibilities
{
	float:right;
	width:242px;
	position:relative;
	clear:right;
	margin-bottom:35px;
}

.portfolio_responsibilities h2
{
	font:700 15px/30px 'Open Sans', sans-serif;
	color:#FF0000;
}


.portfolio_responsibilities ul
{
	padding-left:0;
	margin-bottom:30px;
}

.portfolio_responsibilities li
{
	color:#FF0000;
	margin-bottom:10px;
}

.portfolio_responsibilities li span
{
	color:#000;
}

.portfolio_site_link
{
	float:right;
	width:242px;
	clear:right;
}

.node-type-portfolio-piece .portfolio_site_link a
{
	background-color:#000;
	color:#FFF;
	padding:5px 15px;
	border-radius:15px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	width:80px;
	text-align:center;
}

.portfolio_site_link a:hover
{
	background-color:#E7E7E7;
	color:#878787;
}

.portfolio_site_link a:active
{
	background-color:#FF0000;
	color:#FFF;
}

.portfolio_piece hr
{
	margin-left:121px;
}

.portfolio_piece_summary
{
	padding-left:121px;
	margin-bottom:20px;
}

.portfolio_body
{
	padding-left:121px;
	padding-right:378px;
}

.portfolio_body p
{
	margin-bottom:15px;
}

.portfolio_screenshot_label_wrapper
{
	float:left;
	padding-top:272px;
}

.portfolio_screenshot_label div
{
	text-align:center;
	color:#FFF;
	font:800 10px/10px 'Open Sans', sans-serif;
	padding:35px 5px 0;
}

#portfolio-17 .portfolio_screenshot_label div
{
	padding-top:30px;
}

.portfolio_screenshot_label
{
	height:106px;
	width:106px;
	border-radius:106px;
	position:relative;
	background-color:#ACACAC;
	padding-top:0;
}

.portfolio_screenshot
{
	margin-left:121px;
	margin-bottom:15px;
}

.browser_wrapper
{
	width:348px;
	position:relative;
}

.browser_header
{
	background:url(../images/browser_header.png) no-repeat left top;
	width:348px;
	height:35px;
}

.browser_header .site_name
{
	font:7px "Open Sans", sans-serif;
	color:#818181;
	text-align:center;
	padding-top:2px;
	text-shadow: 0px 1px 1px #aeaeae;
	margin-bottom:1px;
}

.browser_header .site_url
{
	font-size: 8px;
	padding-left: 50px;
}

.browser_body
{
	border:solid #bababa 1px;
	border-top:none;
	background-position:center top;
	border-radius:0 0 5px 5px;
	position:relative;
}

.portfolio_body_footer
{
	padding-left:121px;
	padding-right:378px;
}

#slideshow_full
{
	width:100%;
	overflow:hidden;
	position:fixed;
	top:175px;
	left:0;
	width:100%;
	z-index:102;
	display:none;
}

#slideshow_full .slider
{
	height:525px;
	margin-bottom:15px;
}

#slideshow_full .slider img
{
	height:525px;
	border-radius:10px;
}

#jaypan_slideshow_left_arrow, #jaypan_slideshow_right_arrow
{
	position:absolute;
	top:50%;
	margin-top:-50px;
	display:block;
	width:21px;
	height:0;
	padding-top:101px;
	line-height:normal;
	overflow:hidden;
	background:url(/sites/all/modules/jaypan_slideshows/images/arrows.png) no-repeat;
	z-index:100;
}

#jaypan_slideshow_left_arrow
{
	left:10%;
	background-position:left bottom;
}

#jaypan_slideshow_left_arrow:hover, #jaypan_slideshow_left_arrow.hovered
{
	background-position:right bottom;
}

#jaypan_slideshow_right_arrow
{
	right:10%;
	background-position:left top;
}

#jaypan_slideshow_right_arrow:hover, #jaypan_slideshow_right_arrow.hovered
{
	background-position:right top;
}

#slideshow_full .slide_description
{
	width:400px;
	margin:0 auto;
	z-index:102;
	color:#FFF;
}

#slideshow_full .slide_description p
{
	text-align:center;
}
