/* CSS Document */

body{ 
margin:0; 
text-align:center;
background-image:url(../Images/bg2.jpg);
background-position: center top;
} 


#container{
	position:relative;
	width:1000px;
	text-align:center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFFFFF;
} 
#container #content {
	height: auto;
	width: 1000px;
}#container #content #top_bar {
	float: left;
	height: 68px;
	width: 307px;
	background-image: url(../Images/top_bar.jpg);
	background-repeat: no-repeat;
}
#container #content #home_btn {
	float: left;
	height: 68px;
	width: 70px;
}
#container #content #culture_btn {
	float: left;
	height: 68px;
	width: 137px;
}
#container #content #food_btn {
	float: left;
	height: 68px;
	width: 100px;
}
#container #content #menu_btn {
	float: left;
	height: 68px;
	width: 80px;
}
#container #content #blog_btn {
	float: left;
	height: 68px;
	width: 80px;
}
#container #content #contact_btn {
	float: left;
	height: 68px;
	width: 115px;
}
#container #content #order_btn {
	float: left;
	height: 68px;
	width: 111px;
}
.hide {
	display: none;
	visibility: hidden;
}
#container #content #order_modal {
	display: none;
	height: 300px;
	width: 500px;
}

#container #content #pic_topbar {
	float: left;
	height: 16px;
	width: 1000px;
	background-image: url(../Images/pic_topbar.jpg);
}
#culture_drop {
	background-color: #B8D1CE;
	position: absolute;
	left: 386px;
	top: 67px;
	width: 117px;
	height: 47px;
	display: none;
	padding-top: 5px;
}
#container #content #culture_drop #story_link {
	background-color: #B8D1CE;
	text-align: left;
	height: 16px;
	width: 117px;
	padding-bottom: 5px;
}
#container  #content  #culture_drop  #philosophy_link {
	background-color: #B8D1CE;
	text-align: left;
	height: 16px;
	width: 117px;
}




#menu_drop {
	background-color: #b8d0cd;
	position: absolute;
	left: 632px;
	top: 67px;
	width: 121px;
	height: 89px;
	display: none;
	padding-top: 5px;
}
#container #content #menu_drop #acai_link {
	height: 16px;
	width: 112px;
	padding-bottom: 5px;
}
#container #content #menu_drop #other_link {
	height: 16px;
	width: 112px;
	padding-bottom: 5px;
}
#container #content #menu_drop #smoothie_link {
	height: 16px;
	width: 112px;
	padding-bottom: 5px;
}
#container #content #menu_drop #option_link {
	height: 16px;
	width: 112px;
}




#container #content #logo_top {
	float: left;
	height: 131px;
	width: 335px;
}
#container  #content  #contact_pictop {
	float: left;
	height: 131px;
	width: 665px;
	background-image: url(../Images/contact_pictop.jpg);
}
#container #content #logo_botton {
	float: left;
	height: 142px;
	width: 335px;
}
#container  #content  #contact_picbotton {
	float: left;
	height: 142px;
	width: 665px;
	background-image: url(../Images/contact_picbotton.jpg);
	background-repeat: no-repeat;
}
#container #content #pic_bottonbar {
	float: left;
	height: 12px;
	width: 1000px;
	background-image: url(../Images/pic_bottonbar.jpg);
	background-repeat: no-repeat;
}
#container #content #middle_content {
	float: left;
	height: auto;
	width: 1000px;
}
#container #content #middle_content #contact_tilte {
	background-image: url(../Images/contact_title.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 61px;
	width: 1000px;
}
#container #content #middle_content #store1 {
	height: auto;
	width: 300px;
	margin-left:25px;
	margin-bottom:10px;
	margin-right:20px;
}
#container #content #middle_content #store2 {
	height: auto;
	width: 300px;
	margin-left:25px;
	margin-bottom:10px;
	margin-top:30px;
}

#container #content #middle_content #contact_copy {
	float: left;
	height: auto;
	width: 100%;
}
#container #content #middle_content #contact_copy #info {
	padding-left: 30px;
}
#container #content #middle_content #map {
	float: left;
	height: 300px;
	width: 500px;
}
#container #content #middle_content #map #map_container {
	padding: 10px;
	height: 280px;
	width: 480px;
}
#container #content #middle_content #contact_thankyou {
	height: 250px;
	background-color: #FFFFFF;
}



#container #content #footer_container {
	clear: both;
	height: auto;
	width: 1000px;
	padding-top: 5px;
	background-repeat: repeat-y;
}

#container #content #footer_container #footer {
	float: left;
	height: 80px;
	width: 1000px;
	background-image: url(../Images/footer.jpg);
	background-repeat: no-repeat;
	padding-top: 10px;
}
#container #content #footer_container #footer #footer_copy {

}
#container #content #footer_container #footer #footer_bg {
	background-image: url(../Images/footer_botton.jpg);
	background-repeat: repeat-y;
	height: 30px;
}






.copy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #431515;
	line-height: 16px;
	text-decoration:none;
}
.welcome_copy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #431515;
	line-height: 16px;
}
.contact_copy {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #44444e;
	line-height: 16px;
}

.footer_copy {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #431515;
	line-height: 16px;
}

a:link.footer_link {
	font-size: 10px;
	text-decoration:none;
	color: #441819;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:visited.footer_link {
	font-size: 10px;
	text-decoration:none;
	color: #441819;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:hover.footer_link {
	font-size: 10px;
	text-decoration:none;
	color: #742A0F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:active.footer_link {
	font-size: 10px;
	text-decoration:none;
	color: #441819;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


a:link.contact_link {
	font-size: 12px;
	text-decoration:none;
	color: #441819;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}


.style1 {color: #451918}
.style2 {color: #481818}
.style3 {color: #451717}
.style5 {font-size: 11px}
.style6 {
	font-size: 13px;
	font-weight: bold;
}
.style7 {color: #FF0000}
.style9 {
	color: #FF0000;
	font-size: 10px;
	font-weight: bold;
}
#container #content #middle_content #form_area {
	float: left;
	margin-left: 15px;
}

a:link.order_link {
	text-decoration:none;
	color: #060607;
}
a:visited.order_link {
text-decoration:none;
	color: #060607;
}
a:hover.order_link {
	text-decoration:none;
	color: #8ca0a9;
}
a:active.order_link {
	text-decoration:none;
	color: #060607;
}