/* =Reset
   ----------------------------------------------------*/

html, body, div, span, a,
h1, img, ul, li, form {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;}
a { text-decoration: none; }
ul li {list-style: none;}

/* --- */





#wrapper {
    width: 816px;
    margin: 0 auto;
	text-align:center;
    padding:1px;
    background-color: #fafafa;
}
#black{
	width:816px;
	padding-top:30px;
	background: #0a0808;
}
#img {
    position: relative;
    width: 530px;
    height: 342px;
	border:#131212 1px solid;
	background:url(../source/i/photos/ashra.jpg) no-repeat;
    margin-bottom:1px;
}
#next{
text-decoration:none}
#pre{
text-decoration:none}
#gallery { height: 64px; }

#wrapper,  #gallery li {
	border: 1px solid #c6c6c6;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#gallery li {
    float: left;
    padding: 1px;
    background: transparent url(../i/ajax-loader-small.gif) 50% 50% no-repeat;
    border-color: #345;
    cursor: pointer;
}

.caption {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 96%;
    height: 50px;
    padding: 0 2%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
    line-height: 50px;
    color: #fff;
    background-color: #000;
    opacity: .8;
	filter:alpha(opacity=87)
}