@charset "utf-8";
/* CSS Document */

body {
	border: 0; 
	margin: 0;
	padding: 0;
	background: url(../images/WoodTexture.jpg) repeat;
	overflow: scroll;	
}
#mainContent {
	background: url(../images/body.png) no-repeat;
	height: 687px;
	width: 1016px;
	margin: 0 auto;
}
.logo { 
	background: url(../images/logo.png) no-repeat;
	float: right;
	padding: 5px; 
	margin: 25px 50px 0 0;
	height: 124px;
	width: 75px;
}
#bodyBlock {
	margin: 25px 0 0 0;
}
#bodyContainer {
	display: block;
	height: 300px;
	overflow: visible;
	width: 750px;
	text-align: left;
	margin: 0 0 0 200px;	
}
#incContainer {
	margin-left: 20px;
}
.stylistTree {
	background: url(../images/stylistTree.png) no-repeat;
	float: left;
	height: 204px;
	width: 90px;
	margin-top: 20px;
	margin-right: 10px;
}
.accentTree {
	background: url(../images/accentTree.png) no-repeat;
	float: right;
	margin: 50px 0 0 0px;
	height: 50px;
	width: 100px;
}
.copy {
	float: left;
    width: 23%;
    box-sizing: border-box;  /*for Opera, but with improper syntax*/
    -moz-box-sizing: border-box;  /*proper moz syntax*/
	font-size: 14px;
	color: #652300;
	padding-right: 5px;
	padding-top: 5px;
}
.copy span {
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
}

/*  index style */
.indexTitle {
	display: block;
	color: #78a22e;
	font-size: 40px;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-bottom: 65px;
	margin-left: 350px;
	margin-top: 20px;
	padding-top: 50px;	
}
.indexTitle span {
	font-size: 30px;
	padding-left: 20px;
}
.indexCopy {
	margin: 0 0 0 100px;
	height: 85px;
	width: 345px;	
	font-size: 18px;
	line-height: 25px;
	color: #652300;
}
.indexLowerCopy {
	width: 500px;
	margin-top: 15px;
}
.indexLowerCopy h1 {
	text-align: center;
	color: #78A22E;
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	margin-top: 145px;
}

/*  general style */
.bodyTitle {
	display: block;
	color: #78a22e;
	font: bold 25px Georgia, "Times New Roman", Times, serif;
	padding-bottom: 5px;
	text-align: left;	
}
.bodyCopy {
	margin: 0 0 0 100px;
	height: 85px;
	width: 345px;	
	font-size: 14px;
	line-height: 1.5em;
	color: #652300;
}
.bodyCopy h1 {
	color: #78a22e;
	font-size: 16px;
	padding: 0 0 0 0;
	text-align: left;	
}

/*  about style */
.bodyCopy.about {
	height: 25px;
	width: 550px;
	text-align: left;	
}
.bodyCopy.about p {
	padding-bottom: 10px;
}
#aboutContainer {
	height: 300px;
	overflow: auto;
	margin: 10px;
	width: 500px;
	padding-right: 10px;
}
#aboutContainer h1 {
	color: #78A22E;
	font-size: 16px;
	padding: 0;
	text-align: left;	
}
#aboutContainer p {
	text-align: left;
}
#aboutMenu, #aboutMenu a {
	font-size: 16px;
	display: inline;
	color: #652300;
	margin-left: 20px;
	padding-left: 4px;
	text-decoration: none;
	font-weight: bold;
	text-align: left;	
}
#aboutImage {
	float: right;
	padding: 0 0 10px 10px;
}
#aboutContainer p span.green {
	color: #78A22E;
	font-weight: bold;
	font-size: 16px;
}

/*  services style */
.bodyCopy.services {
	height: 25px;
	width: 550px;
	text-align: left;
}
.bodyCopy.services p {
	padding-bottom: 10px;
}
#serviceContainer {
	height: 300px;
	overflow: auto;
	margin: 10px;
	width: 500px;
	padding-right: 10px;
	padding-left: 50px;
	text-align: left;	
}
#serviceContainer h1 {
	color: #78A22E;
	font-size: 18px;
	padding-bottom: 5px;
}
.bodyCopy.services li {
	font-size: 14px;
	font-weight: bold;
	list-style-type: none;
	padding-left: 25px;
	line-height: normal;
}
#serviceMenu, #serviceMenu a, #serviceMenu a span {
	font-size: 16px;
	display: inline;
	color: #652300;
	margin-left: 20px;
	padding-left: 10px;
	text-decoration: none;
	font-weight: bold;
}
#serviceContainer p {
	border-bottom: 2px solid #000;
}
#serviceList {
	margin-top: 7px;
}
#serviceList ul {
	margin: 5px 0;
}
#serviceList li {
	margin-left: 10px;
	color: #652300;
	line-height: 1.5em;
	font: normal 12px Georgia, "Times New Roman", Times, serif;
}
#serviceListTitle {
	color: #652300;
	font: bold 14px Georgia, "Times New Roman", Times, serif;
}

/*  our story style */
img.story {
	float: right;
	height: 325px;
	width: 550px;
	padding: 0 0 0 20px;
}
.bodyCopy.story {
	height: 325px;
	overflow: auto;
	margin: 10px;
	width: 500px;
	padding-right: 10px;
}
.bodyCopy.story p {
	padding-bottom: 10px;
	text-align: left;	
}
.bodyCopy.story a, .bodyCopy.story a:hover, .bodyCopy.story a:visited {
	color: #652300;
}
.bodyCopy.story p span.green {
	color: #78A22E;
	font-weight: bold;
	font-size: 16px;
}

/*  products style */
.bodyTitle.products {
	padding-bottom: 5px;
}
.bodyCopy.products {
	height: 325px;
	width: 500px;	
	overflow: auto;
	margin: 10px;
	padding-right: 10px;
	text-align: left;
}
.productsContainer p span.green {
	color: #78A22E;
	font-weight: bold;
	line-height: 2em;
}


.bodyCopy.products {
	height: 25px;
	width: 550px;
	text-align: left;
}
.bodyCopy.products p {
	padding-bottom: 10px;
}
#productsContainer {
	height: 300px;
	overflow: auto;
	margin: 10px;
	width: 550px;
	padding-right: 10px;
	text-align: left;	
}
#productsContainer h1 {
	color: #78A22E;
	font-size: 18px;
	padding-bottom: 5px;
}
.bodyCopy.products li {
	font-size: 14px;
	font-weight: bold;
	list-style-type: none;
	padding-left: 25px;
	line-height: normal;
}
#productsMenu, #productsMenu a, #productsMenu a span {
	font-size: 16px;
	display: inline;
	color: #652300;
	margin-left: 20px;
	padding-left: 10px;
	text-decoration: none;
	font-weight: bold;
}
#productsContainer p {
	margin-top: 10px;
	border-bottom: 2px solid #000;
}
#productsList {
	margin-top: 7px;
}
#productsList ul {
	margin: 5px 0;
}
#productsList li {
	margin-left: 10px;
	color: #652300;
	line-height: 1.5em;
	font: normal 12px Georgia, "Times New Roman", Times, serif;
}
#productsListTitle {
	color: #652300;
	font: bold 14px Georgia, "Times New Roman", Times, serif;
}


/*  friends style */
.bodyTitle.friends h1 {
	padding-bottom: 5px;
}
#bodyCopyFriends {
	margin: 0 0 0 25px;
}
.bodyCopy.friends {
	height: 325px;
	overflow: hidden;
	margin: 10px;
	width: 550px;
	padding-right: 10px;
	text-align: left;
}
#friendsMenu {
	width: 220px;
	float: left;
}
#friendsMenu a {
	display: block;
	float: none;
}
#friendsMenu a, #friendsMenu a:hover, #friendsMenu a:visited {
	color: #652300;
	text-decoration: none;
}
#friendsMenu a:hover {
	text-decoration: underline;
}
#friendsContainer {
	width: 300px;
	height: 300px;
	display: block;
	border: 1px solid #ccc;
	float: right;
	margin-right: 15px;
}

/*  blog style */
.bodyTitle.blog {
}
.bodyCopy.blog {
}

/*  contact style */
.bodyTitle.contact p {
	width: 150px;
}
.contactMap {
	float: right;
}

/* book online style */
.bodyTitle.bookOnline {
	text-align: left;
}
.bodyCopy.bookOnline {
	width: 685px;
	height: 350px;
	padding: 0;
	margin: 0;
	overflow: auto;
}
.bodyCopy.bookOnline iframe #menu {
	display: none;
}
#newBookOnline { /* index info */
	float: right;
	margin-right: 150px;
	width: 150px;	
	color: #78A22E;
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	text-align: center;
}
#newBookOnline a, #newBookOnline a:visited, #newBookOnline a:hover {
	color: #78A22E;
}
.ui-tabs .ui-tabs-hide {
     display: none;
}

/*  menu bar  */
#NavContainer {
	width: 800px;
	height: 30px;
}
#Nav {
	width: 800px;
	padding-top: 3px;
	height: 30px;
	margin: 0px auto 0px 200px;	
}
#Nav a {
	width: 95px; 
	height: 25px;
	display: block; 
	float: left;
	text-decoration: none;
	text-align: center; 
	margin: 0;
	background: url(../images/greenNavBlank.gif) no-repeat; /* menu button */
}
#Nav a:hover {
	background: url(../images/greenNavBlank.gif) 0 -28px no-repeat;  /* menu button alt state */
	color: #FFFFFF;
}
#Nav a span {	
	font: bold 16px/16px arial, Gadget, sans-serif; 
	color: #652300;
	position: relative; 
	top: 5px;
}
.clear {
	clear: both;
}
/* eof menu bar */ 


/*   lower menu  */
#lowerMenu {
	display: block;
	text-align: left;
	width: 150px;
	margin: 300px 0 0 15px;
	float: left;
}
#lowerMenu a, #lowerMenu a:hover, #lowerMenu a:visited  {
	color: #000;
	text-decoration: none;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 5px;
}
#lowerMenu a:hover {
	color: #78A22E;
}
#bookNowIcon {
	float: right;
	margin: -55px 25px 0 0;
}



#container {
/*	position: relative; */
}
#mainContent2 img.mainImg {
 position: absolute;
  z-index: -1;
/*	background: url(../images/body.png) no-repeat; */
	margin: 0 auto;
}
#container object, #container embed, #container img.upper {
  /* flash objects */
  position: absolute;
	z-index: -2;
}




#hours {
	display: block;
	padding-bottom: 15px;
}