/**
* Reset ==============================================================
* Based on http://meyerweb.com/eric/tools/css/reset
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
input,
select,
textarea,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td{margin:0px;padding:0px;border:0px;outline:0px;font-size:100%;background:transparent;line-height:inherit;}
ol,
ul,
ul,
ul li{list-style:none;}
blockquote,
q{quotes:none;}
blockquote:before,
blockquote:after,
q:before,
q:after{content:'';content:none;}
/* remember to define focus styles! */
:focus{outline:0px;}
/* remember to highlight inserts somehow! */
ins{text-decoration:none;}
del{text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0px;}
/**
* Font reset =========================================================
*
* Specifically targets form elements which browsers oftentimes give
* special treatment.
*/
input,
select,
textarea,
body{font:14px/20px "Monotype Corsiva",Garamond,"Times New Roman",Times,serif;}


html,body {
	height:100%;
	width:100%
	margin:none;
	padding:none;
}


BODY {
	color:#A06A17;
	font-size:18px;
	font-family:'Monotype Corsiva', Garamond, 'Times New Roman', Times, serif;
}

A {
	color:#A06A17;
	text-decoration:none;
}

table.ordertbl {
	margin:auto;
}

table.ordertbl TD {
	padding:5px;
}

#background {
	width: 100%; 
	height: 100%; 
	position: fixed; 
	left: 0px; 
	top: 0px; 
	z-index: -99999;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

#background img {
	width:100%;
}

#main_wrapper {
	z-index:10;
}

#header {
	width:860px;
	margin:auto;
	z-index:25;
}

.candles #header {
	width:860px;
	margin: -50px 0px 0px 0px;
}

#footer_push {
	clear:both;
	width:100%;
	line-height:2.5em;
}

#footer {
	clear:both;
	width: 100%;
	line-height:2.5em;
	position: fixed;
	bottom: 0px;
	left:0px;
	background-color:#fff;
	text-align:center;
}

#nav {
	float:left;
	width:240px;
	margin-top:-15px;
	margin-left:25px;
}

.about #nav, .contact #nav {
	float:none;
	width:auto;
	text-align:center;
	clear:both;
}

.order #nav {
	float:right;
	width:auto;
	margin-left:0px;
}

.about .button, .contact .button {
	display:inline-block;
	margin-top:0px;
	margin-right:-95px;
}

.button {
	width:240px;
	height:120px;
	line-height:120px;
	background-image:url('../images/button.png');
	background-repeat:no-repeat;
	font-size:32px;
	text-align:left;
	color:#fff;
	padding-left:75px;
	margin-top:-25px;
}

.button A {
	color:#fff;
}

#content {
	color:#fff;
	font-size:26px;
	line-height:1.5em;
	margin:50px;
	font-weight:bold;
}

#ordering {
	background-image:url('../images/background_corkboard.jpg');
	background-repeat:no-repeat;
	width:450px;
	height:750px;
	text-align:center;
 	color:#fff;
	line-height:1.2em;
	margin-left:25px;
	float:left;
	font-size:20px;
	padding-top:15px;
}

#ordering_case {
	background-image:url('../images/background_corkboard_sm.jpg');
	background-repeat:no-repeat;
	width:450px;
	height:375px;
	text-align:center;
 	color:#fff;
	line-height:1.2em;
	margin-left:25px;
	float:left;
	font-size:20px;
	padding-top:15px;
}