@charset "utf-8";
/* CSS Document */
/*Theme Name: Genika Cafe
Author: Nitin
License: GNU General Public License v2 or later 
CSS Document */
@font-face 
			{
			  font-family: 'Calisto-MT-Regular';
			  src: url('fonts/Calisto-MT-Regular.eot') format('embedded-opentype'),
			  url('fonts/Calisto-MT-Regular.ttf') format('truetype'), 
			  url('fonts/Calisto-MT-Regular.otf') format('opentype'), 
			  url('fonts/Calisto-MT-Regular.woff') format('woff');
			  font-weight: normal;
			  font-style: normal;
			}

		body, html
			{
				margin:0px;
				padding:0px;
				font-family:'Calisto-MT-Regular';
				font-size:18px;
				line-height:26px;
			}
		.outerdiv
			{
				width:1400px;
				margin:0px auto;
				
			}
		.innerdiv
			{
				width:1400px;
				float:left;
			}
		.header
			{
				width:100%;
				float:left;
				background:url('images/header_bg.jpg');
				background-repeat:repeat-x;
				background-position:center bottom;
				background-size:cover;
				padding-top:20px;
				padding-bottom:20px;
			}
		.logo
			{
				width:262px;
				float:left;
			}
		.main_links
			{
				width:938px;
				float:left;
				text-align:center;
				padding-top:90px;
			}
		.main_links ul, .main_links ul li
			{
				margin:0px;
				padding:0px;
				display:inline-block;
			}	
		.main_links ul li a:active, .main_links ul li a:link, .main_links ul li a:visited
			{
				display:inline-block;
				font-size:18px;
				color:#c2beb3;
				text-decoration:none;
				padding-left:15px;
				padding-right:15px;
			}
		 .main_links ul li a:hover
			{
				display:inline-block;
				font-size:18px;
				color:#c2beb3;
				text-decoration:underline;
				padding-left:15px;
				padding-right:15px;
			}
		.header_right
			{
				width:200px;
				float:left;
				padding-top:90px;
			}
		a.btn_yellow:active, a.btn_yellow:link, a.btn_yellow:visited, a.btn_yellow:hover
			{
				background:url('images/btn_bg.jpg');
				background-repeat:repeat-x;
				padding:10px 20px;
				font-family:'Calisto-MT-Regular';
				font-size:18px;
				color:#c2beb3;
				font-weight:bold;
				text-align:center;
				text-decoration:none;
				border:1px solid #504e4a;				
			}	
		.home_banner
			{
				width:100%;
				float:left;
				background:url('images/home_banner.jpg');
				background-repeat:no-repeat;
				background-position:center top;
				min-height:700px;
				background-size:cover;
			}
		.our_story
			{
				
				width:100%;
				float:left;
				background:url('images/our_story_bg.jpg');
				background-repeat:no-repeat;
				background-position:center bottom;
				min-height:600px;
				background-size:cover;
			}
		.home_banner .textbox, .our_story .textbox
			{
				width:80%;
				margin-left:10%;
				margin-right:10%;
				float:left;
				font-family:'Calisto-MT-Regular';
				font-size:18px;
				line-height:26px;
				color:#ffffff;
				margin-top:23%;
				text-align:center;
			}
		.home_banner .textbox h1, .our_story .textbox h1
			{	
				font-family:'Calisto-MT-Regular';
				font-style:italic;
				font-size:42px;
				line-height:62px;
				color:#c2beb3;
				margin:0px;
				padding:0px;
				font-weight:normal;
				text-shadow:3px 5px #000000;
			}
		.home_banner .textbox h4, .our_story .textbox h4
			{	
				font-family:'Calisto-MT-Regular';
				font-size:20px;
				line-height:28px;
				color:#ffffff;
				margin:0px;
				padding:0px;
				margin-top:2%;
				margin-bottom:2%;
				font-weight:normal;
			}
		a.btn_white:active, a.btn_white:link, a.btn_white:visited, a.btn_white:hover
			{
				background:url('images/btn_white_bg.jpg');
				background-repeat:repeat-x;
				padding:10px 20px;
				font-family:'Calisto-MT-Regular';
				font-size:18px;
				color:#312f2a;
				font-weight:bold;
				text-align:center;
				text-decoration:none;
				border:1px solid #504e4a;				
			}	
		.dark_red_pattern_bg_box
			{	
			width:100%;
			background:url('images/dark_red_pattern_bg.jpg');
			background-repeat:repeat-x;
			height:auto;
			float:left;
			padding-top:40px;
			padding-bottom:40px;
			font-family:'Calisto-MT-Regular';
			
			font-size:20px;
			line-height:28px;
			color:#ffffff;
			}
		.dark_red_pattern_bg_box h2
			{	
				text-align:center;
				font-size:28px;
				color:#c2beb3;
				margin:0px;
				padding:0px;
				font-family:'Calisto-MT-Regular';
				font-weight:normal;
				padding-bottom:30px;
			}	
		.round_box
			{
				width:31%;
				margin-left:1%;
				margin-right:1%;
				float:left;
				text-align:center;
				font-size:20px;
				font-family:'Calisto-MT-Regular';
			line-height:28px;
			color:#ffffff;
			margin-bottom:50px;
			}
		.round_box img
			{
				margin-bottom:5%;
			}	
		.round_box h3
			{
				text-align:center;
				font-size:24px;
				color:#c2beb3;
				margin:0px;
				font-family:'Calisto-MT-Regular';
				font-weight:normal;
				padding-bottom:30px;
			}
		
		.contentpanel
			{
				width:100%;
				float:left;
				background:#c2beb3;
				padding-top:40px;
				padding-bottom:40px;
				font-size:20px;
				line-height:28px;
				color:#504d49;
				margin:0px;
				font-family:'Calisto-MT-Regular';
				font-weight:normal;
			}
		.contentpanel h2
			{	
				text-align:center;
				font-size:28px;
				color:#411f11;
				margin:0px;
				padding:0px;
				font-family:'Calisto-MT-Regular';
				font-weight:normal;
				padding-bottom:30px;
			}
		.contentpanel ul 
			{
				margin:0px;
				padding:0px;
				margin-left:20px;
				margin-top:30px;
				width:40%;
			}
		.contentpanel ul li
			{
				margin:0px;
				padding:0px;
				color:#000000;
				font-family:'Calisto-MT-Regular';
				font-size:18px;
				line-height:26px;
				margin-bottom:20px;
			}
		.big_service_box
			{
				width:434px;
				float:left;
				margin-left:15px;
				margin-right:15px;
				margin-bottom:0px;
				
			}
		.big_service_box .textbox h3
			{
				
				font-family:'Calisto-MT-Regular';
				font-size:24px;
				line-height:32px;
				color:#c2beb3;
				text-align:center;
				font-weight:normal;
				padding-bottom:0px;
				margin-bottom:10px;
			}
		.big_service_box .textbox
			{
				background:#473627;
				padding:10px;
				width:414px;
				font-family:'Calisto-MT-Regular';
				font-size:20px;
				line-height:28px;
				color:#c2beb3;
				text-align:center;
				padding-bottom:30px;
			}
		.service_box
			{
				width:319px;
				float:left;
				margin-left:15px;
				margin-right:15px;
				margin-bottom:0px;
				
			}
		.service_box .textbox
			{
				background:url('images/btn_bg.jpg');
				background-repeat:repeat-x;
				padding:10px;
				width:299px;
				font-family:'Calisto-MT-Regular';
				font-size:22px;
				line-height:30px;
				color:#c2beb3;
				text-align:center;
			}
		.red_box
			{
				width:100%;
				float:left;
				padding-top:40px;
				padding-bottom:40px;
				text-align:center;
				background:#5d280e;
				
			}
		.red_box h2
			{
			 margin:0px;
			 padding:0px;
			 font-family:'Calisto-MT-Regular';
			 font-size:28px;
			 line-height:36px;
			 color:#e8d087;
			 font-weight:normal;
			}
		.red_classic_bg_box
			{
				width:100%;
				float:left;
				background:url('images/header_bg.jpg');
				background-repeat:repeat-x;
				background-position:center bottom;
				background-size:cover;
				padding-top:40px;
				padding-bottom:40px;
			}
		.red_classic_bg_box h2	
			{
				 margin:0px;
			 padding:0px;
			 font-family:'Calisto-MT-Regular';
			 font-size:28px;
			 line-height:36px;
			 color:#e8d087;
			 font-weight:normal;
			}
		.red_classic_bg_box ul 
			{
				margin:0px;
				padding:0px;
				margin-left:20px;
				margin-top:30px;
				width:40%;
			}
		.red_classic_bg_box ul li
			{
				margin:0px;
				padding:0px;
				color:#ffffff;
				font-family:'Calisto-MT-Regular';
				font-size:18px;
				line-height:26px;
				margin-bottom:20px;
			}
		.img_right
			{
				float:right;
				padding-left:50px;
			}
		.img_left
			{
				float:left;
				padding-right:50px;
			}	
		.catering_packages_box
			{
				width:321px;
				float:left;
				background:url('images/catering_packages_bg_box.png');
				background-repeat:no-repeat;
				text-align:center;
				margin-top:100px;
				color:#f3dc90;
				font-family:'Calisto-MT-Regular';
				font-size:22px;
				line-height:30px;
				margin-left:14px;
				margin-right:14px;
				padding-bottom:30px;
				
			}
		.catering_packages_box img
			{
				margin-top:-100px;
			}
		.catering_packages_box h2
			{
				color:#ffffff;
				font-family:'Calisto-MT-Regular';
				font-size:42px;
			}
		.bottom_banner
			{
				background:url('images/bottom_banner_bg.jpg');
				background-repeat:no-repeat;
				width:100%;
				float:left;
				background-position:center bottom;
				background-size:cover;

			}	
		.bottom_banner .text_box
			{
				width:35%;
				float:left;
				text-align:center;
				font-family:'Calisto-MT-Regular';
			font-size:20px;
			color:#ffffff;
			padding-top:10%;
			}
		.bottom_banner .text_box h2
			{
				font-family:'Calisto-MT-Regular';
			font-size:28px;
			color:#c2beb3;
			padding-bottom:30px;
			}
		.bottom_banner .img_box
			{
				width:65%;
				float:left;
			}
		.footer_links
			{	
			width:100%;
			float:left;
			text-align:center;
			font-family:'Calisto-MT-Regular';
			font-size:16px;
			color:#ffffff;
			background:url('images/footer_bg.jpg');
			padding-top:40px;
			padding-bottom:40px;
			}
		.footer_links ul, .footer_links ul li
			{
				margin:0px;
				padding:0px;
				display:inline-block;
			}	
		.footer_links ul li a:active, .footer_links ul li a:link, .footer_links ul li a:visited
			{
				display:inline-block;
				font-size:16px;
				color:#ffffff;
				text-decoration:none;
				padding-left:15px;
				padding-right:15px;
			}
		 .footer_links ul li a:hover
			{
				display:inline-block;
				font-size:16px;
				color:#ffffff;
				text-decoration:underline;
				padding-left:15px;
				padding-right:15px;
			}	