/** Main style sheet for Cafe Natasha */

@font-face {
	font-family: slide_title;
	src: url('segoesc.ttf');
}


body {
	width:100%;
	height:1000px;
	margin:0px;
	background-image:url('../img/body.jpg');
	background-size:100% 100%;
}

#main {
	width:100%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}

#mask {
	width:100%;
	height:100%;
	opacity:0.8;
	background-color:black;
	position:absolute;
	display:none;
}

#map {
	width:330px;
	height:150px;
}

.image_mask {
 /* Safari 4-5, Chrome 1-9 */
  /* Can't specify a percentage size? Laaaaaame. */
  background: -webkit-gradient(radial, center center, 0, center center, 460, from(transparent), to(#000000));
  
  /* Safari 5.1+, Chrome 10+ */
  background: -webkit-radial-gradient(circle, transparent, #000000);
  
  /* Firefox 3.6+ */ 
  background: -moz-radial-gradient(circle, transparent, #000000);
  
  /* IE 10 */ 
  background: -ms-radial-gradient(circle, transparent, #000000);
  
  /* Opera cannot do radial gradients yet */
}

.image_mask {
	opacity:0.0;position:absolute;width:33.5%;height:100%;
}

.slide_text img {
	padding-top:0em;width:36.4%;
}

.slider_title {
	font-family:slide_title;font-size:32px;color:#F2F27E;position:absolute;left:1%;top:40%;
}

.slider_content {
	color:white;width:500px;font-size:18px;position:absolute;left:1%;top:47%;
}

.category_description {
	margin-left:1em;
}

#content {
	width:100%;
}

#top {
	height:200px;
	width:100%;
	background-color:#322C2C;
	box-shadow: 0px 5px 5px 5px black;
	background-image:url('../img/header-bg.jpg');
	z-index:10;
}

#center {
	width:88%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	background-color:white;
	margin-top:15px;
	background-image:url('../img/pattern.gif');
	background-repeat:repeat;
}

#center_bottom {
	width:88%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}

#bottom {
	height:250px;
	width:100%;
	border-top-style:solid;
	border-top-color:#4883AD;
	border-top-width:0.3em;
	background-image:url('../img/footer-bg.jpg');
	background-repeat:repeat-y;
}

#top {
	text-align:center;
}

#brand {
	color:white;
	height:78%;
	width:100%;
}

#slider {
	height:400px;
	width:87%;
	margin-left:6%;
	background-color:black;
	padding:0;
	border-style:outset;
	border-width:0.4em;
	border-color:#4883AD;
	border-top-style:solid;
	border-top-width:0.2em;
	margin-top:0.5em;
	padding-top:0em;
}

#menu {
	border-top-style:solid;
	border-top-color:#4883AD;
	border-top-width:0.3em;
	height:18%;
	background-image:url('../image/pagination-BG.jpg');
	color:#505050;
	font-family:Lucida Sans;
	font-size:14px;
	width:100%;
}

#menu li a, #menu li a:visited {
	color:#CBCBCB;
	text-decoration:none;
}

#menu li a:hover {
	color:#4883AD;
}

#menu > ul > li {
	list-style-type:none;
	display:inline;
	margin:0px 5% 0px 5%;
}

#nav li {
	float:left;
}

#nav li ul {
	padding:0px;
	display:none;
	border-style:solid;
	border-width:0em;
	border-color:#49382A;
	box-shadow: 4px 6px 7px black;
	z-index:1500;
}

#nav ul li {
	background-color:#49382A;
	color:#4883AD;
	width:200px;
	height:25px;
	padding:0.5em 0em 0.5em 0em;
}

#nav li:hover ul {
	display:block;
	position:absolute;
	margin:0;
	list-style-type:none;
	padding-top:0.6em;
	background-color:#49382A;
}

#food_menu {
	left:32%;
}

#engage_menu {
	left:79%;
}

#nav li ul a {
	display:block;
	width:100%;
	float:left;
	height:100%;
}

#nav li:hover li {
	float:none;
	cursor:pointer;
}

#nav ul li:hover {
	background-color:#4883AD;
}

#nav ul li:hover a{
	color:black;
}

#brand img {
	width:300px;
	padding-top:2em;
}

img {
	border-style:none;
}

#twitter_section {
	width:90%;
	height:200px;
	background-color:#EAEAEA;
	float:left;
	margin-left:1.5%;
	margin-top:-4em;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding-top:1.5em;
	padding-left:2.5em;
	padding-right:1.5em;
}

#social_bar {
	width:100%;
	height:40px;
	background-color:#EAEAEA;
	float:left;
	margin-top:2em;
}

#social_bar div {
	margin-left:1em;
	margin-top:0.5em;
}

#twitter_section img {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-width:0.3em;
	border-style:solid;
	border-color:grey;
}

#blog_image{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-width:0.2em;
	border-style:solid;
	border-color:grey;
}

#blog_text {
	font-size:12px;
	padding-left:-0.5em;
	color:grey;
}

#blog_text a {
	text-decoration:none;
	color:#EAEAEA;
}

#blog_image {
	width:80px;
}

.menu_column {
	float:left;
	width:47%;
	padding-left:1em;
	padding-right:1em;
	margin-bottom:2em;
}

.left { 
	float:left;
}

.right {
	float:right;
}

#category_26,#category_28  {
	float:right;
}

#category_27, #category_29 {
	float:left;
}

.cat_name {
	font-size:18px;
	color:black;
	margin-top:1em;
	margin-bottom:0.5em;
	text-transform:uppercase;
}

.item_price {
	text-align:center;
	float:right;
}

.item_title {
	color:#4883AD;
	float:left;
	margin-bottom:1em;
	margin-right:0.3em;
}

.item_description {
	float:left;
}

.item_description p {
	margin-top: -0.5em;
}

.cat_name img {
	vertical-align:bottom;
}

.dots {
	height:20px;
	float:left;
	vertical-align:bottom;
	background-image:url('../img/dot.png');
	background-repeat:repeat-x;
	margin-top:0.5em;
}

.review_font a, .acclaim_link {
	text-decoration:none;
	color:grey;
}

.review_font a:hover, .acclaim_link:hover  {
	color:#4680aa;
}

.category_heading {
	font-family:slide_title;
	color:#4680aa;
	margin-left:1em;
	padding-top:1em;
	margin-bottom:0em;
}

.story_title {
	color:#4883AD;
	font-family:slide_title;
	font-size:18px;
}

.story_img {
	-webkit-box-shadow: 7px 13px 7px 0px grey;
	box-shadow: 7px 13px 7px 0px grey; 
}

.bottom_div {
	width:33.33%;
	height:100%;
	float:left;
}

.hours {
	float:right;width:60%;
}

.category_heading a {
	text-decoration:none;
	color:#4883AD;
}

#telephone {
	color:green;font-size:20px;text-decoration:none;font-family:calibri;
}

#telephone_div {
	margin-left:20%;width:100%;float:left;margin-top:1em;
}

#image_picture,#image_picture img {
	width:220px;
	height:198px;
}

#image_picture {
	position:absolute;
	top:736.8px;
	left:125.45px;
	z-index:2;
}

#image_pin {
	position:absolute;
	left:23%;
	z-index:4;
}

#our_story {
	height:300px;
}

#image_frame {
	float:left;
}

#phone_menu,#engage_phone_menu {
	position:absolute;
	left:13%;
	top:0px;
	color:#4883AD;
	display:none;
}

#phone_menu ul, #engage_phone_menu ul{
	display:none;
	padding:0;
}

#phone_menu li, #engage_phone_menu li {
	list-style-type:none;
	text-decoration:none;
	height:40px;
	background-color:black;
	border-bottom-style:solid;
	border-bottom-width:0.1em;
	border-bottom-color:#4883AD;
	padding-left:0.1em;
	padding-right:0.1em;
	font-size:20px;
}

#phone_menu li a, #phone_menu li a:visited, #engage_phone_menu li a, #engage_phone_menu li a:visited {
	color:#4883AD;
}

#phone_menu li a:active, #engage_phone_menu li a:active {
	background-color:#4883AD;
	color:grey;
}

#happy_hour_hours {
	width:100%;
	height:300px;
	background-color:black;
	opacity:1;
	float:left;
}

#twitter_left {
	float:left;
	width:49%;
	height:90px;
}

#twitter_right {
	float:right;
	width:50%;
	text-align:right;
	height:90px;
}

#twitter_bottom {
	width:100%;
	font-size:22px;
	font-family:Calibri;
}

#twitter_picture {
	float:left;
	width:10%;
}

#twitter_section a {
	text-decoration:none;
	color:#4680AA;
}

#twitter_names {
	padding-top:0.5em;
	float:right;
	width:86%;
}

#very_bottom {
	width:100%;height:40px;background-color:#4883AD;float:left;font-size:12px;color:#403E3E;
}

#address {
	float:left;padding-top:1em;padding-left:7em;
}

#copyright {
	float:right;padding-top:1em;padding-right:8em;
}

#anniversary-image {
	width:100%;height:96px;max-width:812px;max-height:96px;
}

#anniversary-banner {
	top:500px;z-index:1000;position:fixed;
}

body {font-weight:bold;font-size:16px;font-family:Lucida Sans;}

@media only screen 
and (min-width : 1501px) {
	#image_picture {
	position:absolute;
	top:737.1px;
	left:9.1%;
	}
}

@media only screen 
and (min-width : 1202px) {
	#image_picture {
	position:absolute;
	top:737.1px;
	left:10%;
	}
	
	#anniversary-banner {
	left:18%;
	}
}

@media only screen 
and (max-width : 1201px) {
	#image_picture {
	position:absolute;
	top:736.65px;
	left:145px;
	}

	#anniversary-banner {
	left:18%;
	}
}

@media only screen 
and (max-width : 1200px) {
	.menu_column { width:46%;}
	.dots {display:none;}
	#image_picture {
	position:absolute;
	top:736.65px;
	left:115px;
	}

	.slide_text img {
		padding-top:0em;width:36.4%;height:400px;
	}

	#anniversary-banner {left:12%;}
	#anniversary-image {width:90%;}
	#menu > ul > li {margin-right:10px;}
	#slides {top:219.55px;}
	#slider {margin-top:-0.1em;}
}

@media only screen 
and (max-width : 945px) {
	.dots {display:none;}
	#top {height:210px;}
	.menu_column { width:320px}
	#menu li {margin:0px 3% 0px 3%;}
	#image_picture {
	position:absolute;
	top:328.65px;
	left:104px;
	}
	#anniversary-banner {
		display:none;
	}
	
}

@media only screen 
and (max-width : 610px) {
	.dots {display:none;}
	#top {height:210px;}
	.menu_column { width:40%;}
	#menu li {margin:0px 1% 0px 1%;}
	#slider{display:none;}
	#image_picture {
	position:absolute;
	top:328.65px;
	left:90px;
}
}


@media only screen 
and (max-width : 480px) {
	.image {width:300px;}
	#center {width:100%;}
	#menu {height:35px;margin-left:-1em;margin-top:-0.5em;padding-left:7%;font-size:20px;}
	#menu ul {margin-top:0em;}
	#menu li  {margin:0px 3% 0px 3%;}
	#brand {height:42%;}
	#brand img {width:120px;padding-top:0em;}	
	.menu_column { width:290px}
	#center {height:90%;font-size:120%;}
	.item_title {width:240px;}
	#category_26,#category_28  { float:left; }
	.right { float:left; }
	#top {height:113px;position:fixed;left:0px;top:0px;}
	#menu {border-top-width:0.1em;}
	#content {margin-top:6em;}
	#slider {display:none;}
	.dots {display:none;}
	#nav li:hover ul {display:none}
	#phone_menu ul, #engage_phone_menu ul{
		display:block;
		width:100%;
	}
	#phone_menu li, #engage_phone_menu li {
		text-align:center;
	}
	#phone_menu a, #engage_phone_menu a {
		text-decoration:none;
		display:block;
		width:100%;
		height:100%;
	}
	
	#slider {
		display:none;
	}

	.category_heading {
		font-size:21px;
	}
	#image_picture {
	position:absolute;
	top:183.65px;
	left:55px;
}
	.left {width:100%;}
	.right {width:100%;}
	
	.spacer {margin-top:2em;}
	
	#our_story {height:800px;}
	
	#center_bottom {
		width:100%;
	}
	
	.bottom_div {
		width:100%;
	}

	.hours {
		float:left;
	}

	#twitter_section,#social_bar,#blog_feed {
		display:none;
	}
	
	#very_bottom {
		height:100px;
	}
	
	#address,#copyright {
		float:left;
		padding-left:1.5em;
		padding-right:0em;
	}
	
	#copyright {
		margin-top:1em;
	}

	#telephone_div {
		width:60%;
	}
	
	#google_map {
		display:none;
	}
	
	#happy_hour_hours {
		height:480px;
	}

	#anniversary-banner {
		width:200px;
		left:20px;
		top:105px;
		position:absolute;
	}
	
	#anniversary-image {
		width:300px;
		height:40px;
	}
	
	#happy-hour-hours > div {
		width:88%;
	}
	
	#category_79,#category_80,#category_81 {
		width:90%;
	}
	
	#category_24,#category_25,#category_26,#category_27,#category_28,#category_29 {
		width:90%;
	}
	
	#category_42,#category_43,#category_44,#category_45,#category_46 {
		width:90%;
	}
	
	#category_36,#category_37,#category_38,#category_39,#category_40 {
		width:90%;
	}
	
	#category_31,#category_32,#category_33,#category_34 , #category_50{
		width:90%;
	}
}


@media only screen 
and (min-width : 1500px) {
	#anniversary-banner {
		left:25%;
	}
}