/************/
/* DROPPING */
/************/

* {padding: 0px; margin: 0px;}
html, body {height: 100%; font-family: verdana, tahoma, arial, trebuchet MS;}
body {background: #FFF;}
body, td {font-family: verdana, tahoma, arial, trebuchet MS; font-size: 12px; color: #100D18;}
img {border: 0px;}
li {list-style: none;}
table {border-collapse: collapse; border-spacing: 0px; border: 0px; border-width: 0px;}

form fieldset {border: 0px solid;}
form legend {display: none;}
.input {padding: 1px 1px; font-family: arial, tahoma, verdana; font-weight: normal; font-size: 13px; color: #000; background: #FFF; border-width: 1px; border-color: #808080;}

hr {display: none; visibility: hidden;}

.clear {clear: both; height: 1px; display: block; float: none !important;}


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

/* main wrapper */
.wrapper {min-width: 960px; height: 100%;}
* html .wrapper {width: expression(document.body.clientWidth>960?"auto":"960px");}

/*
.header {margin-bottom: -55px; height: 55px; position: relative; z-index: 3; text-align: center;}
.header .header-cont {padding: 9px 0px 0px 0px; margin: 0px auto; width: 550px;}
*/

.body {min-height: 100%; position: relative; text-align: center;}
* html .body {height: 100%;}
.body .body-cont {padding: 10px 0px 50px 0px; margin: 0px auto; width: 550px; text-align: left;}
.index .body .body-cont {padding-bottom: 20px;}

.footer {margin-top: -50px; height: 50px; position: relative; z-index: 3; text-align: center;}
.index .footer {margin-top: -20px; height: 20px;}
.footer .footer-cont {margin: 0px auto; width: 550px;}


/******************/
/*    CSS RULES   */
/******************/

h1 {margin: 0px 0px 12px 0px; padding: 0px; height: 37px; overflow: hidden }
h1 a {display: block; width: 550px; height: 37px; text-indent: -9999px; background: url(../images/logo.gif) no-repeat; background-position: 0 0; text-decoration: none;}
h1 span {display: block; width: 550px; height: 37px; text-indent: -9999px; background: url(../images/logo.gif) no-repeat; background-position: 0 -37px; text-decoration: none;}
h1 a:hover {background-position: 0 -37px}
h1.chanel {margin: 0px 0px 0px 0px; padding: 0px; height: 37px; overflow: hidden}
h1.chanel a {display: block; width: 550px; height: 37px; text-indent: -9999px; background: url(../images/logo_chanel.gif) no-repeat; text-decoration: none;}
h1.chanel a:hover {background-position: 0 0}

h2 {text-align: center; font-size: 10px;}
h2 span, h2 a {margin: 0px auto 30px auto; display: block; text-align: left; text-indent: -9999px; background: no-repeat;}
h2.exhibition a {margin-top: -9px; margin-bottom: 20px; width: 79px; height: 11px; background-image: url(../images/title-exhibition.gif);background-position: 0 0}
h2.exhibition a:hover {background-position: 0 -28px}
h2.open span {width: 256px; height: 23px; background-image: url(../images/title-open.gif); background-position: 50% 3px}
h2.about span {width: 145px; height: 23px; background-image: url(../images/title-about.gif); background-position: 50% 3px}
h2.about a {width: 145px; height: 23px; background-image: url(../images/title-about.gif); background-position: 50% -41px}
h2.about a:hover {background-position: 50% 3px}
h2.red span, h2.sand span, h2.venice span, h2.tweed span, h2.black span{margin-bottom: 27px}
h2.red span {width: 107px; height: 23px; background-image: url(../images/title-red.gif);}
h2.black span {width: 82px; height: 23px; background-image: url(../images/title-black.gif); background-position: 50% 1px}
h2.tweed span {width: 163px; height: 23px; background-image: url(../images/title-tweed.gif);}
h2.sand span {width: 80px; height: 23px; background-image: url(../images/title-sand.gif); background-position: 50% 1px}
h2.venice span {width: 101px; height: 23px; background-image: url(../images/title-venice.gif);}
h2.about-chanel span {width: 250px; height: 23px; background-image: url(../images/title-about-chanel.gif); background-position: 50% 3px}

a {color: #8B8B8B; text-decoration: none;}
a:hover {color: #000;}

p.homelink {font-size: 10px; line-height: 10px; text-transform: lowercase;}
p.homelink a {padding-bottom: 1px; margin-left: -105px; display: block; float: left; position: relative; width: 105px; text-align: center; background: #BFBFBF; color: #000; text-decoration: none;}
p.homelink a:hover {color: #FFF;}

p.title {text-align: center; font-size: 10px;}
p.title span, p.title a {margin: 0px auto 34px auto; display: block; width: 430px; height: 12px; font-size: 10px; text-indent: -9999px; text-align: left; background: url(../images/title.gif) no-repeat;background-position: 0 0}
p.title a:hover {background-position: 0 -12px}

p.coordinates {margin-bottom: 3px; text-align: center;}
p.coordinates span {margin: 0px auto; text-align: left; display: block; width: 188px; height: 21px; text-indent: -9999px; background: url(../images/coordinates.gif) no-repeat;}

div.teaser {margin: 166px -210px 0px 0px; display: block; float: right; width: 200px; position: relative; font-size: 10px; color: #8C8C8C;}
* html div.teaser p {margin-left: 10px;}
*:first-child+html div.teaser p {margin-left: 10px;}
div.teaser strong {margin: 0px 0px 5px -10px; display: block; line-height: 10px; position: relative;}
div.teaser span {padding: 0px 9px 0px 9px; color: #FFF; font-weight: normal; background: #BFBFBF;}

.splash {margin-bottom: 9px;}
.splash img {display: block;}

/* lang menu */
.lmenu {margin-top: 1px; margin-right: -184px; float: right; position: relative;}
.lmenu li {margin-left: 1px; display: block; float: left;}
.lmenu li a {padding: 0px 0px 1px 0px; line-height: 10px; display: block; color: #09070D; text-align: center; font-size: 10px; text-decoration: none; background: #BFBFBF;}
.lmenu li a.active, .lmenu li a:hover {color: #FFF;}
.lmenu li.ru a {width: 93px;}
.lmenu li.en a {width: 53px;}
.lmenu li.fr a {width: 36px;}


/* main menu */
.mmenu {margin-bottom: 10px; text-align: center;}
.mmenu ul {margin: 0px auto; width: 427px; height: 20px; text-align: left;}
.mmenu li {display: inline; font-size: 8px; line-height: 8px;}
.mmenu li a, .mmenu li span {margin-right: 30px; display: block; float: left; text-indent: -9999px; text-decoration: none; background: no-repeat left top;}
.mmenu li span, .mmenu li a:hover, .mmenu li a.active {background-position: left bottom;}
.mmenu li.venice a, .mmenu li.venice span {margin-top: 3px; width: 57px; height: 10px; background-image: url(../images/mmenu-venice.gif);}
.mmenu li.black a, .mmenu li.black span {margin-top: 3px; width: 47px; height: 9px; background-image: url(../images/mmenu-black.gif);}
.mmenu li.red a, .mmenu li.red span {width: 61px; height: 13px; background-image: url(../images/mmenu-red.gif);}
.mmenu li.sand a, .mmenu li.sand span {margin-top: 3px; width: 44px; height: 10px; background-image: url(../images/mmenu-sand.gif);}
.mmenu li.tweed a, .mmenu li.tweed span {margin: 3px 0px 0px 0px; width: 96px; height: 11px; background-image: url(../images/mmenu-tweed.gif);}

/* footer menu */
.fmenu {margin: 0px auto; width: 230px; text-align: left;}
.fmenu li {display: inline;}
.fmenu a, .fmenu span {display: block; float: left; font-size: 10px; background: no-repeat; text-indent: -9999px; text-decoration: none;}
.fmenu .contacts a {margin-right: 38px; width: 57px; height: 7px; background-image: url(../images/fmenu-contacts.gif); background-position: 0 0}
.fmenu .contacts a:hover {background-position: 0 -21px}
.fmenu .contacts span {margin-right: 38px; width: 57px; height: 7px; background-image: url(../images/fmenu-contacts.gif);background-position: 0 -21px}

.fmenu .policy a {width: 133px; height: 9px; background-image: url(../images/fmenu-policy.gif); background-position: 0 0}
.fmenu .policy a:hover {background-position: 0 -21px}
.fmenu .policy span {width: 133px; height: 9px; background-image: url(../images/fmenu-policy.gif); background-position: 0 -21px}

.footer .chanel a {margin-right: -182px; padding: 0px 16px 1px 16px; display: block; float: right; position: relative; font-size: 10px; line-height: 10px; color: #7B7B7B; text-decoration: none; background: #EEEEEF url(../images/bullet01.gif) no-repeat 5px 4px;}
.footer .chanel a:hover {color: #000;}
* html .footer .chanel a {margin-left: 90px;}
*:first-child+html .footer .chanel a {margin-left: 90px;}

.wysiwygcontent h3 {margin-bottom: 8px; font-size: 18px; font-weight: normal; color: #000;}
.wysiwygcontent p {padding-bottom: 14px; line-height: 15px; text-align: justify;}
.wysiwygcontent a {padding: 0px 2px; color: #8B8B8B; text-decoration: none;}
.wysiwygcontent a:hover {color: #000; background: #BFBFBF;}

/* NOTE :: prefixated classes with `.c` means `content class` */

.cauthors {margin: 0px -160px 0px 0px; width: 155px; float: right; position: relative; font-size: 10px;}
.cauthors h3 {padding: 0px 29px 2px 10px; margin-bottom: 4px; float: left; font-size: 10px; color: #FFF; font-weight: normal; line-height: 10px; background: #BFBFBF;}
.cauthors p {padding-left: 10px;}
.cauthors p.s1 {margin-bottom: 12px; padding-left: 10px; clear: left;}
.cauthors p.s2 {color: #8C8C8C;}

.cabout .cauthors {margin-top: 165px;}
.cabout .img {margin-bottom: 25px; text-align: center;}
.cabout blockquote {margin-bottom: 36px; padding: 8px 12px 10px 12px; font-size: 10px; background: #DCDCDC;}
.cabout .wysiwygcontent {margin-bottom: 15px;}
.cabout.v2 .cauthors {margin-top: 286px;}

.cred .flash {margin-bottom: 8px;}
.cred .wysiwygcontent {margin-bottom: 20px;}

.body.about-chanel {background: url(../images/about-chanel-bg.gif) repeat-x 0px 513px;}
.cabout-chanel .flash {margin-bottom: 23px;}
.cabout-chanel .wysiwygcontent {margin-bottom: 30px;}

/* hint tooltip */
.tt_hint {padding: 7px 12px 7px 12px; font-size: 10px; font-family: verdana; background: #DCDCDC;}

/* hint tooltip */
.tt_hint_2 {padding: 7px 12px 7px 12px; font-size: 10px; font-family: verdana; background: #DCDCDC;}



h1.both {margin: 0px 0px 20px 0px; padding: 0px; height: 65px; overflow: hidden }
h1.both a {display: block; width: 550px; height: 65px; text-indent: -9999px; background: url(../images/logo2.gif) no-repeat; background-position: 0 0; text-decoration: none;}
h1.both span {display: block; width: 550px; height: 65px; text-indent: -9999px; background: url(../images/logo2.gif) no-repeat; background-position: 0 -65px; text-decoration: none;}
h1.both a:hover {background-position: 0 -65px}

.pimg {text-align: center; margin-bottom: 23px}