html,body { margin: 0; padding: 0; width: 100%; height: 100%; }
body { color: #474958; background: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 13px; min-width: 1000px; font-weight: normal; }
table, td, tr, div, form, p, b,u,i { color: #474958; font: 12px/17px Arial, Helvetica, sans-serif; }

body { margin-top: 50px; }

div.normal { font: 12px/17px Arial, Helvetica, sans-serif; font-weight: normal; }

a img { border: none }   
input[type=text],select,textarea { color: #474958; font: 12px Arial, Helvetica, sans-serif; border: 1px solid #ddd; padding: 2px; }

input[type=checkbox] { border: 0; }

input.submit {  }

a { color: #0079C6; }   
a:hover { color: #0066a7; text-decoration: none; }
a.noline { text-decoration: none; }
a.bignoline { text-decoration: none; font-size: 14px; }
a.bignoline:hover { text-decoration: underline; font-size: 14px; }
form { margin: 0; }
div.clear, br.clear { clear: both; font-size: 0px; }
p { margin: 0 0 15px; }
b { font-weight: bold; }
div.wrapper { width: 100%; float: left; }

div#holder { position: relative; margin: 0; padding: 0; }
#clear { margin: 0; display: inline; }

h1 { font: 200% Arial, Helvetica, sans-serif; font-weight: normal; margin: 0; margin-bottom: 5px; white-space: nowrap; }
h1.lightgray { color: #b3b3b3; }
h2 { font: 160% Arial, Helvetica, sans-serif; font-weight: normal; margin: 0; margin-bottom: 5px; }
h2.lightgray, h3.lightgray, h4.lightgray { color: #b3b3b3; }
h4.medium-light { color: #939393; }
h2.gray, h2.gray a, h3.gray, h3.gray a { color: #6f6f6f; }
h2.black, h3.black { color: #474958; }
h2.blue, h3.blue { color: #6fa9c7; }
h3 { font: 140% Arial, Helvetica, sans-serif; font-weight: normal; margin: 0; margin-bottom: 5px; }
h4 { font: 120% Arial, Helvetica, sans-serif; font-weight: normal; margin: 0; margin-bottom: 5px; }

b.blue { color: #6fa9c7; font-weight: bold; }

.tourforbis { background: url("../img/icon_tourforbis.gif") no-repeat left; padding-left: 20px; margin-right: 30px; }
.toursteps { background: url("../img/icon_toursteps.gif") no-repeat left; padding-left: 20px; margin-right: 30px; }
.touchscreen { background: url("../img/touchscreen.png") no-repeat left; padding-left: 20px; margin-right: 30px; }

.table-body tr.header td { height: 110px; }

.table-body tr.header td div.right { position: absolute; right: 0px; top: 30%; }

.table-body tr.nav td { height: 25px; }
.table-body tr.nav ul#nav-tabs { list-style: none; position: absolute; margin: 0; padding: 0; left: 40%; top: -13px; }
.table-body tr.nav ul#nav-small-tab { list-style: none; position: absolute; margin: 0; padding: 0; right: 20px; top: -12px; }
.table-body tr.nav ul#nav-tabs {  } 
.table-body tr.nav ul#nav-tabs li { float: left; width: 94px; height: 25px; }
.table-body tr.nav ul#nav-tabs li a { display: block; background: url("../img/nav-tabs.gif"); background-position: 0px 0px;
                                      width: 94px; height: 18px; padding-top: 8px; text-align: center;
                                      color: #3d3d3d; text-decoration: none; font-size: 11px;
}
.table-body tr.nav ul#nav-tabs li a:hover { background-position: -94px 0px; text-decoration: none; padding-top: 6px; height: 20px; }

.table-body tr.nav ul#nav-tabs li.on a,
.table-body tr.nav ul#nav-tabs li.on a:hover { background-position: -188px 0px; height: 18px; padding-top: 8px; }

.table-body tr.nav ul#nav-small-tab li { float: left; width: 44px; height: 25px; }
.table-body tr.nav ul#nav-small-tab li a { display: block; background: url("../img/nav-small-tab.gif"); background-position: 0px 0px;
                                            padding-top: 7px; text-align: center; width: 44px; height: 18px;
                                            color: #3d3d3d; text-decoration: none; font-size: 11px;
}
.table-body tr.nav ul#nav-small-tab li a:hover { background-position: -44px 0px; text-decoration: none; }

.table-body tr.nav ul#nav-twitter { list-style: none; position: absolute; margin: 0; padding: 0; right: 65px; top: -12px; }
.table-body tr.nav ul#nav-twitter li { float: left; width: 44px; height: 27px; }
.table-body tr.nav ul#nav-twitter li a { display: block; background: url("../img/twitter.gif"); background-position: 0px 0px;
                                            padding-top: 7px; text-align: center; width: 44px; height: 18px; font-size: 11px; text-decoration: none;
}
.table-body tr.nav ul#nav-twitter li a:hover { background-position: 0px -2px; text-decoration: none; }

.table-body tr.top-content td { background: #f3f3f3; height: 1%; }
.table-body tr.top-content td.body { padding-bottom: 30px; border-bottom: 1px solid #d6d6d6; }
.table-body tr.top-content div.rounded-left,
.table-body tr.top-content div.rounded-right { height: 7px; width: 7px; position: absolute; right: 0px; font-size: 0; padding: 0; background: url("../img/rounded-right.gif"); }
.table-body tr.top-content div.rounded-left { left: 0; background: url("../img/rounded-left.gif"); }
/*ie right: -1px; */

/* TOP IMAGE */
#works { width: 880px; height: 420px; background: #000;
                                                       margin-top: 15px; margin-left: 0px; margin-right: 0px;
                                                       position: relative; margin-bottom: 20px;
}
#loading { position: absolute; color: #fff; font-size: 11px; left: 48%; top: 48%;}
#one-work { width: 880px; height: 420px; position: absolute; left: 0; top: 0; z-index: 10; }
#panel-bg { width: 880px; position: absolute; bottom: 0px; background: #000;
			padding-top: 9px; padding-bottom: 9px; z-index: 11;
}
#panel { width: 880px; position: absolute; bottom: 0px;
			padding-top: 9px; padding-bottom: 9px; font-size: 15px; color: #fff;
			z-index: 12; padding-left: 14px;
}

#view-tour { position: absolute; z-index: 13; bottom: 8px; right: 160px; font-size: 11px; color: #fff; }
#view-tour a { color: #fff; text-decoration: none; background: url("../img/panel-view-tour.png") no-repeat left; padding-left: 20px; }
#view-tour a:hover { color: #fff; text-decoration: underline; }

#details-tour { position: absolute; z-index: 13; bottom: 8px; right: 15px; font-size: 11px; color: #fff; }
#details-tour a { color: #fff; text-decoration: none; background: url("../img/panel-details-tour.png") no-repeat left; padding-left: 14px; padding-bottom: 2px; }
#details-tour a:hover { color: #fff; text-decoration: underline; }

.table-body tr.content td.gray-bg,
.table-body tr.footer td.gray-bg,
.table-body tr.footer td { background: #f9f9f9; }
.table-body tr.top-content td.gray-bg { background: #f3f3f3; }
.table-body tr.top-content td.gray-bg-underline,
.table-body tr.top-content td.gray-bg-underline,
.table-body tr.content td.gray-bg-underline { padding-bottom: 30px; border-bottom: 1px solid #d6d6d6; background: #f3f3f3; }
.table-body tr.content td.white-bg,
.table-body tr.top-content td.white-bg,
.table-body tr.footer td.white-bg { background: #ffffff; }
tr.justify td { text-align: left; }

.table-body tr.content-underline td { border-bottom: 1px solid #d6d6d6; background: #f9f9f9; padding-top: 10px; }

.table-body tr.content td { background: #f9f9f9; padding-top: 30px; }
.table-body tr.content td.center { padding-left: 48px; padding-right: 48px; }
.table-body tr.content td.center0 { padding-left: 0px; padding-right: 0px; }

.table-body tr.content table.sferes td.img { width: 90px; text-align: center; padding-right: 10px; }
.table-body tr.content table.sferes td.spacer { width: 20px; }
.table-body tr.content table.sferes td.text { padding-top: 40px; }

.table-body tr.footer { height: 173px; }
.table-body tr.footer td, .table-body tr.footer td.gray-bg { background: url("../img/footer-bg.gif") repeat-x; }

.table-body tr.footer table.logos tr td { background: none; padding-bottom: 10px; }
.table-body tr.footer table.logos tr td.text { padding-top: 5px; color: #7b7b7b; }

.table-body tr.underground { height: 50px; }


/* second level */
.table-body tr.top-content table.content tr.top { height: 65px; }
.table-body tr.top-content table.content tr.top td.left,
.table-body tr.top-content table.content tr.bottom td.left { width: 240px; padding-left: 46px; padding-right: 46px; padding-top: 9px; }
.table-body tr.top-content table.content tr.top td.left,
.table-body tr.top-content table.content tr.top td.left20 { width: 240px; padding-left: 46px; padding-right: 46px; padding-top: 9px; }
.table-body tr.top-content table.content tr.top td.right { text-align: right; padding-right: 20px; } 
.table-body tr.top-content table.content tr.bottom td.left { padding-bottom: 30px; } 
.table-body tr.top-content table.content tr.bottom td.right { background: #f9f9f9; padding: 30px; padding-left: 55px; }
.table-body tr.top-content table.content tr.bottom td.right td { background: none; }

.table-body tr.top-content table.content tr.top td.left20 { padding-left: 20px; }

/* portfolio */
#portfolio { }
#portfolio .left-column { float: left; width: 230px; position: relative; }
#portfolio .left-column .shadow { position: absolute; right: 0; top: 0; background: url("/files/img/portfolio/shadow-line.jpg") no-repeat; width: 10px; height: 544px; }
#portfolio .left-column .filter { width: 113px; height: 32px; background: url("/files/img/portfolio/header.jpg") no-repeat; padding-top: 4px; padding-left: 20px; font-size: 14px; }
#portfolio .left-column ul.filter-ul { padding: 0; margin: 0; padding-left: 10px; margin-right: 20px; margin-bottom: 50px; list-style: none; }
#portfolio .left-column ul.filter-ul li { border-bottom: 1px solid #ededed; padding: 5px; padding-left: 20px; }
#portfolio .left-column ul.filter-ul li a { text-decoration: none; }
#portfolio .left-column ul.filter-ul li a.line { border-bottom: 1px dashed; }
#portfolio .left-column .text p, #portfolio .left-column .text p b { font-size: 11px; color: #707070; padding: 10px; }
#portfolio .right-column { float: left; width: 720px; padding-left: 15px; }

/* portfolio projects */
#pojects { width: 720px; }
#pojects #one { width: 345px; float: left; height: 170px; margin-right: 15px; margin-bottom: 15px; }
#pojects #one .img { position: relative; height: 173px; cursor: pointer; overflow: hidden; }
#pojects #one .img .white-bar { position: absolute; z-index: 200; width: 351px; height: 32px; left: -5px; bottom: 0; background: url("/files/img/portfolio/white-bar.jpg") no-repeat; }
#pojects #one .img .white-bar .text { position: absolute; bottom: 9px; left: 15px; }
#pojects #one .img .white-bar .text a { color: #474958; text-decoration: none; }
#pojects #one .img .white-bar .text a:hover { text-decoration: underline; }

#pojects #one .img .black-bar { position: absolute; z-index: 210; display: none; width: 351px; height: 32px; left: 0px; bottom: -35px; background: url("/files/img/portfolio/black-bar.jpg") no-repeat; }
#pojects #one .img .black-bar .text { position: absolute; bottom: 9px; left: 10px; }
#pojects #one .img .black-bar .text a { color: #eaeaea; text-decoration: none; }
#pojects #one .img .black-bar .text a:hover { text-decoration: underline; }

#pojects #one .img .fadeplay { position: absolute; cursor: pointer; display: none; height: 173px; z-index: 300px; width: 341px; left: 0; top: 0; background: url("/files/img/portfolio/fadeplay.jpg") no-repeat; }

#portfolio div.one { border-bottom: 1px solid #d6d6d6; padding-bottom: 30px; margin-bottom: 30px; }
#portfolio div.one span.date { color: #b3b3b3; }
#portfolio div.one b,
#portfolio div.one span.tags { font-size: 11px; }
#portfolio div.one div.pic,
#portfolio div.one table.details { padding-left: 10px; padding-top: 10px; vertical-align: middle; }
#portfolio div.one table.details td { background: none; }

#fadescreen { width: 2000; height: 2000px; background: #000; position: absolute; left: 0; top: 0; z-index: 300; display: none; }

/* 3dbarnaul */
#right-ad { position: absolute; right: 0; top: 10px; }
#right-ad .img { float: left; width: 72px; }
#right-ad .text { float: left; width: 250px; }

h2.gray2, h2.gray2 a { color: #6f6f6f; margin: 0; margin-bottom: 0px; text-decoration: none; }
h2.gray2 a:hover { text-decoration: underline; }
span.small-light { font-size: 10px; color: #b3b3b3; }