/* reset
=============================================================== */
* {margin: 0; padding: 0; color: #333; font-family: "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em;}
a, span, strong {font-size: 1em;}
span {color: inherit;}
a, a:visited {color: #74a400; text-decoration: none; outline: none;}
a:hover {color: #fff; border-bottom: 1px dashed #74a400;}

/* layout
=============================================================== */
html {background: #171717 url(../images/photo-back.png) top repeat-x;}
.header {position: relative; width: 960px; height: 50px; margin: 0 auto; margin-bottom: 0;}
.header h1 {margin: 0; padding: 0; border: none;}
.logo, .logo:visited {display: block; position: absolute; left: 0; top: 0; overflow: hidden; width: 392px; height: 45px; background: url(../images/photo-logo.png) left top no-repeat; text-indent: -10001px;}
.logo:hover {border-bottom: none;}
.header ul {position: absolute; right: 0; top: 0; width: 70px; height: 45px; overflow: hidden; list-style: none;}
.header ul li {float: left; margin: 0; padding: 0; width: 33px; height: 45px;}
.header ul a, .header ul a:visited {display: block; float: left; overflow: hidden; outline: none; width: 33px; height: 45px; background: url(../images/photo-arrows.png) 0 0 no-repeat; text-indent: -500px;}
.header ul a.photo-prev, .header ul a.photo-prev:visited {background-position: 0 0;}
.header ul a.photo-prev:hover{background-position: 0 -45px;}
.header ul a.photo-next, .header ul a.photo-next:visited {background-position: -33px 0;}
.header ul a.photo-next:hover{background-position: -33px -45px;}
.big-photo {width: 960px; margin: 0 auto; padding: 20px 0; text-align: center;}
.big-photo img {padding: 2px; border: 5px solid #ccc; background: #000;}
.photo-info p {color: #aaa; text-align: center;}
.photo-info p.photo-descr {width: 450px; margin: 0 auto 15px auto; padding-bottom: 15px; border-bottom: 1px dashed #444;}