html {height: 100%;}
body {height: 100%; background: #38271f;}
body, td {font-family: tahoma, verdana, arial, trebuchet MS; font-size: 11px; color: #afa9a5;}

/******************/
/*  BASIC LAYOUT  */
/******************/

.wrapper {min-width: 960px; height: 100%; _width: expression(document.body.clientWidth>960?"100%":"960px");/* background: url(../i/body-bg.gif) repeat-y 89% top*/}

.body {min-height: 100%; _height: 100%; position: relative; background: url(../i/body-bg.gif) repeat-y 89% top;}
.body-cont {padding-bottom: 35px;}

.content-wrap {padding-top: 68px; width: 54%; float: left; position: relative; zoom: 1;}
.content {margin-right: -298px; width: 597px; float: right; position: relative;}

.ftr {margin-top: -35px; height: 35px; position: relative;}


/******************/
/*     STYLES     */
/******************/

a {color: #afa9a5;}
a:hover {color: #d7495f !important;}
a:visited {color: #7f756f;}

.mlogo a,
.mlogo span {top: 66px; display: block; position: absolute; z-index: 9; height: 35px; background: url(../i/title-alex.gif) no-repeat 0px 0px; text-indent: -9999px;}
.mlogo .l {left: 0px; width: 180px; background-position: -8px 0px;}
.mlogo .r {right: 0px; width: 8px;}

.wtf {left: 0px; top: -42px; position: absolute;}
.about {width: 70px; right: 0px; top: 69px; position: absolute;}
.about a.active {color: #d82a46 !important;}

.ftr .concept a {top: 8px; position: absolute; display: block; height: 11px; background: url(../i/concept.gif) no-repeat 0px 0px; text-indent: -9999px;}
.ftr .concept a.l {left: 0px; width: 128px; background-position: -7px 0px;}
.ftr .concept a.r {right: 0px; width: 7px;}
.ftr .copy a {top: 8px; position: absolute; display: block; height: 10px; text-indent: -9999px; background: url(../i/copy.gif) no-repeat 0px 0px;}
.ftr .copy a.l {right: 199px; width: 159px;}
.ftr .copy a.r {}

.ftr-inner .copy a.l {left: 0px; right: auto; background-position: -11px 0px;}
.ftr-inner .copy a.r {right: 0px; width: 11px;}
.ftr-inner .concept {display: none;}


.teaser {position: relative;}
.teaser div {top: -224px; position: absolute; display: block; height: 210px; text-indent: -9999px; background: no-repeat left top;}
.teaser div.l {left: 0px; width: 309px; background-position: -61px 0px;}
.teaser div.r {right: 0px; width: 61px;}

.teaser02 {position: absolute; right: 11%; top: -244px; display: block; width: 108px; height: 124px; background: url(../i/teaser02.gif) no-repeat; text-indent: -9999px;}
.teaser03 {position: absolute; right: 11%; top: -690px; display: block; width: 108px; height: 151px; background: url(../i/teaser03.gif) no-repeat; text-indent: -9999px;}

.splash {min-height: 275px; padding-top: 150px; width: 88%;}
.splash div {margin: 0px auto; width: 574px; height: 188px; display: block; background: url(../i/splash.gif) no-repeat;}

* html .splash {height: 275px;}


.nextlink {height: 200px;}
.nextlink span {display: block; height: 1px; float: left; width: 15%;}
.nextlink p {display: block; float: left; width: 64%; position: relative;}
.nextlink em {display: block; position: absolute; right: 0px; font-style: normal;}
.nextlink a {color: #fff;}


.breadcrumbs {margin-bottom: 17px;}
.breadcrumbs span {padding: 0px 9px;}
.breadcrumbs strong {font-weight: normal; color: #9b815f;}
.breadcrumbs em {font-style: normal; color: #d82a46;}

.cpfolio {padding-top: 42px; position: relative; zoom: 1;}
.cpfolio ul {}
.cpfolio ul ul {padding-right: 85px;}
.cpfolio li {width: 33%; float: left;}
.cpfolio li p {margin-bottom: 16px; color: #9b815f;}
.cpfolio li p span {font-size: 8px; display: block; color: #685b55;}
.cpfolio li li {margin: 0px 0px 15px -19px; zoom: 1; padding-left: 19px; float: none; width: auto; position: relative; background: url(../i/bullet.gif) no-repeat 0px 7px;}

.photos .links {margin: 0px -5px 10px 0px; position: relative; zoom: 1;}
.photos .links li {margin: 0px 1px 1px 0px; display: block; width: 25px; height: 25px; float: left; background: url(../i/icos.gif) no-repeat -25px 0px;}
.photos .links a {top: 4px; left: 4px; position: relative; display: block; width: 17px; height: 17px; overflow: hidden;}
.photos .links a img {visibility: hidden;}
.photos .links a:hover {overflow: visible;}
.photos .links a:hover img {visibility: visible;}
.photos .links li.info a {top: 0; left: 0; width: 25px; height: 25px; text-indent: -9999px; background: url(../i/icos.gif) no-repeat;}
.photos .links li.info a:hover {background-position: 0px -25px;}
.photos .links li.info a.active {background-position: 0px -50px;}
.photos .links li.active a {background: #d82a46;}
.photos .links li.active img {visibility: hidden;}
.photos .photo {position: relative;}
.photos .photo .descr {position: absolute; left: -130px; top: 47px; width: 120px;}
.photos .photo .descr .hdr {color: #9c938f;}
.photos .photo .descr .hdr span {display: block;}
.photos .photo .descr .txt {color: #746863;}
.photos .photo .img {background: #000;}
.photos .photo .img td {width: 597px; height: 448px; text-align: center; vertical-align: middle;}
.photos .photo .img img {margin: 0px auto; display: block;}
.photos .photo .img .preloader {position: absolute; left: 282px; top: 208px; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0);}
.photos .photo .ctrls li {position: absolute; width: 150px; height: 448px; left: 0px; z-index: 999; background: url(../images/r.gif);}
.photos .photo .ctrls a {position: absolute; display: block; width: 45px; height: 45px; left: 8px; top: 202px; visibility: hidden; text-indent: -9999px; background: url(../i/icos.gif) no-repeat -145px 0px;}
.photos .photo .ctrls li.right {right: 0px; left: auto;}
.photos .photo .ctrls li.right a {right: 8px; _right: 7px; left: auto; background-position: -145px -45px;}
.photos .photo-info {min-height: 448px; _height: 448px; background: #000;}
.photos .photo-info .cont {padding: 37px 40px 39px 40px;}
.photos .photo-info .cont p {margin-bottom: 14px;}
.photos .photo-info .cont h3 {margin-bottom: 14px; color: #9b815f; font-weight: bold;}


.cabout {margin-bottom: 100px; padding-top: 50px; zoom: 1;}
.cabout .hl {top: 1px; _top: 0px; position: relative; padding-left: 4px; line-height: 11px; height: 11px; display: -moz-inline-box; display: inline-block; color: #38271f; background: url(../i/hl-bg.gif) no-repeat left bottom;}
.cabout .hl span {padding-right: 3px; display: block; background: url(../i/hl-bg.gif) no-repeat right top;}
.cabout .hl strong {top: -1px; _top: 0px; position: relative; font-weight: normal;}
.cabout .hl1 span {background-position: -5px 0px;}
.cabout .hl2 {padding-left: 0px; background: none;}
.cabout .hl2 span {padding-left: 3px;}
.cabout .hello {margin: 6px 0px 8px -37px; position: relative; display: block; width: 152px; height: 29px; text-indent: -9999px; background: url(../i/title-hello.gif) no-repeat;}
.cabout .block {width: 260px;}
.cabout .block .header {color: #9b815f;}
.cabout .block ul {margin-bottom: 30px;}
.cabout .block li {line-height: 14px; position: relative;}
.cabout .block li em {position: absolute; margin-left: -35px; top: 1px; display: block; width: 30px; font-size: 8px; color: #746862; text-align: right; font-style: normal;}
.cabout .equip {margin-bottom: 50px;}
.cabout .equip p {color: #9b815f;}
.cabout .affair .heart {margin-left: 3px; color: #746862;}
.cabout .affair .heart img {margin: 0px 3px; top: -1px; position: relative; vertical-align: middle;}
.cabout .interest .m {color: #746862;}
.cabout .interest .s {display: -mox-inline-box; display: inline-block; width: 103px; position: relative; top: 1px; background: #afa9a5;}
.cabout .exhib span {color: #746862;}
.cabout .equip {}
.cabout .equip ul {padding-top: 65px; zoom: 1;}
.cabout .equip li {display: block; width: 100px; float: left; position: relative; color: #7f756f; font-size: 10px;}
.cabout .equip span {display: block; position: absolute; background: url(../i/icos.gif) no-repeat;}
.cabout .equip .bdy span {margin-top: -37px; width: 37px; height: 32px; background-position: -50px 0px;}
.cabout .equip .lens span {margin-top: -30px; width: 26px; height: 18px; background-position: -50px -32px;}
.cabout .equip .flash span {margin-top: -45px; width: 22px; height: 35px; background-position: -50px -72px;}
.cabout .equip .tripod span {margin-top: -85px; width: 49px; height: 80px; background-position: -96px 0px;}
.cabout .equip .cap span {margin-top: -32px; width: 46px; height: 22px; background-position: -50px -50px;}
.cabout .contacts {width: 295px;}
.cabout .arr01 {display: block; width: 374px; height: 278px; position: absolute; left: 48px; top: 2px; *top: 3px; background: url(../i/contacts-arr03.gif) no-repeat;}
.cabout .arr02 {display: block; width: 1085px; height: 675px; position: absolute; left: -1090px; bottom: 297px; *bottom: 330px; background: url(../i/contacts-arr02.gif) no-repeat;}


.cabout-contacts {position: absolute; width: 70px; right: 0px; top: 182px; font-size: 10px; background: url(../i/contacts-arr01.gif) no-repeat right center;}
.cabout-contacts dd {margin-bottom: 46px; color: #746863;}
.cabout-contacts dd a {color: #746863;}