/* Begin main styles. */

body 
{
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 14px;
	background-color: #666666;
	color: #ffffff;
	margin:0; 
        padding:0;
}

img 
{
	border: 0px;
}

a:link 
{
outline:none;
font-size: 14px;
text-decoration: none;
font-weight: bold;
color: #ffffff;
}

a:visited 
{
outline:none;
font-size: 14px;
text-decoration: none;
font-weight: bold;
color: #ffffff;
}

a:hover 
{
outline:none;
font-size: 14px;
text-decoration: none;
font-weight:bold; 
color: #ffffff;
}

a:active 
{
font-size: 14px;
text-decoration: none;
font-weight: bold;
color: #ffffff;
outline:none;
}

div.thumbnails li 
{ 
	display: inline-block; 
        padding: 0;
        margin: 0 0;
}

div.folders
{
   width: 80%;
   position: relative;
   margin: 0 auto;
}

div.folder
{
   padding: 0;
   margin: 0 0;
   background-color: #bbbbbb;
   color: #ffffff;
   font-size: 26px;
}

.details
{
   display: inline-block;
   padding: 16px;
   margin: 0;
   font-weight:normal;
   font-size: 14px;
   position: relative;
   vertical-align: top;
}

.topright {
   display: inline-block;
   vertical-align: top;
   padding: 16px;
}


ul {
   list-style-type: none;
   padding: 0px;
   width: 100%;
}

.details a {
   color: #ffffff;
   font-size: 28px;
   font-weight: normal;
}

div.thumbnails
{
      width: 80%;
      position:relative;
      padding: 0;
      margin: 0 auto;
}

li.thumbnail {
   padding:0;
   margin: 0;
}
li.thumbnail img {
   padding: 0;
   margin: 0;
}

.thumbnail-overlay-wrapper
{
        position: relative;
}

.thumbnail-overlay
{
        position: absolute;
        bottom: 0px; 
	margin: 0 auto;
	text-align: center;
	display:none;
        color:white;
}

div.album
{
	width: 600px;
	height: 10%;
	position:relative;
	overflow:visible;
	top: 0;
	font-weight: bold;
        margin: 0 auto;
        text-align: left;
}

.center 
{
	margin: 0 auto;
	text-align: center;
}

h3 
{
font-size: 17px;
font-weight: bold;
margin: 0 auto;
text-align: center;
}

.top 
{
   top: 0;
   width: 100%;
   position: relative;
}

a.path {
   outline:none;
   font-size: 14px;
   text-decoration: none;
   font-weight: bold;
   color: #ffffff;
   text-align: center;
   position: relative;
}

.bottom {
   bottom: 0;
   width: 100%;
}

.navigation {
        font-family:Arial,Verdana,Helvetica,sans-serif;
        font-size:11px;
        padding:8px;
        background-color:#888888;
        display:inline-block;
        position:relative;
        margin: 0 auto;
}

.navigation a {
        color:#ffffff;
        text-decoration:none;
        outline:none;
}

.navigation a:active,
.navigation a:hover {
        background-color:#999999;
        color:#ffffff;
}
/* End main styles. */
/* Begin Exposure styles. */


#slide {
	background:#666666;
	color:#ffffff;
	font-size:12px;
        padding: 5px;
}

h1 {
	font-family:'helvetica neue',helvetica,sans-serif;
	letter-spacing:3px;
	text-transform:uppercase;
	font-size:1.2em;
	margin:10px 0;
}

#main {
	margin:0 auto;
        right: 0;
        left: 0;
        position:absolute;
}

#exposureTop {
   margin:0 auto;
   position: relative;
   width: 600px;
}

#right,
#left {
   display:inline;
   float:left;
}

#right a img,
#left a img {
   height:100px;
   width:25px;
   border:none;
}

#right a,
#left a {
   outline:none;
   display: inline;
}

#right {
   padding-left: 5px;
}

#left {
   padding-right: 5px;
}

#images .exposureThumbs {
   margin: 0 auto;
   position: relative;
}

ul.exposureThumbs {
   border-right:none;
   padding:0;
   margin: 0 auto;
   list-style-type:none;
   height:100px;
}


ul.exposureThumbs li {
   margin:0;
   padding:0;
   text-align:center;
   display:none;
   float:left;
}

ul.exposureThumbs li img {
   cursor:pointer;
   width: 100px;
   height: 100px;
   max-width: 100px; 
   max-height: 100px; 
}

ul.exposureThumbs li.last {
   margin:0;
}

ul.exposureThumbs li {
   width: 100px;
   height: 100px;
   max-width: 100px; 
   max-height: 100px; 
   padding-left: 4px;
   padding-right: 4px;
}


#images {
   display:none;
   margin: 0 auto;
   float: left;
   width: 540px;
   padding: 0;
}

.exposureTarget {
        width:640px;
        height:1280px;
	background-color:#666666;
	background-image:url(loader.gif);
	background-repeat:no-repeat;
	background-position:center center;
	position:relative;
	overflow:hidden; 
}

.exposureBounds {
      margin: 0 auto;
      position: relative;
      width: 600px;
}
.exposureWrapper {
	position:relative;
	top:0; 
	left:0;
}

.exposureWrapper img {
	cursor:pointer;
	position:relative;
	top:0;
	left:0;
}

.exposureLoaded {
	background-image:none;	
        left: 0;
        position:relative;
}

.exposureData {
        position: absolute;
        left:0;
        right:0;
        top:0; 
        bottom: auto;
        height:100%;
        background-image:url(veil.png);
        color:#fff;
        font-family:Arial,Verdana,Helvetica,sans-serif;
        font-weight:bold;
	font-size:14px;
        display:none;
        text-align: left;
        margin: 0;
        width: 640px;
}

.caption {
   text-align: left;
   margin: 0;
}

.exposureControlWrapper {
   margin: 0 auto;
   text-align: center;
   position:relative;
   left: 0;
   right: auto;
}

.exposureControls {
   width: 640px;
   background-color:#888888;
}

.exposureSlideshowControls a,
.exposureControls span,
.exposureControls a {
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:11px;
	padding:8px;
	background-color:#888888;
	display:inline-block;
        position:relative;
        float: left;
        margin: 0 auto;
}

.exposureSlideshowControls a,
.exposureControls a {
	color:#ffffff;
	text-decoration:none;
	outline:none;
}

.exposureSlideshowControls a:active,
.exposureSlideshowControls a:hover,
.exposureControls a:active,
.exposureControls a:hover {
	background-color:#999999;
	color:#ffffff;
}

.exposurePaging .active {
	color:#111;
	background-color:#fff;
}

.clear {
	clear:both;	
}

p.info {
	margin:40px auto;
	text-align:center;
	width:600px;
}

p.info a {
	color:#006fc0;	
}

p.info a:hover, p.info a:active {
	color:#0084e7;	
}
/* End Exposure styles. */