/* page ********************/

body { background: #333; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; color: #fff; }
table { font-family: Verdana, Arial, Helvetica, sans-serif; }
a { color: #fff; }
a img {border: none; }

h1 { font-size: 16px; margin: 0 0 10px 0; }
h2 { font-size: 12px; margin: 0 0 10px 0;font-weight: bold; }

#pageContainer { position: relative; width: 650px; padding: 10px; margin: 0 auto;  }
#photoContainer {}
#photo {text-align: center; position: relative;  width: 650px; height: 500px;	margin: 0 auto; }

#photoTitle { height: 20px; }

#photoText { text-align: left; position: absolute; bottom: 0; left: 0; 
	padding: 0 20px 0 5px; width: 635px; font-size: 11px; line-height: 15px;
	background: #333; filter: alpha(opacity=65); -moz-opacity: 0.65;   }

#textClose a {  
	background: #333; border: 1px solid #666; font-weight: bold; padding: 0 2px;
	position :absolute; top: 3px; right: 0; text-decoration: none; color: #fff;}

#viewText { padding: 0 2px 0 2px; background: #000; filter: alpha(opacity=60); -moz-opacity: 0.60; 
	position: absolute; bottom: 0; right: 0; font-size: 10px;}

#viewText a { color: #fff; font-size: 10px; text-decoration: none;}

#photoCredit {  margin: 0 auto; height: 10px; width: 600px;  padding: 3px;
	text-align: right; font-size: 11px; color: #999; font-size: 9px; }

#controls {  margin: 10px auto 0 auto; text-align: center;  padding: 5px 0;}	 

#controls .arrow { font-size: 13px; }

#controls a { text-decoration: none; padding: 4px 8px; color:#999999; font-size: 11px;}

#controls a.on,#controls a.on:hover { color: #f03; background: #666; }

#controls a:hover { color: #f03; background:#333333; }