@import url("reset.css");
@import url("support.css");
@import url("forms.css");
@font-face {
    font-family: 'roboto_condensedregular';
    src: url('fonts/RobotoCondensed-Regular-webfont.eot');
    src: url('fonts/RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/RobotoCondensed-Regular-webfont.woff') format('woff'),
         url('fonts/RobotoCondensed-Regular-webfont.ttf') format('truetype'),
         url('fonts/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_condensedbold';
    src: url('fonts/RobotoCondensed-Bold-webfont.eot');
    src: url('fonts/RobotoCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/RobotoCondensed-Bold-webfont.woff') format('woff'),
         url('fonts/RobotoCondensed-Bold-webfont.ttf') format('truetype'),
         url('fonts/RobotoCondensed-Bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

html{ height: 100%; }
body{
	position: relative;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #000000;
	color: #E0E0E0;
	font-family: 'roboto_condensedregular';
	font-size: 14px;
}
b,strong{ font-family: 'roboto_condensedbold'; font-weight: normal; }
p{ margin: 0 0 18px; line-height: 18px; text-align: justify; }
	p#notfoundmessage{ padding: 100px; background-image: url(../images/common/404.jpg); background-repeat: no-repeat; text-align: center; }
	p+br{ display: none; visibility: hidden; }
h1{ margin: 0 0 30px; font-size: 18px; font-weight: normal; text-transform: uppercase; }
h3,.title{ margin: 0 0 0; color: #FBAF18; font-size: 14px; font-weight: normal; text-transform: uppercase; }
	h3+p,h3+br+p{ margin-top: -10px !important; }
h4{ margin: 0 0 0; color: #FFFFFF; font-size: 12px; font-weight: normal; text-transform: uppercase; }
h3+h4{ margin: -30px 0 30px; }
b, strong{ font-family: 'roboto_condensedbold' !important; font-weight: normal !important; }
a.menulink{ display: block; width: 75%; margin: 20px auto; padding: 20px; background-color: #161616; color: #EEEEEE; border-radius: 3px; box-shadow: 0 0 10px rgba(0,0,0,0.8); font-size: 14px; text-align: center; text-decoration: none; text-transform: uppercase; }
	a.menulink:hover{ color: #FBAF18; }
	
body.index h3{ font-size: 14px !important; }
body.index #maincontent p{ margin: 0px 0 15px !important; font-size: 14px !important; line-height: 17px !important; }

.hideforload{ display: none; visibility: hidden; }

#loader{ position: fixed; z-index: 999999; width: 100%; height: 100%; background-color: #17110C; }
	#loader>img{ position: absolute; left: 50%; top: 50%; margin: -97px 0 0 -112px; }

#parent{ position: relative; display: block; width: 1000px; height: 640px; margin: 0 auto; }
	#parent > div{ position: relative; z-index: 2; }
	
ul#pagebg{ position: absolute; left: 0; top: 0; z-index: 1; display: block; width: 1000px; height: 640px; overflow: hidden; }
	ul#pagebg li{ display: block; width: 1000px; height: 640px; }
		ul#pagebg li img{ display: block; width: 100%; }
	
#header{ z-index: 3 !important; float: left; width: 200px; height: 100%; margin: 0 50px 0 0; padding: 30px 0 0; background-color: #161616; }
	#header #logo{ display: block; margin: 0 0 40px; text-align: center; }
	#header #phonebox{ position: absolute; left: 270px; top: 20px; display: block; width: 400px; padding: 0 0 0 35px; background-image: url(../images/common/icon-phone.png); background-position: left center; background-repeat: no-repeat; color: #EEEEEE; font-size: 14px; }
		#header #phonebox strong{ color: #FBAF18; font-size: 18px; font-weight: normal; }
	body.tpl-individual-restaurant #phonebox{ display: none; visibility: hidden; }
	#header #newsbox{ position: absolute; left: 250px; top: 55px; display: block; width: 500px; padding: 7px 20px; background-color: #FBAF18; color: #555555; font-size: 14px; text-align: center; }
		#header #newsbox strong{ color: #333333; font-size: 18px; font-weight: normal; }
		#header #newsbox a{ color: #333333; font-size: 18px; font-weight: normal; /*text-decoration: none;*/ }
	#header .TA_certificateOfExcellence{ position: absolute; left: 740px; top: 0px; z-index: 4; }

#mainnav{  }
	#mainnav li{ position: relative; display: block; width: 170px; margin: 0 auto; }
		#mainnav li a{ display: block; padding: 8px 10px; border-bottom: solid 1px transparent; border-top: solid 1px transparent; color: #E0E0E0; font-size: 14px; text-decoration: none; text-transform: uppercase; }
			#mainnav li a:hover,#mainnav li:hover>a,
			#mainnav li.selected a,#mainnav li a.selected{ border-bottom: solid 1px #FBAF18; border-top: solid 1px #FBAF18; color: #FBAF18; }
			#mainnav li.flag{ float: right; }
				#mainnav li.flag a{ float: right; }
					#mainnav li.flag a:hover{  }
			
			#mainnav li ul.child{  
				position: absolute;
				left: 169px;
				top: -5px;
				background-color: #161616;
				/*border-top: solid 1px #FBAF18;
				border-right: solid 1px #FBAF18;
				border-bottom: solid 1px #FBAF18; */
				box-shadow: 0 0 10px rgba(0,0,0,0.8);
			}
				#mainnav li ul.child li{  }
					#mainnav li ul.child li a{ font-size: 12px; }
						#mainnav li ul.child li a:hover{  }
						#mainnav li ul.child li a.selected{ font-weight: bold; }
						
#social{ display: block; width: 160px; margin: 25px auto 0px; overflow: hidden; }
	#social li{ float: left; width: 25%; }
		#social li a{ display: block; padding: 5px 0 0; text-align: center; }
			#social li a:hover{ padding: 0 0 5px; }
		#social li.fullwidth{ clear: both; float: left; width: 142px; margin: 10px 0 0 9px; }
				
#maincontent{ z-index: 10; float: left; width: 500px; height: 100%; padding: 153px 20px 0; background-color: rgba(22,22,22,0.95); }
	#maincontent>p{  }
	#maincontent.hasform>p,
	#maincontent.menupage p{ margin: 0 0 12px; font-size: 12px; line-height: 18px; }
	
div.tablinks{ display: block; margin: 0 0 20px -20px; width: 520px; border-bottom: solid 1px #fbaf18; }
	div.tablinks a{ display: inline-block; padding: 5px 20px; color: #eeeeee; text-decoration: none; text-transform: uppercase; }
		body.curepipe div.tablinks a[href="#tabMenu"]{ display: none; visibility: hidden; }
		div.tablinks a:hover{ background-color: #FBAF18; color: #000000; }
		div.tablinks a.selected{ background-color: #FBAF18; color: #000000; }
div.tab{ display: none; visibililty: hidden; }
	div.tab.selected{ display: block; visibililty: visible; }
	
#stripes{ float: right; width: 115px; height: 100%; background-image: url(../images/common/stripes.png); background-repeat: repeat-y; }

#calendar{ position: absolute; left: 20px; top: 100px; z-index: 5; display: block; width: 460px; height: 500px; padding: 20px; background-color: #363636; box-shadow: 0 0 10px rgba(0,0,0,1); }
	#calendar>a{ position: absolute; top: 20px; right: 20px; color: #EEEEEE; text-decoration: none; }
	#calendar ul.month{ display: block; margin: 20px 0 0; padding: 5px; background-color: #161616; overflow: hidden; }
		#calendar ul.month li{ clear: none; float: left; margin: 1px; padding: 0; }
			#calendar ul.month li.title{ clear: both; float: none; display: block; margin: 0 0 10px; }
			#calendar ul.month li a{ display: block; width: 20px; height: 20px; padding: 5px; background-color: #262626; text-align: center; }
				#calendar ul.month li a:hover{ background-color: #FBAF18; color: #000000; text-decoration: none; }
				#calendar ul.month li a.disabled{ background-color: #111111; color: #333333; cursor: default; }
	#calendar div.panel{ display: block; margin: 20px 0 0; padding: 5px; background-color: #161616; overflow: hidden; }
		#calendar div.panel h3{ margin-bottom: 10px; }
		#calendar div.panel select{ display: block; min-width: 100px; padding: 5px 10px; background-color: #262626; color: #EEEEEE; border: none; font-family: 'roboto_condensedregular'; font-size: 12px; }

div.menublock{ position: absolute; left: 0px; top: 100px; z-index: 5; display: block; width: 500px; height: 450px; padding: 20px 20px 40px; background-color: #363636; box-shadow: 0 0 10px rgba(0,0,0,1); overflow: auto !important; overflow-x: hidden !important; }
	div.menublock>h3{ margin-bottom: 40px; }
	div.menublock a.closelink{ position: absolute; top: 20px; right: 20px; color: #EEEEEE; text-decoration: none; }
	div.menublock a.closelink2{ position: absolute; bottom: 20px; right: 0px; color: #EEEEEE; text-decoration: none; }
	div.menublock>.content{ display: block; width: 100%; height: 400px; margin-top: 20px; padding-right: 10px; }
	div.menublock>.content>p{  }
		p.linkbox>a.show{ display: block; padding: 5px 10px; background-color: #161616; color: #EEEEEE; text-decoration: none; text-transform: uppercase; }
			p.linkbox>a.show:hover{ color: #FBAF18; }
		ul.menulist{ position: absolute; left: 0px; top: 20px; display: block; width: 480px; min-height: 500px; margin: -20px 0 20px; padding: 5px 10px 100px !important; background-color: #161616; color: #EEEEEE; }
			ul.menulist li{ clear: both; float: none; display: block; padding: 5px; overflow: hidden; }
				ul.menulist li.title{ margin-bottom: 20px; }
					ul.menulist li.title>a.closelink{ position: absolute; top: 10px; right: 10px; color: #EEEEEE; text-decoration: none; }
				ul.menulist li>span{ font-size: 12px; }
					ul.menulist li>span.name{ float: left; width: 100%; padding: 5px; background-color: #1F1F1F; color: #FBAF18; font-size: 14px; }
						ul.menulist li>span.name>span{ float: right; color: #EEEEEE; }
						/*ul.menulist li>span.special{ background-color: #FBAF18; color: #000000; }
							ul.menulist li>span.special>span{ color: #000000; }*/
						ul.menulist li>span.special{ padding-left: 40px; background-color: #000000; color: #FBAF18; background-image: url(../images/common/flame_icon.png); background-position: left center; background-repeat: no-repeat; }
							ul.menulist li>span.special>span{ color: #FBAF18; }
					ul.menulist li>span.description{ clear: both; float: none; display: block; width: 300px; padding: 5px 5px 10px; font-size: 12px; }

	div.menublock>p>span.image{ float: left; width: 162px; margin: 0 20px 0 0;  }
		div.menublock>p>span.image img{ display: block; width: 100%; }
					
#teamlist{ padding: 10px; overflow: hidden; }
	#teamlist li{ position: relative; float: left; width: 120px; margin: 5px 10px; cursor: pointer; }
		#teamlist li span{ display: block; }
			#teamlist li span.image{ opacity: 0.6; }
				#teamlist li span.image img{ display: block; width: 100%; }
			#teamlist li span.name{ position: absolute; left: 0px; bottom: 0px; width: 100%; padding: 5px; background-color: #000000; font-size: 12px; text-align: center; text-transform: uppercase; }
			#teamlist li span.position{ display: none; visibility: hidden; }
			#teamlist li span.description{ display: none; visibility: hidden; }
		#teamlist li:hover{ box-shadow: 0 0 10px #000000; }
			#teamlist li:hover span.image{ opacity: 1; }
			#teamlist li:hover span.name{ background-color: #FBAF18; color: #000000; }
					
#footercntr{ display: block; width: 100% !important; margin: 20px auto 0 !important; }
	#footercntr.fixed{ position: fixed; bottom: 0; }
	#footer{ display: block; width: 75%; margin: 0 auto; padding: 5px; overflow: hidden; }
		#footer p{ margin: 0; padding: 0px 10px; font-size: 10px; color: #666666; }
			#footer p.copyright{ float: left; }
			#footer p.credit{ float: right; }
			#footer p a{ color: #666666; }
				#footer p a:hover{  }
				#footer p a img{ vertical-align: -6px; }
				
ul#testimonials{ margin: -20px 0 30px; height: 350px; overflow: visible; overflow-x: hidden; }
	ul#testimonials li{ 
		display: block; 
		margin: 10px 0; 
		padding: 20px 20px 10px; 
		border-bottom: solid 1px #CCCCCC; 
		overflow: hidden; 
	}
		ul#testimonials li:last-child{ border-bottom: none; }
		ul#testimonials li img{ float: left; width: 200px; margin: 0 20px 10px 0; }
		ul#testimonials li p{ margin: 0 0 10px; font-size: 13px; line-height: 20px; }
		ul#testimonials li b{ display: block; font-family: 'roboto_condensedregular' !important; font-weight: normal; }
				
a.zoomimglink{ position: relative; float: left; margin: 5px 5px 20px 0; }
	a.zoomimglink+a.zoomimglink:last-child{ margin: 5px 0 20px; }
	#lcol>p>span>a.zoomimglink{ margin: 10px 10px 20px 0 !important; }
	a.zoomimglink img.thumb{ position: relative; left: 0; top: 0; z-index: 1; }
	a.zoomimglink img.zoomicon{ position: absolute; right: 0; top: 0; z-index: 10; }
#zoompane{  
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 999999;
	width: 540px;
	/*height: 378px;*/
	margin: -120px 0 0 -145px;
	padding: 20px;
	background-color: #EEEEEE;
	background-image: url(../images/common/closezoom.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	cursor: pointer;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0px 0px 10px #000000;
	-webkit-box-shadow: 0px 0px 10px #000000;
	box-shadow: 0px 0px 10px #000000;
}
	#zoompane.hidden{ display: none; visibility: hidden; }
	#zoompane img{ display: block; width: 100%; padding: 0 0 30px; }