@charset "utf-8";

/***** feature *****/
#content div.section.slideshow { position: relative; text-align: center; background: #FFF; }
#content div.section.slideshow img.image { width: 580px; height: 280px; padding: 10px 10px 10px 10px; background: #FFF; vertical-align: top; }
#content div.section.slideshow a.nav { position: absolute; top: 125px; width: 37px; height: 38px; background: top left no-repeat; }
#content div.section.slideshow a.nav:hover { background-position: 0px -38px; }
#content div.section.slideshow a.nav.prev { left: -15px; background-image: url(../../images/client/index-slideshow-nav-left.png); }
#content div.section.slideshow a.nav.next { right: -15px; background-image: url(../../images/client/index-slideshow-nav-right.png); }

/***** artists *****/
#content div.section.artists { position: relative; width: 330px; background: #282218; padding: 0px 15px 15px 15px; color: #FFF; }
#content div.section.artists div.header { margin: 0px -20px 15px -20px; padding: 10px 0px 10px 0px; border: none; background: #EB7F3A; text-align: center; color: #FFF; font-size: 26px; text-transform: uppercase; height: 22px; }
#content div.section.artists div.line { font-weight: bold; text-transform: uppercase; text-align: center; margin-top: 5px; }
#content div.section.artists div.line a { color: #FFFFFF; text-decoration: none; }
#content div.section.artists div.line a:hover { color: #EB7F3A; }
#content div.section.artists div.line span { margin: 0px 5px 0px 5px; }
#content div.section.artists div.line.line1 { font-size: 40px; line-height: 32px; }
#content div.section.artists div.line.line2 { font-size: 24px; line-height: 22px; }
#content div.section.artists div.line.line3 { font-size: 18px; line-height: 20px; }
#content div.section.artists div.line.line4 { font-size: 15px; line-height: 18px; }
#content div.section.artists div.line.line5 { font-size: 11px; line-height: 15px; }
#content div.section.artists div.more { margin-top: 10px; text-align: right; text-transform: uppercase; }
#content div.section.artists div.more a { color: #EB7F3A; font-size: 11px; font-weight: bold; text-decoration: none; }
#content div.section.artists div.more a:hover { color: #FFF; text-decoration: underline; }

/***** info guide *****/
#content div.section.info { width: 178px; }
#content div.section.info div.header { margin-top: 15px; }
#content div.section.info div.text1 { margin-top: 15px; line-height: 15px; font-size: 14px; font-weight: bold; }
#content div.section.info div.text2 { margin-top: 10px; }

/***** bottom sections *****/
#content div.section.bottom { width: 148px; position: relative; }
#content div.section.bottom.nation div.bg { position: absolute; top: -15px; left: 0px; width: 178px; height: 78px; background: url(../../images/client/index-bottom-bg-nation.png) top center no-repeat; }
#content div.section.bottom.merch div.bg { position: absolute; top: -15px; left: 0px; width: 178px; height: 90px; background: url(../../images/client/index-bottom-bg-merch.png) top center no-repeat; }
#content div.section.bottom.gallery div.bg { position: absolute; top: -15px; left: 0px; width: 178px; height: 104px; background: url(../../images/client/index-bottom-bg-gallery.png) top center no-repeat; }
#content div.section.bottom div.header.line1 { margin-top: 40px; font-size: 20px; line-height: 20px; font-weight: bold; text-transform: uppercase; text-shadow: 1px 1px 2px #999; }
#content div.section.bottom div.header.line2 { font-size: 30px; line-height: 24px; font-weight: bold; text-transform: uppercase; text-shadow: 1px 1px 2px #999; color: #EB7F3A; }
#content div.section.bottom div.header { margin-top: 40px; }
#content div.section.bottom div.header a { font-weight: bold; text-transform: uppercase; text-shadow: 1px 1px 2px #999; text-decoration: none; }
#content div.section.bottom div.header a span { display: inline-block; }
#content div.section.bottom div.header a span.line1 { font-size: 20px; line-height: 20px; color: #282218; }
#content div.section.bottom div.header a span.line2 { font-size: 30px; line-height: 24px; color: #EB7F3A; }
#content div.section.bottom div.text { margin-top: 15px; }

/***** in the city *****/
#content div.section.in-the-city img { vertical-align: top; }
#content div.section.in-the-city div.shadow.full-width { bottom: -16px; }