/* Start of CSS Reset */

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;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* End of CSS Reset */

body {
	background-color: #9dbfcd;
	background-image: url(images/bg.gif);
	background-repeat: repeat;
	background-position: top center;
	text-align: center;
	margin: auto;
	font: 12px/15px 'trebuchet MS', Arial, Helvetica, sans-serif;
	color: #545454;
}

p {
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
}

.nopadd {
	margin: 0;
}

a img {
	border: 0;
}

a:focus {
	-moz-outline-style: none;
}

a {
	font: 12px 'trebuchet MS', Arial, Helvetica, sans-serif;
	color: #545454;
	text-decoration: underline;
}

a:hover {
	color: #545454;
	text-decoration: none;
}

.firstpara {
	font: bold 15px/21px 'trebuchet MS', Arial, Helvetica, sans-serif;
	color: #545454;	
}

.highlights {
	color: #508ecc;
}

/* Styling for main template */

#outer {
	text-align: center;
	position: absolute;
	width: 100%;
	left: 0;
}

#container {
	text-align: left;
	margin: auto;
	width: 960px;
	left: 0;
	overflow: auto;
	background-color: #282828;
}

#left-top-container {
	float:left;
	display:inline;
	width:248px;
	min-height:200px;
	height:200px;
	height:auto !important;
	overflow:hidden;
	padding-left:20px;
}

#logo {
	float: left;
	display: inline;
	width: 248px;
	height: 120px;
}

#nav {
	clear: left;
	float: left;
	display: inline;
	width: 248px;
	min-height: 200px;
	height:200px;
	height:auto !important;
}

#img_container {
	float: right;
	display: inline;
	width: 672px;
	min-height: 309px;
	padding: 21px 20px 0 0;
	overflow: hidden;
}

#image {
	float: left;
	display: inline;
	width: 672px;
	height: 275px;
	position:relative;
	overflow:hidden;
}

#move-images {
	float: left;
	display: inline;
	height: 275px;
	position:relative;
}

#img_select {
	float: right;
	display: inline;
	width: 88px;
	height: 24px;
	margin-top:20px;
}

#venue {
	float: left;
	display: inline;
	width: 248px;
	height: 54px;
	padding: 42px 0 0 0;
}

#act_title {
	float: right;
	display: inline;
	width: 492px;
	height: 20px;
	padding-right: 200px;
	/*background-image: url(images/header_line.jpg);*/
	background-repeat: repeat-y;
	background-position: 563px top;
	margin-top:-22px;
}

#act_title h1 {
	font: normal 24px/17px 'trebuchet MS', Arial, Helvetica, sans-serif;
	color: #508ecc;
	letter-spacing: 1px;
}

#act_text {
	clear: right;
	float: right;
	display: inline;
	width: 492px;
	min-height: 60px;
	height: auto !important;
	height: 60px;
	padding: 16px 200px 0 0;
	/*background-image: url(images/header_line.jpg);*/
	background-repeat: repeat-y;
	background-position: 563px top;
}

#act_text h1 {
	font: bold 15px/20px 'trebuchet MS', Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin-bottom: 15px;
}

#act_text p {
	color: #ffffff;
}

#act_text a {
	font: bold 12px/12px 'trebuchet MS', Arial, Helvetica, sans-serif;
	color: #c9d6e3;
	text-decoration: none;
	cursor: pointer;
}

#act_text a:hover {
	font: bold 12px/12px 'trebuchet MS', Arial, Helvetica, sans-serif;
	color: #c9d6e3;
	text-decoration: underline;
}

.sub-nav {
	display: none;
	float: left;
	width: 492px;
	/*background-image: url(images/header_line.jpg);*/
	background-repeat: repeat-y;
	background-position: 563px top;
}

#head_bot {
	float: left;
	display: inline;
	width: 940px;
	height: 33px;
	padding-left: 20px;
	background-image: url(images/header_bot.jpg);
	background-repeat: repeat-x;
	background-position: left 29px;
}

#main_content {
	float: left;
	display: inline;
	width: 920px;
	padding: 28px 20px 0 20px;
	background-color: #dee4ea;
	/*background-image: url(images/left_line.gif);*/
	background-position: 247px 0;
	background-repeat: repeat-y;
}

#left_content {
	float: left;
	display: inline;
	width: 217px;
	min-height: 340px;
	height: auto !important;
	height: 340px;
	padding-right: 10px;
	position:relative;
}

#left_content h1 {
	font: normal 25px/17px 'trebuchet MS', Arial, Helvetica, sans-serif;
	color: #545454;
	letter-spacing: 1px;
	margin-bottom: 14px;
}

#text-content {
	float: left;
	display: inline;
	width: 672px;
	padding-left: 21px;
}

#text-content h1 {
	font: bold 25px/17px 'trebuchet MS', Arial, Helvetica, sans-serif;
	color: #508ecc;
	letter-spacing: 1px;
	margin-bottom: 14px;
}

#text-content h1.galleryName {
	font: bold 18px/17px 'trebuchet MS', Arial, Helvetica, sans-serif;
	color: #508ecc;
	letter-spacing: 1px;
	margin-bottom: 14px;
}

#main_text {
	float: left;
	display: inline;
	width: 416px;
	padding-right: 10px;
	min-height: 340px;
	height: auto !important;
	height: 340px;
}

#quicklinks {
	float: left;
	display: inline;
	width: 246px;
}

#footer {
	margin: auto;
	font: 11px/20px 'trebuchet MS', Arial, Helvetica, sans-serif;
	color: #878787;
	text-align: left;
	width: 920px;
	padding: 0 20px;
	height: 60px;
	background-color: #dee4ea;
}

#footer a {
	font: 11px/20px 'trebuchet MS', Arial, Helvetica, sans-serif;
	color: #878787;
	text-decoration: underline;
}

#footer a:hover {
	color: #878787;
	text-decoration: none;
}

.siteby {
	float: right;
	display: inline;
}

#footer_stars {
	float: left;
	display: inline;
	width: 227px;
	font: 10px/15px 'trebuchet MS', Arial, Helvetica, sans-serif;
	color: #878787;
}

#footer_main {
	float: left;
	display: inline;
	width: 672px;
	padding-left: 21px;
	/*background-image: url(images/footer_line.jpg);*/
	background-position: 0 0;
	background-repeat: no-repeat;
}

/* End of main template styling */

/* Styling for individual pages */

.contact_address {
	float: left;
	display: inline;
	width: 208px;
	height: auto;
}

/* Form Styling */

form {
	margin: 0;
	padding: 0;
}

form p {
	padding: 0;
	margin: 0;
	padding-top: 5px;
	clear: left;
}

form p.topform {
	padding-top: 14px;
}

label {
	float: left;
	display: inline;
	width: 100px;
}

.mailinglist {
	width: 200px;
}

textarea {
	min-height: 87px;
	height: auto !important;
	height: 87px;
	padding: 0;
	margin: 0;
}

input.formbox, textarea {
	float: left;
	display: inline;
	padding-left: 2px;
	background-color: #dee4ea;
	font: 12px Arial, Helvetica, sans-serif;
	color: #545454;
	border: #508ecc solid 1px;
	width: 185px;
}

select {
	background-color: #dee4ea;
	font: 12px Arial, Helvetica, sans-serif;
	color: #545454;
	border: #508ecc solid 1px;
	margin: 0;
	padding: 0;
	margin-bottom: 2px;
	height: 20px;
}

.selectdate {
	width: 58px;
}

.submit {
	background-color: #dee4ea;
	font: 12px Arial, Helvetica, sans-serif;
	color: #545454;
	margin: 0;
	padding: 0;
	margin: 3px 0 0 100px;
	height: 21px;
}

/* End of Form Styling */

.menubtn {
	font: bold 12px/25px 'trebuchet MS', Arial, Helvetica, sans-serif;
	color: #508ecc;
	border: 1px solid #508ecc;
	padding: 4px 8px;
	text-align: center;
	margin-right: 8px;
	text-decoration: none;
}

a:hover.menubtn {
	color: #545454;
	border: 1px solid #545454;
	text-decoration: underline;
}

#voucher {
	border: 2px dotted #ffffff;
	width:400px;
	height:170px;
	margin-top: 15px;
	position:relative;
}

#voucher-img {
	position:absolute;
	top:0;
	left:0;
	width:400px;
	height:170px;	
	z-index:10;	
}

#voucher-text {
	height:30px;
	left:63px;
	position:absolute;
	top:103px;
	width:200px;
	z-index:20;
	font-size:10px;
}

/*JAVA CONTENT */
#show-cocktail, #show-food {
	float:left;
	display:inline;
	position:relative;
	width:113px;
	height:33px;
	cursor:pointer;
}
.hover {
	display:none;
}
.hover, .norm {
	position:absolute;
}

.fadeCont{
	position:absolute;
	background-color:#DEE4EA;
}

.show {
	display:block !important;
}

.image-btn {
	float:left;
	display:inline;
	width:21px;
	height:21px !important;
	position:relative;
	cursor:pointer;
}

.hide {
	display:none;
	position:absolute;
}

.absolute {
	position:absolute;
}