/* CSS Document */

html, body {
	background-color:#151515;
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}





#box {
	margin:0 auto;
	margin-top:20px;
	margin-bottom:10px;
	padding:0;
	padding-top:20px;
	padding-left:60px;
	padding-bottom:40px;
	width:700px;
	background-color:#0c0c0c;
	border: 7px solid #1e1e1e; 
	
	background-image:url(pht_logo.jpg);
	background-repeat:no-repeat;	
	background-position: 20px 20px;
	overflow:auto;
}

#top {
margin:0;
padding:0;
padding-left:350px;
padding-top:100px;

height:220px;
}

#top h1 {
top:160px;
font-weight:normal;
font-size:36px;
margin:10px;
}

#top p {
margin-left:14px;
font-size:14px;
color:#CCCCCC;
}

#photo {
	display:block;
	margin:0 auto;
	margin-top:30px;
	padding:0;
	width:965px;
	background-color:#0c0c0c;
	border: 7px solid #666; 
	position:relative;
}

#photo img {
margin:0;
padding:0;
border:2px;
border-color:#000000;
border-style:solid;

}

#foto_list {
list-style:none;
margin:0;
padding:0;
}

#foto_list img {
display:block;
width:150px;
height:101px;
margin:0;
padding:0;

border:none;

}

#foto_list li {
display:block;
float:left;
list-style:none;
margin-top:40px;
margin-left:5px;
margin-right:5px;
margin-bottom:0px;
padding:5px;

border: 1px solid #484a48; 
}

#foto_list a {
border:0;
margin:0;
padding:0;
text-decoration:none;
}

#foto_list li:hover {
background-color:#CCFF33;
background-image:url(li_hover_bcg.gif)
}

#galery_num {
clear:both;
height:15px;
}

#galery_num ul {
display:inline;
padding-right:20px;
float:right;
list-style:none;
text-align:center;
}

#galery_num li a {
color:#FFFFFF;
text-decoration:none;
text-align:center;
display:block;
padding:5px;
padding-left:8px;
padding-right:8px;
}

#galery_num li {
list-style:none;
float:left;
margin:5px;
border:1px solid #CCC;
font-size:10px;
}

#galery_num li.activ {
background-color:#FF6600;
}

#galery_num li:hover {
background-color:#CCFF33;
background-image:url(li_hover_bcg.gif);
}

#galery_num li:hover a {
color:#000000;
font-weight:bold;
}


#up 
{
display:block;
height:53px;
width:53px;
position:absolute;
top:-20px;
left:440px;

text-align:center;
}

#up a {
display:block;
height:53px;
width:53px;
background-image:url(up.gif);
background-repeat:no-repeat;
}



#prv, #next {
display:block;
height:53px;
width:53px;
position:absolute;
top:340px;

text-align:center;

}

#prv a {
display:block;
height:53px;
width:53px;
background-image:url(prev.gif);
}

#next a {
display:block;
height:53px;
width:53px;
background-image:url(next.gif);

}

#prv a:hover, #next a:hover {
background-position:0 -53px;
}

#up a:hover {
background-position:-53px 0;
}


#prv {
left:-25px;
}

#next {
right:-25px;
}

#auth {
font-size:9px;
color:#DADADA;
text-align:right;
width:740px;
margin:0 auto;
margin-bottom:20px;
padding-right:20px;
clear:both;
}

#auth a {
text-decoration:none;
margin:0;
padding:0;
color:#FF9900;

}

a {
	color: #FFFFFF;
}


a:hover {
color:#FFCC00;
}

ul {
margin-bottom:30px;
}

.minibox {
display:block;
width:310px;
float:left;
}