/* YUI - Reset CSS & Fonts (http://developer.yahoo.com/yui/) */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}

/* Neutralize styling:Elements with a vertical margin:*/
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address, form {  margin:1em 0; padding:0; }

/* Added Conveniences */
form label { cursor:pointer; }
strong { font-weight:bold; }
em { font-style:italic; }

html, body { background-color:#fff; }
img	{ max-width: 100%; }

/* BASE STRUCTURAL STYLES
---------------------------------*/
#site { font-family:calibri; font-size:122%; }
#head { }
#body { }
#foot { clear:both; }


/* GENERAL ELEMENT STYLES
---------------------------------*/
h1 { text-align:left; margin-bottom:15px; color: #663300; font-size: 22px; }
h2 { font-weight:normal; font-size:138%; margin:1.5em 0 .5em; color:#900; }
h3 { font-weight:bold; margin:1.5em 0 .5em; color: #000000; font-size: 16px; }
h4 { color: #000066; font-size: 14px; margin: 18px 0 3px; }
ol { list-style-type:decimal; }
ul { list-style-type:disc; }
li { margin:.5em 0 .5em 1.5em; }
a img { border:none; }
a { color:#5F884C; text-decoration:none; }

table { margin-bottom: 12px; }
th { font-weight:bold; }
th,td { padding:2px 5px; border:1px solid #000; }
tfoot td { font-style:italic; }

p {
	font-size: 15px;
	line-height: 1.2em;
	margin: 0 0 12px;
}

/* HIDDEN ELEMENTS
---------------------------------*/
nav,
#background-wrapper,
.body-home .button,
.fancybox-overlay,
.content-wrapper.minor,
.cuisine-filter,
.add-to-cart,
.restaurant-info,
.back-button,
#background-wrapper,
#background-content,
#hb-arrows,	
.back-button,
.print-button,
.case-study { display:none !important; }


#header-image 	{ margin: 15px 0; }
.major 			{ height: auto !important; }

header 			{ text-align: center; margin-bottom: 0; }
.feature 		{ height: auto !important; margin-bottom: 15px; }
h1.logo			{ text-align: center; width: 40%; }
footer 			{ border-top: solid 1px #ccc; margin: 15px 0 0; }
footer p		{ font-size: 11px; text-align: center; color: #ccc; padding: 10px 0 0; }

body	{ width: 100%; }
img		{ max-width: 100%; }

h1		{ color: #007ABC;  font-weight: bold; text-align: center;  font-size: 32px; letter-spacing: 2px; line-height: 1.2em; margin: 15px 0 25px; text-align: left; }
h4		{ font-size: 21px; margin: 0 0 15px; }


.body-home #background-wrapper		{ display: block !important; max-width: 100%; }
.body-home #background-wrapper *	{ max-width: 100% !important; min-width: 100% !important; width: 100% !important; min-height: 0 !important; max-height: 1000px !important; }
.body-home h1		{ text-align: center; color: #000; border: none !important; font-size: 50px; margin: 20px auto 0 !important; }
.body-home h2		{ margin: 37px; text-align: center; color: #000; font-size: 32px; margin: 0 auto 25px !important; }

#home-banners div		{ left: 0 !important; overflow: visible !important; }
#home-banners .banner	{ display: block !important; position: relative !important; display: block !important; left: 0 !important; margin: 0 0 10px !important; }

.content-wrapper.major	{ width: 100%; }


.viewPanel			{ display: none !important; }
.panel-content		{ display: block !important; height: auto !important; }
.menu-listing table,
.menu-listing tr td			{ border: none !important;  padding: 8px !important; }
.menu-listing table			{ border-top: solid 1px #666666 !important;; }
.menu-listing tr			{ border-bottom: solid 1px #666666 !important;; }
.menu-listing table			{ width: 100%; }
.menu-listing tr td.price	{ text-align: right; }
.menu-listing-trigger		{ margin-bottom: 8px; }
.menu-listing-trigger span	{ font-size: .85em; }
.menu-listing-trigger h3	{ margin: 30px 0 0; }

.restaurant-overview								{ margin-bottom: 10px; margin-top: -45px; }
.restaurant-overview h1								{ margin-bottom: 8px; }
.restaurant-overview img							{ float: right; margin: 0 -25px 0 8px; }
.restaurant-overview p								{ font-weight: bold; }
.restaurant-overview p.address						{ margin-top: 25px; }
.restaurant-overview p.cuisines						{ font-weight: normal; }
.restaurant-overview .description					{ clear: both; border-top: solid 3px #007ABC; border-bottom: solid 3px #007ABC; margin: 18px 0; padding: 10px 0; }
.restaurant-overview .description p					{ margin: 0; font-weight: normal; font-style: italic; }
.restaurant-overview hr								{ margin: 25px 0; border: none !important; }
.restaurant-overview table							{ clear: both; width: 60%; margin: 20px auto 12px; }
.restaurant-overview table td,
.restaurant-overview table th						{ border: solid 1px #ccc; padding: 4px 8px; text-align: center; }
.restaurant-overview table tr:nth-child(even) td	{ background: rgba(0,0,0,.03); }

.contact-form { float:left; width:450px; margin:0; position:relative !important; }
.contact-form legend 	{ font-weight:normal; font-size:138%; color:#900; }
.contact-form label.contain { display:block; padding:0; margin-bottom:2em; border-bottom:1px solid #000; width:400px; font-style:italic; }
.contact-form div.contain { height:6em; }
.contact-form input,
.contact-form textarea,
.contact-form select,
.contact-form p em { display:none; }


/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.clear	{ clear: both; }
