/*CSS Reset*/
html, body, div, span, applet, object, iframe, p, h1, h2, h3, h4, h5, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, wrapper, a, img {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

 ul nav { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }


body { font:13px sans-serif; *font-size:small; *font:x-small; line-height:1.22; }
table { font-size:inherit; font:100%; }
select, input, textarea { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
 
body, select, input, textarea { color:#444; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }
html { -webkit-font-smoothing: antialiased; }
a:hover, a:active { outline: none; }
a, a:active, a:visited { color:#b04b00; }
a:hover { color:#036; }
ul { margin-left:30px; }
ol { margin-left:30px; list-style-type: decimal; }
small { font-size:85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align:top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

pre { padding: 15px; white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }

input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }

::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; } 

a:link { -webkit-tap-highlight-color: #FF5E99; } 


html { overflow-y: scroll; }
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

.ir { display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; }
.hidden { display:none; visibility:hidden; } 
.visuallyhidden { position:absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.clear 	{	clear: both;	}
.left 	{	float: left;	}
.right 	{	float: right;	}
/*End of CSS Reset*/

body {
	background: top left repeat-x repeat-y;
	background-image: url('../images/bg.jpg');
	height: auto;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: medium;
}

#wrapper {
	margin: 0 auto;
	width: 850px;
	padding: 0	25px 0px;
	background: url('../images/wrapper_bg.png') repeat center;	}

#content {	height: 100%;	}

#header{	
}


#roll {
	width: 420px;
	height: 314px;
	margin-left: 45px;
}

#roll.contact {
	width: 400px;
	height: 300px;
	margin: 20px 0 0 210px;
}

/* List and Text Formatting */
p, ul {

	margin: 10px;
	text-align: justify;
	line-height: 1.2em;
}

p.legal {
	height: 50px;
	margin: 20px 10px;
	font-size: .9em;
	text-align: center;
	font-variant: small-caps;
	color: #CC6600; 
}

.rates p {
	text-align: center;
	padding-top: 4px;
	margin: 1px;
}

.rates a {
	font-size: 1em;
}

p.big {
	font-size: 1.2em;
}

h2 {
	padding-top: 15px ;
}

h3 {
	padding: 5px;
	font-size: .6em;
}

h4 {
	color: #990000;
	padding-top: 15px;
	text-shadow: 1px 0px 1px #e6e6e6;
	
}

#local h4 {
	font-size: 1.6em;
}

#diner_wrap h4 {
	font-size: 1em;
}

h5 {
	color: #990000;
	font-size: 1.3em;
	text-align: center;
	clear: both;
	text-shadow: 1px 1px 1px #e6e6e6;

}

div.photo h5{	font-size: 1.1em;	}

h6 {
	font-size: .8em;
	text-align: center;
	padding: none;
	margin: 4px 0 4px 0;
}

ul {
	list-style-type: none;
	
}

ul.text {
	margin-left: 45px;
}

ul.payment {
	list-style-type: none;
	text-align: center;
}

.contact ul {
	list-style-type: none;
	text-align: center;
}
ul.text li {
	margin-top: 3px;
}

ul.images {	display: block; list-style: none;	}

ul.images li {
	float: left;
	padding: 20px 50px;

}

div.photo ul.images li {
	float: left;
	padding: 10px 50px 40px 20px;
}

#box a {
	font-size: .80em;
}

p span {
	display: block;
	padding-top: 5px;
}

#local div.local span, .payment {
color: #990000;
}

.local span {
	font-style: italic;
	font-weight: bold;
	text-align: center;
	padding-bottom: 1px;
}

#rates span {
	font-weight: 600;
	padding-top: 8px;
}




/* Titles */

#title { 	height: 75px;
			background-repeat: no-repeat;
			background-position: center;	}

#home #title		{	background-image: url('../images/experience.gif');	}	
#suites #title		{	background-image: url('../images/suites.gif');		}
#rates #title 		{	background-image: url('../images/rates.gif');		}
#directions #title 	{	background-image: url('../images/directions.gif');	}
#local #title		{	background-image: url('../images/localarea.gif');	}
#photos #title		{	background-image: url('../images/photogallery.gif');}
#contact #title		{	background-image: url('../images/contact.gif');		}
#event #title		{	background-image: url('../images/event.gif');		}
#favourites #title	{	background-image: url('../images/favorites.gif');
						margin-top: 50px;	}

/* Content */

#suites div.gallery			{	height: 800px; margin: 20px 60px;	
}

#event div.gallery			{	height: 275px; margin-left: 65px;	}

#dine_in div.gallery		{	height: 100px; margin-left: 110px;	}
#dine_in ul.images li 		{	float: left; padding: 20px 5px 20px 20px;	}

#content.photo div.gallery	{	margin-left: 110px;	}
#content.photo div.single	{	height: 175px;		}
#content.photo div.double	{	height: 300px;		}


div.photo ul.images		{	margin-left: 5%;	}
p.contact, h2.contact	{	text-align: center;	}

/* IMAGE FORMATTING */
.big_rad	{	border-radius: 18px;	}
.med_rad	{	border-radius: 12px;	}
.sm_rad		{	border-radius: 6px;		}
.shad		{	box-shadow: 0px 1px 3px #444;	}


/* Home Page of HELL */

#col_left {
	float: left;
	width: 600px;
}

#feature_nav {
	width: 720px;
	height: 200px;
	padding: 25px 0px 0px 153px;	
}

.box {
	display: block;
	float: left;
	width: 170px;
	height: 170px;
	margin: 0 5px;
	text-align: center;
}

.box img:hover{	box-shadow: 0px 1px 8px #111;	}
.box a {	font-size: .9em;				}

a {	text-decoration: none;
	color: #970000;
	font-size: 1.3em;	}
	
p.legal a	{	font-size: 1em;	}
a:hover 	{	text-shadow: 1px 1px 1px #b04b00;	}

a.drop {
display: block;
}

#box.member a {
display: inherit;
padding: 9px;
}

#favourites {}

#content .text li {		list-style: disc;
}

#award {
	padding: 5px;
	height: 140px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#award div{
	margin-left: 150px;
	width: 300px;
}


#contact #award {
	padding: 5px;
	width: 99%;
	height: 140px;
	box-shadow: 0px 1px 1px #555, 0px -1px 1px #fff ;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#content div.contact_info.left span {
	font-size: 1.5em;
	line-height: .4;
}

#content div.contact_info.left h4 {
		font-family: 'Reenie Beanie', arial, sans-serif;
		font-size: 2.75em;
		text-align: center;
}



#award img {	padding: 5px;
				padding-left: 10px;	}


#award:hover {
background-color: #ffcc66;
}

#award div {
	margin-top: 18px;
	width: 700px;
	text-align: left;
}

#award div p {
	text-align: left;
}

#award div a {
	font-size: 1.1em;
}

h2.home {
	padding: 5px 0 0 15px;
	text-transform: uppercase;
}


/*Mexico Pop-Up*/

#mexico {
	width: 700px;
	height: 500px;
	position: relative;
	background: url(../images/mexico/postcard_bg.png) no-repeat;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

h1 {
	width: 225px;
	height: 75px;
	margin: 0 0 20px 75px;
	position: relative;
	top: 50px;
	z-index: 10;
}

#mexico h2 {
	text-align: center;
}

#photo_frame {
	width: 350px;
	height: 430px;
	margin: 26px 0 0 26px;
}

.hero #slideshow {
	width: 850px;
	height: 350px;
	position: relative;
	z-index: 5;

}

#slideshow {
	width: 350px;
	height: 430px;
	margin: 5px 0 0 5px;
	overflow: hidden;
	position: relative;
	z-index: 5;

}

#slideshow ul#prev-next {
	display: none;
	list-style: none;
	position: relative;
	top: 110px;
	z-index: 15;
}

	#slideshow ul#prev-next li#prev {
		float: left;
		margin: 0 0 0 10px;
	}
	
	#slideshow ul#prev-next li#next {
		float: right;
		margin: 0 5px 0 0;
	}
	
	#slideshow ul#prev-next li a {
		display: block;
		width: 49px;
		height: 60px;
		text-indent: -99999px;
	}
	
	#slideshow ul#prev-next li#prev a {
		background: url(../images/mexico/prev.png);
	}
	
	#slideshow ul#prev-next li#next a {
		background: url(../images/mexico/next.png);
	}

#slideshow ul#slides {
	list-style: none;
}

	#slideshow ul#slides li {
		margin: 0 0 20px 0;
	}

#information {
width: 311px;
margin: 125px 12px 0 0;
font-family: 'Reenie Beanie', arial, serif;
font-size: 1.3em;
}

#information h2 {
line-height: 1.2em;
z-index: 20;
text-shadow: 1px 0px 1px #ffffff;
}

#information span {
font-size: 2em;
}

.mexico p, .mexico li {
	margin-left: 40px;
}

.mexico p {
margin-bottom: 0px;
text-align: center;
}

.mexico li {
	padding-top: 1px;
}

#information a {
	padding-left: 48px;
	font-size: 1.3em;
}

.more_2em {
	line-height: 1.4em;
}

.less_2em {
	line-height: 1em;
}
	
.mexico ul{
	margin-top: 2px;
	padding-left: 25px;
	font-size: x-large;
}

#home #content ul.left		{	width: 420px; font-size: .95em;	}
#home #content ul.left li	{	margin: 15px 0;	}


#testi_holder{
	display: block;
	height: 150px;
	width: 75%;
	float: right;
	
}

#home div h4{ 	display: block;
				text-align: right;
				margin-top: 28px;
				font: 2em/0.85em "Reenie Beanie", Arial, Helvetica, Geneva, sans-serif;			
				width: 20%;					
}
#testimonials	{	position: absolute;
					height: 125px;
					width: 638px;
					margin-top: 10px;
					background: url('../images/testi_bg.png') repeat left top;	
					border-radius: 10px;
					box-shadow: 0px 3px 5px #444;	}
			
				
				#testimonials:before {	content:"";
						position: absolute;
						right: 100%;
						top: 50px;
						width: 0;
						height: 0;
						border-top: 13px solid transparent;
						border-right: 26px solid #fcd679;
						border-bottom: 13px solid transparent;
							}

.marker			{	display: none;
					position: inherit;
					font: 15em/0.85em "Reenie Beanie", Arial, Helvetica, Geneva, sans-serif;
					height: 50px;
					z-index: -1;	}

#quotes			{	position: relative;
					height: 80px;
					font: 1.5em/0.85em "Reenie Beanie", Arial, Helvetica, Geneva, sans-serif;
					margin:10px 0;
					color:#444;
					padding:20px;
					margin-bottom: 20px;
				}

#author			{	position:absolute;
					font-size: .7em;
					bottom:5px;
					right:10px;
					font-weight: bold;
					color:#444;		}

/* Suites */
#suites #content div p	{	margin: 25px;	}

 {	border-radius: 6px;	}

#suites li a img, #suites img.gallery, a.photo_group img	{
	box-shadow: 0px 1px 4px #000, -1px -1px 0px #fff;
				border-radius: 6px;	}
#suites li a img:hover, a.photo_group img:hover /*, #suites img.gallery:hover*/	{ 	
	box-shadow: 0px 0px 4px #ffcc00, 0px 0px 15px #ffcc00;
	border-radius: 6px;	}

/* Directions */

div.directions p {	padding: 20px 10px;	}


#google_map{	width: 850px;
				height: 350px;
				frameborder: 0px;
				box-shadow: 0px 3px 10px #222;
			}



/* Local Area (and Favourites) */
#dine_in {
	margin-top: 5px;
}
#dine_out {
	margin-top: 35px ;
}

.restaurant {
width: 633px;
float: left;

}

#dine_img {
width: 147px;
float: right;
padding: 2px 0px 0px 0px;	
}

#friends div.diner_wrap div.art a {
	font-size: 1em;
	margin: 18px 15px;
}


.diner_wrap {
margin: 4px 0;
width: inherit;
height: 150px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

.diner_wrap:hover {
background-color: #ffcc66;
}

.diner_wrap h4{
padding: 2px 0px 0px 10px ;
}

p.left {
	width: 400px;
	text-align: right;
}

ul.details {
	width: 157px;
	height: inherit;
	text-align: right;
	padding: 14px 0px 0px;
}

ul.details a {
	font-size: .7em;
}

#tours		{ display: block; height: 200px;	margin-top: 25px;	}

#tours ul 	{	width: 360px;}

#tours li {
	padding: 5px;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

#tours li:hover {
	background-color: #ffcc66;
	border-radius: 20px;
}

#tours li a {
	font-size: 1em;
}

/* Contact */

#contact div.theme-default	{	margin-bottom: 45px;	}
#content div.contact_info.left { margin: 55px 0 0 0px; width: 400px; }

h2.contact, #contact h3	{	margin: -30px 0 30px 0;
				color: #222;
				text-shadow: 0px 0px 2px #ddd;
}

.polaroid 	{	position: relative;
				top: 25px;
				left: 190px;
				bottom: 0px;
				height: 260px;
				width: 270px;
				background: #ddd;
				box-shadow: 0px 3px 5px #333;
				-webkit-transform: rotate(-4deg);  /* Saf3.1+, Chrome */
				-moz-transform: rotate(-9deg);  /* FF3.5+ */
				-ms-transform: rotate(-9deg);  /* IE9 */
				-o-transform: rotate(-9deg);  /* Opera 10.5 */
				transform: rotate(-9deg);  
				filter: progid:DXImageTransform.Microsoft.Matrix( 
				     M11=0.9876883405951378, M12=0.15643446504023087, M21=-0.15643446504023087, M22=0.9876883405951378, sizingMethod='auto expand');/* IE6–IE9*/
				zoom: 1;
				z-index: 500;	}

.polaroid img	{	margin: 9px; border: 1px solid #ddd;	}
.polaroid h4	{	position: relative;
					top:  -63px;
					text-align: center; 
					font-family: 'Reenie Beanie', arial, sans-serif;
					font-weight: 900;
					font-size: 2.8em;
					margin-top: 0px;
					padding: 0;	}


div.contact	{	margin: 0 auto;
				height: 300px;
				width: 410px;	}

div.con		{	margin: 0px 0 10px 0;
				height: 75px; 
				background-color: #ffcc44; 
				border: 2px solid #ffcc55;
				border-radius: 8px;
				clear: both;
				box-shadow: 0px 1px 2px #444;
			}

div.con:hover{	box-shadow: 0px 1px 10px #444;	}

div.con div.left {	width: 100px; float: left;	}
div.con div.right {	width: 300px; float: right;	}

.contact #address p	{ margin: 8px 15px; line-height: 1.3;	}
.contact #phone p	{ margin: 17px 15px; line-height: 1.3;	}
.contact #email a	{ display: block; height: 40px; margin: 26px 0 10px 6px;	}

.contact div.left	{	background-repeat: no-repeat;
						background-position: left center;
						background-position: 10px 7px;
						height: 75px;	}

#address .left	{	background-image: url('../images/mail.png');	}
#phone div.left	{	background-image: url('../images/phone.png');	}
#email div.left	{	background-image: url('../images/email.png');	}



/*  Footer */

#footer {
	margin: 25px 0px 0px 0px;
	height: 120px;
	text-align: center;
}


div.local {
	padding-top: 15px;
}