﻿@charset "utf-8";
/* CSS Document
Company Name: Tech Centrica
Theme URL: http://www.taj-agra.com.au/
Description: Restaurants & Cafés
Author: Pushap Narain Gupta
Author URI: http://www.techcentrica.com
Version: 1.0
*/


html, body	{ height: 100%; }

body { margin: 0; padding: 0; font: 12px/18px  "Tw Cen MT"; color: #76452f; background: url(../images/main-body-bg.jpg) top center repeat-y; }

h1, h2, h3, h4, h5, h6, span, p, form, input, ul, li, ol { margin: 0; padding: 0; }

h2 { font-size: 24px; }

h3 { font-size: 19px; }

h4 { font-size: 16px; }

h5 { font-size: 13px; }

h6 { font-size: 12px; }

table, tr, td { margin: 0; padding: 0; border-collapse: collapse; }

img { border: none; }

a { color: #FFF; text-decoration: underline; border: none; }

a:hover { text-decoration: none; }

a:focus { outline: 0; }

input[type=text]:focus, input[type=submit]:focus, input[type=password]:focus, textarea:focus, select:focus { outline: 0 none; }

code { margin: 0 40px 25px 40px; padding: 20px 23px; color: #004a7b; border: 1px dashed #cfcfcf; background: #eaeaea url(../images/code-bg.png) 0 0 repeat; text-shadow: #fff 0 1px 0; line-height: 20px; display: block; }
.clear { clear: both; }
.caps:first-letter { margin: 5px 6px 0 0; font-size: 36px; line-height: 26px; font-weight: bold; float: left; }
.main-header-wrapper { width: 100%; height: 176px; background: url(../images/main-header-wrapper-bg.jpg) top center no-repeat; }
.main-header-wrapper .header { width: 950px; height: 155px; margin: 0 auto; overflow: hidden; }
.main-header-wrapper .logo { padding: 0px 0 0 30px; float: left; }
.main-header-wrapper .header_food_img { padding: 0px 0 0 40px; float: right; }
/* 3.0 Primary Horizontal Menu */
.menu-primary-wrapper { width: 100%; height: 75px; margin: -33px 0 0 0; background: url(../images/menu-primary-wrapper-bg.png) top center no-repeat; /*position: relative;*/ z-index: 400; }
/* 4.0 Homepage Styling */
.homepage-slider-wrapper { width: 100%; height: 350px; padding: 0 0 0 0; margin: -12px 0 0 0; background: url(../images/homepage-slider-wrapper-bg.jpg) 0 -2px repeat-x; /*position: relative; */z-index: 300; }
.homepage-slider { width: 950px; height:350px; margin: 0 auto; }
.content-wrapper { width: 100%; height:1150px; background: url(../images/content-wrapper-bg.png) 0 0 repeat; clear:both; }
.content-wrapper .content { width: 950px; margin: 0 auto; padding: 20px 0; position: relative; z-index: 100; }
.homepage-wrapper .spacer { width: 25px; }
.homepage-columns { margin: 0 0 30px 0; overflow: hidden; }
.homepage-columns-item { width: 256px; padding: 0 40px 0 0; margin: 0 50px 0 0; background: url(../images/homepage-columns-item-bg.png) center right no-repeat; color: #fff; text-shadow: #47250f 0 1px 0; float: left; }
.pizza{font:regular 18px/50px "Tw Cen MT";color:#fff;float:left;padding:15px 3px 0px 70px;float:left;height:50px; width:180px;background:url(../images/ico-salads-1.png) 0 0px no-repeat;}
.offee{font:regular 18px/50px "Tw Cen MT";color:#fff;float:left;padding:15px 3px 0px 70px;float:left;height:50px; width:180px;background:url(../images/ico-coffee-1.png) 0 0px no-repeat;}
.salad{font:regular 18px/50px "Tw Cen MT" ;color:#fff;float:left;padding:15px 3px 0px 60px;float:left;height:50px; width:190px;background:url(../images/ico-pizza-1.png) 0 0px no-repeat;}
.homepage-columns-item .text p { margin: 0 0 14px 0; font-weight: normal; font-family:"Trebuchet MS"; font-size: 12px; line-height: 18px; text-align:justify; }
.homepage-columns .text p.last { margin: 0; }
/* 6.0 Read More Link Styling */
.more-link { width: 76px; height: 23px; padding: 1px 0 0 8px; font-size: 11px; font-weight: bold; color: #fff; text-decoration: none; text-shadow: #7d0000 0 1px 0; background: url(../images/more-link-bg.png) 0 0 no-repeat; display: block; }
.more-link:hover { background-position: 0 -24px; background: url(../images/more-link-bg.png); border:none;}
.more-link:active { background-position: 0 -48px;   border:none;}
.content_container { width:950px; height:835px; margin:0px auto; padding-top:25px;}
.aboutcontent { width: 600px; height:870px; float:left; padding: 17px 15px 0 25px; background:#FFF;      -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
 }
.main-title { width: 100%; margin: 0 0 15px 0; float: left; font-family:"Trebuchet MS"; }
.main-title span { height: 60px; padding: 0 0 0 10px; margin: 0 0 0 -34px; background: url(../images/main-title-left-bg.png) top left no-repeat; float: left; }
.main-title b { height: 60px; padding: 16px 85px 0 24px; font-size: 25px; font-family: "Tw Cen MT"; font-weight:normal;color: #fff; background: url(../images/main-title-right-bg.png) top right no-repeat; float: left; }
.main-title a { padding: 16px 0 0 0; font-size: 11px; font-weight: bold; color: #76452f; float: right; }
.main-spacer { height: 12px; line-height: 12px; margin: 0 0 15px 0; background: url(../images/main-spacer-1.png) center center no-repeat; }

@font-face{font-family: Slatong;
src:url (http://techcentrica.com/clients/taj/slatong.ttf) format("truetype");}

.text1 { width: 100%; margin: 0 0 25px 0; float: left; font:regular 25px/18px "Tw Cen MT"; color:#9c0000; text-align:left;}

.text2 { width: 100%; margin: 0 0 25px 0; float: left; font:regular  18px/18px "Tw Cen MT"; color: #000; text-align:left; text-transform:uppercase; }

@font-face{font-family: Oranda BT;
src:url (http://techcentrica.com/clients/taj/ORANDAN.ttf) format("truetype");}

.text3 { width: 100%; margin: 0 0 24px 0; float: left; font:regular 18px/23px  "Tw Cen MT"; color: #562007; text-align: justify; }

.main-spacer { height: 12px; line-height: 12px; margin: 0 0 25px 0; background: url(../images/main-spacer-1.png) center center no-repeat; clear:both; }
.order_image{ width:898px; height:96px; margin:opx auto;  padding:15px 0px 0px 23px; clear:both;}

.image_container { width:189px; height:240px; margin:0px 13px 0px 0px; float:left;}
.food_img{ width:189px; height:auto; float:left; margin: 0 0 10px 0;}
.food_content{ font:normal 11px/18px Verdana; color:#000; text-align:justify; width:185px; float:left;}
.back-top { margin: -10px 0 0 250px; padding: 0; position: absolute; z-index: 3; }
.events { width: 275px; height:860px; padding: 0 0 26px 0; float:right; vertical-align: top; background:#FFF; 
     -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
 }
.events .content_right { width: 225px; height:auto; padding: 17px 25px 0 25px; }
.events .item { width: 225px; margin: 0 0 16px 0; padding: 0 0 18px 0; background: url(../images/main-spacer-1.png) bottom center no-repeat; float: left; }
.events .item h6 { padding: 0 0 0 23px; margin: 0 0 6px 0; color: #af0600; background: url(../images/ico-date-1.png) 0 1px no-repeat; }
.events .item h6 span { margin: 0 5px; }
.events .item h5 { margin: 0 0 8px 0; }
.events .item h5 a { color: #76452f; text-decoration: none; }
.events .item h5 a:hover { color: #a65600; }
.events .item p { margin: 0 0 12px 0; }
.events .last { margin: 0 0 18px 0; }
.event_time{font:bold 12px/18px   "Trebuchet MS";color: #000;;float:left;padding:0px 3px 10px 20px;float:left;height:16px; width:180px;background:url(../images/ico-date-1.png) 0 0px no-repeat;}
/* 5.0 Main Footer */

.main-footer-wrapper-2 { width:100%; height: 65px; color: #fff; text-shadow: #5c2d0d 0 1px 0; background: url(../images/main-footer-wrapper-2-bg.jpg) top center repeat-x; position: relative; }

.main-footer-wrapper-2 .footer-2 { width: 950px; margin: 0px auto; padding: 25px 0 0 0; overflow: hidden; clear:both; }

.main-footer-wrapper-2 .footer-2 a { color: #fff; text-decoration: none; }

.main-footer-wrapper-2 .footer-2 a:hover { color: #fff; text-decoration: underline; }

.main-footer-wrapper-2 .footer-2 .left { font:"Myriad Pro"; font-size:12px; float: left; }

.main-footer-wrapper-2 .footer-2 .right { width:100px; height:auto; float: right; }

.clear-footer { height: 338px; clear: both; }

#navigation{
width:100%;
height:36px;
clear:both;
margin-bottom:5px;
background:url(../images/navi_bg.gif) 0 0 repeat-x;
}
#navigation .navi{
width:920px;
height:36px;
margin:0px auto;
padding-top:15px;
clear:both;
}

#navigation .navi a.menu_link{
padding:0px 28px 0px 42px;
text-decoration:none;	
font:bold 13px/36px "Trebuchet MS";
color:#FFFFFF;
text-transform:uppercase;
display:block;
float:left;
height:36px;
width:auto;
background:url(../images/menu_sapertor.gif) 100% 0 no-repeat;
}
#navigation .navi a.menu_link:hover{
color: #FFCC00;
text-decoration:none;	
}

#navigation .navi a.menu_link_last{
padding:0px 18px 0px 18px;
text-decoration:none;	
font:bold 13px/36px "Trebuchet MS";
color:#FFFFFF;
text-transform:uppercase;
display:block;
float:left;
height:36px;
width:auto;
}
#navigation .navi a.menu_link_last:hover{
color: #FFCC00;
text-decoration:none;	
}
#body_holder .body_holder_box .left .data_panel a.thumb{
border:solid 3px #e1e1e1; 
height:102px;
width:130px;
float:left;
margin:5px 25px 15px 0px;
}
#body_holder .body_holder_box .left .data_panel a.thumb_r{
border:solid 3px #e1e1e1; 
height:102px;
width:130px;
float:left;
margin:5px 0px 15px 0px;
}
#body_holder .body_holder_box .left .data_panel a.thumb_r:hover{
border:solid 3px #dcc88b; 
}
.form_sup{
float:left;
width:900px;
height:300px;

padding-left:10px;
}

form.contact{
	width:530px;
	height:auto;
	/*background-color:#E8E8E8;
	border:#CACACA solid 1px;*/
	color:#CDCDCD;
	padding:5px 14px 5px 14px;
	float:left;
	margin:0px 0px 0px 0px;
}
 form.contact label.contact-text{
	display:block;
	background:url(../images/contact_bg.gif) 0 0 no-repeat;
	width:412px;
	height:62px;
	margin:10px 0px 15px 0px;	color:#ffffff;
	background-color:#E8E8E8;
	clear:both;
	font:normal 12px/23px "Trebuchet MS";
}

 form.contact label{
	font:normal 12px/23px "Trebuchet MS";
	color:#015b7c;
	background-color:#E8E8E8;
	text-align:left;
}
 form.contact input.txt{
	width:248px;
	height:23px;
	background-color:#F4F4F4;
	color:#9e9e9e;
	border:1px solid #bbbbbb;
	margin:7px 15px 4px 0px;
	float:left;
	font:normal 12px/23px "Trebuchet MS";
	clear:right;
}
 form.contact select.vacancy{
	width:248px;
	height:23px;
	background-color:#F4F4F4;	color:#9e9e9e;	border:1px solid #bbbbbb;	
	margin:7px 15px 4px 0px;
	font:normal 12px/23px "Trebuchet MS";
	float:left;
	clear:right;
}
 form.contact input.file{
	width:248px;
	height:25px;
	background-color:#efefe7;	color:#9e9e9e;	border:1px solid #bbbbbb;
	margin:0px 0px 5px 0px;
	font:normal 12px/23px "Trebuchet MS";
}

 form.contact label.black{
	font:bold 12px/23px "Trebuchet MS";
	color:#615e52;
	background-color:#fffdfb;
	border:1px solid #d8d3d3;
	float:left;
	width:180px;
	text-align:left;
	padding:0px 50px 0px 20px;
	margin-top: 7px;
	margin-right:10px;
}
 form.contact textarea{
	width:248px;
	height:30px;
	background-color:#F4F4F4;
	color:#9e9e9e;
	border:1px solid #bbbbbb;
	margin:7px 0px 6px 0px;
	clear:right;
	font:normal 12px/23px "Trebuchet MS";
}

 form.contact input.reset{	
	width:70px;
	height:35px;
	border:none;
	cursor:pointer;
	display:inline;
	color:#424344;
	font:bold 12px/18px "Trebuchet MS";
	margin-left:250px;
	border:1px solid #bbbbbb;
	border-bottom:2px solid #bbbbbb;
	background-color:#FFFFFF;
	padding:5px;
	
}
 form.contact input.reset:hover{
color:#c76d24;
 }
 form.contact input.submit{	
	width:70px;
	height:35px;
	color:#424344;
	display:inline;
	border:none;
	cursor:pointer;		
	font:bold 12px/18px "Trebuchet MS";
	border:1px solid #bbbbbb;
	border-bottom:2px solid #bbbbbb;
	background-color:#FFFFFF;
	padding:5px;
}
form.contact input.submit:hover{
color:#c76d24;
}
.txt_left_sup{
float:left;
width:280px;
height:280px;
}
.topmenu {
	height:35px;
	z-index:900;
	margin:0;
	padding:0;
	font-family: "Tw Cen MT";
	font-size:17px;}

.topmenu li {
	display:block;
	float:left;
	height:35px;
	position:relative;
	
	list-style:none;
	margin-left:40px;
	margin-top:15px;}

.topmenu li a {
	display:block;
	padding:8px 2px 0 2px;
	color:#FFF;
	text-decoration:none;
	}

.topmenu li a:hover,
.topmenu .current-menu-item a,
.topmenu .current-menu-item li a:hover,
.topmenu .current-menu-item .current_page_item a,
.topmenu .current-menu-ancestor a,
.topmenu .current-menu-ancestor a:hover,
.topmenu li li.current-menu-ancestor a,
.topmenu li .current-menu-ancestor .current-menu-item a{
	color: #FFD48F;}

.topmenu .current-menu-item li a,
.topmenu .current-menu-ancestor li a,
.topmenu li .current-menu-ancestor li a {
	color:#747a80;}

.topmenu li ul {
	display:none;
	position: absolute;
	top: 35px;
	left: -10px;
	z-index: 1308;
	width: 155px;
	padding:0;
	margin:0;}

.topmenu li ul li ul {
	display:none;
	position: absolute;
	top:0px;
	left:130px;
	z-index: 1308;
	width: 154px;}
	
.topmenu li ul li {
	display:block;
	background:url(../images/dropdown_bg.png) 0 0 repeat-y;
	width: 135px;
	margin:0;
	height:auto;
	padding:0 10px;
	clear:both;
	position:relative;}

.topmenu li ul li a {
	display:block;
	color:#FFF;
	padding:7px 5px 7px 5px;
	background:url(../images/dropdown_line.png) bottom repeat-x;}

.topmenu li a span {
	display:block;}

.topmenu li a:hover span {
	cursor:pointer}

.topmenu li:hover ul li ul {
	display:none;}	

.topmenu li:hover ul,
.topmenu li:hover ul li:hover ul{
	display:block}



.blur-in {
    background:rgba(0,0,0);
    filter:blur(2px);
    -o-filter:blur(2px);
    -ms-filter:blur(2px);
    -moz-filter:blur(2px);
    -webkit-filter:blur(2px);
}

.blur-out {
    -webkit-animation: blur-out 2s forwards;
    -moz-animation: blur-out 2s forwards;
    -o-animation: blur-out 2s forwards;
    animation: blur-out 2s forwards;
}
#form{
	background-color:#fff;
	text-align:center;
	width:450px;
	color:#000;
	padding:15px;
	position: fixed;
    margin: 0% auto;
    left: 0;
    right: 0;
	top:20%;
    z-index: 2;
	font-family:calibri;
	box-shadow:;
}
#form h2{font-size:22px;}
#popup{
	position:absolute;
	top:-15px;
	right:-10px;
	cursor:pointer;
}

