@charset "UTF-8";


/* Layout Rules
----------------------------------------------- */



/* Gallery and Playback Controls
----------------------------------------------- */


#controls {
	width: 231px;
	xxmargin-left: 15px;
	xxmargin-right: auto;
	margin: 0 auto;
	xxborder: solid 10px #000;
}


#transport {
	width: 231px;
	margin: 0 auto;
	list-style: none;
	xxwidth: 100%;
	padding: 0;
	xxfloat: left;
	xxtext-align: center;
	xxborder: solid 3px #777;
}
#transport ul {
	margin: 0;
	padding: 0;
	xxfloat: left;
}
#transport li {
	margin: 0;
	padding: 0;
	text-align: center;
	float: left;
	list-style-type: none;
	xxborder: solid 3px #000;
}
#transport a {
	font-size: 8pt;
	font-weight: bold;
	letter-spacing: 0.1em;
	width: 64px;
	xxfloat: left;
	display: block;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	text-transform: lowercase;
	text-decoration: none;
}
#transport a:link {
	background: #666 url('images/bg_grad_gray1.gif') repeat-x;
	color: #fff;
	border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #3a3a3a;
	border-left: solid 1px #404040;
}
#transport a:visited {
	background: #666 url('images/bg_grad_gray1.gif') repeat-x;
	color: #fff;
	border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #3a3a3a;
	border-left: solid 1px #404040;
}
#transport a:hover {
	background: #666 url('images/bg_grad_gray2.gif') repeat-x;
	color: #333;
	border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #3a3a3a;
	border-left: solid 1px #404040;
}
#transport a:focus {
	-moz-user-select: none;
	-khtml-user-select: none;
}

#gallery_float_right {
	width: 330px;
	height: 335px;
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

#gallery_img_capt_ctrls {
	width: 330px;
	height: 335px;
	text-align: center;
}

#gallery_img_capt {
	width: 327px;
	height: 305px;
}

#picture {
	padding: 0px;
	xxfloat: left;
	xxvertical-align: bottom;
	xxborder: solid 1px #000;
}
#mainImageOutline {
	margin: 0 auto;
	width: 325px;
	height: 245px;
	padding: 0;
	background-color: #eee;
	border-top: solid 2px #999;
	border-right: solid 2px #404040;
	border-bottom: solid 2px #333;
	border-left: solid 2px #404040;
	xxpadding: 1em; 
	padding: 0px; 
	overflow: hidden; 
	xxborder: solid 1px #999;
}
#mainImage {
	width: 100%;
	height: 100%;
}

#picture img {
	xxborder: 1px solid #999;
}

#caption {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	padding: 5px;
	height: 45px;
	xxborder: solid 1px #000;
}


.selectedThumbnail {
	border: solid 2px #fc0 !important;
}
.inFocus {
	border: solid 1px #fc0 !important;
}
.header {
	margin-top: 0px;
}