* { margin:0; padding:0; outline:none; }

.hide { display:none; }


#container {
	width:590px;
	padding:0px 7px 10px 10px;
	height:345px;
	overflow:hidden;
}

h1 {
	background:#eee;
	width:585px;
	height:30px;
	font-size:18px;
}

#picture_section {
	width:590px;
	height:290px;
	overflow:hidden;
}
	#inside {
		width:590px;
		height:290px;
	}
	#picture_section img {
		border:0;
		height:98px;
		width:145px;
		float:left;
		margin-bottom:2px;
		margin-right:2px;
		cursor:pointer;
	}

#controls_vert { 
	background:#eee;
	width:585px;
	height:30px;
}
#controls_horz { 
	background:#eee;
	width:585px;
	height:30px;
	display:none;
}
	#up, #down, #left, #right {
	background:#FFF;
	margin:2px;
		height:18px;

		width:80px;
		float:left;
		font-size:10px;
		text-align:center;
		cursor:pointer;
	}

	
	div#up.deactivated { opacity:0.2; filter:alpha(opacity=20); cursor:default; }
	div#down.deactivated { opacity:0.2; filter:alpha(opacity=20); cursor:default; }
	div#right.deactivated { opacity:0.2; filter:alpha(opacity=20); cursor:default; }
	div#left.deactivated { opacity:0.2; filter:alpha(opacity=20); cursor:default; }

#display_picture_container {
	position:absolute;
	top:355px;
	width:600px;
	height:302px;
}

	#display_picture {
		position:absolute;
		width:600px;
		height:277px;
		background:#fff;
		opacity:0.8; filter:alpha(opacity=80); 
		text-align:center;
		padding-top:42px;
	}
	
		#display_picture_img {
			position:absolute;
			top:65px;
			left:135px;
			height:213px;
			width:319px;
			cursor:pointer;
			background:#333;
			padding:4px;
			overflow:hidden;
		}