body {
	font-size:100%;
	background:#120900 url('orange_wood_fade_bg.jpg') top left repeat-x;
	text-align:center;
	margin:0px;
}

#begins {
	background-image: url('s-sunburst-l.jpg');
    	background-repeat: no-repeat;
    	background-position: center 27px;
}

#outer_container_fixed {

	//background:#553a0d url('brown_grad_tile.jpg') center left repeat-x;
 
	width: 690px;
	margin:0 auto;
}

#very_top_info {
	border: #0d0700 1px solid;
	background:#553a0d url('brown_grad_tile_o.jpg') center left repeat-x;
	color: #fbcf35;
	padding:5px;
	
}

#top_address {
	float:left;
	text-align:left;
}
#top_phone {
	float:right;
	text-align:left;
}


#sub_top_info {
	margin:0 auto;
	width: 680px;
}

#logo_area {
	//border: #000 solid 1px;
	padding-top:10px;
	padding-bottom:10px;
}

#main_image_area {
	border: #fff solid 5px;
	text-align:left;
	//background:#c5a68d url('m-img-bg.jpg') top left repeat-x;
}

#bodys {
	margin:10px;
}

#the_nav li {
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}
#the_nav li a {
	font-weight:bold;
	text-decoration:none;
}
#the_nav li a:link 	{color:#000;}      /* unvisited link */
#the_nav li a:visited 	{color:#000;}  /* visited link */
#the_nav li a:hover 	{
	color:#000;
	text-decoration:underline;
}  /* mouse over link */
#the_nav li a:active 	{color:#000;}  /* selected link */ 



.three_block {
	font-size: .8em;
	background:#bab2a8 url('o-grad.jpg') top left repeat-x;
	float:left;
	border-top: #726861 solid 1px;
	border-left: #726861 solid 1px;
	border-right: #726861 solid 1px;
	border-bottom: #726861 solid 1px;
	min-height: 290px;

	width:190px;
	margin:10px;
	padding:5px;
}

#three_block_container {
	margin-left:5px;
	margin-top:25px;
}

.headings {
	margin-top:0px;
	border: #702d1f 1px solid;
	background:#702d1f url('brown_grad_tile.jpg') center left repeat-x;
	color: #ccc391;
	padding:5px;
	
}

#home_content {
	color: #ccc391;
	min-height: 480px;
}


#brew {
	float:left;
	width:46%;
	padding:5px;
	margin:5px;
	border: #fff solid 1px;

}


#footer_nav li {
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}
#footer_nav li a {
	text-decoration:none;
}
#footer_nav li a:link 	{color:#fff;}      /* unvisited link */
#footer_nav li a:visited 	{color:#fff;}  /* visited link */
#footer_nav li a:hover 	{
	color:#fff;
	text-decoration:underline;
}  /* mouse over link */
#footer_nav li a:active 	{color:#fff;}  /* selected link */ 


.foot_3_box {
	font-size: .8em;
	float:left;
	min-height: 100px;
	width:190px;
	margin:10px;
	padding:5px;
	text-align:left;
	color:#fff;
	border-top: #C0C0C0 solid 3px;
}


#brew_left {
	float:left;
	font-size: 1.5em;
	text-align:left;
}
#brew_right {
	float:right;
	font-size: 1.5em;
	text-align:left;
}

.menu_item_container {
	margin-bottom:10px;
	border-bottom: #C0C0C0 solid 1px;
	padding:5px;
}

.menu_item_name {
	font-weight:bold;
	float:left;
	text-align:left;
}

.menu_item_price {
	font-weight:bold;
	float:right;
	text-align:right;
}

.menu_item_description {
	padding:5px;
	text-align:left;
}





@media only screen and (max-width: 519px) {

	body {
		font-size:100%;
		background-image: none;
		background-color: #1b1000;
		text-align:center;
		margin:0px;
	}

	#logo_area {
		padding-top:10px;
		padding-bottom:10px;
		background-color: #a55b10;
	}

	#begins {
		background-image: none;
	}

	#outer_container_fixed {
		width: 100%;
	}

	#top_address {
		float:none;
	}

	#top_phone {
		float:none;
	}

	#sub_top_info {
		width: 100%;
	}

	#menu_container {
		background-color: #98321b;
	}

	#the_nav {
		margin:0px;
		padding:0px;
	}

	#the_nav li {
		display: block;
		margin:0px;
		list-style-type: none;
		padding-right: 0px;
	}

	#the_nav li a 	{


	}

	#the_nav li a:hover 	{
		background-color: #852510;
		width:100%;

	}

	.three_block {
		font-size: .8em;
		float:none;
		background:#bab2a8 url('o-grad.jpg') top left repeat-x;
		min-height:0px;
		width:auto;
		margin:10px;
		padding:5px;
	}

	.foot_3_box {
		font-size: .8em;
		float:none;
		min-height: 0px;
		width:auto;
	}

	#brew {
		float:none;
		width:auto;
		padding:2px;
		margin:2px;
		border: #fff solid 1px;

	}


}
 
@media only screen and (min-width: 520px) and (max-width: 759px) {
	#begins {
		background-image: none;
	}
	#outer_container_fixed {
		width: 100%;
	}

	#top_address {
		float:none;
	}

	#top_phone {
		float:none;
	}

	#sub_top_info {
		width: 100%;
	}

	#the_nav {
		margin:0px;
		padding:0px;
	}

	#the_nav li {
		display: block;
		margin:0px;
		list-style-type: none;
		padding-right: 0px;
	}

	#the_nav li a 	{
		background-color: #852510;

	}

	#the_nav li a:hover 	{
		background-color: #852510;

	}

	.three_block {
		font-size: .8em;
		float:none;
		background:#bab2a8 url('o-grad.jpg') top left repeat-x;
		min-height:0px;
		width:auto;
		margin:10px;
		padding:5px;
	}

	.foot_3_box {
		font-size: .8em;
		float:none;
		min-height: 0px;
		width:auto;
	}

	#brew {
		float:none;
		width:auto;
		padding:5px;
		margin:5px;
		border: #fff solid 1px;

	}

}
 
@media only screen
and (min-width: 760px)
and (max-width: 959px) {
  /* Two Fixed Width Columns, Medium Padding (iPad) */
}
 
@media only screen 
and (min-width: 960px) {
  /* Two Fixed Width Columns, Large Padding (Desktop) */
}