html,body {padding:0;margin:0; height:100%}
body {color:#000; background:#433A2C url(../img/bg.jpg) repeat 0 0; font:11px Tahoma,Verdana}
td,th {color:#000; font:11px Tahoma,Verdana}
html>body td, html>body th {font-size:100%}
input,textarea,option,select {color:#000; font:11px Tahoma,Verdana}

h1,h2,h3,h4,h5,p {margin:0; padding:0}

img {border:0}
a {color:#000; text-decoration:underline}
a:hover {color:#27281D}

#minWidth {position:relative; z-index:5; min-width:960px; background: url(../img/bgOuter.jpg) repeat-y 50% 0; height:100%; text-align:center}
html>body #minWidth {min-height:100%; height:auto}

#bottom-line {position:absolute; z-index:2; background: url(../img/bgBottom.png); width:100%; left:0; bottom:0; height:120px}

.bg-l1 {position:absolute; left:0; top:290px; width:45%; background: url(../img/bg-l1.jpg); height:60px}
.bg-l2 {position:absolute; left:0; top:553px; width:45%; background: url(../img/bg-l2.jpg); height:87px}
.bg-l2 div {height:87px; background: url(../img/bg-l2-a.jpg) no-repeat 0 0}
.bg-l3 {position:absolute; left:0; top:406px; width:45%; background: url(../img/bg-l3.jpg); height:60px}

.bg-r1 {position:absolute; right:0; top:290px; width:45%; background: url(../img/bg-r1.jpg) 100% 0; height:59px}
.bg-r1 div {height:59px; background: url(../img/bg-r1-a.jpg) no-repeat 100% 0}
.bg-r2 {position:absolute; right:0; top:463px; width:45%; background: url(../img/bg-r2.jpg) 100% 0; height:64px}
.bg-r3 {position:absolute; right:0; top:581px; width:45%; background: url(../img/bg-r3.jpg) 100% 0; height:59px}

.top1 {	width: 100%;    	height: 5px;          	overflow: hidden;}
.top1 div {        	height: 20%;          	overflow: hidden;}
.text1 {      height: auto;}

#outer {position:relative; z-index:4; margin:0 auto; text-align:left; width:786px; height:579 !important; height /**/:640px; padding-bottom:61px}
html>body #outer {height:auto !important; min-height:579px}
#top-line {position:absolute; background: url(../img/bgTop.png); width:100%; height:398px; top:0; left:0}

#top {position:relative; z-index:5; background: url(../img/bgTop1.gif); height:202px}
#top-s {height:202px; background: url(../img/bgTop.gif) repeat-x 270px 0}
#top-s1 {height:202px; background: url(../img/bgTop2.gif) repeat-x 0 25px}

#milashka {position:absolute; top:0; left:0; width:270px; height:202px; background: url(../img/milashka.jpg)}

#vis-logo {position:absolute; z-index:5; top:8px; left:178px; width:429px; height:194px; background-position:50% 100%}
#logo {width:429px; height:194px; background: url(../img/logo.png)}
#logo div {width:429px; height:194px; background: url(../img/logo.gif)}

#action {position:absolute; left:582px; top:0; width:228px; height:249px; background: url(../img/bgAction.jpg)}
#action .act {padding:52px 23px 0 48px; font-size:10px}
#action h2 {font-size:30px 'Arial Narrow'; letter-spacing:-1px; padding-bottom:3px}
#action p {position:relative; z-index:5; padding-bottom:3px}
#action .jack-dan {position:absolute; bottom:24px; right:18px; width:117px; height:100px; background: url(../img/jack.gif)}
html>body #action .jack-dan {bottom:25px}

.more {font-weight:bold; text-decoration:none}
.more img {vertical-align:top; margin-top:1px; margin-left:1px}

#navigation {position:relative; z-index:2; height:49px; background: url(../img/bgNav.jpg); padding-left:29px}
.dev {position:absolute; z-index:4; top:0; left:47px; width:129px; height:38px; background: url(../img/bgDev.png) !important}
.dev span, .dev div {width:129px; height:38px; background: url(../img/bgDev.gif) !important}

#nav {overflow:hidden; position:relative; z-index:5; width:533px; background:#272922 url(../img/bgNav1.gif) repeat-x 0 0; padding:1px 0; top:13px}
#nav ul {position:relative; z-index:5; margin:0; padding:0 0 0 20px; list-style-type:none; height:21px}
#nav li {float:left; height:21px; padding-right:22px; font:bold 11px "Times New Roman"; line-height:21px}
#nav a {cursor:pointer; cursor:hand; position:relative; z-index:5; display:block; text-decoration:none; color:#F4E5BC; height:21px; text-align:center}
#nav a span {cursor:pointer; cursor:hand; display:block; position:absolute; top:0; left:0; width:100%; height:21px; background-position:0 100%}
#nav a .dev {position:absolute; z-index:5; left:-2px; top:-14px}
#nav .hr a, #nav a:hover {color:#272922; background-color:#F4E5BB}
#nav .hr a span, #nav a:hover span {background-position:0 0}
.nav-1 {width:52px}
.nav-1 span {background-image:url(../img/nav-1.gif)}
.nav-2 {width:69px}
.nav-2 span {background-image:url(../img/nav-2.gif)}
.nav-3 {width:39px}
.nav-3 span {background-image:url(../img/nav-3.gif)}
.nav-4 {width:72px}
.nav-4 span {background-image:url(../img/nav-4.gif)}
.nav-5 {width:87px}
.nav-5 span {background-image:url(../img/nav-5.gif)}
.nav-6 {width:60px}
.nav-6 span {background-image:url(../img/nav-6.gif)}

.star-l,.star-r {position:absolute; top:13px; background: url(../img/nav-bg.gif); width:19px; height:23px}
.star-l {left:10px; background-position:0 0}
.star-r {left:562px; background-position:100% 0}

#left-col {float:left; width:212px; background: url(../img/bgLeftcol.jpg) no-repeat 0 0}
#leftcol {padding:26px 20px 20px 18px}

.ttl {padding-bottom:4px; background: url(../img/bgTtl.gif) repeat-x 0 100%; margin-bottom:13px; font:bold 14px "Times New Roman"; line-height:13px}
.ttl span {padding-left:19px; background: url(../img/star.gif) no-repeat 0 0; display:block; height:17px}
html>body .ttl span {height:auto; min-height:17px}

.news {margin:0; padding:0; list-style-type:none; font-size:10px; color:#292B24}
.news .dt {color:#303228; font-size:11px}
.news li {padding-bottom:17px}

#center-col {float:left; width:415px; margin-right:-159px; background: url(../img/bgCenter.jpg) no-repeat 0 0}
#center-col-l {float:right; width:574px; margin-left:-212px; background: url(../img/bgCenter1.jpg) no-repeat 0 0}
#centercol {padding:26px 20px 20px 20px}
#centercol p {padding-bottom:14px}
#middle .more {font-size:10px}
#centercol .ph-l {float:left; border:1px solid #fff; margin:3px 14px 5px 0}
#centercol .ph-r {float:right; border:1px solid #fff; margin:3px 0 5px 14px}
#centercol .forms {width:196px}

.inp {border-style:solid; border-color:#838381 #D4D0C8 #D4D0C8 #53524E; border-width:2px 1px 1px 2px; background-color:#fff; padding:2px; margin:3px 0 15px 0}
.inp textarea, .inp input {border:1px solid #fff; border-width:0; margin:0; padding:0; width:100%}
.inp textarea {height:80px}


#right-col {float:right; width:159px; background: url(../img/bgRight.jpg) no-repeat 0 0}
#rightcol {padding:26px 20px 25px 19px}
#rightcol .ph {border:1px solid #fff}
#rightcol p {padding-bottom:13px}

#bottom-middle {position:absolute; z-index:3; background: url(../img/bgMid-btm.gif); width:786px; margin-left:-393px; left:50%; bottom:61px; height:59px}

#bottom {position:absolute; z-index:5; height:61px; background: url(../img/bgBottom.gif) repeat-x 0 0;width:786px; margin-left:-393px; left:50%; bottom:0; text-align:left}
#bottom p.copy {float:left; padding-left:20px}
#bottom p.develop {float:right; padding-right:20px; text-align:right}
#bottom p {color:#272922; font-size:10px; padding-top:30px}
#bottom a {text-decoration:none}

#volume {position:absolute; z-index:5; bottom:70px; width:758px; margin-left:-379px; left:50%; text-align:right}

.subnav {margin:0; padding:0; list-style-type:none}
.subnav a {display:block; font-weight:bold; text-decoration:none; color:#2B2E25; padding-left:17px; background: url(../img/stars.gif) no-repeat -41px 1px}
.subnav a.hr, .subnav a:hover {background-position:0 -27px}
.subnav li {padding-bottom:2px}

form {margin:0; padding:0}
.clr {clear:both; float:none !important; height:1px !important; font-size:1px !important; border:none; margin:0 !important; padding:0 !important; background:transparent !important; visibility:hidden !important}
div.txt-tb:after {display: block; line-height: 0; height: 0; visibility: hidden; content: "- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ";}
div.txt-tb {position:relative; z-index:5; display:table-cell}




#lightbox {position:relative; background-color:#eee; padding: 20px 20px 10px 20px !important; padding-bottom:30px;}
#lightbox a { position:relative; z-index:999; font:normal 11px Tahoma; color:#00adef; }
#lightbox a:hover { color:#1abeff; }
#lightbox a.light_1 { position:absolute; top:3px; right:20px; }
#lightbox a.light_2 { position:absolute; bottom:8px; left:20px; }
#lightbox a.light_3 { position:absolute; bottom:8px; right:20px; }
#lightbox .light_name { background-color:#eee; text-align:center; font:normal 18px Tahoma; color:#414e57;}
#lightbox .light_name2 { position:absolute; bottom:10px; left:0px !important; left:20px; width:100%; text-align:center; font:normal 11px Tahoma; color:#414e57;}

#lightboxCaption{ float: left; }
#keyboardMsg{ float:none; padding:5px 0 20px 0 !important; padding-bottom:0; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;}
#overlay img{ border: none; }

.paging {
     padding: 6px 0 16px 0;}
.paging a, .paging span {
     margin: 0 4px;}
.paging a {
     color: #241012;}
.paging span {
     font-weight: bold;
     color: #51211b;}