/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, legend, table, caption, tbody, tfoot, thead, tr, th, td, form {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
a, img {border:none; outline: none;}
.hide {display:none;}

/* Layout */
body {background: #000 url(../images/body-bg.jpg) no-repeat top center;}
#container {background: url(../images/container-bg.png) repeat-y; width: 920px; margin-left: -480px; padding: 0 0 0 40px; left: 50%; position: absolute;}
#banner {background: url(../images/banner.jpg); width: 880px; height: 93px; margin: 0;}
#wrap {background: url(../images/content-home-bg.jpg) no-repeat; margin: 0; padding: 80px 0 0 30px; clear: both;}
#wrap-int {background: url(../images/content-int-bg.jpg) no-repeat; width: 825px; margin: 0; padding: 80px 0 0 55px; min-height: 250px; clear: both;}
#text-wrap {width: 60%; float: left;}
#content {clear: both;}
#footer {background: url(../images/footer-bg.jpg) no-repeat; width: 820px; margin: 0; padding: 45px 30px 0 30px; min-height: 35px; clear: both;}

.right {float: right;}
.left {float: left;}
.cr {clear: right;}
.cl {clear: left;}
.hide {display: none;}
.bump {margin-right: 30px;}

div.hr {width: 560px; height: 37px; background: url(../images/small-hr.png) no-repeat;margin: 0; padding: 0; clear: both;}
hr {display: none; height: 0px; background-color: #666; border: solid 1px #666; border-width: 1px 0 0 0; clear: both;}

/* Home page elements */
p.home {width: 500px; margin-left: 25px;}
div.home p {width: 170px; font-weight: bold; color: #090908; line-height: 1.33em;}
#home-skeletons {background: url(../images/home-skeletons.png); width: 409px; height: 292px; padding: 85px 0 0 20px; margin-left: 25px; float: left;}
#home-museum {background: url(../images/home-museum.png); width: 313px; height: 41px; padding: 66px 0 0 27px; margin-top: 16px; float: left;}
#home-novelty {background: url(../images/home-novelty.png); width: 313px; height: 41px; padding: 66px 0 0 27px; margin-top: 10px; float: left;}
#home-economical {background: url(../images/home-economical.png); width: 313px; height: 40px; padding: 66px 0 0 27px; margin-top: 10px; float: left;}

/* Item Displays */
div.item {margin: 0 25px 10px 0; padding: 0 0 20px 0; float: left; position: relative;}
div.item div {padding: 0 5px;}
div.skull {background: url(../images/item-skull-bg.png) no-repeat bottom; width: 230px; height: 124px;}
div.skeleton {background: url(../images/item-skeleton-bg.png) no-repeat bottom; width: 230px; height: 433px;}
div.skull p {color: #6a6356; float: right; clear: right; width: 50%; margin-right: 5px; text-align: right;}
div.skeleton p {color: #6a6356; float: right; clear: right; width: 43%; margin-right: 5px; text-align: right;}
div.item a span.enlarge {font-size: .83em; font-weight: normal; position: absolute; left: 5px; bottom: 0; text-align: left; margin: 0; width: auto; float: none; color: #d7cfb2; text-decoration: underline;}
div.item a:hover span.enlarge {color: #fff;}
.item-thumb {margin: 5px 0 0 0; float: left; display: block;}
 

/* Images */
img, a {border: none; outline: none;}
#home-skull {position: absolute; right: 20px; top: 115px;}
.layout {display: block;}
.paypal {margin: 10px 4px 15px 0; float: right;}
#view-cart {margin: 10px 50px 0; float: right;}
.faded-image {float: right; clear: right; margin: 0 25px;}

/* Typo */
body {font-size: .75em; line-height: 1.67em; font-family: Tahoma, Geneva, sans-serif;}
#wrap, #wrap-int {color: #d7cfb2; font-weight: normal;}
#footer {font-size: .86em; color: #d7cfb2; font-weight: normal;}
.sub_nav {color: #23420d; margin: 0 0 18px 0; padding: 0;}
p {margin: 0 0 18px 0;}


/* Links */
a {color: #d7cfb2; text-decoration: underline;}
a:hover {color: #fff;}
.home p a {color: #6a6356; text-decoration: none;}
.home p a:hover {color: #090908; text-decoration: underline;}
.top-link {background: url(../images/top-link.gif) no-repeat 0 4px; padding-left: 20px; clear: both;}


/* Headings */
h1 {display: block; text-indent: -999em; overflow: hidden;}
h1.home {background: url(../images/headings/welcome.png) no-repeat; width: 500px; height: 59px; margin: 0 0 10px 25px;}
h1.skulls {background: url(../images/headings/title-skulls.png) no-repeat; width: 91px; height: 31px; margin: 0; padding: 0; float: left;}
h1.skeletons {background: url(../images/headings/title-skeletons.png) no-repeat; width: 149px; height: 31px; margin: 0 0 20px; padding: 0;}
h1.whats-new {background: url(../images/headings/title-whats-new.png) no-repeat; width: 203px; height: 31px; margin: 0 0 20px; padding: 0;}
h1.graveyard {background: url(../images/headings/title-graveyard.png) no-repeat; width: 162px; height: 38px; margin: 0 0 20px; padding: 0;}
h1.faq {background: url(../images/headings/title-faq.png) no-repeat; width: 91px; height: 37px; margin: 0 0 20px; padding: 0;}
h1.contact {background: url(../images/headings/title-contact.png) no-repeat; width: 129px; height: 31px; margin: 0 0 20px; padding: 0;}
h1.site-map {background: url(../images/headings/title-site-map.png) no-repeat; width: 141px; height: 38px; margin: 0 0 20px; padding: 0;}

h2 {font-size: 1.5em; font-weight: normal; margin: 0 0 5px; color: #bec5ca;}
div.item h2 {margin-left: 5px;}

h3 {font-size: 1em; margin: 0; font-weight: bold; color: #bec5ca;}
h4 {margin: 0; padding: 0; float: left;}

/* Lists */
ul, ol {margin: 0 0 18px 30px;}

/* Side Navigation */
#nav {height: 33px; margin: 0 0 20px 0; padding: 0; list-style: none; position: absolute; z-index:5; top: 108px; left: 70px;}
#nav li {height: 33px; margin: 0; padding: 0; list-style: none; float: left;}
#nav li a {height: 33px; display: block; text-decoration: none; text-indent: -999em; overflow: hidden;}
#nav a:hover, #nav li.active a {background-position: 0 -33px;}

#skeletons {background: url(../images/nav/skeletons.png); width: 97px;}
#skulls {background: url(../images/nav/skulls.png); width: 76px;}
#whats-new {background: url(../images/nav/whats-new.png); width: 118px;}
#graveyard {background: url(../images/nav/graveyard.png); width: 107px;}
#faq {background: url(../images/nav/faq.png); width: 67px;}
#contact {background: url(../images/nav/contact.png); width: 90px;}
#home {background: url(../images/nav/home.png); width: 74px;}
#nav li.active a {cursor: default;}

/* Sub Nav */
#sub-nav {height: 33px; margin: 5px 0 20px 0; padding: 0; list-style: none;}
#sub-nav li {height: 33px; margin: 0; padding: 0; list-style: none; float: left;}
#sub-nav li a {height: 33px; display: block; text-decoration: none; text-indent: -999em; overflow: hidden;}

/* Skulls */
#museum {background: url(../images/nav/museum.png); width: 94px;}
#economical {background: url(../images/nav/economical.png); width: 114px;}
#novelty {background: url(../images/nav/novelty.png); width: 77px;}

/* Skeletons */
/*#standard {background: url(../images/nav/standard.png); width: 98px;}
#first-class {background: url(../images/nav/first-class.png); width: 98px;}*/

#sub-nav a:hover, #sub-nav li.active a {background-position: 0 -33px;}
#sub-nav li.active a {cursor: default;}

/* Clear Fix */
.clear {clear: both;}
.cf:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.cf {display: inline-block;} /*this trips hasLayout for ie7*/
.cf {display: block;} /*this returns it back to normal*/
* html .cf {height: 1px;}