/* CSS Document */

body {
background:url(images/body.jpg) repeat center top; margin:0px; padding:0px;
}
.clear { clear:both; }
img { border:none; }

@media only screen and (min-width:45em) and (max-width:60em) {
#main_wraper {
width:100%;
}
#banner_main {
width:100%;
}
.banner_top {
width:100%; height:auto;
}
.banner_img {
width:98%; height:auto;
}
.banner_bottam {
width:100%; height:auto;
}
#container_bg {
width:95%;
}
#visit_main {
width:90%;
}
.hours_main {
width:34%;
}
.bistro {
float:left;
}
.bt1 {
margin:20px 0 0 0;
}
.roxy {
float:left; margin:20px 0 0 0;
}
.facebook_join {
width:100%; margin:40px 0 0 0;
}
#footer_main {
width:93%;
}
.copy {
width:93%;
}


#soliloquy-43 {
margin: 0 0 0 0px  !important;
padding: 0px;
}


.soliloquy-container .soliloquy-direction-nav li .soliloquy-next {
right: 20px !important;

}



.logo li img {
width: 60% !important;
height: auto !important;
}




.map_main {
	width:48%;
	margin:0;
}

.map_main iframe {
	width:92% !important;
	
}

.mailinglist {
width: 44%;
background: rgba(0, 0, 0, 0.2);
height: 325px;
float: right;
color: #FFF;
padding: 15px;
margin-right: 0px;
margin-top: 25px;
font-size: 10pt;
}

.mailinglist  img {
	width:100%;
}


.facebook-box {
width: 48%;
 background: rgba(0, 0, 0, 0.2);
height: auto;
float: left;
margin: 20px 0px 0px 20px;
font: normal 18px Arial, Helvetica, sans-serif;
color: #fff;
}

.twitter-box {
width: 48%;
 background: rgba(0, 0, 0, 0.2);
height: auto;
float: right;
margin: 20px 0px 0px 0px;
font: normal 18px Arial, Helvetica, sans-serif;
color: #fff;
}







.bar-logo {
text-align: center;
display:inherit;
float: left;
height: 80px;
}

.bar-logo img {
	height:60%;
	margin:0 auto;

}
	


.visit_bar {
width: 24% !important;
height: auto !important;
float: left;
margin: 1% 0.3% 1% 0.6%;
display:block;
color:#FFF;
border-right:1px solid #6a5c40 !important;

padding:2% 1%;
text-align:center !important;
padding:0 0 5% 0%;


}

.visit_bar_text {
height:180px;	
float:left;
width:90%;
text-align:center;
font-size:90%;
position:relative;
top:0px;


}





.visit_bar_end {
width: 24% !important;
height: auto!important;
float: left;
margin: 1% 0.3% 1% 0.6%;
display:block;
color:#FFF;
border-bottom:0px solid #6a5c40 !important;
padding:2% 1%;
text-align:center !important;
padding:0 0 5% 0%;


}



.gold-button {
	width:60%;
	margin: 0 auto;
	float:left;
	position:relative;
	text-align:center;
	font-size: 1em !important;

	

}

.footer_menu {

margin: 0 0 0 0 !important;
}



}

@media only screen and (min-width:29em) and (max-width:44em) {

.bar-logo {
text-align: center;
display:inherit;
float: left;
height: 80px;
}

.bar-logo img {
	height:60%;
	margin:0 auto;

}
	


.visit_bar {
width: 18.5% !important;
height: auto !important;
float: left;
margin: 1% 0.3% 1% 0.6%;
display:block;
color:#FFF;
border-right:1px solid #6a5c40 !important;

padding:2% 1%;
text-align:center !important;
padding:0 0 5% 0%;


}

.visit_bar_text {
height:180px;	
float:left;
width:90%;
text-align:center;
font-size:90%;
position:relative;
top:0px;


}





.visit_bar_end {
width: 18.5% !important;
height: auto!important;
float: left;
margin: 1% 0.3% 1% 0.6%;
display:block;
color:#FFF;
border-bottom:0px solid #6a5c40 !important;
padding:2% 1%;
text-align:center !important;
padding:0 0 5% 0%;


}



.gold-button {
	width:60%;
	margin: 0 auto;
	float:left;
	position:relative;
	text-align:center;
	font-size: 1em !important;

	

}
	
}






@media only screen and (min-width:0em) and (max-width:28em) {
	
		
#main_wraper {
width:100%;
}
#banner_main {
width:100%;
}
.banner_top {
width:100%; height:auto;
}
.banner_img {
width:98%; height:auto;
}
.banner_bottam {
width:100%; height:auto;
}
#container_bg {
width:95%;
margin-left:6px;

}
#visit_main {
width:100%;
}


.bistro {
float:left;
}
.bt1 {
margin:20px 0 0 0;
}
.roxy {
float:left; margin:20px 0 0 0;
}
.facebook_join {
width:100%; margin:40px 0 0 0;
}
#footer_main {
width:100%; padding:10px 0 0 0;
}


.footer_menu {
width: 96%;
height: auto;
float: none;
margin:0 auto;
font: normal 14px Arial;
color: #C9BCA7;
}





.copy {
width:93%;
}



.map_main {
	width:99%;
	margin:0;
	padding:20px 30px 20px 20px  !important;
	margin-left:-20px !important;
}

.map_main iframe {
	width:92% !important;
	
}

.mailinglist {
width: 85%;
background: rgba(0, 0, 0, 0.2);
height: auto;
float: left;
color: #FFF;
padding: 15px;
margin-right: 0px;
margin-top: 25px;
font-size: 10pt;
}

.mailinglist  img {
	width:100%;
}


.facebook-box {
width: 94%;
 background: rgba(0, 0, 0, 0.2);
height: auto;
float: left;
margin: 20px 0px 0px 0px;
font: normal 18px Arial, Helvetica, sans-serif;
color: #fff;
}

.twitter-box {
width: 94%;
 background: rgba(0, 0, 0, 0.2);
height: auto;
float: left;
margin: 20px 0px 0px 0px;
font: normal 18px Arial, Helvetica, sans-serif;
color: #fff;
}


.bar-logo {
text-align: center;
width: 200px;
display:inherit;
float: none;
margin:0 auto;
height: 65px;
}



.visit_bar {
width: 100% !important;
height: auto !important;
float: left;
margin: 1% 0.3% 4% 0.6%;
display:block;
color:#FFF;
border-right:0px solid #6a5c40 !important;
border-bottom:0px solid #6a5c40 !important;
padding:2% 1%;
text-align:center !important;
border-bottom: 1px solid #6a5c40  !important;
padding:0 0 5% 0%;



}

.visit_bar_text {
height: 100px;
float: left;
width: 92%;
text-align: center;
font-size: 110%;
position: relative;
top: 0px;
clear:right;
}





.visit_bar_end {
width: 100% !important;
height: auto!important;
float: left;
margin: 1% 0.3% 4% 0.6%;
display:block;
color:#FFF;
border-bottom:0px solid #6a5c40 !important;
padding:2% 1%;
text-align:center !important;
border-bottom: 1px solid #6a5c40  !important;
padding:0 0 5% 0%;


}



.gold-button {
	width:50%;
	margin: 0 auto;
	float: none;
margin:0 auto;
	position:relative;
	text-align:center;
	

}





.logo li img {
width: 60% !important;
height: auto !important;
}



.soliloquy-container {

position: relative;
width: 99%;
zoom: 1;
margin-left:-10px !important;

}






}