@charset "utf-8";
/* 
= CSS Document  ==========================
	
	Site: 			El Castano
	Design:			Steven Symonds
	Developer: 		Steven Gibbons 
	Created: 		28th June 2009
	Updated: 	
	Copyright: 	(c) 2009, El Castano
	
==========================================
*/


/* ========= Global ========= */
* { margin: 0; padding: 0; }
html { font-size: 100%; }
body { font-size: 62.5%; font-family: Tahoma, Arial, sans-serif; background: #FFF url('../img/bg/body.gif') repeat-x top; }
p { font-family: Tahoma, Arial, sans-serif; color: #666; font-size: 1.2em; font-weight: normal; line-height: 1.5; margin: 0; padding: 0 0 5px 0; }


/* ========= Main Structure ========= */
div#container { margin: 0 auto; width: 720px; }


/* ========= Main Menu ========= */
div#container div#hdr { margin: 30px 0 0 0; width: 720px; height: 125px; }
	div#container div#hdr h1 { float: left; width: 102px; height: 102px; background: url('../img/iR/logo.gif') no-repeat; position: relative; z-index: 100; }
	div#container div#hdr ul { float: right; margin: 67px -10px 0 0; list-style: none; }
		div#container div#hdr ul li { float: left; }
		div#container div#hdr ul li a.active,
		div#container div#hdr ul li a:hover { background-position: bottom!important; }
		div#container div#hdr ul li a#mmHome { width: 55px; height: 35px; background: url('../img/iR/mmHome.gif') no-repeat top; }
		div#container div#hdr ul li a#mmMenu { width: 63px; height: 35px; background: url('../img/iR/mmMenu.gif') no-repeat top; }
		div#container div#hdr ul li a#mmReviews { width: 161px; height: 35px; background: url('../img/iR/mmReviews.gif') no-repeat top; }
		div#container div#hdr ul li a#mmSpecial { width: 174px; height: 40px; background: url('../img/iR/mmSpecial.gif') no-repeat top; }
		div#container div#hdr ul li a#mmAbout { width: 53px; height: 35px; background: url('../img/iR/mmAbout.gif') no-repeat top; }
		div#container div#hdr ul li a#mmBook { width: 52px; height: 35px; background: url('../img/iR/mmBook.gif') no-repeat top; }
		div#container div#hdr ul li a#mmContact { width: 70px; height: 35px; background: url('../img/iR/mmContact.gif') no-repeat top; }
div#container div#splash { margin: 0 0 0 -6px; width: 732px; height: 214px; padding: 14px; background: url('../img/bg/splash.jpg') no-repeat; overflow: hidden!important; }
	div#container div#splash img { margin: 14px 0 0 14px; }

/* ========= Content ========= */
div#container div#content { margin: 0; padding: 0; width: 720px; }
div#container div#content div#columnLeft { margin: 0; padding: 0; width: 350px; float: left; position: relative; }
	div#container div#content div#columnLeft h2 { font-family: Tahoma, Arial, sans-serif; font-size: 2.3em; color: #9C1413; margin: 0 0 10px 0; }
	div#container div#content div#columnLeft h2.sIFR-replaced { font-family: Tahoma, Arial, sans-serif; font-size: 2.8em; color: #9C1413; }
	div#container div#content div#columnLeft h3 { font-family: Tahoma, Arial, sans-serif; font-size: 1.7em; color: #9C1413; margin: 0 0 10px 0; }
	div#container div#content div#columnLeft h3.sIFR-replaced { font-family: Tahoma, Arial, sans-serif; font-size: 2.2em; color: #9C1413; }
	div#container div#content div#columnLeft p { font-family: Tahoma, Arial, sans-serif; color: #666; }
		div#container div#content div#columnLeft p a { color: #9C1413; text-decoration: none; }
		div#container div#content div#columnLeft p a:hover { text-decoration: underline; }
	div#container div#content div#columnLeft span.olives { position: absolute; bottom: -20px; right: 50px; z-index: -1; display: block; width: 168px; height: 104px; background: url('../img/bg/olives.gif') no-repeat; }
	div#container div#content div#columnLeft div.line { margin: 20px 0; width: 360px; height: 1px; background: url('../img/bg/line.gif') no-repeat; }
	div#container div#content div#columnLeft a#bookNow { margin: 20px 0; width: 125px; height: 33px; background: url('../img/iR/bookNow.gif') no-repeat; }

div#container div#content div#columnRight.home { margin: -34px 0 -50px 0; padding: 30px 0 50px 0; width: 330px; height: 525px; float: right; background: url('../img/bg/wine.gif') no-repeat top right; }
	div#container div#content div#columnRight.home h2 { width: 220px; font-family: Tahoma, Arial, sans-serif; font-size: 1.7em; color: #9C1413; margin: 0 0 10px 0; }
	div#container div#content div#columnRight.home h2.sIFR-replaced { font-family: Tahoma, Arial, sans-serif; font-size: 2.2em; color: #9C1413; margin: 0 0 -10px 0; }
	div#container div#content div#columnRight.home h3 { font-family: Tahoma, Arial, sans-serif; font-size: 1.2em; color: #9C1413; margin: 0; }
	div#container div#content div#columnRight.home h3.sIFR-replaced { font-family: Tahoma, Arial, sans-serif; font-size: 1.4em; color: #9C1413; }

div#container div#content div#columnRight { margin: 0; padding: 0; width: 330px; float: right; position: relative; }
	div#container div#content div#columnRight h2 { font-family: Tahoma, Arial, sans-serif; font-size: 2.3em; color: #9C1413; margin: 0 0 10px 0; }
	div#container div#content div#columnRight h2.sIFR-replaced { font-family: Tahoma, Arial, sans-serif; font-size: 2.8em; color: #9C1413; }
	div#container div#content div#columnRight h3 { font-family: Tahoma, Arial, sans-serif; font-size: 1.7em; color: #9C1413; margin: 0 0 10px 0; }
	div#container div#content div#columnRight h3.sIFR-replaced { font-family: Tahoma, Arial, sans-serif; font-size: 2.2em; color: #9C1413; }
	div#container div#content div#columnRight p { font-family: Tahoma, Arial, sans-serif; color: #666; }
		div#container div#content div#columnRight p a { color: #9C1413; text-decoration: none; }
		div#container div#content div#columnRight p a:hover { text-decoration: underline; }
	div#container div#content div#columnRight div.line { margin: 20px 0; width: 360px; height: 1px; background: url('../img/bg/line.gif') no-repeat; }

/* ========= Menus ====== */
div#singleColumn { min-height: 300px!important; }
div#container div#content div#singleColumn div.menu { margin: 0; width: 100%; background: #9C1413; padding: 10px; }
	div#container div#content div#singleColumn div.menu div.inner { background: #FFF; padding: 20px 20px 0 20px; }
		div#container div#content div#singleColumn div.menu div.inner div.columnLeft { float: left; width: 330px; margin: 0 0 10px 0;!important }
		div#container div#content div#singleColumn div.menu div.inner div.columnRight { float: right; width: 330px; margin: 0 0 0 10px;!important }
		div#container div#content div#singleColumn div.menu div.inner div.columnRight table td.price { padding: 0!important; }
		
div#container div#content div#singleColumn div.menu div.inner table { margin: 0 0 20px 0; width: 330px; }
	div#container div#content div#singleColumn div.menu div.inner table td { padding: 1px; }
		div#container div#content div#singleColumn div.menu div.inner table td.item { width: 70%; font-size: 1.4em; font-family: Tahoma, Arial, sans-serif; font-weight: bold; color: #9C1413; }
		div#container div#content div#singleColumn div.menu div.inner table td.price { width: 30%; text-align: right; font-size: 1.4em; font-family: Tahoma, Arial, sans-serif; color: #666; padding: 0 20px 0 0; }
		div#container div#content div#singleColumn div.menu div.inner table td.english { font-size: 1.2em; font-family: Tahoma, Arial, sans-serif; color: #666; padding: 3px 0 10px 0; }

div#container div#content div#singleColumn ul#tabbed { list-style: none; width: 562px; margin: 0 auto; position: relative; }
div#container div#content div#singleColumn ul#tabbed li { list-style: none; float: left; margin: 0 2px; padding: 0;!important }
div#container div#content div#singleColumn ul#tabbed li a#mainMenu { width: 145px; height: 49px; background: url('../img/iR/menuMain.gif') no-repeat; }
div#container div#content div#singleColumn ul#tabbed li a#partyMenu { width: 169px; height: 49px; background: url('../img/iR/menuParty.gif') no-repeat; }
div#container div#content div#singleColumn ul#tabbed li a#happyHourMenu { width: 236px; height: 49px; background: url('../img/iR/menuHappy.gif') no-repeat; }
	div#container div#content div#singleColumn ul#tabbed li a.active,
	div#container div#content div#singleColumn ul#tabbed li a:hover { background-position: bottom!important; }




div#container div#content div#singleColumn ul { margin: 0 0 0 20px; }
	div#container div#content div#singleColumn ul li { list-style: disc; list-style-position: inside; font-family: Tahoma, Arial, sans-serif; color: #666; font-size: 1.2em; padding: 0 0 5px 0; }
		div#container div#content div#singleColumn ul li a { color: #9C1413; text-decoration: none; }
		div#container div#content div#singleColumn ul li a:hover { text-decoration: underline; }


/* ========= Reviews and Features ====== */
div#container div#content div#singleColumn h2 { font-family: Tahoma, Arial, sans-serif; font-size: 2.3em; color: #9C1413; margin: 0 0 10px 0; }
div#container div#content div#singleColumn h2.sIFR-replaced { font-family: Tahoma, Arial, sans-serif; font-size: 2.8em; color: #9C1413; }
div#container div#content div#singleColumn h3 { font-family: Tahoma, Arial, sans-serif; font-size: 1.7em; color: #9C1413; margin: 0 0 10px 0; }
div#container div#content div#singleColumn h3.sIFR-replaced { font-family: Tahoma, Arial, sans-serif; font-size: 2.2em; color: #9C1413; }
div#container div#content div#singleColumn p { font-family: Tahoma, Arial, sans-serif; color: #666; }
	div#container div#content div#singleColumn p a { color: #9C1413; text-decoration: none; }
	div#container div#content div#singleColumn p a:hover { text-decoration: underline; }
div#container div#content div#singleColumn ul { list-style: none; }
	div#container div#content div#singleColumn ul#review li { font-size: 1.0em; list-style: none; margin: 0 0 20px 0; padding: 0 0 20px 0; background: url('../img/bg/longLine.gif') no-repeat bottom center; }
		div#container div#content div#singleColumn ul#review li.noLine { background: none; margin: 0; padding: 0;!important }
		div#container div#content div#singleColumn ul#review li div.spacer { height: 300px; }

/* ========= Book ====== */
div#container div#content div#columnLeft input#mDate { margin: -5px 0 5px 0!important; width: 173px; height: 22px; padding: 0 5px 3px 5px; border: none; background: url('../img/bg/mainDateInput.gif') no-repeat; font-family: Tahoma, Arial, sans-serif; font-size: 1.2em; color: #9C1413; }
div#container div#content div#columnLeft img.ui-datepicker-trigger { margin: 0 0 -10px -2px; cursor: pointer!important; }

* + html div#container div#content div#columnLeft img.ui-datepicker-trigger { margin: 0 0 0 -2px; cursor: pointer!important; }

div#container div#content div#columnLeft a#selectDate { float: left; margin: 0 8px 10px 0; width: 128px; height: 33px; background: url('../img/iR/selectDate.gif') no-repeat; }
	div#container div#content div#columnLeft a#selectDate:hover { background-position: bottom!important; }
div#container div#content div#columnLeft a#submitBooking { width: 166px; height: 33px; background: url('../img/iR/submitBooking.gif') no-repeat; }
	div#container div#content div#columnLeft a#submitBooking:hover { background-position: bottom!important; }
div#container div#content div#columnRight span.potatoes { position: absolute; bottom: -170px; right: 10px; display: block; width: 314px; height: 170px; background: url('../img/bg/potatoes.gif') no-repeat; }
div#container div#content div#columnLeft select { width: 309px; height: 22px; margin: 0 0 5px 0!important; padding: 3px 5px; border: none; background: url('../img/bg/mainInput.gif') no-repeat; font-family: Tahoma, Arial, sans-serif; font-size: 1.2em; color: #9C1413; }
div#container div#content div#columnLeft option { border: none!important; outline: hidden!important; background: #FAD3D3; }
div#container div#content div#columnLeft select:focus { outline: none; }

/* ========= Contact Us====== */
div#container div#content div#columnLeft input { width: 309px; height: 22px; padding: 0 5px 3px 5px; border: none; background: url('../img/bg/mainInput.gif') no-repeat; font-family: Tahoma, Arial, sans-serif; font-size: 1.2em; color: #9C1413; }
div#container div#content div#columnLeft textarea { overflow: hidden; width: 309px; height: 90px; padding: 3px 15px 3px 5px; border: none; background: url('../img/bg/mainTextarea.gif') no-repeat; font-family: Tahoma, Arial, sans-serif; font-size: 1.2em; color: #9C1413; }
div#container div#content div#columnLeft a#send { width: 76px; height: 33px; background: url('../img/iR/send.gif') no-repeat; }
	div#container div#content div#columnLeft a#send:hover { background-position: bottom!important; }
div#container div#content div#columnRight div#googleMap { width: 326px; height: 264px; padding: 13px!important; background: url('../img/bg/googleMap.gif') no-repeat; }	
div#container div#content div#columnRight div#googleMap div#inner { width: 299px; height: 236px; }


/* ========= Footer ========= */
div#ftr { margin: 40px 0 0 0; padding: 40px 0 0 0; background: #9C1413; height: 270px; z-index: 100; position: relative; bottom: 0; }
div#ftr div#ftrContent { margin: 0 auto; padding: 0; width: 720px; }
	div#ftr div#ftrContent div#leftColumn { margin: 0; padding: 0; width: 350px; float: left; }
		div#ftr div#ftrContent div#leftColumn p { font-size: 1.3em; color: #FFF; }
			div#ftr div#ftrContent div#leftColumn p.copyright { margin: 10px 0 0 0; }
			div#ftr div#ftrContent div#leftColumn p.designer { margin: 30px 0 -5px 0; }
		div#ftr div#ftrContent div#leftColumn p a { color: #FFF; text-decoration: none; }
		div#ftr div#ftrContent div#leftColumn p a:hover { text-decoration: underline; }
		div#ftr div#ftrContent div#leftColumn ul { list-style: none; }
		div#ftr div#ftrContent div#leftColumn ul li { float: left; padding: 0 5px; color: #FFF; margin: 0 0 20px 0; }
			div#ftr div#ftrContent div#leftColumn ul li a { font-size: 1.3em; color: #FFF; text-decoration: none; }
			div#ftr div#ftrContent div#leftColumn ul li a.active,
			div#ftr div#ftrContent div#leftColumn ul li a:hover { text-decoration: underline; }

div#ftr div#ftrContent div#rightColumn { margin: 0; padding: 0; width: 330px; float: right; }
	div#ftr div#ftrContent div#rightColumn h4 { width: 330px; font-family: Tahoma, Arial, sans-serif; font-size: 1.7em; color: #FFF; }
	div#ftr div#ftrContent div#rightColumn h4.sIFR-replaced { font-family: Tahoma, Arial, sans-serif; font-size: 2.0em; color: #FFF; }
	div#ftr div#ftrContent div#rightColumn h5 { font-family: Tahoma, Arial, sans-serif; font-size: 1.2em; color: #FFF; }
	div#ftr div#ftrContent div#rightColumn h5.sIFR-replaced { font-family: Tahoma, Arial, sans-serif; font-size: 1.4em; color: #FFF; }
	div#ftr div#ftrContent div#rightColumn form { margin: 20px 0; }	
	div#ftr div#ftrContent div#rightColumn form input { width: 262px; height: 22px; padding: 0 5px 3px 5px; border: none; background: url('../img/bg/input.gif') no-repeat; font-family: Tahoma, Arial, sans-serif; font-size: 1.2em; color: #9C1413; }
	div#ftr div#ftrContent div#rightColumn form a { width: 97px; height: 33px; background: url('../img/iR/signUp.gif') no-repeat; }
		div#ftr div#ftrContent div#rightColumn form a:hover { background-position: bottom!important; }
		

/* ========= Imprompu Message ========= */
.jqifade { position: absolute; background: #111; }
div.jqi{ width: 400px; font-family: Tahoma, Arial, sans-serif; color: #9C1413; font-size: 14px; position: absolute; background: #FAD3D3; text-align: left; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 7px; }
div.jqi .jqicontainer{ font-weight: bold; }
div.jqi .jqiclose{ position: absolute; top: 4px; right: -2px; width: 18px; cursor: default; color: #111; font-weight: bold; cursor: pointer!important; }
div.jqi .jqimessage{ padding: 10px; line-height: 20px; color: #333; font-weight: normal!important; }
#jqibuttonYes{ cursor: pointer; color: transparent; border: 0; margin: 0 5px 5px 5px; width: 46px; height: 24px; background: url('../admin/img/iR/yes.gif') no-repeat; font-size: 0; }
#jqibuttonNo{ cursor: pointer; color: transparent; border: 0; margin: 0 0 5px 0; width: 46px; height: 24px; background: url('../admin/img/iR/no.gif') no-repeat; font-size: 0; }
#jqibuttonOk{ cursor: pointer; color: transparent; border: 0; margin: 0 5px 5px 5px; width: 46px; height: 24px; background: url('../admin/img/iR/ok.gif') no-repeat; font-size: 0; }


#ui-datepicker-div {  }
div.spacer { height: 20px; }

/* ========= Important Classes ========= */
a:focus { outline: none; }

div#inner span { display: none!important; }

.noPad { padding: 0 5px 0 0!important; }
.hide { display: none; }
.pink { color: #F18787!important; }
.imgReplace { background-position: top; background-repeat: no-repeat; display: block; }
.imgReplace span { width: 0px; height: 0px; overflow: hidden; display: block; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix { height: 1%; }
.clearfix { zoom: 1; display: block; }

span.sIFR-jquery { position: static!important; } /* for inactive Flash Replace */
span.sIFR-alternate { visibility: hidden!important; }

.ui-tabs .ui-tabs-hide { display: none!important; }