* { margin: 0; padding: 0; }

a img { border: 0; }

body { font-family: arial; font-size: 100%; }
#sizer { background: #FDF8E9; display: none; font-weight: bold; left: 100px; padding: 4px; position: fixed; top: 50px; z-index: 5000; }

#frame { margin: 20px auto; max-width: 1004px; position: relative; width: 95%; }

#banner { background: #252C34; height: 145px; position: relative; text-align: center; width: 100%; }
#banner img { text-align: center; width: 100%; }
#banner p { color: white; position: absolute; top: 10px; right: 10px; }
#banner p a { color: white; }

#banner form { font-size: .8em; position: absolute; top: 10px; right: 10px; width: 400px; }
#banner form div { float: left; margin-top: 12px; vertical-align: top; width: 200px; }
#banner form img { width: auto; }

#grill-logo { float: left; }

#banner form div.small { width: 30px; }
#banner input.textbox { padding: 3px; }
#banner input.submit { margin-left: -8px; }
#banner input { margin: 0 0 4px 0; }

#disc { display: block; position: absolute; right: 5%; top: 360px; width: 197px !important; z-index: 95000 !important; }
#cover { display: block; position: absolute; right: 3%; top: 240px; width: 45% !important; z-index: 90000; }
#cover.small { top: 400px; width: 30% !important; }
#disc_grill { display: block; position: absolute; right: 7%; top: 240px; width: 250px !important; z-index: 90000; }

#logo_small { display: none; }

#nav { background: #FFFDE6; margin: 5px 0; position: relative; width: 100%; }
#nav a { color: #252C34; text-decoration: none; }
#nav ul { display: inline-block; line-height: 170%; margin: 4px 0 0 07.07171%; }
#nav ul li { display: inline-block; margin-right: 10px; }
#nav p { position: absolute; text-align: right; right: 5px; top: 6px; }

#christmas__tab { display: none; }

#content { min-height: 672px; position: relative; width: 100%; }
#col { background: url('../images/col.png') top left; left: 07.07171%; min-height: 672px; position: absolute; width: 386px; z-index: 100; }
#text { color: #FFFDE6; font-family: Georgia; font-size: .9em; line-height: 140%; margin-left: 27px; margin-top: 20px; width: 80%; }
#text div a { color: inherit; }
#text h2 { color: #FFFDE6; font-family: arial; font-size: 1.1em; margin-bottom: 10px; }

/*
	#evivo { background: #FFFDE6; color: black !important; width: 100%; }
	#evivo h4 { background: #833A4E; color: #FFFDE6; font-family: arial; font-weight: lighter; width: 103.45% !important; }
	#evivo h4 em { display: inline-block; font-style: normal; margin: 4px 0 4px 5px; }
*/

	#eviivo { background: #272C32; color: white; margin-bottom: 10px; padding: 0 0 10px 0; position: relative; text-align: center; width: 100%; }
	#eviivo * { margin: 0; padding: 0; }
	#eviivo div.inner { margin: 0 auto !important; max-width: 1000px; width: 90%; }
	#eviivo div.inner div { display: inline-block; margin: 10px 10px 10px 5px; padding: 0; vertical-align: top; }
	#eviivo div div dl { color: white; display: inline-block; margin-right: 5px; margin-top: 8px; }
	#eviivo div div h2 { font-size: 1em; font-weight: normal; }
	#room2, #room3 { display: none; }
	#room1 dt, #room2 dt, #room3 dt { color: #36474F; display: inline-block; font-weight: bold; margin-right: 10px; }
	#room1 dd, #room2 dd, #room3 dd { color: #36474F; display: inline-block;  }
	#startDate { background: white url('../../scripts/datepicker/date.png') 97% 3px no-repeat; padding: 4px; }
	#endDate { background: white url('../../scripts/datepicker/date.png') 97% 3px no-repeat; padding: 4px; }
	img.eviivo__book { display: inline-block; margin-top: 39px !important; width: 143px; }
	#submit { display: inline-block; margin-top: 10px; vertical-align: bottom; }

#aside { display: none; }

#slides { height: 760px; position: absolute; overflow: hidden; top: 0px; width: 100%; z-index: 50; }
#slides img { width: 100%; }
.slidesContainer { height: 760px; }


#poster { position: absolute; right: 0px; top: 672px;  }


ul.slidesPagination { position: absolute; right: 5px; top: 20px; z-index: 9000; }
ul.slidesPagination li { background: transparent url('../images/slide-dot.png') top left no-repeat; display: inline-block; height: 20px; position: relative; margin-right: 10px; width: 20px !important; }
ul.slidesPagination li.slidesCurrent { background: transparent url('../images/slide-dot-on.png') top left no-repeat; color: white; }
ul.slidesPagination li a { color: white; display: inline-block; margin-left: 0px !important; left: 0px; position: absolute; text-indent: -5000px !important; text-align: left; text-decoration: none !important; width: 20px !important; }
.slidesNext, .slidesPrevious { display: none;  height: 68px; display: block; position: absolute; top: 30%;  text-indent: -5000px; width: 68px; z-index: 5550; }

#footer { background: #833A4E; height: 60px; margin-top: 5px; padding-top: 10px; position: relative; width: 100%; }
#footer p { color: white; font-family: Georgia; font-size: .8em; display: inline-block; line-height: 140%; margin-left: 07.07171%; }
#footer p a { color: white; }

#footer img { float: right; margin-right: 10px; vertical-align: bottom; }

/* #facebook, #twitter, #cask, #les { position: absolute; right: 20px; top: 10px; }
#facebook { right: 65px; }
#cask { right: 157px; }
#les { right: 112px; } */

/* internal */

#frame.internal #content { background: #FFFDE6; }
#frame.internal #content #col { background-image: none; padding: 20px 0; position: relative !important; }
#frame.internal #content #col #text { color: #252C34; margin-left: 0; }
#frame.internal #content #col #text h2 { color: #252C34; }
#frame.internal #content #col #text p { color: #252C34; }

#frame.internal #content #aside { display: block; font-family: Georgia; font-size: .8em; height: 300px; left: 41.83266%; line-height: 180%; position: absolute; top: 35px;  width: 19.92031%; z-index: 600; }
#frame.internal #content #aside a { color: #252C32; }

#frame.internal #content #slides { right: 0 !important; width: 39.54183%; }

dl.gallery { width: 100%; }
dl.gallery dd { display: inline-block; height: 250px; margin: 0 5px 10px 0 !important; overflow: hidden !important; width: 250px; vertical-align: top; }
dl.gallery dd img.portrait { width: 100%; margin-top: -25%; vertical-align: top; }
dl.gallery dd img.landscape { height: 120%; margin-left: -25%; vertical-align: top; }
dl.gallery dd img.square { width: 100%; vertical-align: bottom; }



/* For gallery and pan */

#content.wide #col { width: 85%; }
#content.wide #text { width: 100%; }


@media screen and (max-width: 933px) {
	#frame.internal #content #aside { left: 5.37848%; position: relative; top: 20px; }
}

@media screen and (max-width: 834px) {
	#nav { height: auto; }
	#nav p { display: inline-block; position: relative; margin: 0px 0 10px 8.5%; text-align: left; }
}

@media screen and (max-width: 691px) {

	#facebook, #twitter, #cask, #les { display: inline-block; position: relative; right: auto; text-align: left; top: auto; }
	#cask { margin-left: 07.07171%; }
	#footer { height: auto; padding-bottom: 10px; }
}

@media screen and (max-width: 650px) {
	#frame.internal #content #slides { position: relative; width: 100%; }
	#frame.internal #content #col #text { width: 85%; }
	#disc { margin-top: 50px; width: 20% !important; }
	#cover { margin-top: 50px; width: 30% !important; }

	#content.wide #col { width: 100%; }
	#content.wide #text { width: 95%; }

}

@media screen and (max-width: 615px) {
		#banner { height: 110px; }
		#banner h1 { margin-top: 5px; }
		/*#cover { display: none; }*/
}

@media screen and (max-width: 568px) {
	#content { min-height: 0; }
	#col { min-height: 0; left: 0; margin: 0; position: relative; width: 100%; }
	#banner { height: 230px; padding-top: 10px; text-align: center; }
	#banner p { margin-top: 5px; position: relative; top: 0px; right: 0px; }
	#cover { display: none; }
	#logo { display: none; }
	#logo_small { display: inline-block; max-width: 320px; }
	#text { margin-top: 0px; padding-top: 20px; }
	#frame.internal #content #col #text { padding-left: 20px; }
	#slides { height: auto; position: relative; }
	#disc { margin-top: 10px;  top: 10px; width: 20% !important; }

	#christmas__tab { display: inline-block; text-align: center; width: 100%; }
	#christmas__tab img { max-width: 150px; width: 100%; }

}