﻿body 
{
	background:#000;
	width:100%;
	margin:0;
	font-family:verdana,Arial, Helvetica, sans-serif;
	font-size:12px;
}
a
{
	text-decoration:none;
	color:#cc9900;
}
.slideshow { height: 220px; width: 295px; margin: auto;overflow:hidden; }
.slideshow img { padding: px; border: 0; background:transparent; }
#imagebox
{
	width:100%;
	height:800px;
	top:0px;
	left:0px;
	display:block;
	position:absolute;
	z-index:1;
}
#horizon
{
	text-align: center;
	position: relative;
	top: 5%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block;
	z-index:10;
}
#container
{
	width:700px;
	height:600px;
	display:block;
	text-align: left;
	margin-left: -350px;
	/*top: -250px;*/
	top:-100px;
	left:50%;
	background:transparent;
	position:absolute;
	z-index:20;
}
#openingparty
{
    width:auto;
    height:auto;
    position:absolute;
    top:0px;
    left:0px;
    z-index:999;
    background:transparent;
}
.picture
{
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px; 
    /*behavior: url(css/border-radius.htc);
    behavior: url(css/border-radius-ie8.htc);*/
    height:220px;
    width:auto;
    display:block;

}
.navigator
{
	height:10px;
	margin-top:10px;
	width:275px;
	display:block;
	background:#cc9900;
	color:#000;	
	font-size:11px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px; 
    /*behavior: url(css/border-radius.htc);
    behavior: url(css/border-radius-ie8.htc);*/
    padding:15px;
    vertical-align:middle;
}
.circlegroup
{
    height:10px;
    display:block;
}
.playertools
{
    margin-top:5px;
    height:40px;
    padding:5px;
    display:block;
    text-align:center;
    color:#000;
    background:#cc9900;
    font-size:11px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px; 
}
.tall
{
    height:30px;
    padding:10px;
}
.item
{
	font-size:14px;
	font-weight:normal;
	padding:10px;
	height:14px;
	cursor:pointer;
}
.itemtext
{
	width:240px;
	display:block;
	float:left;
}
.itemtextbigmap
{
	width:100%;
	display:block;
	float:left;
}
.scrollbox
{
	width:267px;
	height:252px;
	display:block;
	background:#000;
	border:1px solid #cc9900;
	vertical-align:middle;
	padding:14px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px; 
    /*behavior: url(css/border-radius.htc);
    behavior: url(css/border-radius-ie8.htc);*/

	
}
.fooditem
{
    width:100%;
    display:inline-block;
    font-weight:bold;
}
.fooddesc
{
    width:100%;
    display:inline-block;
    font-size:10px;
}
.scrollcontent
{
    width:100%;
    height:100%;
    overflow-y:scroll;
    display:block;
    color:#cc9900;
}
.smallscroller
{
    width:100%;
    height:50px;
    display:block;
    color:#cc9900;

}
.smalloverflow
{
    overflow-y:scroll;
    padding:2px;
}
.scrollcontentitem
{
    width:100%;
    height:50px;
    display:block;
    margin-top:10px;
    border-top:1px dotted #cc9900;
}
.scrollcontentitemunit
{
    font-size:8px;
}
.scrollcontentitemlarge
{
    width:100%;
    min-height:60px;
    height:auto !important;
    display:block;
    margin-top:10px;
    border-top:1px dotted #cc9900;
}
.scrollcontentitemsmall
{
    width:100%;
    height:30px;
    display:block;
    margin-top:10px;
    border-top:1px dotted #cc9900;
}
.smallbox
{
    height:80px;
    width:100%;
    display:inline-block;
    overflow:hidden;
    border:1px solid #cc9900;
}
.leftsmallbox
{
    display:inline-block;
    color:#cc9900;
    float:left;
    width:165px;
    height:70px;
    font-size:14px;
    padding:5px;
}
.leftitem
{
	width:76%;
	height:96%;
	padding:2%;
	display:block;
	float:left;
	color:#cc9900;
	vertical-align:middle;
	font-size:11px;
}
.itemcost
{
    display:block;
    padding-top:4px;
}
.rightitem
{
	width:20%;
	height:100%;
	display:block;
	float:right;
	background:transparent;
	color:#cc9900;
	text-align:center;
	font-size:10px;
}
.eventitle
{
    font-size:10px;
    font-weight:bold;
    display:inline-block;
}
.eventnewdesc
{
    display:inline-block;
    font-size:10px;
}
.bullet
{
	height:14px;
	width:14px;
	display:inline-block;
	margin-right:14px;
}
.triangle
{
	height:14px;
	width:14px;
	display:inline-block;
	visibility:hidden;
	float:right;
}
.inputbox
{
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px; 
    width:65%;
    padding-left:5px;
    height:16px;
    color:#cc9900;
    cursor:text;
    margin-bottom:4px;
    display:inline-block;
    float:left;
    border:1px solid #000;
    background-color:#000;
}
.inputbutton
{
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px; 
    width:15%;
    text-align:center;
    margin-left:5%;
    height:20px;
    color:Black;
    cursor:pointer;
    float:right;
    display:inline-block;
    border:1px solid #000;
    color:#cc9900;
    background-color:#000;    
}
#mask {  
   position:absolute;  
   z-index:9000;  
   background-color:#000;  
   display:none;
   width:100%;
   height:100%;
 }  
#boxes .bigmap 
{
    width:50%;
    height:85%;
    margin-top:2%;
    display:inline-block;
    float:right;
    position:relative;
    z-index:9999;
}
#boxes .bigcont 
{
    width:320px;
    height:450px;
    margin-top:2%;
    display:inline-block;
    position:relative;
    z-index:9999;
}
#boxes .window {  
    position:absolute;  
    /*width:800px;  
    height:600px; */
    width:400px;
    height:450px; 
    display:none;  
    z-index:9999;  
    padding:20px;
    background-color:#cc9900;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;	
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px; 
}  
#boxes .close
{
    cursor:pointer;
    float:right;
    width:90%;
    text-align:right;
    display:inline-block;
}

/* Customize your modal window here, you can add background image too */  
#boxes #dialog {  
width:375px;   
height:203px;  
}  
#map a
{
    color:#000;
}
#map td
{
    border-bottom:1px solid #000;
}
.triangleshow
{
    visibility:visible;
}   
.circle
{
	display:inline-block;
	cursor: pointer;
	padding-right:10px;
}
.pointer
{
    cursor:pointer;
}
#header
{
	width:700px;
	height:100px;
	display:inline-block;
	background-color:#000;
	background-image:url('../images/banner.jpg');
	background-position:left top;
	background-repeat:no-repeat;
	position:relative;
	z-index:10;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;	
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px; 
    /*behavior: url(css/border-radius.htc);
    behavior: url(css/border-radius-ie8.htc);*/


}
#page
{
	width:700px;
	height:450px;
	display:block;
	position:relative;
	z-index:10;
	background:transparent;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px; 
}
#leftpanel
{
	width:315px;
	margin-right:10px;
	padding:12px;
	display:inline-block;
	position:relative;
	background:#000;
	color:#cc9900;
	float:left;	
	position:relative;
	font-size:14px;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;	
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px; 
    /*behavior: url(css/border-radius.htc);
    behavior: url(css/border-radius-ie8.htc);*/


}
#rightpanel
{
	width:315px;
	margin-left:10px;
	padding:12px;
	display:inline-block;
	position:relative;
	background:#000;
	float:right;
	color:#cc9900;
	position:relative;
	font-size:14px;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;	
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px; 
    /*behavior: url(css/border-radius.htc);
    behavior: url(css/border-radius-ie8.htc);*/

}
.pagecont
{
	height:280px;
	margin:10px;
	width:295px;
	display:block;
}
#menu
{
	width:100%;
	margin-top:20px;
	margin-bottom:20px;
	height:40px;
	background-color:#000;
	color:#000;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
	vertical-align:middle;
	display:block;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px; 
    /*behavior: url(css/border-radius.htc);*/
    /*behavior: url(css/border-radius-ie8.htc);*/

}
#menu span
{
    cursor:pointer;
}
#footer
{
	width:700px;
	height:100px;
	margin-top:20px;
	display:inline-block;
	background:#000;
	color:#cc9900;
	position:relative;
	z-index:10;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px; 
 	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
    /*behavior: url(css/border-radius.htc);
    behavior: url(css/border-radius-ie8.htc);*/

}
.eventbox
{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    /*behavior: url(css/border-radius.htc);
    behavior: url(css/border-radius-ie8.htc);    */
    width:295px;
    height:auto;
    display:block; 
}
.eventtitle
{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    /*behavior: url(css/border-radius.htc);
    behavior: url(css/border-radius-ie8.htc);*/
    border:1px solid #cc9900;
    background:#cc9900;
    color:#000;
    width:285px;
    padding:5px;
    height:30px;
    display:block; 
}
.eventdate
{
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    /*behavior: url(css/border-radius.htc);
    behavior: url(css/border-radius-ie8.htc);*/  
    background:#000;
    color:#000;
    width:28px;
    height:28px;
    display:inline-block;
    float:left;
}
.eventmonth
{
    background:#cc9900;
    color:#000;
    width:28px;
    height:12px;
    display:inline-block;
    text-align:center;
    font-size:10px;
}
.eventday
{
    background:transparent;
    color:#cc9900;
    width:28px;
    height:16px;
    display:inline-block;
    text-align:center;
    font-size:12px;
}
.panelloader
{
    display:block;
    height:20px;
    padding-top:125px;
    padding-bottom:125px;
    width:280px;
    font-size:11px;
    vertical-align:middle;
    text-align:center;
    background-image:url('images/ajax-loader.gif');
    background-position:center center;
    background-repeat:no-repeat;
}
.eventname
{
   font-size:20px;
   width:235px;
   padding-left:20px;
   height:28px;
   display:inline-block;
   text-transform:uppercase;
   float:right;
}
.icon
{
    border:0;
    cursor:pointer;
}
.subbox
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    width:265px;
    height:130px;
    margin-top:10px;
    padding:10px;
    background:#cc9900;
    display:block;    
}
.eventcontent
{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    width:275px;
    height:210px;
    margin-top:10px;
    padding:10px;
    border: 1px solid #cc9900;
    display:block; 
}
.eventdesc
{
    font-size:10px;
    margin-top:5px;
}
#eventlinks img
{
    border:0;
    margin-right:5px;
}
.menuitem
{
	color:#cc9900;
	width:120px;
	display:inline-block;
	float:left;
	text-align:center;
	height:20px;
	padding-top:10px;
	vertical-align:middle;
	font-size:14px;
	padding-bottom:10px;
}
.rightmenuitem
{
	color:#cc9900;
	width:140px;
	display:inline-block;
	float:left;
	text-align:center;
	height:20px;
	padding-top:10px;
	vertical-align:middle;
	font-size:14px;
}
.active
{
    background-color:#cc9900;
    color:#000;
    text-shadow: 1px 1px 1px #444;
    font-weight:bold;
}
.hide
{
    display:none;
}
.notvisible
{
    visibility:hidden;
}
#social ul 
{
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
#social ul li 
{
	background: none;
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
#social ul li:before { content: ""; }
#social img 
{
	float: none;
	width: 32px;
	height: 32px;
	border: 0;
	margin: 0;
	padding: 0;
}
.sociable-hovers {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	-khtml-opacity: 1.0;
}
.sociable-hovers:hover {
	opacity: .8;
	-moz-opacity: .8;
	filter: alpha(opacity=80);
	-khtml-opacity: 0.8;
}
.cal {text-align:center;-moz-border-radius:8px; -webkit-border-radius:8px;background:transparent;font-size:10px;
border: 0;margin:0;height:250px;width:295px;}
.cal .month {color:#000;font-size:14px;vertical-align:top;font-weight:normal; margin:0.2em 0; padding:0.4em;text-align:center }
.cal a[rel=prev], a[rel=next] { display:block; margin:0.3em 1em; overflow:hidden; width:24px; height:24px;background:transparent;}
.cal a[rel=prev] {float:left}
.cal a[rel=next] {float:right}
.cal a {text-decoration:none;color:#000;}
.cal a[rel=next] {background-position: -24px -24px}
.cal a[rel=next]:hover {background-position: -24px 0}
.cal a[rel=prev]:hover {background-position: 0 0}
.cal a[rel=prev] {background-position: 0 -24px}
.cal table {background:transparent;display:block;width:295px;height:auto;margin:0 0 0.5em 0;padding:0;border-collapse: separate !important}
.cal th {color:#000;width:42px;height:2.3em;border:1px solid #000;background:#cc9900;padding:0;-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px; }
.cal td{color:#000;width:40px;margin:1px;height:2.3em;border:1px solid #000;background:#cc9900;padding:0;-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;filter:alpha(opacity=75);-moz-opacity:0.75;-khtml-opacity: 0.75;opacity: 0.75;  }
.hasevent 
{
    color:#000;background:#cc9900;

}
.cal .event {text-decoration:underline;filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity: 1.0;opacity: 1.0; }
.cal tbody td {text-align:center; vertical-align:middle;font-weight:bold;}
.cal tbody a {display:block;width:100%;line-height:280%}
.cal td.out {background:#cc9900; font-family:Arial Narrow; 	filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5; } .cal td.out a { color:#000;}
.cal .weekend {background:#cc9900;color:#000;}
.cal .weekend a {color:#000;}
.cal .weekend.out {background:#cc9900;color:#000;}
.cal td.current {font-weight:bold;padding:0;background: #BF2A14 !important} .cal td.current a{color:#cc9900;}
.cal td.hover, .cal td.weekend.out.hover {color:#000;background-color:#BF2A14;cursor:pointer}
.cal td.today {font-weight:normal;} .cal td.today a, .cal a[rel=today]{color:#000;}
.twList
{
    width:270px;
    height:250px;
    display:block;
    font-size:11px;
    color:#cc9900; 
    padding-bottom:2px;
    padding-top:2px;
}
.twItem
{
    width:100%;
    height:100px;
    display:block;
    border-bottom:1px dotted #cc9900;

}
.twLeftItem
{
    width:50px;
    height:auto;
    display:inline-block;
    float:left;
    margin-right:5px;
    padding-top:25px;
    vertical-align:middle;
}
.twLeftItem img
{
    border:0;
}
.twRightItem
{
    width:180px;
    height:auto;
    display:inline-block;
    float:right;
}
.twContent
{
    display:block;
    height:75px;
}
.twContext
{
    display:block;
    margin-top:2px;
    font-size:9px;
    height:25px;
    color:#BF2A14;
}
.twContext a
{
    color:#BF2A14;
    text-decoration:underline;    
}

