@charset "UTF-8";
/*  screen.css
*/

/*  ---------------------------------------------------------------------------
 * FONTS 
 *  ---------------------------------------------------------------------------
*/


@font-face {
font-family: Lato, sans-serif;
font-family: NanumBarunGothicLight, NanumBarunGothicUltraLight, sans-serif;
src: url("/fonts/NanumBarunGothicLight.otf");
src: url("/fonts/NanumBarunGothicLight.ttf");
src: url("/fonts/NanumBarunGothicUltraLight.otf");
src: url("/fonts/NanumBarunGothicUltraLight.ttf");
}



/*  ---------------------------------------------------------------------------
 *  ELEMENTS: GENERAL ATTRIBUTES
 *  ---------------------------------------------------------------------------
*/

body {
  background-color: #FAFAF9;
  color: #333333;
  font-family: Lato, sans-serif;
  font-size: 13px;
  line-height: 22px;
  font-weight: 300;
  text-transform: none;
}

div.unit-copy{
    text-align: justify !important;
}

a:link,
a:visited,
a:hover,
a:active {
  text-decoration: none;
  font-family: Lato, sans-serif;
  color: #999999;
  font-weight: 300;
}

ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

li {
  list-style-type: none;
}

/*  ---------------------------------------------------------------------------
 *  CLASSES: GENERAL
 *  ---------------------------------------------------------------------------
*/

.color-00 a:link,
.color-00 a:visited,
.color-00 a:active,
.color-00 {
  color: #1b1818;
  font-family: Lato, sans-serif;
  font-weight:300;
  text-shadow: 0.5px 0.5px 2px #1b1818;
}

.color-01 {
  color: #333333;
}

.color-02 a:link,
.color-02 a:visited,
.color-02 a:active,
.color-02 {
  color: #999999;
}

a:link.color-03 ,
a:visited.color-03 ,
a:active.color-03 ,
.color-03 {
  color: #1b1818;
}

a:hover.color-03{
    color: #1b1818;
}

.color-04 {
  background-color: #fafaf9;
}

.color-05 {
  color: #9BA2A7;
}

.color-06 {
  background-color: #FFFFFF;
}

.color-07 {
  background-color: #fafaf9;
}

a:link.color-08,
a:visited.color-08,
a:active.color-08,
.color-08 {
  font-family: Lato, sans-serif;
  color: #FFFFFF;
}

.color-09 {
  color: #fafaf9;
}
/* ----- */

.color-00 span.link-on,
.color-00 a.link-on,
.color-00 a:hover {
	font-family: Lato, sans-serif;
	font-weight: 300;
	color: #1b1818;
	text-shadow: 0.5px 0.5px 1px #1b1818;
  }
  

.color-00.uppercase span.link-on,
.color-00.uppercase a.link-on,
.color-00.uppercase a:hover {
  font-family: Lato, sans-serif;
  font-weight: 300;
  color: #1b1818;
}

.color-02 a.link-on,
.color-02 a:hover {
  font-family: Lato, sans-serif;
  color: #333333;
}

.color-02.uppercase a.link-on,
.color-02.uppercase a:hover {
  font-family: Lato, sans-serif;
  color: #333333;
  font-weight: 300;
}

a:hover.color-08 {
  font-family: Lato, sans-serif;
  color: #FFFFFF;
}

/* ----- */

.font-00 {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: normal;
}

.font-01 {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 300;
}

.font-02 {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 100;
}

.font-03 {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 300;
}

.font-04 {
  font-family: NanumBarunGothicLight, sans-serif;
  font-style: normal;
}

.font-05 {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 100;
  letter-spacing:20px;
}

.font-06 {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 100;
  letter-spacing:12px;
}

.font-07 {
  font-family: Lato, sans-serif;
  font-style: normal;
  font-weight: 300;
  letter-spacing:10px;
}

/* ----- */

.size-00 {
  font-size: 10px;
  line-height: 10px;
}

.size-01 {
  font-size: 11px;
  line-height: 11px;
}

.size-02 {
  font-size: 12px;
  line-height: 12px;
}

.size-03 {
  font-size: 13px;
  line-height: 13px;
}

.size-04 {
  font-size: 13px;
  line-height: 20px;
}

.size-05 {
  font-size: 14px;
  line-height: 14px;
}

.size-06 {
  font-size: 16px;
  line-height: 16px;
}

.size-07 {
  font-size: 18px;
  line-height: 18px;
}

.size-08 {
  font-size: 20px;
  line-height: 20px;
}

.size-09 {
  font-size: 24px;
  line-height: 24px;
}

.size-10 {
  font-size: 40px;
  line-height: 40px;
}

.size-11 {
  font-size: 72px;
  line-height: 72px;
}

.size-12 {
  font-size: 24px;
  line-height: 28px;
}

.size-13 {
  font-size: 24px;
  line-height: 30px;
}

.size-14 {
  font-size: 20px;
  line-height: 26px;
}

.size-15 {
  font-size: 11px;
  line-height: 16px;
}

.size-16 {
  font-size: 11px;
  line-height: 19px;
}

.size-17 {
  font-size: 40px;
  line-height: 42px;
}

.size-18 {
  font-size: 16px;
  line-height: 23px;
}

.size-19 {
  font-size: 12px;
  line-height: 22px;
}

.size-20 {
  font-size: 10px;
  line-height: 16px;
}

.size-21 {
  font-size: 14px;
  line-height: 20px;
}

.size-22 {
  font-size: 32px;
  line-height: 32px;
}

.size-23 {
  font-size: 8px;
  line-height: 25px;
}

.size-24 {
  font-size: 18px;
  line-height: 32px;
}

.size-25 {
  font-size: 16px;
  line-height: 32px;
}

.size-26 {
  font-size: 50px;
  line-height: 38px;
}

/* ----- */

.spacing-00 {
  margin: 80px 0 0 0;
}

.spacing-01 {
  margin: 60px 0 0 0;
}

.spacing-02 {
  padding: 50px 0 3px 0;
}

.spacing-03 {
  margin: 40px 0 0 0;
}

.spacing-04 {
  margin: 120px 0 0 0;
}

.spacing-05 {
  margin: 20px 0 0 0;
}

.spacing-06 {
  margin: 100px 0 0 0;
}

.spacing-07 {
  margin: 40px 0 0 0;
  padding: 0 0 60px 0;
}

.spacing-08 {
  margin: 0 0 0 2px;
}

.spacing-09 {
  height: 20px;
  font-size: 0;
  line-height: 0;
}

.spacing-10 {
  margin: 0 0 0 20px;
}


/* ----- */

.unit .unit-img-outer p,
.unit .unit-text p {
  position: relative;
  margin: 0;
}

/*  ---------------------------------------------------------------------------
 *  COMPONENT STYLING
 *  ---------------------------------------------------------------------------
*/

.stage,
.footer-parent,
.header-parent {
  background-color:rgba(250,250,249,0.2);
}

.header-parent {
  position: fixed;
  z-index: 3;
  width: 100%;
  top: 0;
}

.header-1,
.header-2,
.footer-1 {
  margin: 0;
}

.header-1 {
  height: 80px;
   background-color: transparent;
}

.header-2 {
  height: 0;
  overflow: hidden;
   background-color: transparent;
}

.footer-1 {
  height: 50px;
}

.splash-image-parent,
.stage {
  overflow: hidden;
}

.back-to-top {
  display: block;
  width: 100%;
  height: 25px;
  bottom: -25px;
  background-color: transparent;
  background-image: url('../images/0001x0001_070pct_FFFFFF.png');
  background-repeat: repeat;
  background-attachment: fixed;
  display: none;
}

.back-to-top:hover {
}

.back-to-top p {
  margin: 0 40px;
  padding: 2px 0 0 0;
  text-align:right;
  cursor: pointer;
}

/*  ---------------------------------------------------------------------------
*/

.site-width {
  width: 980px;
}

.with-bkgd {
  background-color: #F0F0F0;
  background-image: url('../images/0091x0400.png');
  background-repeat: repeat-x;
  background-attachment: fixed;
}

/*  ---------------------------------------------------------------------------
*/

.unit-form fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

.unit-form input[type=text] {
  width: 253px;
  height: 23px;
  margin: 0 0 30px 0;
  padding: 0 10px;
  font-size: 12px;
  line-height: 25px;
}

.unit-form textarea {
  width: 603px;
  height: 265px;
  padding: 6px 10px 0 10px;
  font-size: 12px;
  line-height: 16px;
}

.unit-form .submit {
  margin: 30px 0 0 0;
}

.unit-form input#contact-cancel,
.unit-form input#contact-submit {
  width: 70px;
  height: 22px;
  margin: 0 0 0 20px;
}

.t_off {
  color: #DDDDDD;
  border: 1px solid #DDDDDD;
}

.t_on {
  color: #000000;
  border: 1px solid #000000;
}

.s_off {
  background: url(../images/0070x0022_off.png) no-repeat scroll 0px 0px;
}

.s_on {
  background: url(../images/0070x0022_on.png) no-repeat scroll 0px 0px;
}

/*  ---------------------------------------------------------------------------
*/

.block-00 .header-1 div .menu-small {
  margin: 0 0 0 40px;
  padding: 22px 0 0 0;
  line-height: 0;
}

.block-00 .header-1 div .menu-small ul {
  margin: 0;
  padding: 0;
  font-family: Lato, sans-serif;
}

.block-00 .header-1 div .menu-small ul li {
  padding: 0 8px 0 0;
  font-size: 14px;
  line-height: 16px;
}

.block-00 .header-2 div .menu-large {
  margin: 0 0 0 40px;
  padding: 120px 0 0 0;
  line-height: 0;
}

.block-00 .header-2 div .menu-large ul {
  margin: 0;
  padding: 0;
  font-family: Lato, sans-serif;
  font-weight: 100;
}

.block-00 .header-2 div .menu-large ul li {
  padding: 0 40px 0 0;
  font-size: 44px;
  line-height: 55px;
}

.block-00 .header-2 div .menu-large ul li a.chinese {
    font-size: 48px;
}

.block-00 .header-2 div .menu-large ul li.last {
  padding: 0;
}

.block-02 .footer-1 div span {
  font-size: 12px;
  line-height: 50px;
}

.block-02 .footer-1 div span a {
  padding: 0 23px 0 0;
}

.block-02 .footer-1 div span a.last {
  padding: 0 0 0 0;
}

hr.logo {
  border: 0;
  margin: 0;
  background-color: #ffffff;
  width: 255px;
  height: 3px;
}

hr.logo.top {
  margin: 0 0 5px 0;
}

hr.logo.bottom {
  margin: 2px 0 0 0;
}

div.logo span {
  letter-spacing: 7px;
}

.block-00 .header-1 div div.logo {
  margin: 0 32px 0 0;
  padding: 22px 0 0 0;
  line-height: 0;
}

.block-00 .header-2 div div.logo {
  margin: 24px 20px 0 0;
  padding: 0;
  line-height: 0;
}

.block-07 div .copy-logo div.logo {
  margin: 0 40px 0 0;
  padding: 0;
  line-height: 0;
}

/*  ---------------------------------------------------------------------------
*/

.stage .splash-image-text {
  width: 100%;
  z-index: 2;
}

.stage .splash-image-text .site-width,
.stage .splash-image-text {
  height: 100%;
}

.stage .splash-image-text div div .unit {
  margin: 0 40px;
}

.stage .splash-image-text div div .unit .unit-text .unit-copy {
  margin: -3px 0 0 0;
}

.stage .splash-image-text div div .unit .unit-text .unit-link {
  margin: 22px 0 0 0;
}

/*  ---------------------------------------------------------------------------
*/

.block-03 div .unit {
  margin: 0 40px 0 40px;
}

.block-03 div .unit .unit-text .unit-subtitle {
  margin: 0 0 -3px 0;
}

.block-03 div .unit .unit-text .unit-title {
  margin: 15px 0 -3px 0;
}

.block-03 div .unit .unit-text .unit-copy {
  margin: 15px 0 0 0;
}

.block-03.news-list div .unit .unit-text .unit-title {
  margin: 15px 0 -8px 0;
}

/*  ---------------------------------------------------------------------------
*/

.block-04 div .unit-wrapper {
  margin: 0 40px;
}

.block-04 div div .unit {
  margin: 60px 0 0 0;
}

.block-04 div div .unit.first-row {
  margin: 0;
}

.block-04 div div .unit .unit-text {
  margin: 20px 0 0 0;
}

.block-04 div div .unit.no-image .unit-text {
  margin: 0;
}

.block-04 div div .unit .unit-text .unit-subtitle {
  margin: 0 0 -6px 0;
}

.block-04 div div .unit .unit-text .unit-title {
  margin: 15px 0 -13px 0;
}

.block-04 div div .unit .unit-text .unit-copy {
  margin: 20px 0 -8px 0;
}

.block-04 div div .unit .unit-text .unit-link.first {
  margin: 30px 0 -3px 0;
}

.block-04 div div .unit .unit-text .unit-link {
  margin: 10px 0 -3px 0;
}

.block-04.news-list div div .unit {
  margin: 80px 0 0 0;
}

.block-04.news-list div div .unit.first-row {
  margin: 0 0 0 0;
}

.block-04.news-list div div .unit .unit-text {
  width: 560px;
}

.block-04.news-list div div .unit .unit-text .unit-date {
  margin: 20px 0 -13px 0;
}

.block-04.news-list div div .unit .unit-text .unit-copy {
  margin: 30px 0 -8px 0;
}

/*  ---------------------------------------------------------------------------
*/

.block-05 div .unit-wrapper {
  margin: 0 40px;
}

.block-05 div div .unit {
  margin: 60px 40px 0 0;
}

.block-05 div div .unit.last-column {
  margin: 60px 0 0 0;
}

.block-05 div div .unit.first-row {
  margin: 0 40px 0 0;
}

.block-05 div div .unit.first-row.last-column {
  margin: 0;
}

.block-05 div div .unit .unit-text {
  width: 100%;
  margin: 20px 0 0 0;
}

.block-05 div div .unit.no-image .unit-text {
  margin: 0;
}

.block-05 div div .unit .unit-text .unit-subtitle {
  margin: 0 0 -6px 0;
}

.block-05 div div .unit .unit-text .unit-title {
  margin: 15px 0 -13px 0;
}

.block-05 div div .unit .unit-text .unit-copy {
  margin: 20px 0 -8px 0;
}

.block-05 div div .unit .unit-text .unit-link.first {
  margin: 30px 0 -3px 0;
}

.block-05 div div .unit .unit-text .unit-link {
  margin: 10px 0 -3px 0;
}

/*  ---------------------------------------------------------------------------
*/

.block-06 div .unit-wrapper {
  margin: 0 40px;
}

.block-06 div div .unit {
  margin: 60px 30px 0 0;
}

.block-06 div div .unit.last-column {
  margin: 60px 0 0 0;
}

.block-06 div div .unit.first-row {
  margin: 0 30px 0 0;
}

.block-06 div div .unit.first-row.last-column {
  margin: 0;
}

.block-06 div div .unit .unit-text {
  width: 280px;
  margin: 20px 0 0 0;
}

.block-06 div div .unit.no-image .unit-text {
  margin: 0;
}

.block-06 div div .unit .unit-text .unit-subtitle {
  margin: 0 0 -6px 0;
}

.block-06 div div .unit .unit-text .unit-title {
  margin: 15px 0 -13px 0;
}

.block-06 div div .unit .unit-text .unit-copy {
  margin: 20px 0 -8px 0;
}

.block-06 div div .unit .unit-text .unit-link.first {
  margin: 30px 0 -3px 0;
}

.block-06 div div .unit .unit-text .unit-link {
  margin: 10px 0 -3px 0;
}

/*  ---------------------------------------------------------------------------
*/

.block-07 {
  background-color: #fafaf9;
}

.block-07 div .unit-wrapper {
  margin: 0 40px;
}

.block-07 div div .unit {
  width: 280px;
  margin: 50px 30px 0 0;
}

.block-07 div div .unit.last-column {
  margin: 50px 0 0 0;
}

.block-07 div div .unit.first-row {
  margin: 0 30px 0 0;
}

.block-07 div div .unit.first-row.last-column {
  margin: 0;
}

.block-07 div div .unit .unit-img-outer {
  width: 80px;
  margin: 15px 20px 0 0;
}

.block-07 div div .unit .unit-subtitle {
  margin: 0 0 -2px 0;
}

.block-07 div div .unit .unit-text {
  width: 180px;
  margin: 15px 0 0 0;
}

.block-07 div div .unit .unit-text .unit-title {
  margin: -3px 0 -8px 0;
}

.block-07 div div .unit .unit-text .unit-copy {
  margin: 25px 0 0 0;
}

.block-07 div div .unit .unit-img-outer .unit-link.first,
.block-07 div div .unit .unit-img-outer .unit-link {
  margin: 15px 0 -3px 0;
}

.block-07 div div .unit.no-image .unit-img-outer .unit-link.first {
  margin: 0 0 -3px 0;
}

.block-07 div .copy-logo {
  margin: 0 0 40px 0;
  padding: 100px 0 0 0;
}

.block-07 div .copy-logo div.copy {
  bottom: 0;
  margin: 0 0 -8px 40px;
}

/*  ---------------------------------------------------------------------------
*/

.block-08 div .unit {
  margin: 0 40px 30px 40px;
}

.block-08.artist-detail div .unit {
  margin: 0 40px 40px 40px;
}

.block-08 div .unit .unit-external {
  margin: 0 0 -1px 0;
}

.block-08 div .unit .unit-external .custom-link {
  margin: 10px 0 0 0;
}

/*  ---------------------------------------------------------------------------
*/

.navigation.h-scroller .left {
  left: 0;
  width: 16px; /* IE7 */
}

.navigation.h-scroller .right {
  right: 0;
  width: 16px; /* IE7 */
}

.navigation.h-scroller div a {
  display: none;
  width: 16px;
  height: 28px;
  margin: 61px 0 0 0;  /* (150/2)+(28/2) */
}

.navigation.h-scroller .right a.prev {
  float: left;
}

.navigation.h-scroller .right a.next {
  float: right;
}

.navigation.h-scroller .left a.prev {
  background: url(../images/0032x0084_sprite.png) no-repeat scroll 0px 0px;
}

.navigation.h-scroller .right a.next {
  background: url(../images/0032x0084_sprite.png) no-repeat scroll -16px 0px;
}

.navigation.h-scroller.video .left a.prev {
  background: url(../images/0032x0084_sprite.png) no-repeat scroll 0px -56px;
}

.navigation.h-scroller.video .right a.next {
  background: url(../images/0032x0084_sprite.png) no-repeat scroll -16px -56px;
}

.navigation.h-scroller .left a:hover.prev {
  background: url(../images/0032x0084_sprite.png) no-repeat scroll 0px -28px;
}

.navigation.h-scroller .right a:hover.next {
  background: url(../images/0032x0084_sprite.png) no-repeat scroll -16px -28px;
}

/*  ---------------------------------------------------------------------------
*/

.block-09 div .mask {
  height: 150px;
  margin: 0 44px 0 40px;
  padding: 0 0 0 1px;
  overflow: hidden;
}

.block-09 div .mask .unit-wrapper {
  left: 1px;
}

.block-09 div .unit-wrapper .unit {
  display: block;
  width: 138px;
  height: 110px;
  margin: 0 0 0 -1px;
  padding: 20px;
  border-top-width: 0;
  border-right-width: 1px;
  border-bottom-width: 0;
  border-left-width: 1px;
  border-style: solid;
  border-color: #EEEEEE;
}

.block-09 div .unit-wrapper .unit:link,
.block-09 div .unit-wrapper .unit:visited,
.block-09 div .unit-wrapper .unit:active {
  color: #333333;
}

.block-09 div .unit-wrapper .unit:hover,
.block-09 div .unit-wrapper .unit.link-on {
  background-color: #fafaf9;
}

.block-09 div .unit-wrapper .unit .unit-link {
  bottom: 0;
}

.block-09 div .unit-wrapper .unit .unit-link span {
  display: none;
}

.block-09 div .unit-wrapper .unit:hover .unit-link span {
  display: block;
  color: #FFFFFF;
}

.block-09 div .unit-wrapper .unit.link-on .unit-link span {
    display: none;
}

.block-09 div .unit-wrapper .unit .unit-text .unit-title {
  margin: 15px 0 0 0;
}

.block-09 div .unit-wrapper .unit:hover .unit-text .unit-title,
.block-09 div .unit-wrapper .unit.link-on .unit-text .unit-title {
  color: #FFFFFF;
}

.block-09 div .unit-wrapper .unit .unit-text .unit-subtitle {
  margin: 0 0 -3px 0;
}

/*  ---------------------------------------------------------------------------
*/

.block-10 div .mask {
  width: 200px;
  height: 300px;
  margin: 0 40px;
  overflow: hidden;
}

.block-10 div div .unit-wrapper .unit {
  width: 200px;
  height: 300px;
}

.block-10 div div .unit-wrapper .unit.link-on {
  background-color: #fafaf9;
}

.block-10 div div .unit-wrapper .unit .unit-text .unit-subtitle {
  margin: 25px 0 -2px 0;
}

.block-10 div div .unit-wrapper .unit .unit-text .unit-title {
  margin: 15px 0 -6px 0;
}

.block-10 div div .unit-wrapper .unit .unit-text .unit-copy {
  margin: 15px 0 -6px 0;
}

.block-10 div div .unit-wrapper .unit .unit-text .unit-button {
  margin: 20px 0 0 0;
}

.block-10 div div .unit-wrapper .unit.link-on .unit-text .unit-subtitle {
  color: #9BA2A7;
}

.block-10 div div .unit-wrapper .unit.link-on .unit-text .unit-title,
.block-10 div div .unit-wrapper .unit.link-on .unit-text .unit-copy,
.block-10 div div .unit-wrapper .unit.link-on .unit-text .unit-link {
  color: #FFFFFF;
}

.block-10 .h-wrap-header {
  width: 240px;
  margin: 0 0 0 98px;
}

.block-10 .h-wrap-header .unit-text {
  margin: 0 0 -6px 0;
}

.block-10 .h-wrap {
  margin: 20px 0 0 0;
}

/*  ---------------------------------------------------------------------------
*/

.block-11 div .mask {
  height: 150px;
  margin: 0 43px 0 40px;
  padding: 0 0 0 1px;
  overflow: hidden;
}

.block-11 div .mask .unit-wrapper {
  left: 1px;
}

.block-11 div .unit-wrapper .unit {
  width: 183px;
  height: 110px;
  margin: 0 0 0 -1px;
  padding: 20px;
  border-top-width: 0;
  border-right-width: 1px;
  border-bottom-width: 0;
  border-left-width: 1px;
  border-style: solid;
  border-color: #EEEEEE;
}

.block-11 div .unit-wrapper .unit:link,
.block-11 div .unit-wrapper .unit:visited,
.block-11 div .unit-wrapper .unit:active {
  color: #333333;
}

.block-11 div .unit-wrapper .unit:hover,
.block-11 div .unit-wrapper .unit.link-on {
  background-color: #fafaf9;
}

.block-11 div .unit-wrapper .unit .unit-link {
  bottom: 0;
}

.block-11 div .unit-wrapper .unit .unit-link span {
  display: none;
}

.block-11 div .unit-wrapper .unit:hover .unit-link span {
  display: block;
  color: #FFFFFF;
}

.block-11 div .unit-wrapper .unit.link-on .unit-link span {
    display: none;
}

.block-11 div .unit-wrapper .unit .unit-text .unit-title {
  margin: 15px 0 -9px 0;
}

.block-11 div .unit-wrapper .unit:hover .unit-text .unit-date,
.block-11 div .unit-wrapper .unit.link-on .unit-text .unit-date,
.block-11 div .unit-wrapper .unit:hover .unit-text .unit-title,
.block-11 div .unit-wrapper .unit.link-on .unit-text .unit-title {
  color: #FFFFFF;
}

.block-11 div .unit-wrapper .unit .unit-text .unit-subtitle {
  margin: 0 0 -9px 0;
  padding: 1px 0 0 0;
  width: 183px;
  white-space: nowrap;
  overflow: hidden;
}

.block-11 div .unit-wrapper .unit .unit-text .unit-date {
  margin: 10px 0 0 0;
}

.block-11 div .unit-wrapper .unit.with-image .unit-text {
  width: 78px;
  height: 110px;
  overflow: hidden;
  margin:  0 0 0 20px;
}

/* IE 7 */
.block-11 div .unit-wrapper .unit.with-image .unit-text {
  position: relative;
}

/* IE 7 */
.block-11 div .unit-wrapper .unit.with-image .unit-text .unit-subtitle,
.block-11 div .unit-wrapper .unit.with-image .unit-text .unit-title {
  position: relative;
  overflow: hidden;
}

.block-11 div .unit-wrapper .unit.with-image .unit-text .unit-title {
  white-space: nowrap;
}

.block-11 div .unit-wrapper .unit.with-image .unit-link {
  left: 125px;
}

/*  ---------------------------------------------------------------------------
*/

.block-12 {
  /* (slideshow) styles are defined in screen-galleriffic.css
  */
}

.block-12 div .grid .unit-wrapper {
  margin: 0 40px 0 40px;
  padding: 40px 0 60px 0;
}

.block-12 div .grid div .unit {
  margin: 50px 33px 0 0;
}

.block-12 div .grid div .unit.last-column {
  margin-right: 0;
}

.block-12 div .grid div .unit.first-row {
  margin: 0 33px 0 0;
}

.block-12 div .grid div .unit.first-row.last-column {
  margin: 0;
}

.block-12 div .grid div .unit .unit-text {
  width: 200px;
  margin: 15px 0 0 0;
}

.block-12 div .grid div .unit .unit-text .unit-copy {
  margin: 20px 0 -8px 0;
}

.block-12 div .grid div .unit .unit-img-outer .unit-img-inner {
  line-height: 200px;
}

.block-12 div .grid div .unit .unit-img-outer .unit-img-inner img {
  vertical-align: middle;
}

.block-12 div div #gallery-0.static.form .slideshow-container {
  width: 900px;
  padding: 40px 40px 100px 40px;
}

.block-12 div div .form .slideshow-container .left {
  width: 200px;
  margin: 0 75px 0 0;
}

.block-12 div div .form .slideshow-container .left .unit-img-outer {
  margin: 0 0 -3px 0;
}

.block-12 div div .form .slideshow-container .left .unit-text {
  margin: 20px 0 0 0;
}

.block-12 div div .form .slideshow-container .left .unit-text .unit-copy {
  font-size: 10px;
  line-height: 16px;
}

.block-12 div div .form .slideshow-container .right .unit,
.block-12 div div .form .slideshow-container .right .unit-form {
  width: 625px;
}

.block-12 div div .form .slideshow-container .right .unit .unit-text{
  margin: 0 0 -8px 0;
}

.block-12 div div .form .slideshow-container .right .unit-form {
  margin: 30px 0 0 0;
}

/*  ---------------------------------------------------------------------------
*/

.block-13 div .unit {
  width: 900px;
  margin: 0 40px;
}

.block-13 div .unit .unit-text .unit-copy,
.block-13 div .unit .unit-text .unit-title,
.block-13 div .unit .unit-text .unit-subtitle {
  width: 725px;
}

.block-13 div .unit .unit-text .unit-subtitle {
  margin: 0 0 -3px 0;
}

.block-13 div .unit .unit-text .unit-title {
  margin: 15px 0 -11px 0;
}

.block-13.store div .unit .unit-text .unit-title,
.block-13.gallery div .unit .unit-text .unit-title {
  margin: 15px 0 -8px 0;
}

.block-13.related-items div .unit .unit-text .unit-title {
  margin: 0 0 -5px 0;
}

.block-13.artist-detail div .unit .unit-text .unit-title {
  margin: 15px 0 -9px 0;
}

.block-13.store-detail-0 div .unit .unit-text .unit-title {
  margin: 20px 0 -15px 0;
}

.block-13.store-detail-1 div .unit .unit-text .unit-title {
  margin: 20px 0 -11px 0;
}

.block-13 div .unit .unit-text .unit-copy {
  margin: 15px 0 -8px 0;
}

.block-13.store-detail-0 div .unit .unit-text .unit-copy,
.block-13.store-detail-1 div .unit .unit-text .unit-copy {
  margin: 20px 0 -8px 0;
}

.block-13 div .link-0 {
  top: 0;
  right: 0;
  margin: 45px 40px 0 0;
}

.block-13 div .link-1 {
  right: 0;
  bottom: 8px;
  margin: 0 40px 0 0;
}

.block-13.artist-detail div .link-1 {
  right: 0;
  bottom: -20px;
  margin: 0 40px 0 0;
}

.block-13.store-detail div .link-1 {
  right: 0;
  bottom: 0;
  margin: 0 40px 0 0;
}

.block-13 div .link-2 {
  margin: 20px 0 0 0;
}

.block-13.store-detail-1 div .link-2 {
  margin: 20px 0 -5px 0;
}

.block-13 div .link-2 img {
  margin: 0 1px 0 0;
}

.block-13 div .unit .unit-text .submenu ul {
  margin: 20px 0 0 0;
}

.block-13 div .unit .unit-text .submenu ul li {
  margin: 0 20px -4px 0;
}

.block-13 div .unit .unit-text .submenu ul li.last {
  margin: 0 0 -4px 0;
}

.block-13.store div .link-0,
.block-13.a-works div .link-0 {
  top: 0;
  right: 0;
  margin: 20px 40px 0 0;
}

.block-13.store div .unit .unit-text .unit-copy,
.block-13.store div .unit .unit-text .unit-title,
.block-13.store div .unit .unit-text .unit-subtitle {
  width: auto;
}

.block-13.store div .unit .unit-text .submenu ul {
  margin: 36px 0 0 25px;
}

/*  ---------------------------------------------------------------------------
*/

.block-14 div .unit {
  margin: 0 40px 0 40px;
}

.block-14 div .unit .unit-text .unit-subtitle {
  margin: 0 0 -3px 0;
}

.block-14 div .unit .unit-text .unit-title {
  margin: 15px 0 -09px 0;
}

.block-14 div .unit .unit-text .unit-copy {
  margin: 15px 0 0 0;
}

.block-14 div .unit .unit-text div ul {
  margin: 36px 0 0 0;
}

.block-14 div .unit .unit-text div ul li {
  margin: 0 0 -4px 20px;
}

/*  ---------------------------------------------------------------------------
*/

.block-15 div .unit-wrapper {
  margin: 0 40px;
}

.block-15 div div .unit {
  margin: 60px 30px 0 0;
}

.block-15 div div .unit.last-column {
  margin: 60px 0 0 0;
}

.block-15 div div .unit.first-row {
  margin: 0 30px 0 0;
}

.block-15 div div .unit.first-row.last-column {
  margin: 0;
}

.block-15 div div .unit .unit-text {
  width: inherit;
  margin: 20px 0 0 0;
}

.block-15 div div .unit.no-image .unit-text {
  margin: 0;
}

.block-15 div div .unit .unit-text .unit-subtitle {
  margin: 0 0 -6px 0;
}

.block-15 div div .unit .unit-text .unit-title {
  margin: 15px 0 -18px 0;
}

.block-15 div div .unit .unit-text .unit-copy {
  margin: 26px 0 -8px 0;
}

.block-15 div div .unit .unit-text .unit-link.first {
  margin: 30px 0 -3px 0;
}

.block-15 div div .unit .unit-text .unit-link {
  margin: 10px 0 -3px 0;
}

.block-15.artists-grid div div .unit .unit-img-outer {
  margin: 0 0 -4px 0;
}

/*  ---------------------------------------------------------------------------
*/

.block-16 {
  /* (slideshow) styles are defined in screen-galleriffic-modal.css
  */
}

/*  ---------------------------------------------------------------------------
*/

.block-17 div .region-wrap-left {
  width: 600px;
  margin: 0 0 0 40px;
}

.block-17 div .region-wrap-right {
  width: 340px;
}

.block-17 div .region-wrap-header {
  width: 940px;
  margin: 0 0 0 40px;
}

.block-17 div .region-wrap-left.wide {
  width: 740px;
  margin: 0 0 0 40px;
}

.block-17 div .region-wrap-left .unit-text.wide {
  width: 700px;
}

.block-17 div .region-wrap-right.thin {
  width: 200px;
}

.block-17 div .region-wrap-left.even {
  width: 430px;
  margin: 30px 0 0 40px;
}

.block-17 div .region-wrap-right.even {
  width: 430px;
  margin: 30px 40px 0 40px;
}

.block-17 div .region-wrap-right div .h-wrap {
  width: 280px;
  margin: 20px 0 0 60px;
}

.block-17 div .region-wrap-left .unit.no-image .unit-text {
  margin: 0;
}

.block-17 div .region-wrap-header .unit .unit-text .unit-subtitle,
.block-17 div .region-wrap-left .unit .unit-text .unit-subtitle {
  margin: 0 0 -6px 0;
}

.block-17.video div .region-wrap-left .unit .unit-text .unit-subtitle {
  margin: 20px 0 -6px 0;
}

.block-17 div .region-wrap-header .unit .unit-text .unit-title,
.block-17 div .region-wrap-left .unit .unit-text .unit-title {
  margin: 15px 0 -13px 0;
}

.block-17 div .region-wrap-left .unit .unit-text .unit-date {
  margin: 20px 0 -13px 0;
}

.block-17 div .region-wrap-header .unit .unit-text .unit-date,
.block-17 div .region-wrap-left .unit .unit-text .unit-date.above-graphic {
  margin: 20px 0 -8px 0;
}

.block-17 div .region-wrap-left.even .unit .unit-text .unit-date {
  margin: -4px 0 -13px 0;
}

.block-17 div .region-wrap-left .unit .unit-text .unit-graphic {
  margin: 30px 0 -5px 0;
}

.block-17 div .region-wrap-left .unit .unit-text .unit-copy {
  margin: 30px 0 -8px 0;
}

.block-17 div .region-wrap-right.even .unit .unit-text .unit-copy,
.block-17 div .region-wrap-left.even .unit .unit-text .unit-copy {
  margin: -4px 0 -8px 0;
}

.block-17 div .region-wrap-right .unit .unit-text .unit-link.first,
.block-17 div .region-wrap-left .unit .unit-text .unit-link.first {
  margin: 30px 0 -3px 0;
}

.block-17 div .region-wrap-right .unit .unit-text .unit-link,
.block-17 div .region-wrap-left .unit .unit-text .unit-link {
  margin: 15px 0 -3px 0;
}

.block-17 div .region-wrap-right .unit .unit-text .unit-link.first,
.block-17 div .region-wrap-left .unit .unit-text .unit-link.first {
  margin: 30px 0 -3px 0;
}

.block-17.about div .region-wrap-header .unit .unit-text .unit-title {
  margin: 15px 0 -10px 0;
}

.block-17.staff div .region-wrap-header .unit .unit-text .unit-title {
  margin: -3px 0 -10px 0;
}

.block-17.staff div div .unit .unit-text a:link,
.block-17.staff div div .unit .unit-text a:visited,
.block-17.staff div div .unit .unit-text a:hover,
.block-17.staff div div .unit .unit-text a:active {
  font-family: Lato, sans-serif;
}

/*  ---------------------------------------------------------------------------
*/

.block-18 div .mask {
  height: 290px;
  margin: 0 40px 5px;
  overflow: hidden;
}

.block-18.store div .mask {
  height: 310px;
  margin: 0 40px;
  overflow: hidden;
}

.block-18 div div .unit-wrapper .unit {
  width: 200px;
  height: 295px;
  margin: 0 30px 0 0;
}

.block-18.store div div .unit-wrapper .unit {
  width: 200px;
  height: 310px;
  margin: 0 32px 0 0;
}

/*
.block-15 div div .unit .unit-text .unit-subtitle {
  margin: 0 0 -6px 0;
}

.block-15 div div .unit .unit-text .unit-title {
  margin: 15px 0 -18px 0;
}

.block-15 div div .unit .unit-text .unit-copy {
  margin: 26px 0 -8px 0;
}
*/
.block-18 div div .unit .unit-text {
    margin: 18px 0 0;
}

.block-18 div div .unit-wrapper .unit .unit-text .unit-subtitle {
  margin: 0px 0 -6px 0;
}

.block-18 div div .unit-wrapper .unit .unit-text .unit-title {
  margin: 15px 0 -18px 0;
}

.block-18 div div .unit-wrapper .unit .unit-text .unit-copy {
  margin: 26px 0 -8px 0;
}

.block-18 div div .unit-wrapper .unit .unit-text .unit-button {
  margin: 20px 0 0 0;
}

.block-18 .h-wrap-header {
  margin: 0 0 0 40px;
}

.block-18 .h-wrap-header .unit-text {
  margin: 0 0 -6px 0;
}

.block-18 .h-wrap {
  margin: 20px 0 0 0;
}

.block-18 div div .unit-wrapper .unit .unit-img-inner {
  height: 150px;
  line-height: 150px;
}

.block-18 div div .unit-wrapper .unit .unit-img-outer .unit-img-inner img {
  vertical-align: middle;
}

/*  ---------------------------------------------------------------------------
*/

.block-19 div .section-wrap {
  margin: 0 40px;
}

.block-19 div .section-wrap .unit {
  width: 220px;
  margin: 60px 6px 0 0;
}

.block-19 div .section-wrap .unit.last-column {
  margin: 60px 0 0 0;
}

.block-19 div .section-wrap .unit.first-row {
  margin: 0 6px 0 0;
}

.block-19 div .section-wrap .unit.first-row.last-column {
  margin: 0 0 0 0;
}

.block-19 div .section-wrap .unit .unit-text .unit-subtitle {
  margin: 20px 0 -2px 0;
}

.block-19 div .section-wrap .unit .unit-text .unit-title {
  margin: 15px 0 -6px 0;
}

.block-19 div .section-wrap .unit .unit-text .unit-copy {
  margin: 15px 0 -6px 0;
}

.block-19 div .section-wrap .unit .unit-text .unit-button {
  margin: 20px 0 0 0;
}

.block-19 div .section-wrap .unit .mask {
  width: 220px;
  overflow: hidden;
}

.block-19 div .section-wrap .unit .mask .image-wrap {
  width: 440px;
}

.block-19 div .section-wrap .unit .mask .image-wrap .unit-img-outer {
  width: 220px;
}

.block-19 div .section-wrap .unit .mask .image-wrap .unit-img-outer .unit-img-inner {
  height: 220px;
  line-height: 220px;
}

.block-19 div .section-wrap .unit .mask .image-wrap .unit-img-outer .unit-img-inner a {
  
}

.block-19 div .section-wrap .unit .mask .image-wrap .unit-img-outer .unit-img-inner img {
  vertical-align: middle;
}

/*  ---------------------------------------------------------------------------
*/

.block-20 div table.unit {
  width: 900px;
  margin: 40px 40px 0 40px;
}

.block-20 div .unit thead tr th {
  text-transform: uppercase;
  text-align: left;
  font-size: 10px;
  font-style: normal;
  line-height: 10px;
  padding: 7px 0 3px 0;
}

.block-20 div .unit thead tr .th-1 {
  padding: 5px 0 2px 5px;
}

.block-20 div .unit thead tr .th-2 {
  padding: 5px 0 2px 20px;
}

.block-20 div .unit tbody tr.color-06 td {
  /*
  height: 150px;
  */
}

.block-20 div .unit tbody tr .td-1 {
  padding: 15px;
  text-align: center;
  vertical-align: middle;
}

.block-20 div .unit tbody tr .td-2 {
  border-width: 0 0 0 1px;
  border-style: solid;
  border-color: #F0F0F0;
  padding: 20px;
  vertical-align: top;
}

.block-20 div .unit tbody tr .td-5,
.block-20 div .unit tbody tr .td-4,
.block-20 div .unit tbody tr .td-3 {
  padding: 20px 20px 20px 0;
  vertical-align: top;
}

.block-20 div .unit tbody tr .td-6 {
  padding: 20px;
  vertical-align: top;
}

.block-20 div .unit tbody tr .td-2 .unit .unit-text .unit-title {
  margin: -4px 0 0 0;
}

.block-20 div .unit tbody tr .td-3 input {
  width: 38px;
  border: 1px solid #CCCCCC;
  padding: 2px 0 1px 0;
  text-align: center;
}

.block-20 div .unit tbody tr .td-3 a {
  height: 20px;
  margin: 0 0 0 10px;
}

.shop_cart_thumbnail {
  max-width: 120px;
  max-height: 120px;
  width: auto;
  height: auto;
}

/*  ---------------------------------------------------------------------------
*/

.color-f:link,
.color-f:visited,
.color-f:hover,
.color-f:active,
.color-f {
  color: fuchsia;
}

/*  ---------------------------------------------------------------------------
 *  NOTES
 *  ---------------------------------------------------------------------------
*/

/*
<div class="unit">
    <div class="unit-img-outer no-text">
        <div class="unit-img-inner"><!-- unused -->
        </div>
    </div>
    <div class="unit-text">
        <p class="unit-title"><!-- unused -->
        </p>
        <p class="unit-copy"><!-- unused -->
        </p>
        <p class="unit-link"><!-- unused -->
        </p>
    </div>
</div>
*/

/*  ---------------------------------------------------------------------------
 *  End
*/

#anchor { cursor: pointer; }

#qrHeader { background-color: transparent; padding: 25px; }
#qrContainer { padding: 0px 25px; }
    #qrContainer p.unit-title { margin: 10px 0 10px !important; }
    #qrContainer .slides { font-size: 10px; line-height: 16px; }
        #qrContainer .slides img, #qrContainer .slides iframe { display: block; max-width: 100%; margin: 5px 0px; }
#qrFooter { background-color: transparent; padding: 25px; }
    #qrFooter .unit { margin-top: 20px; }
    #qrContainer .spacing10 {
        width:100%;
        height:10px
    }
    
        #qrContainer .spacing5 {
        width:100%;
        height:5px
    }
    
    #qrlist{
        margin: 30px 0 100px 0;
    }
    
    #qrlist .item{
        margin: 30px 0 30px 0;
        padding-top: 30px;
        padding-left: 25px;
        border-top: 1px solid #fafaf9;
    }
    
    #qrlist .item:first-child{
        border-top: 0;
    }
    
    #qrlist .item img {
        vertical-align: middle;
        margin-right: 30px;
    }/* CSS Document */