/* BASICS
----------------------------------------------- */
body,
input,
button,
select,
textarea {font: 12px Arial, Helvetica, sans-serif; color: #333;}
body {line-height: 16px;}

a {color: #600000;}
a:hover {color: #fff;}

p {margin: 0 0 16px;}

h1, h2, h3, h4, h5, h6 {font: 12px/16px Arial, Helvetica, sans-serif; color: #620000; margin: 0 0 8px;}
h1 {font: 36px/40px Arial, Helvetica, sans-serif; color: #620000; margin: 0 0 8px 240px; padding-left: 25px; background: url(../img/h1.gif) no-repeat; float: left; display: inline;}
h2 {font: 24px/30px Arial, Helvetica, sans-serif; color: #620000; margin: 0 0 8px;}
h3 {font: 16px/24px Arial, Helvetica, sans-serif; color: #620000; margin: 0 0 8px;}

ol,
ul {margin: 0 0 16px 32px; padding: 0;}
ol {padding-left: 32px;}
ul,
ul li {display: block;}
ul {padding-left: 16px;}
ul li {padding-left: 16px; background: url(../img/li.gif) no-repeat 0 8px;}

hr,
.hr {color: #000; background: #000; height: 1px; margin: 16px 0; overflow: hidden; border: 0; display: block;}
* html hr {margin: 9px 0;}
*+html hr {margin: 9px 0;}



/* LAYOUT
----------------------------------------------- */
html,
body {min-width: 990px; height: 100%;}
body {margin: 0; padding: 0; background: #bba87b url(../img/body_bg.jpg) 50% 0;}

#content {width: 100%; min-width: 990px; min-height: 100%; overflow-x: hidden; position: relative; background: url(../img/content_bg.jpg) repeat-x 50% 0;}
* html #content {height: 100%;}

#header {width: 940px; height: 320px; margin: 0 auto; position: relative;}

#main {width: 940px; min-height: 700px; margin: 0 auto; padding: 32px 0 200px; position: relative;}
* html #main {height: 700px;}


#footer {width: 100%; height: 180px; overflow: hidden; margin-top: -180px; position: relative; background: url(../img/footer_bg.jpg) no-repeat 50% 100%;}
#footerWrap {width: 940px; height: 100%; margin: 0 auto; position: relative;}



/* COMMON
----------------------------------------------- */
a {cursor: pointer;}
img {border: 0;}
object {outline: 0;}
li,
img,
input.input-image {vertical-align: top;}

/* clear */
.clear {height: 0; overflow: hidden; clear: both;}

/* wrap */
.wrap {zoom: 1;}
.wrap:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}

/* nl */
.nl,
.nl ol,
.nl ul,
.nl li {margin: 0; padding: 0; background: none; zoom: 1;}
.nl:after,
.nl ol:after,
.nl ul:after,
.nl li:after {content: '.'; height: 0; overflow: hidden; clear: both; display: block;}

/* icon */
.icon,
.icon i,
.icon span {position: relative; float: left; display: inline;}
.icon {font-size: 10px; line-height: 16px; white-space: nowrap; padding: 0 0 0 16px;}
.icon a {text-decoration: none;}
.icon i {font: 0/0 serif; text-indent: -9999px; width: 16px; height: 16px; overflow: hidden; margin: 0 0 0 -16px; background-repeat: no-repeat;}
.icon-r {padding: 0 16px 0 0;}
.icon-r i {margin: 0 -16px 0 0; float: right; display: inline;}
.icon span {}
.icon-comments i {background-image: url(../img/icons/comments.gif);}
.icon-views i {background-image: url(../img/icons/views.gif);}
.icon-retweet {padding-left: 74px;}
.icon-retweet i {width: 74px; height: 18px; margin-left: -74px; background-image: url(../img/icons/retweet.gif);}
.icon-facebook-share {padding-left: 74px;}
.icon-facebook-share i {width: 74px; height: 18px; margin-left: -74px; background-image: url(../img/icons/facebook-share.gif);}

.icon-share-facebook {padding-left: 74px;}
.icon-share-facebook i {width: 74px; height: 18px; margin-left: -74px; background-image: url(../img/icons/share-facebook.gif);}

.icon-share-twitter {padding-left: 74px;}
.icon-share-twitter i {width: 74px; height: 18px; margin-left: -74px; background-image: url(../img/icons/share-twitter.gif);}

.icon-share-vkontakte {padding-left: 78px;}
.icon-share-vkontakte i {width: 78px; height: 18px; margin-left: -78px; background-image: url(../img/icons/share-vkontakte.gif);}


.icon-fb-comment {font-size: 14px; line-height: 20px; padding-right: 35px;}
.icon-fb-comment i {width: 21px; height: 19px; margin-right: -35px; background-image: url(../img/icons/fb-comment.gif);}
.icon-fb-comment a,
.icon-fb-comment a:hover {text-decoration: underline; color: #fff;}



/* TABLES
----------------------------------------------- */
table {border-spacing: 0; border-collapse: collapse;}
td, th {padding: 0;}



/* FORMS
----------------------------------------------- */
form,
fieldset {margin: 0; padding: 0; border: 0; display: block;}
textarea {overflow: auto;}
label.placeholder {display: none;}
html input.placeholder,
html button.placeholder,
html select.placeholder,
html textarea.placeholder {color: #333;}

/* button */
.button {overflow: hidden; cursor: default;}
.button button {overflow: visible; margin: 0; padding: 0; border: 0; cursor: pointer; background: transparent;}
.button,
.button * {font-size: 12px; line-height: 16px; font-style: normal; text-decoration: underline; height: 16px; position: relative; float: left; display: inline;}
.button * {color: #600000;}
.button:hover *,
.button-hover * {color: #fff;}
.button button::-moz-focus-inner {border: 0; padding: 0;}

/* jselect */
/* jselect */
.jselect {font-size: 36px; line-height: 40px; color: #620000; height: 40px; position: relative; z-index: 99; cursor: default; user-select: none; -moz-user-select: none; -webkit-user-select: none;}
.jselect-expanded {z-index: 100;}
.jselect-title,
.jselect-title-wrap,
.jselect-list,
.jselect-list ul {background: url(../img/jselect/bg.gif) no-repeat;}
.jselect-title {height: 100%; position: relative; z-index: 1; cursor: pointer; background-position: 0 0;}
.jselect-expanded .jselect-title {background-position: 0 -40px;}
.jselect-title-wrap {height: 100%; margin-left: 30px; background-position: 100% 0;}
.jselect-expanded .jselect-title-wrap {background-position: 100% -40px;}
.jselect-title span {white-space: nowrap; overflow: hidden; margin-left: -30px; padding: 0 10px; position: relative; display: block; zoom: 1;}
.jselect-arr {width: 18px; height: 9px; overflow: hidden; position: absolute; right: 10px; top: 15px; background: url(../img/jselect/arr.gif) no-repeat;}
.jselect-expanded .jselect-arr {background-position: 0 -80px;}
.jselect-list {width: 100%; position: absolute; z-index: 2; left: 0; top: 40px; background-position: 0 100%; display: none;}
.jselect-list ul,
.jselect-list li {margin: 0; padding: 0; list-style: none outside none; display: block;}
.jselect-list ul {margin-left: 30px; padding: 0 0 6px; background-position: 100% 100%;}
.jselect-list li {margin: 0 1px 0 -29px; padding: 0 10px; position: relative; background: none; zoom: 1;}
.jselect-list li:hover,
.jselect-list li.hover {color: #666;}



/* NAVIGATION
----------------------------------------------- */
/* m1 */
.m1 {font-size: 15px; line-height: 18px; width: 825px; position: absolute;}
.m1 li {margin-right: 12px; float: left; display: inline;}
.m1 li.last {float: right;}
.m1 a,
.m1 span {padding-left: 11px; background: url(../img/m1_sep.gif) no-repeat 0 1px;}
.m1 span {color: #600000; cursor: default;}
#header .m1 {left: 240px; top: 210px;}
#footer .m1 {left: 0; top: 25px;}

/* pager */
.pager {font-size: 14px; line-height: 22px;}
.pager-wrap {float: right;}
.pager ul,
.pager li {margin: 0; padding: 0; background: none; float: left;}
.pager li {margin-left: 5px;}
.pager .control {float: left;}
.pager .control a {text-decoration: none;}
.pager .control-prev {}
.pager .control-next {margin-left: 5px;}
.pager a,
.pager strong {padding: 0 8px; float: left;}
.pager strong {font-weight: normal; color: #fff; background: #00bac9;}



/* STATIC
----------------------------------------------- */
/* girl */
.girl {width: 955px; margin: -55px -10px -40px; position: relative;}

/* club117 */
.club117 {width: 220px; text-align: center; position: absolute; left: 0; top: 177px;}
.club117-small {position: absolute; right: 0; top: 20px;}

/* copy */
.copy {font-size: 10px; line-height: 16px; color: #600000; position: absolute; left: 0; top: 60px;}
.copy a {}
.copy span {margin-right: 10px;}

/* location */
.location {font-size: 10px; line-height: 16px; color: #600000; position: absolute; right: 0; top: 60px;}
.location a {font-size: 15px; line-height: 18px;}
.location .phone,
.location .address {float: left; display: inline;}

/* bn */
#header .bn {width: 940px; height: 100px; position: absolute; left: 0; top: 20px;}
#header .bn p {margin: 0;}

/* socials */
.socials {position: absolute; right: 0; top: 210px;}
.socials ul,
.socials li {float: left; display: inline;}
.socials li {margin-left: 3px;}

/* twitter */
.twitter {width: 687px; height: 50px; position: absolute; left: 240px; top: 270px; background: url(../img/twitter.png) no-repeat;}
.twitter .tweet {padding: 8px 110px 0 20px;}
.twitter .tweet_time {display: none;}
.twitter ul,
.twitter li {margin: 0; padding: 0; background: none; list-style: none outside none;}

/* map */
.map {width: 997px; margin: -32px -31px 4px; display: none;}

/* garbage */
.garbage {position: absolute; background-repeat: no-repeat;}
.garbage-panel {width: 200px; height: 280px; right: -230px; top: 270px; background-image: url(../img/garbage/panel.jpg);}
.garbage-panel {top: 15%;}
.garbage-skull {width: 130px; height: 200px; right: -160px; top: 255px; background-image: url(../img/garbage/skull.jpg);}
.garbage-stars {width: 150px; height: 150px; left: -170px; top: 65px; background-image: url(../img/garbage/stars.jpg);}
.garbage-anchor {width: 180px; height: 245px; right: -220px; top: 255px; background-image: url(../img/garbage/anchor.jpg);}
.garbage-bikini {width: 203px; height: 277px; right: -230px; top: 205px; background-image: url(../img/garbage/bikini.jpg);}
.garbage-bikini {top: auto; bottom: 195px;}
.garbage-stones1 {width: 60px; height: 80px; right: -100px; top: 930px; background-image: url(../img/garbage/stones1.jpg);}
.garbage-stones1 {top: -130px;}
.garbage-stones2 {width: 70px; height: 70px; left: -96px; top: 80px; background-image: url(../img/garbage/stones2.jpg);}
.garbage-turntable {width: 250px; height: 300px; left: -270px; top: 615px; background-image: url(../img/garbage/turntable.jpg);}
.garbage-turntable {top: 35%;}



/* MODULES
----------------------------------------------- */
/* page-title */
.page-title {margin-bottom: 20px; position: relative; z-index: 10;}
.page-title h1,
.page-title h2 {font: 36px/40px Arial, Helvetica, sans-serif; color: #620000; margin: 0 0 0 240px; padding-left: 25px; background: url(../img/h1.gif) no-repeat; float: left; display: inline;}
.page-title .pager {position: absolute; right: 0; bottom: 10px;}

/* ajax */
#ajax {position: relative;}
#ajaxWarp {}
#ajaxLoading {width: 45px; height: 45px; margin: -23px 0 0 -23px; position: absolute; z-index: 9999; left: 50%; top: 200px; background: url(../img/loading.gif) no-repeat; display: none;}

/* html */
.html {margin: 0 0 16px 200px;}
.html h1 {font: 36px/40px Arial, Helvetica, sans-serif; color: #620000; margin: 0; padding-left: 25px; background: url(../img/h1.gif) no-repeat;}
.html h2 {font: 24px/30px Arial, Helvetica, sans-serif; color: #620000; margin: 0 0 8px; padding-left: 15px; background: url(../img/h2.gif) no-repeat;}

/* calendar */
.calendar {margin-bottom: 32px; position: relative;}
.calendar .download {position: absolute; z-index: 20; right: 60px; top: 21px;}
.calendar .download a {position: relative;}
.calendar .download i {width: 40px; height: 40px; overflow: hidden; position: absolute; right: -55px; bottom: 0; background: url(../img/icons/pdf.png); display: block;}
.calendar .page-title h2 {margin-left: 0;}
.calendar .page-title select {width: 220px;}
.calendar .page-title .jselect {float: left; display: inline;}

/* calendar-list */
.calendar-list {}
.calendar-list ul {margin-left: -10px;}
.calendar-list li {width: 125px; height: 125px; margin: 0 0 10px 10px; position: relative; background: url(../img/calendar/default_bg.gif) no-repeat; cursor: default; float: left; display: inline;}
.calendar-list a {text-decoration: none; width: 100%; height: 100%; position: relative; display: block;}
.calendar-list li,
.calendar-list a,
.calendar-list a:hover {color: #600000;}
.calendar-list li.blank {background-image: url(../img/calendar/blank_bg.gif);}
.calendar-list li.event {color: #fff; background-image: url(../img/calendar/event_bg.jpg);}
.calendar-list li.event-no-stars {color: #fff; background-image: url(../img/calendar/event_no_stars_bg.jpg);}
.calendar-list li.fest {background: #fff;}
.calendar-list .img {text-align: right; width: 125px; height: 125px; position: absolute; left: 0; top: 0;}
.calendar-list .date {font-size: 48px; line-height: 56px; position: absolute; left: 8px; top: 0; z-index: 1;}
.calendar-list .day {font-size: 11px; line-height: 16px; position: absolute; right: 8px; bottom: 4px; z-index: 1;}
.calendar-list .stars {position: absolute; right: 8px; bottom: 20px; z-index: 1;}
.calendar-list .stars i {width: 14px; height: 14px; overflow: hidden; background: url(../img/calendar/star.png) repeat-x; display: block;}
.calendar-list .stars2 i {width: 28px;}
.calendar-list .stars3 i {width: 42px;}
.calendar-list .stars4 i {width: 56px;}
.calendar-list .stars5 i {width: 70px;}

/* calendar-descr */
.calendar .calendar-descr {display: none;}
.calendar-descr {font: 12px/16px Arial, Helvetica, sans-serif; color: #666; position: relative;}
.calendar-descr .date {font-size: 48px; line-height: 56px; color: #600000; border-bottom: 1px solid #ccc;}
.calendar-descr .day {font-size: 11px; line-height: 16px; color: #600000; position: absolute; right: 0; top: 0;}
.calendar-descr h3 {font: 18px/22px Arial, Helvetica, sans-serif; color: #000; margin: 4px 0 0; padding-bottom: 4px; border-bottom: 1px solid #ccc;}
.calendar-descr .stars {margin: 8px 0 0;}
.calendar-descr h4 {font: 18px/22px Arial, Helvetica, sans-serif; color: #600000; margin: 0; padding-left: 20px; background: url(../img/calendar/star.gif) no-repeat 0 3px;}
.calendar-descr h5 {font: 14px/16px Arial, Helvetica, sans-serif; color: #000; margin: 8px 0 0;}
.calendar-descr .txt {margin-top: 16px;}
.calendar-descr .txt p {margin: 0;}

/* project-list */
.project-list {margin-bottom: 16px;}
.project-list .i {margin-bottom: 24px;}
.project-list .i-last {margin-bottom: 0;}
.project-list h2 {}
.project-list h3 {font: 24px/30px Arial, Helvetica, sans-serif; color: #620000; margin: 0 0 8px; padding-left: 15px; background: url(../img/h2.gif) no-repeat;}
.project-list .date {font-size: 18px; line-height: 20px; color: #fff; padding: 0 5px; position: absolute; right: 0; top: -4px; background: #00bac9; display: block;}
.project-list .link {font-size: 14px; line-height: 16px; position: absolute; right: 0; top: 20px;}
.project-list .images {margin-bottom: 24px;}
.project-list .images ul {margin-left: -10px;}
.project-list .images li,
.project-list .images li img {width: 125px; height: 125px;}
.project-list .images li {margin-left: 10px; float: left; display: inline;}
.project-list .descr {}
.project-list .img {width: 220px; margin-bottom: 16px; float: left; display: inline;}
.project-list .txt {font-size: 14px; line-height: 18px; width: 700px; float: right; display: inline;}
.project-list .txt p {margin: 0;}

/* gallery-list */
.gallery-list {}
.gallery-list .list {margin-left: -20px;}
.gallery-list .br {height: 20px;}
.gallery-list .i,
.gallery-list .i img {width: 220px; height: 220px;}
.gallery-list .i {margin-left: 20px; position: relative; float: left; display: inline;}
.gallery-list .i a {text-decoration: none;}
.gallery-list .title {font-size: 12px; line-height: 14px; color: #fff; width: 205px; display: block; position: absolute; left: 5px; bottom: 5px; border-left: 5px solid #00bac9;}
.gallery-list .title span {background: #00bac9; padding-right: 5px;}

/* gallery */
.gallery {}
.gallery .page-title .title {text-align: right; width: 500px; margin-right: 5px; position: absolute; right: 0; bottom: 11px; border-right: 5px solid #00bac9;}
.gallery .page-title .title h2 {font: 18px/20px Arial, Helvetica, sans-serif; color: #fff; margin: 0; padding: 0 0 0 5px; background: #00bac9; float: right; display: inline;}
.gallery .list {margin-left: -10px;}
.gallery .br {height: 10px;}
.gallery .i {width: 125px; height: 125px; margin-left: 10px; float: left; display: inline;}
.gallery .img,
.gallery .img img {width: 125px; height: 105px;}
.gallery .img {position: relative;}
.gallery .info {margin-top: 4px;}
.gallery .icon {margin-left: 10px; float: right;}

/* gallery-image */
.gallery-image {}
.gallery-image .page-title .title {text-align: right; width: 500px; margin-right: 5px; position: absolute; right: 0; bottom: 11px; border-right: 5px solid #00bac9;}
.gallery-image .page-title .title h2 {font: 18px/20px Arial, Helvetica, sans-serif; color: #fff; margin: 0; padding: 0 0 0 5px; background: #00bac9; float: right; display: inline;}
.gallery-image .image {}
.gallery-image .image table {margin: 0 auto;}
.gallery-image .image-wrap {position: relative;}
.gallery-image .img {border: 5px solid #fff;}
.gallery-image .control {top: 120px; position: absolute;}
.gallery-image .control,
.gallery-image .control i {width: 50px; height: 50px; display: block;}
.gallery-image .control i {text-indent: -9999px; overflow: hidden; background: url(../img/gallery-image_control.gif) no-repeat;}
.gallery-image .control-prev {left: -80px;}
.gallery-image .control-prev a i {background-position: 0 0;}
.gallery-image .control-prev i,
.gallery-image .control-prev a:hover i {background-position: 0 -80px;}
.gallery-image .control-next {right: -80px;}
.gallery-image .control-next a i {background-position: -80px 0;}
.gallery-image .control-next i,
.gallery-image .control-next a:hover i {background-position: -80px -80px;}
.gallery-image .comments {margin: 20px 0 0 240px; background: #817454; left: 1px; top: 1px; position: relative;}
.gallery-image .comments-share h3 {font: 14px/18px Arial, Helvetica, sans-serif; color: #620000; margin: 0 10px 14px 0; float: left; display: inline;}
.gallery-image .comments-share .icon {margin-right: 4px;}
.gallery-image .comments-wrap {min-height: 200px; padding: 10px; background: #fff; left: -1px; top: -1px; position: relative;}

/* audio-list */
.audio-list {}
.audio-list .list {margin-left: -20px;}
.audio-list .br {height: 20px;}
.audio-list .i {margin-left: 20px; position: relative; float: left; display: inline;}
.audio-list .i,
.audio-list .i img {width: 220px; height: 220px;}

/* video-list */
.video-list {margin-bottom: 16px;}
.video-list .list {margin-left: -20px;}
.video-list .br {height: 20px;}
.video-list .i {width: 220px; height: 220px; margin-left: 20px; float: left; display: inline;}
.video-list .img,
.video-list .img i,
.video-list .img img {width: 220px; height: 200px;}
.video-list .img {position: relative;}
.video-list .img i {width: 56px; height: 56px; margin: -28px 0 0 -28px; left: 50%; top: 50%; position: absolute; background: url(../img/video-list_img.png) no-repeat; display: block;}
.video-list .title {font-size: 12px; line-height: 14px; color: #fff; width: 205px; display: block; position: absolute; left: 5px; bottom: 5px; border-left: 5px solid #00bac9;}
.video-list .title span {background: #00bac9; padding-right: 5px;}
.video-list .info {margin-top: 4px;}
.video-list .info .icon {margin-left: 10px; float: right;}

/* tv */
.tv {}
.tv .page-title h2 {margin-left: 0;}
.tv .descr {width: 220px; float: right; display: inline;}
.tv .date {font-size: 9px; line-height: 16px; color: #600000; margin-bottom: 4px;}
.tv .title {border-left: 5px solid #00bac9; margin-bottom: 8px;}
.tv h3 {font: 24px/27px Arial, Helvetica, sans-serif; color: #fff; margin: 0; background: #00bac9; padding-right: 5px; display: inline;}
.tv .text {}
.tv .text p {margin: 0;}
.tv .info {margin-top: 4px;}
.tv .info .icon {margin-left: 10px; float: right;}
.tv .content {width: 700px; float: left; display: inline;}
.tv .movie {}

/* video */
.video {}
.video .descr {width: 220px; float: left; display: inline;}
.video .date {font-size: 9px; line-height: 16px; color: #600000; margin-bottom: 4px;}
.video .title {border-left: 5px solid #00bac9; margin-bottom: 8px;}
.video h2 {font: 24px/27px Arial, Helvetica, sans-serif; color: #fff; margin: 0; background: #00bac9; padding-right: 5px; display: inline;}
.video .share {margin-top: 20px;}
.video .share .icon {margin-right: 5px;}
.video .content {width: 700px; float: right; display: inline;}
.video .movie {}
.video .comments {margin-top: 20px; background: #817454; left: 1px; top: 1px; position: relative;}
.video .comments-wrap {min-height: 200px; padding: 10px; background: #fff; left: -1px; top: -1px; position: relative;}

/* feedback */
.feedback {}
.feedback .page-title h1 {}
.feedback form {margin-left: 240px;}
.feedback .fields {}
.feedback .left {width: 325px; float: left; display: inline;}
.feedback .right {width: 360px; float: right; display: inline;}
.feedback .i {margin-bottom: 15px;}
.feedback .input-text {height: 40px; position: relative; border: 2px solid #600000;}
.feedback .i-error .input-text {border-color: #f00;}
.feedback .input-text input {width: 295px; margin: 0; padding: 15px; position: absolute; left: -2px; top: -2px; border: 0; background: transparent;}
.feedback .textarea {height: 160px; position: relative; border: 2px solid #600000;}
.feedback .i-error .textarea {border-color: #f00;}
.feedback .textarea textarea {width: 330px; height: 134px; margin: 0; padding: 15px; position: absolute; left: -2px; top: -2px; border: 0; background: transparent;}
.feedback .i-submit {height: 16px;}
.feedback .i-submit .button {float: right;}
.feedback .loading {width: 16px; height: 16px; background: url(../img/feedback_loading.gif) no-repeat; float: right; display: none;}
.feedback .status {text-align: right; display: none;}
.feedback .status p {margin: 0;}
.feedback .status-ok {}
.feedback .status-error {}

/* hotline */
.hotline {font: 36px/42px Arial, Helvetica, sans-serif; color: #620000; margin-left: 240px;}
.hotline h2 {font: 12px/16px Arial, Helvetica, sans-serif; color: #333; margin: 0;}
.hotline p {margin: 0;}

.hotline2 {font: 24px Arial, Helvetica, sans-serif; color: #620000; margin-left: 580px;margin-top: -59px;}
.hotline2 h2 {font: 12px/16px Arial, Helvetica, sans-serif; color: #333; margin: 0;}
.hotline2 p {margin: 0;}

/* fBox */
#fBox {position: absolute; left: 0; top: 0; z-index: 9999;}
.fbox-bg,
.fbox-top,
.fbox-bot {background: url(../img/fbox.png) no-repeat;}
* html .fbox-bg,
* html .fbox-top,
* html .fbox-bot {background-image: url(../img/fbox.gif); background-repeat: no-repeat;}
*+html .fbox-bg,
*+html .fbox-top,
*+html .fbox-bot {background-image: url(../img/fbox.gif); background-repeat: no-repeat;}
.fbox-bg {width: 285px; position: relative; background-position: 0 50%;}
.fbox-right .fbox-bg {background-position: -285px;}
.fbox-top {width: 285px; height: 14px; overflow: hidden; background-position: 0 0;}
.fbox-bot {width: 285px; height: 14px; overflow: hidden; background-position: 0 100%;}
.fbox-right .fbox-top {background-position: 100% 0;}
.fbox-right .fbox-bot {background-position: 100% 100%;}
.fbox-content {width: 240px; margin-left: 14px;}
.fbox-right .fbox-content {margin-left: 31px;}

/* fancybox*/
#fancybox-loading {position: fixed; top: 50%; left: 50%; height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none;}
* html #fancybox-loading {position: absolute; margin-top: 0;}
#fancybox-loading div {position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url(../img/fancybox/fancybox.png);}
#fancybox-overlay {position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; z-index: 1100; display: none;}
* html #fancybox-overlay {position: absolute; width: 100%;}
#fancybox-tmp {padding: 0; margin: 0; border: 0; overflow: auto; display: none;}
#fancybox-wrap {position: absolute; top: 0; left: 0; margin: 0; padding: 20px; z-index: 1101; display: none;}
#fancybox-outer {position: relative; width: 100%; height: 100%; background: #FFF;}
#fancybox-inner {position: absolute; top: 0; left: 0; width: 1px; height: 1px; padding: 0; margin: 0; outline: none; overflow: hidden;}
#fancybox-hide-sel-frame {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent;}
#fancybox-close {position: absolute; top: -60px; right: -60px; width: 50px; height: 50px; background: #600000 url(../img/fancybox/fancy_close.png) no-repeat; cursor: pointer; z-index: 1103; display: none;}
#fancybox-close:hover {background-color: #00bac9;}
#fancybox_error {color: #444; font: normal 12px/20px Arial; padding: 7px; margin: 0;}
#fancybox-content {height: auto; width: auto; padding: 0; margin: 0;}
#fancybox-img {width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; -ms-interpolation-mode: bicubic;}
#fancybox-frame {position: relative; width: 100%; height: 100%; border: none; display: block;}
#fancybox-title {position: absolute; bottom: 0; left: 0; font-family: Arial; font-size: 12px; z-index: 1102;}
.fancybox-title-inside {padding: 10px 0; text-align: center; color: #333;}
.fancybox-title-outside {padding-top: 5px; color: #FFF; text-align: center; font-weight: bold;}
.fancybox-title-over {color: #FFF; text-align: left;}
#fancybox-title-over {padding: 10px; background-image: url(../img/fancybox/fancy_title_over.png); display: block;}
#fancybox-title-wrap {display: inline-block;}
#fancybox-title-wrap span {height: 32px; float: left;}
#fancybox-title-left {padding-left: 15px; background-image: url(../img/fancybox/fancybox.png); background-position: -40px -90px; background-repeat: no-repeat;}
#fancybox-title-main {font-weight: bold; line-height: 29px; background-image: url(../img/fancybox/fancybox-x.png); background-position: 0px -40px; color: #FFF;}
#fancybox-title-right {padding-left: 15px; background-image: url(../img/fancybox/fancybox.png); background-position: -55px -90px; background-repeat: no-repeat;}
#fancybox-xtra {padding-top: 12px; position: absolute; bottom: 0; left: 0; z-index: 1102;}
#fancybox-xtra-wrap {min-width: 587px; position: relative;}

#fancybox-left,
#fancybox-right {position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background-image: url(../img/fancybox/blank.gif); z-index: 1102; display: none;}
#fancybox-left {left: 0px;}
#fancybox-right {right: 0px;}
#fancybox-left-ico,
#fancybox-right-ico {position: absolute; top: 50%; width: 50px; height: 50px; margin-top: -25px; cursor: pointer; z-index: 1102; display: block;}
#fancybox-left-ico {left: -60px; background: #600000 url(../img/fancybox/fancy_nav_left.png) no-repeat;}
#fancybox-right-ico {right: -60px; background: #600000 url(../img/fancybox/fancy_nav_right.png) no-repeat;}
#fancybox-left:hover,
#fancybox-right:hover {visibility: visible;}
#fancybox-left:hover span {background-color: #00bac9;}
#fancybox-right:hover span {background-color: #00bac9;}
.fancy-bg {position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001;}
#fancy-bg-n {top: -20px; left: 0; width: 100%; background-image: url(../img/fancybox/fancybox-x.png);}
#fancy-bg-ne {top: -20px; right: -20px; background-image: url(../img/fancybox/fancybox.png); background-position: -40px -162px;}
#fancy-bg-e {top: 0; right: -20px; height: 100%; background-image: url(../img/fancybox/fancybox-y.png); background-position: -20px 0px;}
#fancy-bg-se {bottom: -20px; right: -20px; background-image: url(../img/fancybox/fancybox.png); background-position: -40px -182px;}
#fancy-bg-s {bottom: -20px; left: 0; width: 100%; background-image: url(../img/fancybox/fancybox-x.png); background-position: 0px -20px;}
#fancy-bg-sw {bottom: -20px; left: -20px; background-image: url(../img/fancybox/fancybox.png); background-position: -40px -142px;}
#fancy-bg-w {top: 0; left: -20px; height: 100%; background-image: url(../img/fancybox/fancybox-y.png);}
#fancy-bg-nw {top: -20px; left: -20px; background-image: url(../img/fancybox/fancybox.png); background-position: -40px -122px;}
#fancybox-loading.fancybox-ie div {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancybox/fancy_loading.png', sizingMethod='scale');}
.fancybox-ie #fancybox-close {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancybox/fancy_close.png', sizingMethod='scale');}
.fancybox-ie #fancybox-title-over {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1;}
.fancybox-ie #fancybox-title-left {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancybox/fancy_title_left.png', sizingMethod='scale');}
.fancybox-ie #fancybox-title-main {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancybox/fancy_title_main.png', sizingMethod='scale');}
.fancybox-ie #fancybox-title-right {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancybox/fancy_title_right.png', sizingMethod='scale');}
.fancybox-ie #fancybox-left-ico {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancybox/fancy_nav_left.png', sizingMethod='scale');}
.fancybox-ie #fancybox-right-ico {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancybox/fancy_nav_right.png', sizingMethod='scale');}
.fancybox-ie .fancy-bg {background: transparent !important;}
.fancybox-ie #fancy-bg-n {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancybox/fancy_shadow_n.png', sizingMethod='scale');}
.fancybox-ie #fancy-bg-ne {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancybox/fancy_shadow_ne.png', sizingMethod='scale');}
.fancybox-ie #fancy-bg-e {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancybox/fancy_shadow_e.png', sizingMethod='scale');}
.fancybox-ie #fancy-bg-se {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancybox/fancy_shadow_se.png', sizingMethod='scale');}
.fancybox-ie #fancy-bg-s {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancybox/fancy_shadow_s.png', sizingMethod='scale');}
.fancybox-ie #fancy-bg-sw {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancybox/fancy_shadow_sw.png', sizingMethod='scale');}
.fancybox-ie #fancy-bg-w {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancybox/fancy_shadow_w.png', sizingMethod='scale');}
.fancybox-ie #fancy-bg-nw {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/fancybox/fancy_shadow_nw.png', sizingMethod='scale');}

.fb-xtra {display: none;}
.fb-xtra-share {margin-left: -10px; padding: 16px 24px 16px 16px; background: #fff; float: left; display: inline;}
.fb-xtra-share h3 {font: 14px/18px Arial, Helvetica, sans-serif; color: #620000; margin: 0 10px 0 0; float: left; display: inline;}
.fb-xtra-share .icon {margin-right: 4px;}
.fb-xtra-comment {margin-right: -10px; padding: 15px 16px 15px 24px; background: #600000; float: right; display: inline;}