html {

        overflow: auto;
        height: 100%;
	width: 822px;

}
h1 {font-family: Open Sans, verdana, arial;
color: #ffffff;
padding: 90px;
margin-left: -40px;}

h2 { 
   position: absolute; 
   top: 200px; 
   right: 822px; 
   width: 100%;
      color: white; 
   font: bold 24px Open Sans; 
}

h3 {
      color: white; 
   font: bold 16px Open Sans; 	
}

span { 

   letter-spacing: -1px;  
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
   padding: 10px; 
}

body

{
background-color: #333;
    font-family: Open Sans, verdana, arial;
color: #ffffff ;
font-size: 12pt;
height: 100%;
width: 822px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 5px;
margin-right: 5px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;

}

#title {
 position: absolute;
 top: 10px;
 right: 10px;
}


#wrapper {
    width: 822px;
    min-height: 100%;
    float: left;
    background: #333333;
    z-index: 0;
}


	
#outer_container{
	position: fixed;
	bottom: -200px;	/*-160px to hide*/
	margin: 0px 0px 80px 0px;
	height: 110px;
	padding-right: 0px;
	padding-left: 0px;
	-webkit-box-reflect:
		below 5px -webkit-gradient(
			linear,
			left top,
			left bottom,
			from(transparent),
			color-stop(0.6, transparent),
			to(rgb(18, 18, 18))
		);
}

#thumbScroller{
    position:relative;
    overflow:hidden;
    padding: 0px;
    width: auto;
}
#thumbScroller .container{
    position:relative;
    left:0;
}
#thumbScroller .content{
    float: left;
    display: inline-block;
}
#thumbScroller .content div{
    margin:2px;
    height:100%;
}
#thumbScroller img,
img.clone{
	border:3px solid #fff;
	height:100px;
	width: 100px;
}
#thumbScroller a{
	padding:2px;
	outline:none;


}
.fp_loading{
	display:none;
	position:fixed;
	top:50%;
	left:50%;
	margin:-35px 0px 0px -35px;
	background:#000 url(images/loader.gif) no-repeat center center;
	width:70px;
	height:70px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	z-index:999;
	opacity:0.7;
}
.fp_next,
.fp_prev{
	width:50px;
	height:50px;
	position:fixed;
	top:50%;
	margin-top:-15px;
	cursor:pointer;
	opacity:0.5;
	border-radius:10px;
}
.fp_next:hover,
.fp_prev:hover{
	opacity:0.9;
}
.fp_next{
	background:#000 url(images/next.png) no-repeat center center;
	right:-50px;
}
.fp_prev{
	background:#000 url(images/prev.png) no-repeat center center;
	left:-50px;
}
.fp_thumbtoggle{
	height:100px;
	background:#333333;
	width:200px;
	text-align:center;
	letter-spacing:1px;
	text-shadow:1px 1px 1px #000;
	position:fixed;
	left:410px;
	margin-left:-100px;
	bottom:-100px;
	line-height:50px;
	cursor:pointer;
	opacity:0.8;
	border-radius:10px;	
}
.fp_thumbtoggle:hover{
	opacity:1.0;
}
img.fp_preview{
	position:absolute;
	left:0px;
	top:0px;
	width:822px;
}