/* Layout Rules
----------------------------------------------- */
#controls {
float:left;
width:281px;
margin:0px 0px 20px 20px;
}
#controls ul {
float:left;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
list-style:none;
}
#controls li {
float:left;
}
#controls li a {
float:left;
width:88px;
height:25px;
text-indent:-9999px;
margin:0px 5px 0px 0px;
}
#controls li a:focus {
outline:none;
border:none;
}
.previous {
background-image:url(../images/display_images/previous.gif);
background-repeat:no-repeat;
}
.play {
background-image:url(../images/display_images/play.gif);
background-repeat:no-repeat;
}
.next {
background-image:url(../images/display_images/next.gif);
background-repeat:no-repeat;
}
#controls a:hover {
background-position:0px -25px;
}




.SpryHiddenRegion {
   visibility: hidden;
}


/* Gallery and Playback Controls
----------------------------------------------- */
#gallerySelect { width: 100px; }
#gallery {
float:right;
background-repeat:no-repeat;
margin:-15px 0px 10px 0px;
}
#gallery:hover {

}
#gallery select {
padding:5px 0px 5px 2px;
border:none;
color:#666666;
font-size:1.1em;
width:235px;
margin:15px 0px 0px 0px;
outline:none;
}
a, a:link, a:active, a:visited {
	color: #333333;
	text-decoration: none;
}
a:hover {
color:#FF0000;
text-decoration:underline;
}
a:focus {
border:none;
}


#gallery_nav {
float:left;
width:100%;

}
#gallery_holder {
float:left;
width:115px;
height:100%;
background-color:#ffffff;
clear: both;
padding:0px 0px 10px 0px;
margin:59px 0px 10px 0px;
}
#site_name {
float:left;
font-size:1.8em;
font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
color:#0175c0;
margin:30px 20px 10px 0px;
}
#thumbnails {
	margin:0px;
}
#thumbnails div {
position: relative;
overflow:hidden;
float: left;
margin:10px 5px 10px 5px;
padding:2px 2px 2px 2px;
background-color:#bebebe;
float: left;
display:inline;
}
#thumbnails img {
position:relative;
margin:0px auto;
}
.gallery_heading {
color:#00CCCC;
}
#picture {
	float: left;
	padding: 0px;
	width: 600px;
}
#mainImageOutline {
	margin:0px 0px 20px 20px;
	padding:10px;
background-color:#ffffff;
	overflow: hidden; 
color:#dedede;
	width: 0px;
	height: 0px;
}
#mainImage {
	width: 100%;
	height: 100%;
}
#photo_desc {
float:left;
width:250px;
color:#666666;
padding:5px 10px 10px 10px;
margin:0px 0px 0px 20px;
background-color:#ffffff;
}
.clear {
clear:both;
}
#picture img {

}
.selectedThumbnail {
background-color:#FFFFFF;
}
/*.inFocus {
!important; }*/