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

* { margin:0; padding:0; outline:none; } 
.hide { display:none; } 
body { 
background:#e3e1dd; 
color:#47a7bf; 
font-family:Arial, Helvetica, sans-serif; 
} 
#container { 
width:510px; 
height:445px; 
background:#CBC3BE; 
overflow:hidden; 
border:1px solid #999; 
} 
h1 { 
background:#CBC3BE; 
width:506px; 
height:29px; 
padding-left:7px; 
border-bottom:1px solid #999; 
font-size:18px; 
line-height:29px; 
font-weight:normal; 
} 
#picture_section { 
padding:7px 0 7px 7px; 
width:503px; 
height:377px; 
overflow:hidden; 
} 
#inside { 
width:503px; 
height:377px; 
} 
#picture_section img { 
border:0; 
height:57px; 
width:118px; 
float:left; 
background:#999; 
margin-bottom:7px; 
margin-right:7px;
cursor:pointer; 
} 
#controls_vert { 
background:#CBC3BE; 
width:510px; 
height:23px; 
border-top:1px solid #999; 
} 
#controls_horz { 
background:#CBC3BE; 
width:510px; 
height:23px; 
border-top:1px solid #999; 
} 
#up {
	height:10px;
	width:10px;
	margin-right:7px;
	background-image: url(../images/up.jpg);
	text-indent:-9999px;
	float:left;
	margin:7px;
	margin-bottom:6px;
	cursor:pointer;
} 
#down {
	height:10px;
	width:10px;
	background-image: url(../images/down.jpg);
	text-indent:-9999px;
	float:left;
	margin:7px;
	margin-left:0;
	margin-bottom:6px;
	cursor:pointer;
} 
#left { 
height:10px; 
width:10px; 
background-image: url(../images/left.jpg);
text-indent:-9999px; 
float:left; 
margin:7px; 
margin-bottom:6px; 
cursor:pointer; 
} 
#right {
	height:10px;
	width:10px;
	background-image: url(../images/right.jpg);
	text-indent:-9999px;
	float:left;
	margin:7px;
	margin-left:0;
	margin-bottom:6px;
	cursor:pointer;
} 
div#up.deactivated { opacity:0.4; filter:alpha(opacity=40); cursor:default; } 
div#down.deactivated { opacity:0.4; filter:alpha(opacity=40); cursor:default; } 
div#right.deactivated { opacity:0.4; filter:alpha(opacity=40); cursor:default; } 
div#left.deactivated { opacity:0.4; filter:alpha(opacity=40); cursor:default; } 

#display_picture_container {
	position:absolute;
	top:360px;
	width:510px;
	height:370px;
	padding-top:16px;
}

#display_picture {
	position:absolute;
	top:55px;
/*	left:31px;*/
	left:1px;
	width:510px;
	height:375px;
	background:#000;
	opacity:0.8; filter:alpha(opacity=80);
	text-align:center;
	font-size:11px;
	padding-top:16px;
}

#display_picture_img {
	position:absolute;
	top:100px;
/*	left:36px;*/
	left:6px;
	height:300px;
	width:500px;
	cursor:pointer;
}