/* @group Reset 
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, 
strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; background: transparent; }

tr, th, td { vertical-align: top; }

:focus { outline: 0; } 
ol, ul { list-style: none; }
caption, th, td { font-weight: normal; }
/* @end */

html {
scrollbar-face-color: #fff !important;
scrollbar-shadow-color: #fff !important;
scrollbar-highlight-color: #fff !important;
scrollbar-3dlight-color: #fff !important;
scrollbar-darkshadow-color: #fff !important;
scrollbar-track-color: #r5r5r5 !important;
scrollbar-arrow-color: #333 !important;
}

em { font-style: italic; }
strong { font-weight: bold; }
a { text-decoration: none; }






/* @group Hacks
/* 
	float hack 
	See http://www.positioniseverything.net/easyclearing.html
*/
.clearfix:after { content : "."; display : block; height : 0; clear : both; visibility : hidden; }
.clearfix { display : inline-block; }
/* Hide from IE Mac \*/
.clearfix { display : block; }
/* End hide from IE Mac */
* html .clearfix { height : 1px; }
/* @end */

/*
USAGE: All you have to do is include this one line in your CSS file, with the
tag names to which you want the script applied:
*/

div.png_sample { behavior: url(../../css/iepngfix.htc) }

.png_sample { height: 200px; width: 200px; background: url(../../css/opacity.png); }

/*
Alternatively, you can specify that this will apply to all tags like so:
* { behavior: url(iepngfix.htc) }
*/








/* @ Magic Begins Here
------------------------------*/

.sample {
background: url("/_images/bg_png.png") left repeat-y;
behavior: url("/iepngfix.htc") !important;
}

/* @group Global
----------------------------------------------------------------------------------- */
body	{
font-size: 100%;
line-height: small;
font-family: Arial, Helvetica, sans-serif;
background: #000 url('../imagens/bg_site.jpg');
padding: 0;
margin: 0;
}

a 		{ text-decoration: none; }
.center { text-align: center; }
.left   { text-align: left;	}
.right 	{ text-align: right; }
.fleft 	{ float: left; }
.fright { float: right; }

input,
select,
textarea	{ border: none; font-size: 11px; }
/* @end */

body#contact a.btnContact,
body#offers a.btnOffers,
body#cinema a.btnCinema,
body#bar a.btnBar,
body#whatson a.btnWhatson,
body#guestrooms a.btnGuestrooms { color:#fff; background: #222; }

body#whatson a.qWhatson span,
body#cinema a.qCinema span,
body#gallery a.qGallery span,
body#socialgallery a.qSocial span,
body#private a.qPrivate span,
body#video a.qVideo span { color: #000; border-left: 3px solid #000; }

div#homeIntro {
width: 770px; padding: 15px 20px; background: #000; color: #fff; text-align: left; margin: 15px 0; font: 11px verdana, arial; border: 5px solid #111;
}
div#homeIntro h1 {  font: bold 14px verdana, arial; margin-bottom: 10px; color:#fff; }
div#homeIntro p { margin-bottom: 13px; color: #888; line-height: 15px; }
div#homeIntro a { color:#d965ff; }
div#homeIntro a:hover { color: #a84ec5; }

/* Header
------------------------------------------------*/
#hdr 					{ height: 125px; background: url('../imagens/bg_panel_top.png') top repeat-x; margin-bottom: 1px; }
#hdr .inner				{ width: 820px; position: relative; height: 125px; margin: 0 auto; }
#hdr a.logo				{
display: block; width: 108px; height: 90px; background: url('../imagens/logo.gif') top left no-repeat;
position: absolute;
left: 0;
top: 15px;
}

#hdr a.quickBtn span,
#hdr a.logo span		{ display: none; }

#hdr a.quickBtn			{
display: block; width: 288px; height: 87px; background: url('../imagens/bookonline2.png') top left no-repeat;
position: absolute;
top: 20px;
right: 0;
}
#hdr a.quickBtn:hover	{ background-position: bottom; cursor: pointer; }

/* Main Menu
------------------------------------------------*/
#mainNav				{ height: 30px; background: url('../imagens/bg_navbg.png') top repeat-x; margin-bottom: 1px; padding: 5px 0; z-index: 500; }
#mainNav .inner 		{ width: 820px; margin: 0 auto; height: 30px; padding-left: 7px; }

#mainNav ul 			{ list-style: none; }
#mainNav ul li 			{ float: left; list-style: none; background: #000; margin-right:1px; }
#mainNav ul li a.mm			{ color: #fff; font: 12px 'Trebuchet Ms', Arial, Helvetica, sans-serif; display: block; height: 23px; padding: 7px 22px 0 22px; }
#mainNav ul li a.mm:hover	{ color:#fff; background: #222; }

/* Content Wrapper / Misc
------------------------------------------------*/
#bdyWrapper 			{ width: 820px; margin: 0 auto; position: relative; min-height: 770px; }

#bdyWrapper  .heroHome	{
width: 617px; height: 749px; position: absolute;
bottom: 36px; right: -90px;
/*background: url('../images/limeshotel_home.png') bottom right no-repeat;*/
background: url('../imagens/home_hero.jpg') bottom right no-repeat;
z-index: -1;
}
#bdyWrapper .heroHome span { display: none; }

/* Site Wrapper
------------------------------------------------*/
#siteWrapper 			{ width: 820px; margin: 0 auto; padding-top: 20px; min-height: 700px; position: relative; }

#siteWrapper .colLeft 		{ background: url('../imagens/bgSub.png') top left no-repeat; width: 170px; float: left; padding-bottom: 2px; }

#siteWrapper .colLeft .subTtl { font-size: 11px; color: #fff; text-align: left; padding: 10px 0 10px 5px; font-weight: bold; }
#siteWrapper .colLeft a.sLinks { display: block; background: url('../imagens/bg_sub_nav.png') top left no-repeat; height:20px; width: 166px; margin: 0 auto; margin-bottom: 1px; }
#siteWrapper .colLeft a.sLinks span { display: block; font-size: 12px; padding: 3px 0 3px 5px; color:#333; }
#siteWrapper .colLeft a.sLinks:hover span { color: #000; border-left: 3px solid #000; }

#siteWrapper .colRight 									{ width:635px; float: right; text-align: left; padding-top: 200px; }
#siteWrapper .colRight .limesContent 					{ background: url('../imagens/bg_siteContent.png') top left no-repeat; padding: 10px 20px 20px 20px; }

#siteWrapper .colRight .limesContent .limesInner		{ font-size: 11px; background: #fff; padding: 15px; font-family: verdana, Arial, Helvetica, sans-serif; }
#siteWrapper .colRight .limesContent .limesInner a 		{ color: #0099ff; }
#siteWrapper .colRight .limesContent .limesInner a:hover { color: #996699; }
#siteWrapper .colRight .limesContent .limesInner p 		{ margin-bottom: 15px; line-height: 17px; color: #555555; }
#siteWrapper .colRight .limesContent .limesInner ul 	{ margin-bottom: 15px; margin-left: 5px; }
#siteWrapper .colRight .limesContent .limesInner ul li 	{ line-height: 17px; color: #555555; background: url('../imagens/list.gif') top left no-repeat; padding-left: 15px;  }

#siteWrapper .colRight .limesContent .limesInner ol 	{ margin-bottom: 15px; margin-left: 35px; }
#siteWrapper .colRight .limesContent .limesInner ol li 	{ line-height: 17px; color: #555555; padding-left: 3px; list-style: decimal; }


#siteWrapper .colRight .limesContent .limesInner h2 	{
margin-bottom: 15px;
font-weight: bold;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 13px;
padding-left: 17px;
background: url('../imagens/bg_h2.gif') left 50% no-repeat;
/*color: #996699;*/
color: #111;
text-transform: uppercase;
}
	
#siteWrapper .colRight .limesContent .limesInner h3 	{
margin-bottom: 15px;
font-weight: bold;
font-family: Tahoma, Arial, Helvetica, sans-serif;
color: #996699;
font-size: 97%;
text-transform: uppercase;
}

table.bdyTable { margin-bottom: 15px; padding:0; border:0; color: #555555; }

h1.ttlMain { font-size: 16px; padding: 0 0 10px 0; font-weight: bold; font-family: arial; color: #FFFFFF !important; }

/* Misc Form Styling
******************************/
table.miscForm { padding:0; margin: 20px auto; border:0; }

table.miscForm input,
table.miscForm textarea { font: 11px Verdana, Helvetica, sans-serif; color: #663366; }

table.miscForm tr td.m1 { width: 100px;}
table.miscForm tr td { color: #555; font: 11px Verdana, Arial, Helvetica, sans-serif; vertical-align: middle; padding: 3px; }

.miscInput { width: 425px; padding: 10px; border:1px solid #e5e5e5; background:url("/__v2/imagens/bg_field1.jpg") bottom repeat-x; }
.miscPostcode { width: 60px; padding: 10px; border:1px solid #e5e5e5; background:url("/__v2/imagens/bg_field1.jpg") bottom repeat-x; text-align: center; }
.miscTextarea { width: 425px; height: 84px; padding: 10px; border:1px solid #e5e5e5; text-align: left; background: #fff url("/__v2/imagens/bg_field1.jpg") bottom repeat-x; }


.sub { background: url("/_imagens/send_enquiry.gif") top left no-repeat; width: 130px; height: 30px; cursor: pointer; float: right; }
.sub:hover { background-position: bottom; }
.mList { text-align: left; vertical-align: middle; }
.sSub { text-align: left;}

.PrivateEvents th { padding: 5px; background: #f5f5f5; border: 1px dotted #ccc; margin: 5px 0; color: #663366; font-weight: bold; font-size: 13px;  }

/* BG Slide Show
------------------------------------------------*/
/*div.pics {
overflow: hidden;
z-index: -50;
position: absolute;
top: 0;
left: 50%;
width: 1260px;
height: 600px;
margin-top: 0;
margin-left: -630px;
border-bottom: 1px solid #000;
}*/

/*div.pics {
overflow: hidden;
position: fixed;
top: 0;
width: 100%;
height: 600px;
z-index: -50;
}*/

div.pics {
overflow: hidden;
z-index: -50;
position: absolute;
top: 0;
width: 100%;
height: 600px;
}

div.pics .inner { display: block; margin: 0 auto; width: 1260px; height: 600px; }

div.pics .inner  img { display: block; margin: 0 auto; z-index: -50; }

/* @ Panel Whats On
------------------------------*/

div.panelHolder { border: 1px dotted #ccc; background: url('../imagens/bg_dd.gif'); padding: 10px; margin-bottom: 15px; }
dl.panelWhats {  }
dl.panelWhats dt { float:left; width: 180px; display: block; background: url('../imagens/bg_dt.gif'); padding: 15px 0; }
dl.panelWhats dt img { display: block; margin: 0 auto; border: 1px solid #fff; width: 150px; }
dl.panelWhats dd { display: block; width: 348px; float:left; padding: 0 0 0 15px; text-align: left !important; }
dl.panelWhats dd .panWrap { padding: 10px; background: #fff; min-height: 220px; }

dl.panelWhats dd h2 {  }
dl.panelWhats dd p { text-align: left !important; margin-bottom: 10px !important; }
dl.panelWhats dd a { color:#0099ff; }
dl.panelWhats dd a:hover { color: #996699; }
ul.panList { margin-left: 15px; margin-bottom: 15px; margin-top: 10px;  }
ul.panList li { color: #555; line-height: 150%; padding-left: 0; list-style-type:square; }
div.panelHolder p.sympno strong { color: #cc0000; }

dl.panelWhats dt img:hover { opacity:0.7; filter:alpha(opacity=70) }

div.sideImg { width: 72px; padding-left: 15px; margin-left: 15px; border-left: 1px dotted #ccc; float: right; }
div.sideImg a { display: block; width: 72px; height: 65px; margin-bottom: 2px; }
div.sideImg a img { border: 1px solid #ccc; }
div.sideImg a:hover img { border: 1px solid #000; }

/* Limes Pax
------------------------------*/

table.limesPax { width: 100%; margin-bottom: 0; padding:0; border:0; border-top: 1px dotted #ccc; }
table.limesPax p { margin-bottom: 10px !important; }
table.limesPax .pax1 { vertical-align: top; text-align: left; width: 222px; padding-top: 20px; }
table.limesPax .pax2 { padding-left: 15px; vertical-align: top; text-align: left; padding-top: 20px; }
table.limesPax .paxIntro { color: #000000 !important; }
table.limesPax .paxIntro span { color: #996699; }

table.limesPax .pax1 .winner { background: url("/__v2/imagens/pax_shadow.jpg") bottom left no-repeat; width: 222px; height: 208px; }

/* Addthis
------------------------------*/
table.tblAddThis { border:0; padding:0; position: absolute; right:0; top:0; background: #000; }
table.tblAddThis td { font-size: 11px; color: #999999; padding: 3px; }
table.tblAddThis td span { display: none; }
table.tblAddThis td a { color: #666666; }
table.tblAddThis td a:hover { color: #0099FF; }

/* Best Rate
------------------------------*/
table.bestrate { border:0; padding:0; position: absolute; right:0; top:0; background: #000; }
table.bestrate td { font-size: 11px; color: #999999; padding: 3px; }
table.bestrate td span { display: none; }
table.bestrate td a { color: #0099FF; }
table.bestrate td a:hover { color: #996699; }

/* Footer
------------------------------------------------*/

#finalBg { height: 70px; background: #000 url("/__v2/imagens/ftr_limes_09.gif") 50% 50% no-repeat; border-top: 1px dotted #222; }
#finalBgHome { height: 70px; background: #000 url("/__v2/imagens/ftr_limes_09.gif") 50% 50% no-repeat; border-top: 1px dotted #222; margin-top: 15px; }

#finalBg img,
#finalBgHome img { display: block; margin: 0 auto; } 


.ftr { width: 820px; margin: 0 auto;
color: #393737; font-size: 11px; font-family: 'trebuchet ms',Arial, Helvetica, sans-serif;
height: 110px;
padding-top: 15px;
}
.ftr a { color: #393737; }
.ftr a:hover { color: #fff; }

.ftr a.designHotels { display: block; background: url('../imagens/memberofdesignhotels.gif') top left no-repeat; width: 191px; height: 15px; margin-bottom: 12px; }
.ftr a.designHotels span { display: none; }

.ftrLinks { background: url('../imagens/sep_x_home.gif') top repeat-x; padding-top: 10px; }
.ftrLinks h3 { display: block; color:#FFFFFF; margin-bottom: 7px; }

.ftrLinks .f1 { background: url('../imagens/sep_y_home.gif') right repeat-y; float: left; width: 245px; margin-right: 20px; }
.ftrLinks .f2 { background: url('../imagens/sep_y_home.gif') right repeat-y; float: left; width: 170px; margin-right: 20px; }
.ftrLinks .f3 { background: url('../imagens/sep_y_home.gif') right repeat-y; float: left; width: 275px; margin-right: 20px; }
.ftrLinks .f4 { float: left; width: 70px; }

.ftrLinks  .f3 ul { float: left; margin-right: 15px;}

div.ftr-inside { background:#000; margin-top: 20px; padding-bottom: 15px; }

div.mSched table caption, tr, td, th 		{ text-align: left; }
div.mSched table td 										{ background:#f5f5f5; color:#666633; border: 1px solid #fff; padding:3px; }

/* Mosh Tix */
div.mSched table 						{ width: 100%; }
div.mSched table tr td a 		{ color: #0099FF; }
div.mSched table tr td a:hover { color:#996699; }
div.mSched table tr td				{ font: 11px Arial; }
div.mSched .moshTitle 				{ font: 15px Tahoma; font-weight: bold; color: #996699; }
div.mSched .moshDate 				{ font: 11px Tahoma;  color: #663366; }
div.mSched img 							{ border: 2px solid #e5e5e5; }
<!-- change border size to 1 to add a border to calendar -->
div.mSched .moshCalBorder 		{ border: 0px #00FF00 solid; cellspacing: 0; cellpadding: 0; }
<!-- change size to 1 to add a border to calendar -->
div.mSched .moshCalFrame 		{ border: 0px #00FF00 solid; cellspacing: 0; cellpadding: 0; }
<!-- size of table cell the picture is in -->
div.mSched .moshCalpicFrame 	{ valign: top; }
<!-- first row of 2nd column - holds event title -->
div.mSched .moshCalCopy 			{ valign: top; }
<!-- 2nd row of 2nd column - holds event date -->
div.mSched .moshCalCopy2 		{ valign: top; padding-left: 10px; }
<!-- 3rd row of 2nd column - holds event summary and more info link -->
div.mSched .moshCalCopy3		 { align: center; valign: top;}

#wrapperGallery { padding-left: 20px; padding-top: 15px; padding-bottom: 15px; }
#wrapperGallery dl { }
#wrapperGallery dl dd { float: left; display: block; width: 72px; height: 65px; margin-right: 3px; margin-bottom: 3px; }

#wrapperGallery dl dd a:hover img {
opacity: .7;
filter: alpha(opacity=70);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}


/* some resets
------------------------------------------------*/
.noMargin { margin: 0 !important;}
.noPadding { margin: 0 !important;}

#quickSocial { width: 43px; padding-top: 3px; padding-right: 3px; position: absolute; top:0; right:0; position:fixed; }
#quickSocial a { display: block; width: 43px; height: 44px; margin-bottom: 3px; }
#quickSocial a span { display: none; }
#quickSocial a.q1 { background: url("/__v2/images/social_fb.gif") top left no-repeat; }
#quickSocial a.q2 { background: url('/__v2/images/social_twitter.gif') top left no-repeat;}
#quickSocial a.q3 { background: url('/__v2/images/social_foursquare.gif') top left no-repeat;}
#quickSocial a:hover { background-position: bottom; cursor: pointer; }