html {background: #232323; height: 100%; background: #232323 url('/i/bg.gif') 61px 0px repeat-y;}
body {margin: 0 0 0 80px; width: 880px; max-width: 880px; position: relative;}

h1, h2 {color: #000000; font: 22px Arial Narrow; text-transform: uppercase;
	padding: 0px; margin: 0 0 10px 0;}
.content h1 {font: bold 15px Arial narrow; text-transform: none;}

#header {margin-top: 80px; border-collapse: collapse; height: 60px; width: 100%;}
#header th {padding: 0 0 0 109px; text-align: left; vertical-align: top;}
#header th img {border-style: none;}
#header td {vertical-align: top; width: 560px;}
#header td a {display: block; float: right; padding: 10px 27px; background: #4b4b4b;
	font: 14px Arial Narrow; color:#a5a5a5; text-decoration:none;}
#header td a:hover {background: #2f2f2f; font: 14px Arial Narrow; color:#a5a5a5;
	text-decoration:none;}

#main {border-collapse: collapse; width: 880px;}
#main th {vertical-align: top; padding: 0px; text-align: left;}
#main td {background: #FFF; vertical-align: top; padding: 0px;}

#catalog {margin: 0px; padding: 0px;}
#catalog a {display: block; margin: 9px 0 0 0; padding: 0px;}
#catalog a img {border-style: none; display: block; padding:0; margin:0;}

#submenu {height: 37px; position: relative;}
#submenu a {display: block; float: left; font: 13px Arial Narrow; color: #ffffff;
	text-decoration: none; padding: 10px 30px 11px 30px;}
#submenu a:hover {text-decoration: none;}

#catalog .sub {position: absolute; margin: 0 0 0 108px; padding: 0; z-index: 40; height: 47px; width: 700px;
	opacity: 1; --moz-opacity: 1; filter: alpha(opacity=100);}
#catalog .sub a {display: block; float: left; font: 13px Arial Narrow; color:#ffffff;
	text-decoration: none; padding: 10px 30px 11px 30px;} 

#text {margin: 50px 20px 30px 20px; color: #000000;
	font: 15px Arial narrow; line-height: 1.3em;}
#text a, #text a:hover {color: #cf009d; text-decoration: underline;}

.square_main {margin: 0 4px 4px 0; border: 5px solid #eee; width: 62px; height: 62px; float: left;
	background-position: left top; background-repeat: no-repeat;}
.opacity_main {opacity: 1; --moz-opacity: 1; filter: alpha(opacity=100); cursor: hand; cursor: pointer; border-style: none;}
.opacity_main:hover {opacity: 0; --moz-opacity: 0;}

#photo_name {width: 550px;}
#photo_tbl {border-collapse: collapse; width: 100%;}
#photo_tbl th {padding: 5px 0 0 20px; vertical-align: top; text-align: left;}
#photo_tbl td {padding: 0px; vertical-align: top;}
#photo_tbl .btn_up {padding-bottom: 18px;}
#photo_tbl .btn_down {padding-top: 18px;}
#photo_tbl .btn_up,{padding-bottom: 21px;}
#photo_tbl .btn_down,{padding-top: 21px;}
#p_tbl {border-collapse: collapse;}
#p_tbl td {border: 1px solid #ababab; padding: 5px 5px 5px 5px;}
#photo_img {border: 1px solid #ababab; margin: 0px; display: block;}
#photo_down {font: 11px tahoma; margin-top: 10px;}

.scroll {width: 72px; height: 552px; overflow: hidden; position: relative;}
.block {width: 72px; position: relative;}
.square {margin: 0 0 8px 0; border: 5px solid #eee; width: 62px; height: 62px; overflow: hidden;}
.opacity {opacity: 0.3; --moz-opacity: 0.3; position: relative; left: 0px; top: -65px; cursor: hand; cursor: pointer;}
.opacity,{filter: alpha(opacity=30); top: -62px;}
.btn_up, .btn_down {width: 72px; text-align: center; visibility: hidden}
.btn_up img, .btn_down img {cursor: pointer;}

#feedback_tbl {}
#feedback_tbl th {width: 100px; text-align: left; font: 16px arial narrow; padding: 2px;}
#feedback_tbl td {padding: 2px;}
#feedback_tbl input {background: #ccc;}
#feedback_tbl .input {background: #fff;}
#feedback_tbl textarea, #feedback_tbl input {font: 16px arial narrow; border: 1px solid #666;}

#footer {padding: 10px 0px; text-align: right; color:#6c6d70; font: 11px Arial;}
#footer .name {color:#919191;}
#footer .left {float: left; margin-left: 109px;}
#footer .left a {text-decoration: underline; color: #6c6d70;}

.imgborder {border: 5px solid #eeeeee;}
/**
div {border: 1px solid red}
/**/