body {
	font-family: "Arial";
	font-size: 62.5%;
	background-color: #e00000;
	background-repeat: no-repeat;            
	background-position: 50% 50%;            
	background-attachment:fixed;
	margin: 0;
	color: #FFF;
}

a{color: #FFF;}
a:hover{color: #F00;}

span:hover{color: #F00;}


#overlay{
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: #000;
 z-index: 10;
}

@-webkit-keyframes loaderSprite {
    from { background-position: 0px; }
    to { background-position: -2000px; }
}

@-moz-keyframes loaderSprite {
    from { background-position: 0px; }
    to { background-position: -2000px; }
}

@keyframes loaderSprite {
    from { background-position: 0px; }
    to { background-position: -2000px; }
}

#loader {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -50px;
    width: 100px;
    height: 100px;
    background-image: url(loading1.png); 
    -webkit-animation: loaderSprite 1s steps(20, end) infinite;
    -moz-animation: loaderSprite 1s steps(20, end) infinite;
    animation: loaderSprite 1s steps(20, end) infinite;
	z-index: 1;
}


ul {
  display: none;
}

span {
  cursor: pointer;
}

li {
  cursor: pointer;
}

.photo {
	position:relative;
	font-family:arial;
	overflow:hidden;
	border:5px solid #000;
	margin: auto;
	width:220px;
	height:220px;
float:left;
}	

.photo .heading, .photo .caption {
	position:absolute;
	background:#000;
	height:50px;
	width:220px;

	opacity:0.9;
	filter:alpha(opacity=60);  
	-moz-opacity:0.6;    
	-khtml-opacity: 0.6;  
}

.photo .heading { 
	top:-50px;
}
.photo .caption { 		
	bottom:-50px;		
}
.photo .heading span {
	color:#26c3e5;	
	top:-50px;
	font-weight:bold;
	display:block;
	padding:5px 0 0 10px;
}

.photo .caption span{
	color:#999;	
	font-size:9px;
	display:block;
	padding:5px 10px 0 10px;
}

.progress {
    background: url(../img/bg_progress.gif) top repeat-x;
    border: 1px solid #d3d3d3;
    line-height: 0;
    height: 46px;
}

img{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}