@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0;}
html, body {height:100%; width:100%;}
body {background:#F7F7F3 url(../img/background.gif) 0 0 repeat;  font:12px Lucida Grande, Lucida Sans Unicode, Lucida Sans, Helvetica, sans-serif;}
table.page {width: 840px; background-color: #f7f7f3; margin: auto; height: 100%;}

ul{margin:0px;padding:0px;list-style:none;}

a {color:#000; text-decoration:none;}
a:hover {text-decoration:none; color: #f00;}
img {border:0;}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.clear-all {clear:both; height:1px; line-height:1px; overflow:hidden;}
.nowrap {white-space:nowrap;}

.sidebar {
    position:fixed;
    padding-top:16px;    
	padding-left:20px;
	width:140px;
	height:100%;	
}

.sidebar a.about {}

.contacts {
    background: url(../img/dots.gif) 0 0 repeat-x;
    padding-top: 1px;
	width:100%;
	margin-top:12px;
	@margin-top:10px;
}

.contacts a:hover {text-decoration: none; color: #f00;}

.contacts ul {
	margin-top:13px;
	margin-bottom:13px;
    padding-bottom: 17px;
    background: url(../img/dots.gif) 0 bottom repeat-x;     
}

.gray {
	color:#666;
	line-height:17px;
}

.black {
	font-weight:bold;
	color:#000000;
	line-height:17px;
}

.about_controls {
	padding-bottom:14px;
	background: url(../img/dots.gif) 0 bottom repeat-x;   
}

.about_controls a {height: 15px;}
.about_controls a:hover {text-decoration: none; color: #f00;}

.about_controls label {
    display:block;
    float:left;
    margin-left:20px;
    cursor: pointer;
}

.arrow_down {
	display:block;
	background:url(../img/arrow_down.gif) 0 0 no-repeat;
	float:left;
    margin-left:3px;    
}

.arrow_down:hover {
	background:url(../img/arrow_down.gif) 0 -15px no-repeat;
}

.arrow_up{
    display:block;
    background:url(../img/arrow_up.gif) 0 0 no-repeat;
    float:left;
    margin-left:3px;
}

.arrow_up:hover {
    background:url(../img/arrow_up.gif) 0 -15px no-repeat;
}


.about_description {
	display:none;
}
.about_description p {padding-top: 15px;}

.about_description a:hover {text-decoration: none; color: #f00;}

.content {
	width:615px;
    padding-left: 180px;
    padding-top: 60px;
    background-color: #f7f7f3;
}

.albume_info {
	background: url(../img/dots.gif) 0 bottom repeat-x;   
	padding-top:14px;
	padding-bottom:40px;
    :padding-bottom:30px;
	margin-bottom:20px;
}

.arrow_prev{
	display:block;
	height:11px;
	background:url(../img/prev.gif) 0 0 no-repeat;
	float:left;
    margin-top:3px;
    margin-left:3px;
    padding-left: 20px;
    white-space: nowrap;
    line-height: 11px;
}

.arrow_prev:hover {
	background:url(../img/prev.gif) 0 -11px no-repeat;
    text-decoration: none;      
}
.arrow_prev label {cursor: pointer; color:#969696;}   
.pager a.arrow_prev:hover label {color: #f00;} 

.arrow_next{
	display:block;
	height:11px;
	background:url(../img/next.gif) right 0 no-repeat;
	float:left;
	margin-top:3px;
	margin-left:3px;
    padding-right: 16px;
    white-space: nowrap;
    line-height: 11px;
}

.pager a.arrow_next {padding-right: 20px;}
.pager a.arrow_next:hover label {color: #f00;}


.arrow_next:hover {
	background:url(../img/next.gif) right -11px no-repeat;
    text-decoration: none;
}
.arrow_next label {cursor: pointer; color:#969696;}

.right label {
	float:left;
}

.pager {
	margin-bottom:20px;
}

.pager table {
	width:100%;
}