@charset "utf-8";
/* CSS Document */

#content_box { background: #fff; }

#left_side { position: absolute; left: 25px; top:  25px; width: 425px; height: 425px; z-index: 4000; background: #fff; }
#left_side h1 { font-size: 15px; font-weight: normal; text-transform: capitalize; color: #3d2a1e; line-height: 23px; padding-top: 60px; background: #fff; }
#left_side h2 { font-size: 14px; font-weight: normal; color: #ab9c8f; line-height: 23px; padding-top: 15px; background: #fff; }
#left_side h2 a { color: #ab9c8f; text-decoration: none; }
#left_side h2 a:hover { color: #3d2a1e }

#thumbs_box {  	width: 458px; height: 220px; overflow: auto; position: absolute; top: 169px; }
#thumbs_box li { float: left; width: 90px; height: 90px; padding: 0 20px 20px 0; color: #ab9c90; }

#instructs { 	display: block; position: absolute;	height: 25px;	color: #655240;	left: 0px; top: 2px; font-size: 14px; background: #fff; }
#instructs a { color: #ab9c90; text-decoration: none; }
#instructs a:hover { color: #655240 }

#pagination { position: absolute; top: 406px; left: 0px; font-size: 14px; line-height: 25px; color: #675545 }
#pagination a { color: #ab9c8f; text-decoration: none; }
#pagination a.active_num { color: #675545; }
#pagination a:hover { color: #675545 } 

#port_div_upper, #port_div_lower { position: absolute; background: #fff url(../images/portfolio_hortDiv.jpg) -5px 0px; width: 425px; height: 16px; top: 25px; left: 0px; }
#port_div_lower { top: 388px; }
#port_div_upper hr, #port_div_lower hr { display: none; }

#vert_div { position: absolute; background-image:url(../images/portfolio_vertDiv.jpg); width: 16px; height: 427px; left: 470px; top: 22px; }

#right_pane {  width: 425px; height: 425px; position: absolute; top: 25px; right: 25px; z-index: 3000; }
#right_pics { width: 425px; height: 425px; overflow: auto; position:absolute; }
/* #right_pics img { position: absolute; top: 0; left: 0; } */
#view_large { display: block; position: absolute; top: 431px; font-size: 10px; left: 0;  width: 150px; height: 18px; text-transform: uppercase; color: #675545; background: #fff; }
#credit { display: block; position: absolute; top: 431px; font-size: 10px; right: 0; text-align: right; width: 200px; height: 18px; text-transform: uppercase; color: #675545; background: #fff; }



a#prev_btn, a#next_btn {
	position: absolute;
	top: 414px;
	width: 85px;
	display: block;
	color: #655240;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

a#prev_btn:hover, a#next_btn:hover {
	color: #b0a174;
}

a#prev_btn {
	left: 18px;
}

a#next_btn {
	right: 18px;
	text-align: right;
}

span.img_over {
	position: absolute;
	z-index: 150;
	width: 110px;
	height: 148px;
	background-color: transparent;
	top: 0;
	left: 0;
}