
html, body {
	height:100%;
	width:100%;
	display:table;
}
body {
	margin:0;
	color:#C5C3BB;
	font:11px/18px Arial, Verdana, Tahoma, sans-serif;
	background: #171717 url(../images/bg.jpg) no-repeat fixed 50% 50%;
	vertical-align:middle;
	display:table-cell;
}
img {border-style:none;}
a {
	text-decoration:none;
	color:#C5C3BB;
	outline:none;
}
a:hover {
	color:#f36;
}
a:active
{
  outline: none;
}

.page {
	width:898px;
	margin:0 auto;
	padding:0 0 20px;
}
#header {
	overflow:hidden;
	height:1%;
	padding:16px 3px 12px 0;
}
#header .logo a {
	float:right;
	background:url(../images/bg_logo.jpg) no-repeat;
	width:135px;
	height:43px;
	overflow:hidden;
	text-indent:-9999px;
}
#header .navigation {
	margin:0;
	padding:31px 0 0;
	list-style:none;
	overflow:hidden;
	height:1%;
}
#header .navigation li {
	float:left;
	padding:0 0 0 6px;
}
#header .navigation a {
	display:block;
	height:16px;
	text-indent:-9999px;
	overflow:hidden;
}
#header .navigation .venue {
	background:url(../images/nav_venue.gif) no-repeat;
	width:80px;
}
#header .navigation .people {
	background:url(../images/nav_people.gif) no-repeat;
	width:80px;
}
#header .navigation .members-club {
	background:url(../images/nav_members.gif) no-repeat;
	width:104px;
}
#header .navigation .events{
	background:url(../images/nav_events.gif) no-repeat;
	width:100px;
}
#header .navigation .contact {
	background:url(../images/nav_contact.gif) no-repeat;
	width:162px;
}
#header .navigation a:hover,
#header .navigation li.active a {
	background-position:0 -16px;
}
.main {
	width:100%;
	overflow:hidden;
	background:#0d0d0d;
}


*:first-child+html .main {
	height: 338px;
	width:100%;
	overflow:hidden;
	background:#0d0d0d;
}

* html .main {
	height: 338px;
	width:100%;
	overflow:hidden;
	background:#0d0d0d;
}

.main .img-holder {
	float:left;
	width:447px;
	margin:0 22px 0 0;
}
.main .img-holder img { display:block;}
#content {
	overflow:hidden;
	height:1%;
	padding:23px 0 0;
}

*:first-child+html #content {
	overflow: visible;
	height:1%;
	padding:23px 0 0;
}

* html #content {
	overflow: visible;
	height:1%;
	padding:23px 0 0;
}

#content h1.venue {
	margin:0;
	height:28px;
	width: 163px;
	overflow:hidden;
	text-indent: -9999px;
	background:url(../images/t_venue.gif) no-repeat 0 0;
}
#content h1.venue {
	margin:0;
	height:28px;
	width: 163px;
	overflow:hidden;
	text-indent: -9999px;
	background:url(../images/t_venue.gif) no-repeat 0 0;
}
#content h1.people {
	margin:0;
	height:28px;
	width: 226px;
	overflow:hidden;
	text-indent: -9999px;
	background:url(../images/t_people.gif) no-repeat 0 0;
}
#content h1.members {
	margin:0;
	height:28px;
	width: 299px;
	overflow:hidden;
	text-indent: -9999px;
	background:url(../images/t_members.gif) no-repeat 0 0;
}
#content h1.events {
	margin:0;
	height:28px;
	width: 322px;
	overflow:hidden;
	text-indent: -9999px;
	background:url(../images/t_parties.gif) no-repeat 0 0;
}
#content h1.contact {
	margin:0;
	height:28px;
	width: 322px;
	overflow:hidden;
	text-indent: -9999px;
	background:url(../images/t_contact.gif) no-repeat 0 0;
}

h2 {color:#f36;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
}


h3 {color:#f36;
	font-size: 14px;
}
#content .text-holder { padding:0 35px 0 0;}
#content p {
	margin:13px 0 0;
}
#content .member-rules {
	display:block;
	background:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:410px;
	text-align:center;
	margin:20px 0 0 -1px;
	line-height:30px;
	height:30px;
}
#content .member-rules:hover {
	background:#191919;
	color:#C5C3BB;
}


#content .contact-form {
	display:block;
	background:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:410px;
	text-align:center;
	margin:5px 0 0 -1px;
	line-height:30px;
	height:30px;
}


*:first-child+html #content .contact-form {
	display:block;
	background:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:410px;
	text-align:center;
	margin:5px 0 0 -1px;
	line-height:30px;
	height:30px;
}

* html #content .contact-form {
	display:block;
	background:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:410px;
	text-align:center;
	margin:5px 0 0 -1px;
	line-height:30px;
	height:30px;
}

#content .contact-form:hover {
	background:#191919;
	color:#C5C3BB;
}

#content .subscribe {
	display:block;
	background:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:410px;
	text-align:center;
	margin:65px 0 0 -1px;
	line-height:30px;
	height:30px;
}


*:first-child+html #content .subscribe {
	display:block;
	background:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:410px;
	text-align:center;
	margin:50px 0 0 -1px;
	line-height:30px;
	height:30px;
}

* html #content .subscribe {
	display:block;
	background:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:410px;
	text-align:center;
	margin:50px 0 0 -1px;
	line-height:30px;
	height:30px;
}

#content .subscribe:hover {
	background:#191919;
	color:#C5C3BB;
}


#content .gallery {
	display:block;
	background:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:410px;
	text-align:center;
	margin:9px 0px 0px -1px;
	line-height:30px;
	height:30px;
}

#content .gallery:hover {
	background:#191919;
	color:#C5C3BB;
}
#footer {
	overflow:hidden;
	height:1%;
	font:10px/24px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
}
#footer a { color:#333;}
#footer a:hover { color:#f36;}
#footer .webdesign { float:right;}
#footer p { margin:0;}
