/* CSS Document */

html, body, form {margin:0; padding:0; border:0}
body {
	font:.85em/1.8 verdana,arial,sans-serif;
	background:#000;
	color:#fff;
}

/* Universal Properties ----------------------------------------------- */
p, ul, li, h1, h2, h3, h4 {margin:0 10px 1em; padding:0}

abbr, acronym {cursor:help}
img {border:0}
.nowrap {white-space:nowrap}
.invisible {display:none}

/* ---- lists ---- */
ul {margin-left:35px}
li {margin-right:0}
ul li ul {margin-top:10px}

/* ---- headings ---- */
h1 {font-size:2.0em; margin:30px 0 10px 0;}
h2 {font-size:1.4em; margin-bottom:1px;}
h3 {font-size:1.3em; margin-top:26px; margin-bottom:12px; border-bottom:1px solid #c589fd}
h4 {font-size:1.2em; font-style:italic}

/* ---- container ---- */
#container {
	margin:0 auto;
	width:970px;
}

/* ---- top ---- */

#top {
	width:970px;
	height:350px;
	background:url(../images/top_bg.jpg) no-repeat 0 0;
}

.button_logo a {
	width:258px;
	height:110px;
	overflow:hidden;
	display:block;
	position:relative;
	top:20px;
	left:58px;
	background:url(../images/button_logo.jpg) no-repeat 0 0;
}

.button_aboutus a {
	width:179px;
	height:150px;
	overflow:hidden;
	display:block;
	position:relative;
	top:-71px;
	left:409px;
	background:url(../images/button_aboutus.jpg) no-repeat 0 0;
}

.button_menu a {
	width:171px;
	height:148px;
	overflow:hidden;
	display:block;
	position:relative;
	top:-131px;
	left:41px;
	background:url(../images/button_menu.jpg) no-repeat 0 0;
}

.button_photo a {
	width:225px;
	height:162px;
	overflow:hidden;
	display:block;
	position:relative;
	top:-224px;
	left:242px;
	background:url(../images/button_photogallery.jpg) no-repeat 0 0;
}

.button_events a {
	width:188px;
	height:141px;
	overflow:hidden;
	display:block;
	position:relative;
	top:-381px;
	left:536px;
	background:url(../images/button_events.jpg) no-repeat 0 0;
}

.button_beans a {
	width:216px;
	height:143px;
	overflow:hidden;
	display:block;
	position:relative;
	top:-637px;
	left:723px;
	background:url(../images/button_beans.jpg) no-repeat 0 0;
}

.button_logo a:hover {background-position:0 -110px}
.button_aboutus a:hover {background-position:0 -150px}
.button_menu a:hover {background-position:0 -148px}
.button_photo a:hover {background-position:0 -162px}
.button_events a:hover {background-position:0 -141px}
.button_beans a:hover {background-position:0 -143px}

/* ---- content ---- */

#content {
	width:635px;
	min-height:320px;
	height:auto !important;
	height:320px;
	float:left;
	padding:10px 10px 10px 23px;
	background:#000 url(../images/content_bg.gif) repeat-x 0 0;
}

#content_wide {
	width:937px;
	min-height:320px;
	height:auto !important;
	height:320px;
	float:left;
	padding:10px 10px 10px 23px;
	background:#000 url(../images/content_bg.gif) repeat-x 0 0;
}

#content li, #content_wide li {margin:10px 0 0 10px; line-height:1.2em}

#content a, #content_wide a {color:#fff}
#content a:hover, #content_wide a:hover {text-decoration:none}

#sidebar {
	width:302px;
	min-height:320px;
	height:auto !important;
	height:320px;
	float:right;
	background:#000 url(../images/content_bg.gif) repeat-x 0 0;
}

.pic {
	margin:42px 0 0 25px;
	border:2px solid #fff;
}

.thumbnail {cursor:pointer; margin:0 10px}

/* ---- footer ---- */

#footer {
	width:970px;
	height:41px;
	clear:both;
	text-align:center;
	color:#fff;
	padding-top:11px;
	border-top:1px solid #ab52ff;
	background:#000;
}

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

/* ---- sIFR ---- */

@media screen {
	.sIFR-flash {visibility:visible !important; margin:0; padding:0}
	.sIFR-replaced {visibility:visible !important}

	.sIFR-active h1 {
		visibility:hidden;
		line-height:1;
		font-size:40px}  /* set the font size here */

	.sIFR-alternate {position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden}
	.sIFR-replaced > div {display:none !important}
}