/* initializing for consistent styling across browsers */
* {margin: 0; padding: 0; text-decoration:none;}
header, nav, section, article, footer {display:block;}
h1, h2, h3, h4, h5 {font-style:normal; font-variant:normal; font-weight:normal;}  
ul {list-style:none;}
img, iframe {border: 0;}
a img {border: 0;}

/* universal settings */
body {width:1585px; background:#4A3329; margin:0 auto; font-family:"myriad pro", helvetica, sans-serif; text-align:center; font-size:20px;}
.container {position:relative; width:1585px; margin:0 auto;}
a:link {color: #000; text-decoration: none;}
a:visited {color: #000; text-decoration: none;}
a:active {color: #000; text-decoration: none;}
a:hover {text-decoration: none;} 
h2 {text-align:center; font-size:30px; font-weight:bold;}
iframe {box-shadow:7px 7px 5px 1px #666;}
iframe.page_end {margin-bottom:40px;}
iframe.left {margin-right:20px;} 
 
/* background settings */
header.index, header.cascadian, header.snares {background: url("../images/background1_top.jpg") no-repeat center top;} 
section.index, section.cascadian.container, section.snares.container {background: url("../images/background1_medium.jpg") no-repeat center top; min-height:2100px;}
header.mastercraft, header.about, header.dealers, header.accessories, header.oops {background: url("../images/background2_top.jpg") no-repeat center top;} 
section.about, section.dealers, section.accessories, section.oops {background: url("../images/background2_medium.jpg") no-repeat center top; min-height:2100px;}
section.mastercraft.container {background: url("../images/background2_long.jpg") no-repeat center top;}
header.custom, header.artists, header.contact {background: url("../images/background3_top.jpg") no-repeat center top;} 
section.custom.container, section.artists, section.contact {background: url("../images/background3_medium.jpg") no-repeat center top; min-height:2100px;} 

/* Applies To: header.php */
header, .main_nav { height:171px;}
#header_nav {position:relative; height:171px; width:1200px; margin:0px auto; z-index:10;}
.main_link, .sub_link {float:left; margin:0px 12px;}
a.nav_text {color:#FFF; font-size:25px; line-height:173px; text-shadow:3px 4px 6px #666;}
a.sub_text {color:#FFF; font-size:20px;}
img.logo {width:261px; height:171px;}
#text_allegra {position:absolute; left:-1000px; z-index:-99;}
#main_nav_index {width:260px; height:170px; margin-top:3px;}
#main_nav_about {width:150px; text-align:right;}
.sub_nav {position:absolute; top:110px; left:350px;}
img.drummies {position:absolute; top:10px; right:65px; width:226px; height:156px;}
.social_nav {position:absolute; top:45px; right:-35px; width:105px;}
.social_link  {display:inline-block; text-align:center; margin:0px;} 
.social_link img {width:40px; height:40px;}
/* End: header.php */


/* Applies To: index.php */
div.index {margin:0px auto; padding-top:30px; width:1175px; margin-bottom:10px;}
.index_link {display: inline-block; margin:0px 15px 25px 15px;}
.index_link img {width:325px; height:325px; box-shadow:7px 7px 5px 1px #666;}
.index_link h3 {color:#000; font-size:22px; padding-top:10px;}
/* End: index.php */

/* Applies To: cascadian.php, mastercraft.php, custom_shop.php & snares.php */
h2.gallery, h2.finishes, h2.sizes {font-size:30px; padding-top:20px;}

/* Overview */
h2.overview {padding:20px;}
img.overview, iframe.overview, ul.overview {vertical-align:top;}
img.overview {width:670px; height:430px;}
img.overview {display:inline-block; box-shadow:7px 7px 5px 1px #666; margin-right:10px;}
h3.overview {font-size:30px; font-weight:bold; padding-bottom:10px;}
h4.overview, p.overview {margin:0px auto; padding:20px; width:1200px;}
h4.overview {font-weight:bold; padding-bottom:0px;}
ul.overview {text-align:left; display:inline-block; margin-bottom:30px;}
ul.left {margin-right:200px;}
li.series_nav {display:inline-block; margin:20px 20px 0px 20px;}
img#animated {width:430px; height:430px;}
/* End: Overview */                 

/* Gallery - Lightbox */
ul.gallery {margin:10px 0px 20px;}
li.item {width:200px; height:200px; display:inline-block; margin:10px; vertical-align:top;}
li.item a img {height:100%; vertical-align:top;}
.lightbox {display:none; position:absolute; z-index:9999; left:412px; color:#666; -webkit-transition:opacity .5s ease-in-out; -moz-transition:opacity .5s ease-in-out; -o-transition:opacity .5s ease-in-out; transition:opacity .5s ease-in-out; }
.lightbox:target {display:block; outline:none; top:750px;}
.lightbox .box {width:-webkit-min-content; width:-moz-min-content; width:min-content; min-width:720px; margin: 2% auto; padding:10px 20px 40px 20px; background-color:#FFF; box-shadow: 0px 1px 26px -3px #777;}
.lightbox .content {display:block; position:relative; width:720px; height:480px;}
.lightbox .caption {display:inline-block; margin-top:5px; margin-bottom:10px;}
.lightbox .next, .lightbox .prev, .lightbox .close {font-size:22px; color:#666; display:block; float:right; margin-top:5px;}
.lightbox .close {margin-bottom:10px;}
.lightbox .prev {float:left;}
.snares .lightbox {left:522px;}
.snares .lightbox:target {top:775px;}
.snares .lightbox .box {min-width:500px;}
.snares .lightbox .content {width:500px; height:500px;}
/* End: Gallery - Lightbox */

/* Finishes */
/* --- Applies to cascadian.php */
.finish_gallery {position:relative; height:750px;}
.finish_window {position:absolute; top:10px; right:50px; width:550px; height:550px; -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: solid #fff 5px; background: #fff;}
.finish_window img {width:550px; height:550px;}
.finishes_gallery_thumbs {position:absolute; left:30px; width:900px;}
li.finish {display:inline-block; width:200px; height:230px; margin:10px; vertical-align:top; cursor:pointer;}
li.finish a img.finish_thumb {width:200px; height:200px;}
/* --- Applies to mastercraft.php, custom_shop.php, snares.php */
.lightbox.finish {left:522px;}
.lightbox.finish:target {top:1500px;}
.snares .lightbox.finish:target {top:1740px;}
.lightbox.finish .box {min-width:500px;}
.lightbox.finish .content {width:500px; height:500px;}
p.finishes {font-size:22px; font-weight:bold; margin-bottom:20px;}
p.cascadian.finishes {font-size:25px; position:absolute; top:600px; right:125px;} 
/* End: Finishes */

/* Sizes */
div.sizes {display:inline-block; text-align:left; margin:0px 30px;}
h2.sizes {padding-bottom:20px;}
h3.sizes {font-weight:bold;}
h3.sizes, h4.sizes {position:relative; top:-65px;}
p.sizes {font-size:22px; font-weight:bold;}
#classic2 h3.sizes, #expanded h3.sizes, #classic2 h4.sizes, #expanded h4.sizes {left:50px;}
#nightowl h3.sizes, #nightowl h4.sizes {top:-60px; left:10px;}
#johnhenry h3.sizes, #johnhenry h4.sizes {left:30px;}
h4.price {font-size:25px; color:#B21413; font-weight:bold;}
div.sizes_chart {margin:0px auto; padding-bottom:20px;}
h3.sizes_chart {font-weight:bold;}
table {display:inline-block;  margin:6px; vertical-align:top; background:white; border-collapse:collapse;}
caption {border:1px black solid;}
th {background:#D8D8D8;}
td, th {min-width:70px; padding:3px 7px; border:1px black solid;}
p.cascadian.sizes {font-size:20px; position:relative; width:400px; top:-50px; left:1000px;}
p.custom.sizes {position:relative; width:500px; top:-225px; left:725px;}
p.snares.sizes {position:relative; width:400px; top:-85px; left:900px;}
/* End: Sizes */

.to_top {display:block; padding-bottom:20px;}
/* End: cascadia.php, mastercraft.php, custom_shop.php & snares.php */  

/* Applies To: about_us.php */
div.about {margin:0px auto; width:1480px;}
div.top {position:relative; min-height:310px;}
li.about {font-size:22px; margin-bottom:10px;}
img.about {width:275px; height:275px; margin:20px 0px; box-shadow:7px 7px 5px 1px #666;}
div.top img.left {position:absolute; left:4px; top:0px;}
div.top img.right {position:absolute; right:4px; top:0px;}
h2.about, p.about, ul.about {margin:0px auto; width:825px;}
h2.about {padding-top:20px;}
p.about {font-size:22px; padding-top:25px;}
p.bold {font-weight:bold;}
div.bottom img {display:inline-block; margin:10px;}
div.bottom img.left {margin-left:0px;}
div.bottom img.right {margin-right:0px;} 
div.bottom {padding-bottom:40px;} 
/* End: about_us.php */ 

/* Applies To: artists.php */
h2.artists {padding:25px;}
.artist {display:inline-block; vertical-align:top; width:300px; margin-right:8px; margin-bottom:20px;} 
.artist img {width:300px; height:300px;}
.artist h3 {font-size:25px;}
/* End: artists.php */ 

/* Applies To: dealers.php */
h2.dealers {padding:20px;}
a.dealers {display:inline-block; vertical-align:top; width:742px; text-align:center; }
#revival.dealers {position:relative; left:35px;}
#revival.dealers h3 {position:relative; left:-25px; top:-10px;}
#lawkstar.dealers {position:relative; top:-50px;}
#forks.dealers {position:relative; top:60px;}
#forks.dealers img {width:360px;}
#samash.dealers, #samash.dealers h3 {position:relative; top:-20px;}
#samash.dealers img {width:575px;}
#reverb.dealers {position:relative; top:50px;}
#a1pro.dealers {padding-bottom:50px;} 
/* End: dealers.php */ 

/* Applies To: contact.php */
h2.contact {padding-top:20px;}
p.contact {font-size:22px; padding-top:35px;}
img.contact {margin:40px 10px 60px; box-shadow:7px 7px 5px 1px #666;}
/* End: contact.php */ 

/* Applies To: accessories.php */
p.accessories {font-size:22px; margin:0px auto; text-align:center; padding:20px;}
img.accessories {margin:0px auto; box-shadow:7px 7px 5px 1px #666;}
/* End: accessories.php */  

/* Applies To: 404.php */
p.oops {font-size:22px; margin:0px auto; text-align:center; padding:20px;}
img.oops {margin:0px auto; box-shadow:7px 7px 5px 1px #666;}
/* End: 404.php */