html {
    background-image: url('images/wallpaper_leaves8small.gif');
    height: 100%;
}


body {
    padding: 0;
    margin: 0;
    margin-left: 7em;
    font-family: "Helvetica Neue", "Lucida Grande", "Verdana", "Arial", sans-serif;
    font-size: 10pt;
line-height: 135%;
    background-image: url('images/Fadebk2.png');
    background-position: center top;
background-repeat: repeat-y;
min-height:70em;


}

h2, h3, h4 {
    color: black;
    margin: 0;
    padding-top: 1em;
    margin-top: 2em;
}

h2 {
    font-size: 120%;
    font-weight: bold;
    margin-top: 0;

}

h3 {
    font-size: 110%;
    font-weight: bold;

border-top: 1px solid #333333;

}

h4 {
    font-size: 100%;
    font-weight: bold;
    margin-left: 1em;
}

div.container {
position: relative;
padding: 15px;
padding-left: 80px;
margin-left: auto;
margin-right: auto;
width: 751px;

}

div.menu {
background-color: #3f2822;

	position: absolute;
	left: -6em;
	top: 12.5em;
	width: 11em;
text-align: center;

}

div.menu ul li:hover, div.menu ul li.current {
	background-color: #e9b65c;
color: black;
}
div.menu ul {
    list-style-type:none;
    padding: 0;
    margin: 0 0.5em 2em 0.5em;
}

div.menu ul li {
	border: 1px solid black;
	margin: 0.1em;
margin-top: 0.5em;
	padding: 0.2em 0.3em 0.2em 0.1em;
	text-align: center;
	font-weight: bold;
background: #440017;
}

div.menu a {
color: white;
text-decoration: none;
}

div.menu li:hover a {
color: black;
}

img.logo, img.headerlogo{
    border: none;
display: block;
    margin-left: auto;
    margin-right: auto;
}

img.headerlogo {
    bottom: 30px;
    position: relative;
    right: 80px;
    padding-left: 80px;
    padding-right: 46px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: #33000e;
    margin-top: 1em;

}

img {

}

img.image {
    border: 3px solid #33000e;
    margin: 1em;
}

.left {
    float: left;
    border: 3px solid #33000e;
    margin: 1em;
}

.right {
    float: right;
    border: 3px solid #33000e;
    margin: 1em;
}
.caption {
    text-align: center;
}



/* order form styles */
#order_overlay {
	background-color:#000000;
	height:500px;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:90;
}

#order_form{
	position: absolute;
	background-color: #fff;
	width: 700px;
	height: 700px;
	left: 50%;
	margin-left: -352px;
	top:  20px;
	z-index: 100;
	
	}

#orderframe {
	border: 2px solid grey;
	background: white;
	width: 700px;
	height: 700px;
	z-index: 100;
	
}

#close_button {
	position: absolute;
	left: 50%;
	margin-left: 340px;
	margin-top: -10px;
	z-index: 101;
	cursor: pointer; 

}