* {margin: 0; padding: 0;} body {width: 100%; background-color: #cac0bf; font-family: "Arial";} a {outline: none} #bar {width: 100%; background: #dad5d2 !important; border-bottom: 2px solid #e6e0de;} /* bg was D1CAC7 */ #bar .wrapper {width: 1000px; margin: auto; min-height: 30px;} #bar #music {float: left;} #bar #email_widget {float: right; padding: 5px;} #bar .clearfix {clear: both; width: 100%; float: none; height: 1px;} #email_widget form {float: right; padding-left: 40px; background: url(/images/mail.jpg) no-repeat center left;} #email_widget form input {background: #ece9e8; border: 0; border-bottom: 2px solid #fff; padding: 6px; font-size: 13px; display: block; float: left; color: #823729;} #email_submit {margin-top: 0px; float: left; margin-left: 5px;} #email_submit input {padding: 4px !important; text-indent: -9999px; height: 30px; width: 30px; background: #ece9e8 url(/images/arrow_email.png) no-repeat center center !important; display: block; padding: 10px !important; cursor: pointer;} #email_submit input:hover {background-image: url(/images/arrow_email_hover.png) !important;} #main {background: #E5E0DC url(/images/bg.png) repeat-x bottom center; height: auto; float: left; width: 100%;} #low_nav, #nav {width: 720px; margin: auto; list-style: none; margin-top: 25px;} #low_nav li, #nav li {float: left; margin-bottom: 30px;} #low_nav a, #nav a {float: left; display: block; font-family: "Helvetica", "Arial"; color: #7E706C; text-transform: uppercase; text-decoration: none; letter-spacing: 0.3em; margin-right: 35px; padding: 5px 0px 2px 0px; margin-bottom: 1px;} #low_nav a:hover, #nav a.active, #nav a:hover {border-bottom: 1px solid #7e706c; margin-bottom: 0;} #low_nav .last a, #nav .last a {margin-right: 0;} #nav li .replace {height: 14px; text-indent: -9999px; background: no-repeat top left;} #nav li .replace.about {width: 82px; background-image: url(/images/nav/about.png);} #nav li .replace.tour {width: 68px; background-image: url(/images/nav/tour.png);} #nav li .replace.store {width: 82px; background-image: url(/images/nav/store.png);} #nav li .replace.gallery {width: 111px; background-image: url(/images/nav/gallery.png);} #nav li .replace.press {width: 72px; background-image: url(/images/nav/press.png);} #nav li .replace.contact {width: 119px; background-image: url(/images/nav/contact.png);} #frame {width: 900px; height: 600px; margin: 30px auto 0px auto; clear: left; overflow: hidden;} #track {width: 7700px; height: 600px;} /* was 5600, each piece 800 */ .slide {width: 800px; float: left; overflow: hidden; margin-bottom: 30px; padding: 0 50px; margin-right: 200px;} h1 {text-transform: uppercase; font-family: "Verdana"; font-weight: normal; font-size: 26px; clear: left; text-align: center; margin-top: 120px; letter-spacing: 0.4em; width: 413px; height: 25px; text-indent: -9999px; background: url(/images/title.png) no-repeat top left; margin-left: 175px;} /* about */ #about_nav {list-style: none; float: left; width: 100%; margin-left: 50px; padding-left: 25px;} #about_nav li {float: left;} #about_nav a {display: block; float: left; text-decoration: none; padding: 2px 10px; text-align: center; color: #823729;} #about_nav a strong {display: block; font-family: "Verdana"; text-transform: uppercase; font-size: 12px; font-weight: normal;} #about_nav a em {font-size: 11px; font-family: "Arial"; color: #777;} #about_nav .active a {background: rgb(209,202,199); background: rgba(209,202,199, 0.8);} #about_subframe {width: 740px; height: 600px; overflow: hidden; margin: 0 0; clear: none; background-color: rgb(209,202,199); background-color: rgba(209,202,199, 0.8); float: left;} #about_subtrack {width: 4440px; height: 600px;} .subslide {width: 740px; height: 600px; float: left;} .subslide img {float: left; margin: 25px 20px 25px 30px; border: none; -webkit-box-shadow: #999 3px 3px 15px; -webkit-transform: rotate(2.8deg); -moz-box-shadow: #999 3px 3px 15px; -moz-transform: rotate(2.8deg); background: #fff;} .subslide .desc {float: left; width: 410px !important; margin-top: 25px; margin-left: 20px;} .subslide .desc h2 {font-family: "Arial"; color: #823729; font-weight: normal; text-transform: uppercase; font-size: 20px; margin-bottom: 15px; float: left;} .subslide .desc a {float: right; display: block; background: #efebea; text-decoration: none; color: #aaa; font-family: Arial; font-size: 14px; padding: 3px 6px;} .subslide .desc a span {background: #efebea url(/images/arrow_web.gif) no-repeat right center; display: block; padding-right: 10px;} .subslide .desc a:hover {color: #6D271F;} .subslide .desc a:hover span {background-image: url(/images/arrow_web_hover.gif);} .subslide .desc h2 em {text-transform: lowercase; color: #837B79;} .subslide .desc p {font-size: 12px; width: 100%; clear: left; font-family: "Lucida Grande"; line-height: 18px; color: #555 !important;} #slide_pete .desc p {height: 460px;} #about_arrow_left {display: block; background: url(/images/arrow_left.gif) no-repeat center center; width: 30px; height: 300px; float: left;} #about_arrow_right {display: block; background: url(/images/arrow_right.gif) no-repeat center center; width: 30px; height: 300px; float: left;} /* store */ #store_nav {list-style: none; float: left; width: 100%; margin-left: 50px; padding-left: 50px; margin-bottom: 20px;} #store_nav li {float: left;} #store_nav a {display: block; float: left; text-decoration: none; padding: 10px; text-align: center; color: #823729; font-family: "Arial";} #store_nav .active a {background: rgb(209,202,199); background: rgba(209,202,199, 0.8);} #store_subframe {width: 500px; height: 500px; overflow: hidden; margin: 0 auto; clear: none;} #store_subtrack {width: 1000px; height: 500px;} .store_slide {width: 500px; height: 500px; float: left;} .store_slide h2 {font-size: 24px; color: #823729; font-weight: normal; clear: left;} .store_slide p {font-size: 14px; color:#555;} #store_music a {float: right; display: block; background: #e9e5e4 url(/images/arrow_buy.gif) no-repeat 78px 22px; padding: 15px 40px 15px 30px; font-size: 24px; text-decoration: none; color: #823729;} #store_music a:hover {background-color: rgb(209,202,199);} #store_music img {float: left;} .store_slide .item {width: 100%; float: left;} .store_slide .item.left img, .store_slide .item.left .info {float: left;} .store_slide .item.right img, .store_slide .item.right .info {float: right;} .store_slide .item .info {padding: 10px;} .store_slide .info a {font-size: 24px; display: block; background: #e9e5e4; padding: 15px 40px 15px 30px; text-decoration: none; color: #823729;} .store_slide .info a:hover {background-color: rgb(209,202,199);} /* gallery */ .gallery {width: 800px; float: left; margin-bottom: 50px; overflow: hidden;} #slide_gallery h2 {width: 100%; clear: left; text-align: center; font-family: "Arial"; font-weight: normal; font-size: 20px; color: #823729;} .gallery img {border: none; background: #fff; padding: 5px 5px 5px 5px; -webkit-box-shadow: #888 2px 2px 3px; -moz-box-shadow: #888 2px 2px 3px; display: block; float: left; margin: 5px;} .gallery_track {width: 3200px;} .gallery_item {width: 780px; float: left; padding-left: 20px;} #videos img {width: 175px;} #slide_gallery {width: 900px !important; padding: 0 !important;} #videos_arrow_left, #videos_arrow_right, #images_arrow_left, #images_arrow_right {width: 50px; float: left; background-color: #333; display: block; height: 274px;} #videos_arrow_left, #videos_arrow_right {height: 148px;} #videos_arrow_right, #images_arrow_right {background: transparent url(/images/arrow_right.gif) no-repeat center right !important;} #videos_arrow_left, #images_arrow_left {background: transparent url(/images/arrow_left.gif) no-repeat center right !important;} /* press kit */ #slide_press .inner {width: 300px; margin: auto; font-family: "Arial";} #slide_press h2 {font-family: "Arial"; font-weight: normal; color: #823729; font-size: 20px;} #slide_press p {margin: 1em 0; font-size: 12px;} #slide_press ul {padding-left: 20px; font-size: 14px;} #slide_press li {margin-bottom: 13px;} #slide_press a {color: #823729; font-weight: normal; padding: 5px; background: #e9e5e4;} #slide_press a:hover {background-color: rgb(209,202,199); padding: 5px;} #slide_press #download_all {text-align: left; display: block; font-size: 22px; margin-top: 20px; padding: 20px 0 20px 70px; background: #e9e5e4 url(/images/press_kit.gif) no-repeat left center; text-decoration: none; border-left: 10px solid #e9e5e4;} #slide_press #download_all:hover{background-color: rgb(209,202,199); border-left-color: rgb(209,202,199);} /* contact */ #slide_contact div {width: 370px; float: left; margin-left: 20px;} #slide_contact h2 {font-size: 24px; font-weight: normal; color: #823729; padding-left: 15px; margin-bottom: 10px; margin-top: 20px;} #slide_contact h3 {padding-left: 15px; color:#555; font-size: 18px; font-weight: normal; margin-top: 20px;} #slide_contact a {display: block; background: #e9e5e4; color: #823729; text-decoration: none; margin: 2px; padding: 10px;} #slide_contact a:hover {background-color: rgb(209,202,199);} #slide_contact p {padding-left: 15px; font-size: 14px;} #footer {width: 100%; background: #BEB3B1 url(/images/footbg.png) repeat-x top center; min-height: 100px; float: left; clear: left;} #low_nav {width: 570px;} #low_nav a {font-size: 11px; margin-right: 25px;} #footer #copyright {width: 100%; clear: left; text-align: center; text-transform: uppercase; font-family: "Arial"; font-size: 11px; color: #73706c; margin-bottom: 40px;} #footer #copyright a {color: #73706c; text-decoration: none;} #footer #copyright a:hover {color: #73706c; margin-bottom: 10px; text-decoration: underline;}