/***** Global *******************************************************/
/*html { background-color: #000; }*/
html, body {height: 100%; background-color: #000;}

/*Opera Fix*/
/*body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}*/

body { overflow-y: scroll; }
a { text-decoration: none;}
a:hover { text-decoration: underline; }
.clear { clear: both; }

#supersize{ position:fixed; }
#supersize img { height:100%; width:100%; position:absolute; z-index: 0; }

/***** Background Image *******************************************************/
div#wrapper { position: absolute; z-index: 3; width: 100%; height: 100%; top: 0; }

/***** Column One *******************************************************/
div#col-one { background-color: #000; width: 205px; float: left; padding-bottom: 20px;}
div#col-one h1 { margin-top: 50px;}
div#col-one ul { margin-top: 50px;}
div#col-one ul li { font: 13px Futura, Arial, Sans-Serif; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 1px; }
div#col-one ul li a { color: #fff; display: block; padding: 8px 22px 5px; cursor: pointer; }
div#col-one ul li a img { behavior: url(/iepngfix.htc) }
div#col-one ul li.aboutus a,
div#col-one ul li.amenities a,
div#col-one ul li.clients a,
div#col-one ul li.testimonials a { padding-left: 20px;}
div#col-one ul li.eventphotos a { padding-left: 21px;}
div#col-one ul li a:hover { text-decoration: none; background-color: #2c2c2c; }
div#col-one ul li a.current { background-color: #2c2c2c; }
div#col-one address { font: 11px/15px Arial, Sans-Serif; color: #fff; position: absolute; left: 20px; bottom: 20px; }
div#col-one address a { color: #fff; }

/***** Col-Two *******************************************************/
div#col-two { width: 370px; float: left; padding-bottom: 20px; background-color: rgba(0, 0, 0, 0.8); overflow: hidden; min-height: 550px; }
div.content { position: relative; height: 440px; overflow: auto; padding: 0 20px 5px 15px; z-index: 2; color: #fff; font: 13px/17px Arial, Sans-Serif; }

div#col-two h2 { display: block; height: 30px; margin: 160px 0 0 15px; color: #fff; font-size: 24px; font-family: "museo-sans-1","museo-sans-2",sans-serif; font-weight: 500; }

div.content h3 { display: block; height: 20px;  font-size: 17px; margin: 22px 0 7px 0; font-family: "museo-sans-1","museo-sans-2",sans-serif; font-weight: 500; }
div.content p { margin: 10px 0; }
div.content p em { font-style: italic; }
div.content p strong { font-weight: bold; }
div.content a:link, div.content a:visited { color: #fff; text-decoration: underline; }
/* Gallery */
div.content ul.gallery { margin: 10px 0; display: block; }
div.content ul.gallery li { float: left; width: 50px; margin-right: 10px; }
div.content ul.gallery li img { border: 1px solid #fff; height: 50px; }
/* Lists */
div.content ul.square { margin: 10px 0; display: block; }
div.content ul.square li { margin: 3px 0 3px 25px; list-style-type: square; }
/* Form */
input#hdiudd-hdiudd { width:190px; border:none; background:#fff; padding:6px 8px; color:#444;  border: 1px solid #444; font-size:11px; font-weight:bold; }
input#formSubmit { background: #000; font-weight: bold; color: #fff; border: 1px solid #444; padding: 6px 8px; cursor: pointer; }

/***** Footer *******************************************************/
div#ft { position: absolute; right: 5px; bottom: 5px; opacity: 0.5; filter: alpha(opacity = 50); }
div#ft p { color: #fff; font: 11px Arial, Sans-Serif; }
div#ft a { color: #fff;}

/***** Custom Scroll *******************************************************/
.jScrollPaneContainer{position:absolute; top: 190px; overflow:hidden; z-index:1;}
.jScrollPaneTrack{position:absolute; cursor:pointer; right:15px; top: 0; height:100%; background:#fff; width: 1px !important;}
.jScrollPaneDrag{position:absolute; left: -4px; background:#fff;w cursor:pointer; overflow:hidden}
.jScrollPaneDragTop{position:absolute; top:0; left:0; overflow:hidden}
.jScrollPaneDragBottom{position:absolute; bottom:0; left:0; overflow:hidden}
a.jScrollArrowUp{display:block; position:absolute; z-index:1; top:0; right:0; text-indent:-2000px; overflow:hidden; background-color:#666; height:15px !important; width:10px !important; }
a.jScrollArrowUp:hover{ border:none;}
a.jScrollArrowDown{display:block; position:absolute; z-index:1; bottom:0; right:0; text-indent:-2000px; overflow:hidden; height:15px !important; width:10px !important; }
a.jScrollArrowDown:hover{ border: none;}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover{}