html {min-width: 860px;}
body {margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; background-color: #fff; min-width: 860px;}
body.index {background: #040F11 url('../uploads/background_home.jpg') no-repeat center 0;}
body.illustration {background: #040F11 url('../uploads/background_illustration.jpg') no-repeat center 0;}
body.oil_graphite {background: #040F11 url('../uploads/background_oil_graphite.jpg') no-repeat center 0;}
body.logos {background: #fff url('../uploads/background_logos.jpg') no-repeat center 0;}
body.archives {background: #fff url('../uploads/background_archives.jpg') no-repeat center 0;}
body.who {background: #F6EED2 url('../uploads/background_who.jpg') no-repeat center 0;}
body.contact {background: #F6EED2 url('../uploads/background_contact.jpg') no-repeat center 0;}
body.interview {background-color: #F6EED2;}
body.print {background: url('../uploads/background_print.jpg') no-repeat center 0;}

a img {border: 0}

.close {position: absolute; z-index: 1; top: 10px; right: 10px; background: url('../uploads/x.gif') no-repeat right center; padding-right: 10px; color: #4C2B00; text-decoration: none; padding-bottom: 2px; font-size: 12px;}
.bottom_close {z-index: 1; margin-top: 10px; margin-bottom: 10px; margin-right: 10px; background: url('../uploads/x.gif') no-repeat right center; padding-right: 10px; color: #4C2B00; text-decoration: none; padding-bottom: 2px; font-size: 12px; text-align: right; display: block;}

.seo {font-size: 11px; width: 860px; margin: 0 auto; color: #92B6C7;}

.wrapper {width: 860px; margin: 0 auto; position: relative;}
.index .wrapper {padding-top: 500px;}
.illustration .wrapper {padding-top: 440px;}
.oil_graphite .wrapper {padding-top: 425px;}
.logos .wrapper {padding-top: 388px;}
.archives .wrapper {padding-top: 350px;}
.who .wrapper {padding-top: 363px;}
.print .wrapper {padding-top: 350px;}
.contact .wrapper {padding-top: 426px;}

#interview {height: 400px; width: 100%; position: absolute; top: 800px; text-align: center; z-index: 2;}
#interview iframe {margin: 0 auto; border: 3px solid #EBD99C;}

#gallery {width: 860px; height: 650px; margin: 0 auto; position: absolute; top: 3px;}
.illustration #gallery {top: 20px;}
#gallery img {position: absolute; background-image: url('../uploads/template_assets/assets/ajax-loader-small.gif') no-repeat center center; z-index: 2;}

.navigation {text-align: center; margin: 0 auto; width: 100%; height:102px; position: relative; left: -4px; padding-top: 0;}
.index .navigation {left: 0;}
.archives .navigation {left: 4px;}
.print .navigation {left: 4px;}
.who .navigation {left: -1px;}
.logos .navigation {left: -1px;}
.illustration .navigation a {color: #fff;}
.oil_graphite .navigation a {color: #fff;}
.index .navigation a {color: #fff;}
.bottom_navigation {margin-top: 30px;}

.navigation ul {margin: 0 auto; padding: 0; list-style: none; position: relative; width: 600px;}

.navigation li {position: absolute; line-height: 12px; z-index: 1;}
.navigation .home {top: 1px; left: 284px;}
.navigation .logos {top: 30px; left: 75px;}
.navigation .print {top: 30px; left: 197px;}
.navigation .oil {top: 23px; left: 243px;}
.navigation .illustration {top: 30px; left: 370px;}
.navigation .archives {top: 24px; left: 450px;}
.navigation .who {top: 58px; left: 177px;}
.navigation .contact {top: 59px; left: 264px;}
.navigation .shoppe {top: 58px; left: 377px;}
.navigation a {color: #174759; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
.navigation a:hover {color: #9E4334;}

.content {position: relative; margin: 0 auto; width: 876px; font-size: 12px; color: #4C2B00;}
.logos .content {margin-top: 100px;}
.who .content {line-height: 20px; margin-top: 67px;}
.print .content {margin-top: 80px;}
.archives .content {margin-top: 89px;}
.interview .content {color: #4C2B00; padding: 20px; font-size: 14px; width: auto; line-height: 18px;}
.contact .content {font-size: 13px; width: 190px; margin: 0 auto 50px auto;}

.interview .content h2 {font-size: 15px; margin: 20px 0; background: url('../uploads/template_assets/assets/swoosh.png') no-repeat center 35px; padding-bottom: 30px; text-align: center;}
.interview .content p {margin: 20px 0;}
.who .content p {margin: 15px 8px;}

.content h2 {font-size: 15px; font-style: italic; margin: 10px 8px 20px 8px; padding: 0;}
.content ul {padding: 0; margin: 10px 8px;}
.content ul li {margin: 6px 0;}
.content p {padding: 0; margin: 10px 8px;}

.content .logos_1 {height: 1270px; background: url('../uploads/background_logos_1.jpg') no-repeat center center; position: relative;}
.content .logos_2 {height: 1054px; background: url('../uploads/background_logos_2.jpg') no-repeat center center; position: relative;}
.content .logos_3 {height: 2372px; background: url('../uploads/background_logos_3.jpg') no-repeat center center; position: relative;}

.content .who_1 {height: 1418px; background: url('../uploads/background_who_1.jpg') no-repeat center center; position: relative;}
.content .who_2 {height: 801px; background: url('../uploads/background_who_2.jpg') no-repeat center center; position: relative;}
.content .who_3 {height: 1400px; background: url('../uploads/background_who_3.jpg') no-repeat center center; position: relative;}

.content .print_1 {height: 1249px; background: url('../uploads/background_print_1.jpg') no-repeat center center; position: relative;}
.content .print_2 {height: 1995px; background: url('../uploads/background_print_2.jpg') no-repeat center center; position: relative;}

.content .paradise-surf-shop {position: absolute; top: 260px; left: 30px; width: 200px;}
.content .santa-cruz-surf-shop {position: absolute; top: 116px; left: 460px; width: 210px;}
.content .tr-productions {position: absolute; top: 630px; left: 235px; width: 190px;}
.content .vernor-surfboards {position: absolute; top: 455px; left: 655px; width: 190px;}
.content .pacific-wave {position: absolute; top: 900px; left: 35px; width: 190px;}
.content .haolegirl {position: absolute; top: 900px; left: 655px; width: 190px;}
.content .doc_rickets {position: absolute; top: 235px; left: 70px; width: 440px;}
.content .happy_jackal {position: absolute; top: 760px; left: 350px; width: 190px;}
.content .about {position: absolute; top: 1930px; left: 50px; width: 360px; font-size: 13px; line-height: 20px;}
.content .how-does {position: absolute; top: 1930px; left: 450px; width: 390px; font-size: 13px; line-height: 22px;}
.content .part_1 {position: absolute; top: 750px; left: 170px; width: 530px; font-size: 14px;}
.content .part_2 {position: absolute; top: 380px; left: 322px; width: 430px; font-size: 14px;}
.content .part_3 {position: absolute; top: 17px; left: 225px; width: 430px; font-size: 14px;}
.content .print_1 div {position: absolute; top: 545px; left: 200px; width: 290px; font-size: 12px;}
.content .print_2 div {position: absolute; top: 1720px; left: 86px; width: 700px; font-size: 14px;}
.content .interview {width: 123px; height: 28px; position: absolute; top: 530px; left: 300px; background: url('../uploads/interview.jpg') no-repeat center center; text-indent: -9999px;}
.content a.interview:hover {background: url('../uploads/interview_over.jpg') no-repeat center center;}

.footer {color: #92B6C7; font-size: 11px; text-align: center; padding-bottom: 40px; margin-top: 10px;}
.footer a {color: #92B6C7;}
.index .footer {margin-top: 30px;}
.illustration .footer {margin-top: 230px;}
.oil_graphite .footer {margin-top: 230px;}