@charset "UTF-8";

body {
margin: 0;
padding: 0;
background: #260301;
font-family: "Lucida Grande", "Trebuchet MS", "Ҵ Pro W3", Osaka, "-3 0ï", sans-serif;
font-size: x-small; /*for IE5/Win */
font-size: small; /*for compliant browsers */	
}
html>body { font-size: small; } /* be nice to Opera */

/* Links
----------------------------------------------- */
a img { border-style: none; }

/* Paragraph Headings
----------------------------------------------- */

h1, h2, h3, h4, h5, h6 {font-weight: normal; }

h2.stick {
border-color:#000000;
border-style:solid;
border-width:0px 0px 0px 5px;
padding:2px 0px 1px 3px;
position:static;
margin-left:20px;
}
p { margin:0.375em 0; }

/* Layout Rules
----------------------------------------------- */
#wrapper {
width: 800px;
margin-left: auto;
margin-right: auto;
border: 1px none #000;
text-align: left;
padding-top: 10px;
margin-top: 10px;
background-color: #FFFFFF;
height: 580px;
}
#foot {
width: 800px;
margin-left: auto;
margin-right: auto;
border: 1px none #000;
text-align: left;
padding-top: 0px;
margin-top: 0px;
margin-bottom: 5px;
background-color: #FFFFFF;
padding-bottom: 5px;
}

/* Gallery and Playback Controls
----------------------------------------------- */
#galleryLinks a {
text-decoration: none;
margin: 10px;
}

#galleryLinks2 a {
text-decoration: none;
margin: 15px;
}

#galleryLinks3 a {
text-decoration: none;
margin: 20px;
}

#galleryLinks4 a {
text-decoration: none;
margin: 25px;
}

#transport {
margin: 0;
padding: 0;
list-style: none;
}
#transport li {
float: left;
margin: 0;
padding: 0;
text-align: center;
}
#transport a {
text-decoration: none;
text-transform: uppercase;
font-size: 85%;
font-weight: bold;
letter-spacing: 0.1em;
margin: 0 1px 0 0;
padding: 4px 8px;
width: 64px;
float: left;
display: block;
-moz-user-select: none;
-khtml-user-select: none;
}
#transport a:link {
background: #666 url('../picture/galleries/material/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('../picture/galleries/material/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('../picture/galleries/material/bg_grad_gray2.gif') repeat-x;
color: #000;
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;
}

#transport .playBtn .pauseLabel, #transport .pauseBtn .playLabel {
display: none;
}

#previews {
border-top: solid 1px #404040;
border-right: solid 1px #404040;
border-bottom: solid 1px #3a3a3a;
border-left: solid 1px #404040;
padding: 5px 5px 20px 5px;
margin-bottom: 5px;
width: 250px;
float: left;
margin-left: 10px;
margin-right: 5px;
}
#thumbnails {
clear: both;
margin: 10px auto;
}
#thumbnails div {
position: relative;
width: 24px;
height: 24px;
float: left;
margin: 8px;
padding: 0;
float: left;
display:inline;
}
#thumbnails img {
width: 24px;
height: 24px;
position: absolute;
border-top: solid 1px #999;
border-right: solid 1px #404040;
border-bottom: solid 1px #333;
border-left: solid 1px #404040;
}
#picture {
padding: 0px;
width: 500px;
float: left;
}
#mainImageOutline {
margin: 0 auto;
padding: 0;
background-color: #eee;
border-top: solid 1px #999;
border-right: solid 1px #404040;
border-bottom: solid 1px #333;
border-left: solid 1px #404040;
padding: 1em; 
overflow: hidden; 
width: 0px;
height: 0px;
}
#mainImage {
width: 100%;
height: 100%;
}

#picture img {	border: 1px solid #999; }
.selectedThumbnail {  border: solid 2px #fc0 !important; }
.inFocus {  border: solid 1px #fc0 !important; }

/* Spry Validation Widgets Demo*/
#MovieList{
height: 600px;
overflow: auto;
}