/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     16;
$line-height: 24;

*/
/* reset*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 16px;
}

/* font kits */
@font-face {
    font-family: 'calligraph421_btroman';
    src: url('../fonts/calligraph421-webfont.eot');
    src: url('../fonts/calligraph421-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/calligraph421-webfont.woff') format('woff'),
         url('../fonts/calligraph421-webfont.ttf') format('truetype'),
         url('../fonts/calligraph421-webfont.svg#jenna_sueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {
	background-color: #996633;
	font-family: "Times New Roman", Times, serif;
	color: #000000;
}
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 10px;
	margin-bottom: 0.625rem;
	font-family: 'calligraph421_btroman';
	text-align: center;
}
h1 {
	font-size: 36px;
	font-size: 2.25rem;
}
p {
	font-family: 'calligraph421_btroman', Times New Roman;
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 24px;
	line-height: 1.5rem;
	margin-top: 15px;
	margin-top: 0.9375rem;
	text-align: justify;
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
#mainWrap {
	width: 1000px;
	max-width: 99%;
	min-height: 655px;
	min-height: 40.9375rem;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/canvas-tile.jpg);
	background-repeat: repeat;
	position: relative;
}

#container {
    position: relative;
}

@media all and (min-width: 900px) {
    #container {
        min-height: 642px;
    }
}

#content-block {
	width: 43%;
	margin-top: 50px;
	margin-top: 3.125rem;
	margin-bottom: 50px;
	margin-bottom: 3.125rem;
	margin-left: 85px;
	margin-left: 5.3125rem;
	display: inline-block;
	vertical-align: top;
}
#image-block {
	width: 30%;
	margin-top: 50px;
	margin-top: 3.125rem;
	margin-bottom: 65px;
	margin-bottom: 4.0625rem;
	margin-left: 97px;
	margin-left: 6.0625rem;
	display: inline-block;
	vertical-align: top;

}

#content-cdblock {
    width: 39%;
	margin-top: 50px;
	margin-top: 3.125rem;
	margin-bottom: 51px;
	margin-bottom: 3.1875rem;
	margin-left: 75px;
	margin-left: 4.6875rem;
	display: inline-block;
	vertical-align: top;

	}
#image-blockcd {
	width: 40%;
	margin-top: 50px;
	margin-top: 3.125rem;
	margin-bottom: 72px;
	/*margin-bottom: 4.4375rem;*/
	margin-left: 57px;
	margin-left: 3.5625rem;
	display: inline-block;
	vertical-align: top;


}
.resurrection-cd {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}

#content-readblock {
	width: 24%;
	margin-top: 67px;
	margin-top: 4.1875rem;
	margin-bottom: 42px;
	margin-bottom: 2.625rem;
	margin-left: 52.5px;
	margin-left: 3.28125rem;
	display: inline-block;
	vertical-align: top;

}
#flip-block {
	width: 61%;
	margin-top: 36px;
	margin-top: 2.25rem;
	margin-bottom: 63px;
	margin-bottom: 3.9375rem;
	margin-left: 43px;
	margin-left: 2.6875rem;
	display: inline-block;
	vertical-align: top;

}
#price-block-left {
	width: 39%;
	margin-bottom: 25px;
	margin-bottom: 1.5625rem;
	margin-left: 69.333333px;
	margin-left: 4.3333333rem;
	display: inline-block;
	vertical-align: top;


}
#price-block-right {
	width: 40%;
	margin-bottom: 25px;
	margin-bottom: 1.5625rem;
	margin-left: 69.333333px;
	margin-left: 4.3333333rem;
	display: inline-block;
	vertical-align: top;

}
.text-right {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 24px;
	line-height: 1.5rem;
	text-align: right;
	color: #567634;
	padding-bottom: 5px;
	padding-bottom: 0.3125rem;
}
.calli {
	font-family: 'calligraph421_btroman', Times New Roman;
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 24px;
	line-height: 1.5rem;
	color: #567634;
}
.navbar {
/*	position: absolute;
	bottom: 40px;
	left: 0;
	width: 100%;
	text-align: center; */
	position: relative;
    bottom: 10px;
    left: 0;
    width: 100%;
    text-align: center;
    padding-bottom: 30px;
}

div#top-menu {
	display: none;
	position: relative;
	top: -150px;
	margin-bottom: -150px;
	left: 0;
	width: 100%;
	height: 150px;
	z-index: 9999;
}

.price-email {
	position: relative;
	top: -5px;
}

@media all and (min-width: 850px) and (max-width: 1050px) {
	.price-email {
		position: relative;
		top: -15px;
	}
}

@media all and (min-width: 550px) and (max-width: 850px) {
	.price-email {
		position: relative;
		top: 15px;
	}
}

@media all and (max-width: 550px) {
	.price-email {
		position: relative;
		top: 25px;
	}
}

@media all and (min-width: 550px) and (max-width: 850px) {
	div#top-menu{
		display: block;
	}

	div#top-menu .navbar {
		position: relative;
		top: 40px;
		left: 0px;
        bottom: 40px;
        width: 100%;
        text-align: center;
        padding-bottom: 0;
	}

	div#top-menu .navbar .button {
		margin-left: 2.5%;
		margin-right: 2.5%;
	}
}

@media all and (min-width: 480px) and (max-width: 550px) {
	div#top-menu{
		display: block;
	}

	div#top-menu .navbar {
		position: relative;
		top: 40px;
		left: 0px;
        padding-bottom: 0;
        width: 100%;
	}

	div#top-menu .navbar .button {
		margin-left: 1%;
		margin-right: 1%;
	}
}

@media all and (max-width: 480px) {

    div#top-menu .navbar {
        position: absolute;
        bottom: 40px;
        padding-bottom: 0;
        left: -15px;
        width: 100%;
        text-align: center;
    }
	div#top-menu{
		display: block;
	}
	#top-menu .button {
        margin-left: 2rem;
        margin-right: 0;
    }
}

a#menu-button {
	position: absolute;
	bottom: -45px;
	left: 0px;
}

.small-button {
	width: 80px;
	padding: 5px 0;
	margin: 0 5.2%;

	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	vertical-align: baseline;
	/*margin-left: 4.875em;*/
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 16px 'calligraph421_btroman', Times New Roman;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.button, .green-current, .purple-current {
	width: 120px;
	padding: 10px 0;
	margin: 0 3.5%;

	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	vertical-align: baseline;
	/*margin-left: 4.875em;*/
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 18px 'calligraph421_btroman', Times New Roman;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

@media all and (max-width: 900px) {
	.navbar {
		bottom: 20px;
	}

	#container > .navbar {
       position: relative;
       padding-top: 35px;
       bottom: auto;
    }

    #container {
        padding-bottom: 30px;
    }

	.button {
		width: 110px;
		padding: .55em 0 .55em 0;
		margin-left: 2.5%;
		margin-right: 2.5%;
	}
}

@media all and (min-width: 550px) and (max-width: 750px) {
	.navbar {
		left: 0;
		bottom: 20px;
	}

	#container > .navbar {
       position: relative;
       padding-top: 35px;
       bottom: auto;
    }

    #container {
        padding-bottom: 30px;
    }

	.button {
		width: 100px;
		padding: .55em 0 .55em 0;
		margin-left: 0;
		margin-right: 3.7%;
		position: relative;
		left: 7px;
	}

	#top-menu .navbar .button {
		left: 0px;
	}
}

@media all and (min-width: 480px) and (max-width: 550px) {
	.navbar {
		left: 0;
		bottom: 20px;
	}

	#container > .navbar {
       position: relative;
       padding-top: 35px;
       bottom: auto;
    }

    #container {
        padding-bottom: 30px;
    }

	.button {
		width: 100px;
		padding: .55em 0 .55em 0;
		margin-left: 1%;
		margin-right: 1%;
	}
}

@media all and (max-width: 480px) {
	.navbar {
		left: -20px;
		bottom: 20px;
	}

	#container > .navbar {
       position: relative;
       padding-top: 35px;
       bottom: auto;
    }

    #container {
        padding-bottom: 30px;
    }

	.button {
		width: 100px;
		padding: .55em 0 .55em 0;
		margin-left: 1%;
		margin-right: 1%;
	}
}

.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
	top: 0.0625rem;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.green {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #567634;
	background: -webkit-gradient(linear, left top, left bottom, from(#567634), to(#3C5324));
	background: -moz-linear-gradient(top,  #567634,  #3C5324);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#567634', endColorstr='#3C5324');
	/*margin-left: 118.75px;*/
    box-shadow: inset -1px -1px 1px #3C5324, inset 1px 1px 1px #538312;

}
.green:hover, .green-current {
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	color: #e8f0de;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
    box-shadow: inset -1px -1px 1px #7db72f, inset 1px 1px 1px #7db72f;
}
.green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
    box-shadow: inset -1px -1px 1px #7db72f, inset 1px 1px 1px #7db72f;
}
.purple {
	color: #e8f0de;
	border: solid 1px #2C1B35;
	background: #6D4385;
	background: -webkit-gradient(linear, left top, left bottom, from(#6D4385), to(#412850));
	background: -moz-linear-gradient(top,  #6D4385,  #412850);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6D4385', endColorstr='#412850');
	/*margin-left: 12.333333%;*/
    box-shadow: inset -1px -1px 1px #6D4385, inset 1px 1px 1px #6D4385;

}
.purple:hover,
.purple-current {
	border: solid 1px #2C1B35;
	background: #997BAA;
	background: -webkit-gradient(linear, left top, left bottom, from(#997BAA), to(#A78EB6));
	background: -moz-linear-gradient(top,  #997BAA,  #A78EB6);
	color: #e8f0de;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#997BAA', endColorstr='#A78EB6');
    box-shadow: inset -1px -1px 1px #A78EB6, inset 1px 1px 1px #A78EB6;
}
.purple:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#7C5691), to(#8A699D));
	background: -moz-linear-gradient(top,  #7C5691,  #8A699D);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7C5691', endColorstr='#8A699D');
    box-shadow: inset -1px -1px 1px #8A699D, inset 1px 1px 1px #8A699D;
}
ul {
	list-style-type: none;
	padding: 5px;
	padding: 0.3125rem;
	width: 76%;
	margin-top: 5px;
	margin-top: 0.3125rem;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	margin-bottom: 0.3125rem;
	color: #6D4385;
	/*color: #543367;*/
	text-align: center;

}
ul li {
  padding-bottom: 6px;
  padding-bottom: 0.4285714rem;


}
ul ul {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 36px;
	margin-left: 2.25rem;
}
li ul li {
    padding: 0px;
	margin-bottom: 0px;
	}
ul li ul li {
    margin-left: 57px;
}

.flipper {
	height: 480px;
	width: 854px;
}
.green-text {
	color: #567634;
}
.green-price {
	color: #567634;
	padding-top: 0;
	margin-right: 4px;
	margin-right: 0.25rem;
	display:block;
}
.price-title-space {
	height: 59px;
	height: 3.6875rem;
	width: 100%;
}
.green-textC {
	color: #567634;
	text-align: center;
}
.purple-text {
	color: #6D4385;
	/*color: #543367;*/
}

.copyright {
	text-align: center;
	font-size: 10px;
	font-size: 0.625rem;
	color: #000000;
	padding-bottom: 5px;
	padding-bottom: 0.3125rem;
	font-style: italic;
	display: none;
}
.copyright a:link {
	color: #000000;
	text-decoration: none;
	font-style: italic;
}
.strecthit {
  word-spacing: 1px;
  word-spacing: 0.0625rem;
  }
.spacer {
	background-color: #FF0000;
	height: 20px;
	width: 100%;
}
.ppcenter {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	display: block;
	margin-top: 0px;
	margin-bottom: 0px;
}
.price-email {
	font-family: 'calligraph421_btroman', "Times New Roman";
	font-size: 1.125rem;
	font-size: 1.125rem;
	line-height: 1.5rem;
	line-height: 1.5rem;
	color: #567634;
	text-align: center;
	margin-bottom: 58px;
	/*margin-bottom: 3.96875rem; */
	font-weight: bold;
}
.price-email a:link {
	color: #567634;
	text-decoration: none;
}
.price-email a:hover {
	color: #64991e;
	text-decoration: none;
}
.pp1 {
	line-height: 24px;
	line-height: 1.5rem;
	margin-top: 9px;
	margin-top: 0.5625rem;
	padding-bottom: 15px;
	padding-bottom: 0.9375rem;
	display:block;
}
.pp2 {
	line-height: 24px;
	line-height: 1.5rem;
	margin-top: 9px;
	margin-top: 0.5625rem;
	display:block;
}

footer {
    padding-bottom: 8px;
}