
body {
	margin: 0;
	padding: 0;
	font-size: 11px;
	background-color: #7c5b30;
	background-image: url(/images/bg_trees.jpg);
	background-position: bottom center;
	background-attachment: fixed;
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
}


/* -----------------------------------*/
/* -------->>> ANCHOR TAGS <<<--------*/
/* -----------------------------------*/


a {
	color: #007152;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: 0;
}

#footer a {
	color: #fff;
}


/* -----------------------------------*/
/* -------->>> CONTAINERS <<<---------*/
/* -----------------------------------*/


#container_main {
	
}

#shadow {

	margin: 0px auto;	
	width: 800px;
	background: url(images/bg_shadow.png) top center repeat-y;
	z-index: 1;
}

#container {
	position:relative;
	width:750px;
	margin: 0 auto;
	
	z-index:2;
	}
	
#highlight_left {
	position:absolute;
		top: 0;
		left: -1px;
	height: 128px;
	width:2px;
	background: url(/images/trans_highlight.png) top center repeat-y;
	z-index:20;
}

#highlight_right {
	position:absolute;
		top: 0;
		right: -1px;
	height: 128px;
	width:2px;
	background: url(/images/trans_highlight.png) top center repeat-y;
	z-index:20;
}
.highllight {
	
}

#header {
	position: relative;
	z-index: 5;
}

#header_wood {
	width: 750px;
	height: 99px;
	background: url(/images/bg_header_wood.jpg) top left no-repeat
}



#site_content {
	position: relative;
	background-color: #F4EEE8;
	z-index: 4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 140%;
}

#pagepadding {
	padding: 15px;
}

#left_side {
	width: 498px;
	position: relative;
}
#min_height {
	height: 555px;
	width: 1px;
	float: right;
	clear: both;
}

#min_height_home {
	height: 475px;
	width: 1px;
	float: right;
	clear: both;
}


#promos {
	position: relative;
	width: 498px;
	height: 475px;
}

#promo_mod_main {
	position: absolute;
		top: 0;
		left: 0;
	width: 498px;
	height: 338px;
	background: url(/images/woods_exterior.jpg) top left no-repeat;
	border-bottom: 2px solid #fff;
}

#promo_mod_left {
	position: absolute;
		left: 0;
		bottom: 0;
	width: 248px;
	height: 135px;
	background-color: #fff;
	border-right: 2px solid #fff;

	}
#gallery_promo {
	position: absolute;
		left: -25px;
		bottom: 0px;
	width: 275px;
	height: 150px;
	background: url(/images/promo_photogallery.png) top left no-repeat;
	
}

#promo_mod_right {
	position: absolute;
		right: 0;
		bottom: 0;
	width: 248px;
	height: 135px;
	background: url(/images/promo_cabinfever2.jpg) top left no-repeat;
	
	}

#thurs_promo {
	position: absolute;
		right: 20px;
		bottom: 70px;
	width: 210px;
	height: 132px;
	background: url(/images/promo_thurs_front3.png) top left no-repeat;

}

#promo_left_top {
	position: absolute;
		left: -10px;
		bottom: 105px;
	width: 267px;
	height: 52px;
	background: url(/images/promo_porch.png) top left no-repeat;
}

#link_overlay {
	display: block;
	position: absolute;
		left: 0;
		bottom: 0;
	width: 248px;
	height: 135px;
}

#footer {
	background-color: #7B5B2F;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #ffffff;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	font-size: 9px;
}

.header_image {
	width: 497px;
	height: 63px;
	border-bottom: 2px solid #fff;
}
#image_about { background: url(/images/header_about.png) top left no-repeat;}
#image_grub { background: url(/images/header_grub.jpg) top left no-repeat;}
#image_location { background: url(/images/header_location.jpg) top left no-repeat;}
#image_work { background: url(/images/header_work.jpg) top left no-repeat;}
#image_private { background: url(/images/header_private.jpg) top left no-repeat;}


/* -----------------------------------*/
/* ------------>>> NAV <<<------------*/
/* -----------------------------------*/

#nav {
	position: absolute;
		top: 99px;
		left: 0px;
	height: 29px;
	width: 750px;
}

#nav_back{
	height: 29px;
	width: 750px;
	background: url(/images/bg_nav.png) top left repeat-x;
}

#nav_about{ position:relative; left: 0px; }

#nav_grub{ position:relative; left: 8px; }

#nav_location{ position:relative; left: 16px; }

#nav_employment{ position:absolute; left: 481px; }

#nav_private{ position:absolute; right: 0px; }


/* -----------------------------------*/
/* ----------->>> Events <<<----------*/
/* -----------------------------------*/


#events_mod {
	position: absolute;
		top: 0;
		right: 0;
	height: 555px;
	width: 252px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	background: url(/images/bg_events.png) top left repeat-y;
	overflow: hidden;
	z-index: 7;
}

#events_mod_home {
	position: absolute;
		top: 0;
		right: 0;
	height: 475px;
	width: 252px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	background: url(/images/bg_events.png) top left repeat-y;
	overflow: hidden;
	z-index: 7;
}

#events_mod.size_6 { height: 475px; }

#events_header {
	position: absolute;
		top: 5px;
		right: 10px;
	width: 265px;
	height: 69px;
	z-index: 8;
}


#events_back {
	width: 280px;
	height: 68px;
	background: url(/images/trans_entertainment_large.png) top left no-repeat;
}

.events_month {
	width: 109px;
	height: 16px;
	position: absolute;
		top: 13px;
		left: 33px;
}

#jan { background: url(/images/month_jan.png) top left; }
#feb { background: url(/images/month_feb.png) top left; }
#mar { background: url(/images/month_mar.png) top left; }
#apr { background: url(/images/month_apr.png) top left; }
#may { background: url(/images/month_may.png) top left; }
#jun { background: url(/images/month_jun.png) top left; }
#jul { background: url(/images/month_jul.png) top left; }
#aug { background: url(/images/month_aug.png) top left; }
#sep { background: url(/images/month_sep.png) top left; }
#oct { background: url(/images/month_oct.png) top left; }
#nov { background: url(/images/month_nov.png) top left; }
#dec { background: url(/images/month_dec.png) top left; }





#events_list {
	position: relative;
		top: 205px;
}



#eventOverflow {
	
}

.hidden {
	display: none;
}

.vis {
	display: block;
}

.green {
	width: 252px;
	height: 40px;
}

.lightgreen {
	width: 252px;
	height: 40px;
}

#bandpic{
	width: 252px;
	height: 120px;
	position: absolute;
		top: 60px;
}


.tan {
	width: 252px;
	height: 40px;
	background: url(/images/bg_stripe_tan.png) top left no-repeat;
}

.light {
	width: 252px;
	height: 40px;
	background: url(/images/bg_stripe_light.png) top left no-repeat;
}

.band {
	width: 252px;
	height: 40px;
	background: url(/images/bg_stripe_green.png) top left no-repeat;
}

.stripe {
	position: relative;
	width: 252px;
	height: 40px;
}

.eventtext {
	width: 252px;
	height: 40px;
	position: absolute;
		top: 0;
		left: 0px;
}

.dark{
	width: 252px;
	height: 40px;
	background: url(/images/bg_stripe_tan.png) top left no-repeat;
	position: absolute;
		top: 0;
		left: 0px;
}



.bandlink {
	width: 77px;
	height: 12px;
	background: url(/images/button_website.png) top left no-repeat;
	position:absolute;
		right: 5px;
		top: 10px;
	cursor: pointer;
}

.bandlink a {
	width: 77px;
	height: 12px;
	display: block;
	position: absolute;
}

.bandlinkw {
	width: 77px;
	height: 12px;
	background: url(/images/button_website_w.png) top left no-repeat;
	position:absolute;
		right: 5px;
		top: 10px;
}
.bandlinkw a {
	width: 77px;
	height: 12px;
	display: block;
	position: absolute;
}

.stripe .date {
	padding-top: 8px;
	padding-left: 18px;
	text-transform: uppercase;
	font-size: 9px;
	color: #7B5B2F;
}

.stripe .act {
	padding-left: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000;
}

#trans_trees {
	width: 252px;
	height: 178px;
	background: url(/images/trans_trees.png) top left no-repeat;
	position: absolute;
		bottom: 0;
		left: 0;
}

#button_seemore {
	width: 60px;
	height: 16px;
	background: url(/images/button_more.png) top left no-repeat;
	position: absolute;
		bottom: 6px;
		left: 18px;
	cursor: pointer;
}

#button_hide {
	width: 60px;
	height: 16px;
	background: url(/images/button_close.png) top left repeat;
	position: absolute;
		bottom: 6px;
		left: 18px;
	cursor: pointer;
}

#eventOverflowFix {
	width: 1px;
	height: 605px;
	/*background: url(/images/construction.png) top left repeat;*/
	position: absolute;
		right: 0;
		top: 0;
}

.icon_shamrock{
	position: absolute;
		left: 85px;
		top: 22px;
	width: 20px;
	height: 20px;
	background: url(/images/shamrock.png) top left no-repeat;
}

/* -----------------------------------*/
/* -------->>> CLICK AREAS <<<--------*/
/* -----------------------------------*/


#click_ {

}

#button_gmap {
	text-align: right;
}


/* -----------------------------------*/
/* -------->>> PNG TRANS <<<----------*/
/* -----------------------------------*/


#trans_ {

}

#trans_logo {
	width: 540px;
	height: 146px;
	background: url(/images/trans_logo.png) top left no-repeat;
	position: absolute;
		top: 0px;
		left: 105px;
	cursor: pointer;
}

#bottom {
	width: 800px;
	margin: 0 auto;
	position: relative;
}

#trans_wood_bottom {
	position: absolute;
	width: 800px;
	height: 245px;
	background: url(/images/bg_bottom_wood.png) top left no-repeat;
}

#trans_bottom_highlight {
	position: absolute;
	width: 800px;
	height: 245px;
	background: url(/images/trans_bottom_highlight.png) top left no-repeat;
}

#title_coming{
	width: 118px;
	height: 12px;
	background: url(/images/title_comingup.png) top left no-repeat;
	position: absolute;
		left: 17px;
		top: -8px;
}

#title_schedule{
	width: 163px;
	height: 12px;
	background: url(/images/title_schedule.png) top left no-repeat;
	position: relative;
		left: 17px;
	margin-top: 30px;
}

#feast_logo{
	width: 53px;
	height: 40px;
	background: url(/images/trans_feast.png) top left no-repeat;
	float: left;
	padding: 5px;
}
/* -----------------------------------*/
/* -------->>> TEXT STYLES <<<--------*/
/* -----------------------------------*/


h1 {

}

h2 {

}

.justify {
	text-align: justify;
}

p {
	margin: 0px 0px 5px;
}


/* -----------------------------------*/
/* ------------>>> MISC <<<-----------*/
/* -----------------------------------*/

.text_input {
	border: 1px solid #7B5B2F;
	background: #fff;
	height: 22px;
	width: 250px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

textarea {
	border: 1px solid #7B5B2F;
	background: #fff;
	width: 250px;
	height: 138px;
	position: relative;
		top: -1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.hours {
	font-weight: bold;
}

.greentext {
	color: #007152;
	font-weight: bold;
}

hr {

}

.hr {
	height: 1px;
	width: 100%;
	background: url(/images/dots_green.png) top left repeat-x;
	overflow: hidden;
}
.hr_padding {
	padding-top: 6px;
	padding-bottom: 6px;
}

.clear {
	clear: both;
}

