body {
	background-image: url(images/brown-stripe-background.jpg);
	background-repeat: repeat;
	scrollbar-base-color: #B0AD9A;
	color: #3C2415;
}
#textbox span.wpcf7-form-control-wrap {
	position:inherit;
}
#wrapper1 {
	background-image: url(images/iced-coffee.jpg);
	background-repeat: no-repeat;
	height: 623px;
	width: 873px;
	position: relative;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: auto;
	margin-bottom: auto;
}
#wrapper1 span#shadow {
	background-image:url(images/wrapper-shadow.png);
	position:absolute;
	height: 623px;
	width: 873px;
}
#wrapper2 {
	background-image: url(images/background-overlay.png);
	background-repeat: no-repeat;
	height: 600px;
	width: 850px;
	position: absolute;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
#header {
	position: relative;
	height: 60px;
	width: 180px;
	margin-left: 33px;
	margin-right:auto;
	margin-top: 24px;
}
#header h1{
	margin-left: -9999em;
}
#header span {
	background-image: url(images/jeffreys-logo.png);
	position: absolute;
	height: 60px;
	width: 180px;
	left:0;
	top:0;
}
#line {
	background-image:url(images/white-line.png);
	position:absolute;
	top:0;
	left:0;
	height: 24px;
	width: 635px;
	margin-top: 35px;
	margin-bottom:auto;
	margin-left: 182px;
}
#content_out {
	position:absolute;
	height: 410px;
	width: 525px;
	border: 1px solid #FFF;
	top: 150px;
	left: 280px;
}
#content_in {
	position:relative;
	height: 400px;
	width: 515px;
	margin-left: 5px;
	margin-top: 5px;
	padding-top:10px;
	background-image: url(images/text-box-background.png);
	background-repeat: repeat-x;
}
#page_id {
	position:absolute;
	height: 28px;
	width: 485px;
	margin-top: 32px;
	margin-left: 15px;
	font-size: 1.2em;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-weight: normal;
	line-height: 28px;
}
#textbox {
	position:relative;
	height: 310px;
	width: 495px;
	padding-top: 70px;
	margin-left: 15px;
	font-family: Moderne, "Century Gothic", Avian, Avalon, Verdana, sans-serif;
}
.scroll-pane{
	overflow:auto;
	height: 310px;
	width: 495px;
}
			a.jScrollArrowUp {
				background: url(images/basic_arrow_up.png) no-repeat 0 0;
			}
			a.jScrollArrowUp:hover {
				background-position: 0 -15px;
			}
			a.jScrollArrowDown {
				background: url(images/basic_arrow_down.png) no-repeat 0 0;
			}
			a.jScrollArrowDown:hover {
				background-position: 0 -15px;
			}
			a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
				background-position: 0 -30px;
			}
			.jScrollPaneTrack {
				background: #D8D6CD;
			}
			.jScrollPaneDrag {
				background: #B0AD9A;
			}

#topmenu {
	width: auto;
	height: 30px;
	position:absolute;
	top: 51px;
	left: 350px;
}
#topmenu li {
	font-size: 1.5em;
	color: #cecece;
	position: relative;
	text-align: center;
	padding-bottom: 0.8em;
	padding-left: 0.7em;
	padding-right: 0.7em;
	display:inline;
	vertical-align: bottom;
	font-family: Moderne, "Century Gothic", Avian, Avalon, Verdana, sans-serif;
}
#topmenu li a{
	text-decoration: none;	
	font-weight: normal;
	color:#cecece;
}
#topmenu li a:active, #topmenu li a:focus, #topmenu li a:hover, #topmenu li.current_page_item a, #topmenu li.current_page_parent a{
	color:#FFF;
}
#menu {
	width: auto;
	height: 30px;
	position:absolute;
	top: 120px;
	left: 350px;
}
#menu li {
	font-size: 0.8em;
	position: relative;
	text-align: center;
	padding-bottom: 0.8em;
	padding-left: 0.7em;
	padding-right: 0.7em;
	display:block;
	float:left;
	vertical-align: top;
	font-family: Moderne, "Century Gothic", Avian, Avalon, Verdana, sans-serif;
}
#menu li a{
	text-decoration: none;
	font-weight: normal;
	color:#FFF;
	display:block;
	height:30px;
	
}
#menu li a:active, #menu li a:focus, #menu li a:hover, #menu li.current_page_item a, #menu li.current_page_parent a{
	color:#FFF;
	background: url(images/menu-line-vertical.png) no-repeat center bottom;
}
#submenu {
	width: 206px;
	height: auto;
	position:absolute;
	margin-top: 135px;
	margin-left: 74px;
}
#submenu li {
	font-size: 0.8em;
	position: relative;
	text-align: right;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	opacity: 0.6;
	font-family: Moderne, "Century Gothic", Avian, Avalon, Verdana, sans-serif;
	font-weight: bold;
	display:block;
}
#submenu li a{
	text-decoration: none;
	font-weight: normal;
	color:#FFF;
	display:block;
	padding-right: 80px;
}
#submenu li a:active, #submenu li a:focus, #submenu li a:hover, #submenu li.current_page_item a{
	color:#FFF;
	background: url(images/menu-line-horizontal.png) no-repeat right center;
}
#textbox h1{
	font-size: 1.7em;
	padding: 0.3em 0;
}
h2 {
	font-size: 1.4em;
	padding: 0.3em 0;
	font-weight:normal;
}
h3 {
	font-size: 1.2em;
	padding: 0.3em 0;
	font-weight:normal;
}
h4 {
	font-size: 1.1em;
	padding: 0.3em 0;
	font-weight:normal;
}
h5 {
	font-size: 1.1em;
	padding: 0.2em 0;
	font-weight:bold;
}
h6 {
	font-size: 1em;
	padding: 0.2em 0;
	font-weight:bold;
}
#textbox ul {
	list-style-type: disc;
	margin-left: 2.5em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	font-size: 0.8em;
	line-height: 1.2;
}
#textbox li{
	padding: 0.3em;	
}
#textbox ol {
	list-style-type: decimal;
	margin-left: 2.5em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}
p {
	font-size: 0.8em;
	line-height: 1.2;
	padding: 0.4em 0;
}
table{
	font-size: 0.7em;
	margin: 0.4em 0;
}
table td{
	padding: 3px;
}
strong{
	font-weight:bold;
	color:#3A2313;
}
em{
	font-style:italic;
}
.clear{
	clear:both;
}
.alignleft{
	text-align:left;	
}
.alignright{
	text-align:right;
}
.aligncenter{
	text-align:center;
}
img.alignright, .alignright img{
	float: right;
	padding-left: 1em;
}
img.alignleft, .alignleft img{
	float:left;
	padding-right: 1em;
}

#catering {
	font-size: 1em;
	text-decoration: none;
	height: 30px;
	width: 90px;
	overflow: hidden;
	position: absolute;
	text-align: center;
	top:2px;
	left:0px;
	visibility:hidden;
}
#catering a span {
	background-image: url(images/catering-button.png);
	display: block;
	overflow: hidden;
	height: 30px;
	width: 90px;
	position: absolute;
	left: 2px;
	top: 0px;
	background-position: 0px 30px;
	visibility:visible;
}
#catering a:hover span, #catering a:focus span, #catering a:active span, #catering.current_page_item a span, #catering.current_page_parent a span {
	background-image: url(images/catering-button.png);
	background-position: 0px 1px;
}
#restaurant {
	font-size: 1em;
	text-decoration: none;
	height: 30px;
	width: 110px;
	overflow: hidden;
	position: absolute;
	text-align: center;
	top:2px;
	left:15px;
	visibility:hidden;
}
#restaurant a span {
	background-image: url(images/restaurant-button.png);
	display: block;
	overflow: hidden;
	height: 30px;
	width: 110px;
	position: absolute;
	left: 0px;
	top: 0px;
	background-position: 0px 30px;
	visibility:visible;
}
#restaurant a:hover span, #restaurant a:focus span, #restaurant a:active span, #restaurant.current_page_item a span, #restaurant.current_page_parent a span {
	background-image: url(images/restaurant-button.png);
	background-position: 0px 1px;
}
#community {
	font-size: 1em;
	text-decoration: none;
	height: 30px;
	width: 120px;
	overflow: hidden;
	position: absolute;
	text-align: center;
	top:2px;
	left:15px;
	visibility:hidden;
}
#community a span {
	background-image: url(images/community-button.png);
	display: block;
	overflow: hidden;
	height: 30px;
	width: 120px;
	position: absolute;
	left: 0px;
	top: 0px;
	background-position: 0px 30px;
	visibility:visible;
}
#community a:hover span, #community a:focus span, #community a:active span, #community.current_page_item a span, #community.current_page_parent a span {
	background-image: url(images/community-button.png);
	background-position: 0px 0px;
}
