@charset "utf-8";

/* SITE NAME - Global Stylesheet */
/* Developed by KKMedia */
/* Development Director: Adam Duro */


/* --------------------------------------- */
/* --( Style Sheet Import )-- */
/* --------------------------------------- */

@import url(content.css);

/* --------------------------------------- */
/* --( Global Styles )-- */
/* --------------------------------------- */

html {
	font: 62.5%/1.25 arial, helvetica, sans-serif;
}
a {
	outline: none;
}
body {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
}
p {
	margin: 8px 0; 
}
h1, h2 {
	margin: 14px 0;
}

/* --------------------------------------- */
/* --( Global Classes )-- */
/* --------------------------------------- */

	/* self clearing rules */
	.selfclear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.selfclear { display: inline-block; _height: 1%; }
	/* Hides from IE-mac \*/
	.selfclear { display: block; }
	/* End hide from IE-mac */

/* --------------------------------------- */
/* --( Logo Container )-- */
/* --------------------------------------- */
#main_logo{
	width: 780px;
	margin: 30px auto 0 auto;
}

/* --------------------------------------- */
/* --( Main Container )-- */
/* --------------------------------------- */

#main_container {
	width: 780px;
	border: 1px solid #c28952;
	margin: 0px auto 0 auto;

}


/* --------------------------------------- */
/* --( Nav Container )-- */
/* --------------------------------------- */
#main_container #main_nav ul, 
#main_container #main_nav ul li {
	margin: 0;
	padding: 0;
}
#main_container #main_nav ul li {
	display: inline;
	list-style: none;
}

#main_container #main_nav{
	border-bottom: 1px solid #c28952;
	height: 26px;
}
#main_container #main_nav ul li a {
	display: block;
	float: left;
	height: 26px;
	text-indent: -3000px;
	background-image: url(../_img/main_nav.jpg);
	background-repeat: no-repeat;
}
/* --( Nav Up )-- */
#main_container #main_nav ul li a.about_us {
	width: 90px;
	background-position: 0px 1px;
}
#main_container #main_nav ul li a.reviews {
	width: 75px;
	background-position: -90px 1px;
}
#main_container #main_nav ul li a.menu {
	width: 57px;
	background-position: -165px 1px;
}
#main_container #main_nav ul li a.tea {
	width: 50px;
	background-position: -222px 1px;
}
#main_container #main_nav ul li a.gallery {
	width: 75px;
	background-position: -272px 1px;
}
#main_container #main_nav ul li a.events {
	width: 67px;
	background-position: -347px 1px;
}
#main_container #main_nav ul li a.directions {
	width: 104px;
	background-position: -414px 1px;
}
#main_container #main_nav ul li a.contact {
	width: 60px;
	height: 26px;
	background-position: -515px 1px;
}
/* --( Nav Up )-- */
#main_container #main_nav ul li a.about_us:hover {
	background-position: 0px -25px;
}
#main_container #main_nav ul li a.reviews:hover {
	background-position: -90px -25px;
}
#main_container #main_nav ul li a.menu:hover {
	background-position: -165px -25px;
}
#main_container #main_nav ul li a.tea:hover {
	background-position: -222px -25px;
}
#main_container #main_nav ul li a.gallery:hover {
	background-position: -272px -25px;
}
#main_container #main_nav ul li a.events:hover {
	background-position: -347px -25px;
}
#main_container #main_nav ul li a.directions:hover {
	background-position: -414px -25px;
}
#main_container #main_nav ul li a.contact:hover {
	background-position: -515px -25px;
}
/* --------------------------------------- */
/* --( Left Content )-- */
/* --------------------------------------- */

#left_content {
	width: 365px;
	float: left;
	/* Hacked for IE
	Any modifcations must be reflected in "_css/ie-hacks.css" */
	margin: 9px 10px 0 12px;
}
.top_copy{
	color:#6f4e49;
	font-size: 1em;
	padding-bottom: 3px;
	text-align:justify;
	line-height: 1.6em;
}
#left_content p,
#right_content p{
}
/* --------------------------------------- */
/* --( Right Content )-- */
/* --------------------------------------- */

#right_content {
	width: 375px;
	float: right;
	/* Hacked for IE
	Any modifcations must be reflected in "_css/ie-hacks.css" */
	margin: 9px 12px 0 0;
}

img.bordered{
	border: 1px solid #c28952;
	padding: 2px;
}

/* --------------------------------------- */
/* --( Footer Navigation )-- */
/* --------------------------------------- */
#footer_top{
	clear: both;
	width: 750px;
	padding: 25px 15px;
	font-size: .8em;
	color: #ccc;
	text-align:center;
}

#footer_top a {
	color: #999696;
	text-transform: uppercase;
	margin: 0 22px;
	text-decoration: none;
}

/* --------------------------------------- */
/* --( Footer Links & Copyright )-- */
/* --------------------------------------- */

#footer_links, #copyright {
	text-align: center;
	color: #a0a2a3;
	font-size: 11px;
}
#footer_links a, #copyright a {
	color: #a0a2a3;
	text-decoration: none;
}
#footer_links {
	padding-bottom: 0;
	text-align: center;
}
#copyright {
	padding-top: 3px;
}