/*
Stylesheet for "Balai Taal" by: Danny van Ommen | deevio.com
*/

/* reset */
@import url("css/reset.css");

/* fonts */
@import url("css/fontfacekits/futura_light/stylesheet.css");

body{
	background-color:#000000;
	color:#ffffff;
	font-family:'futura-lightregular','arial';
	font-size:12px;
}

a{
	color:#ffd600;
	text-decoration:none;
}

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

.pp_description{
	color:#000000;
}


/* balai-footer */
#balai-footer{
	position: fixed;
	bottom: 0;
	left: 0;
	height:92px;
    bottom: 0px;
    z-index: 5;
    width:100%;
}

/* balai-nav */
#balai-nav{
	float:left;
	
	background:url('images/balainav_bg.png') -340px 0 no-repeat;		
}

#balai-nav ul{
	margin: 0;
	padding-left: 0;
	float: left;
	font-weight: bold;
}

* html #balai-nav ul{ /*IE only rule. Delete extra margin-bottom*/
	margin-bottom: 0;
}

#balai-nav ul li{
	display: inline;
}

#balai-nav ul li a span{
	display:none;
}

#balai-nav ul li a{
	float:left;
	display:block;
	width:50px;
	height:92px;
}

#balai-nav ul li a:hover{
	background-position:0 -92px;
}

#balai-nav ul li a.active{
	background-position:0 -184px;
}


a#balai-nav-home{
	width:60px !important;
	height:92px;
	background:url('images/nav/nav_home.png') 0 0 no-repeat;
}

a#balai-nav-plus{
	width:49px !important;
	height:92px;
	background:url('images/nav/nav_plus.png') 0 0 no-repeat;
}

a#balai-nav-video{
	width:58px !important;
	height:92px;
	background:url('images/nav/nav_video.png') 0 0 no-repeat;
}

a#balai-nav-making{
	width:55px !important;
	height:92px;
	background:url('images/nav/nav_making.png') 0 0 no-repeat;
}

a#balai-nav-gallery{
	width:60px !important;
	height:92px;
	background:url('images/nav/nav_gallery.png') 0 0 no-repeat;
}

a#balai-nav-own{
	width:57px !important;
	height:92px;
	background:url('images/nav/nav_own.png') 0 0 no-repeat;
}

a#balai-nav-events{
	width:54px !important;
	height:92px;
	background:url('images/nav/nav_events.png') 0 0 no-repeat;
}

a#balai-nav-contact{
	width:73px !important;
	height:92px;
	background:url('images/nav/nav_contact.png') 0 0 no-repeat;
}

/* balai-logo */
#balai-logo{
	float:right;
}

/* balai-own-nav */

#balai-own-nav{
	position: fixed;
	top:45px;
	right:0;
	width:96px;
	min-height:126px;
	z-index:5000;
}

#balai-own-nav ul{
	margin: 0;
	padding-left: 0;
	float: left;
	font-weight: bold;
}

* html #balai-own-nav ul{ /*IE only rule. Delete extra margin-bottom*/
	margin-bottom: 0;
}

#balai-own-nav ul li{
	display: inline;
}

#balai-own-nav ul li a{
	display:block;
	width:96px;
	height:42px;
	text-align:center;
	line-height:38px;
	background:url('images/sidenav.png') 0 0 no-repeat;
	
	font-family:'futura-lightregular','arial';
	color:#ffffff;
	font-size:10px;
	text-transform:uppercase;
}

#balai-own-nav ul li a:hover, #balai-own-nav ul li a.active{
	color:#ffd600;
	background-position:0 -42px;
}

ul#balai-own-nav-show li a, ul#balai-own-nav-hide li a{
	font-family:'futura-lightbold','arial';
	font-weight:bold;
}

ul#balai-own-nav-hide li a sup{
	font-size:8px;
	vertical-align:super;
}

/* balai-events-nav */

#balai-events-nav{
	position: fixed;
	top:45px;
	right:0;
	width:116px;
	min-height:126px;
	z-index:5000;
	margin-left:4px;
}

#balai-events-nav ul{
	margin: 0;
	padding-left: 0;
	float: left;
	font-weight: bold;
}

* html #balai-events-nav ul{ /*IE only rule. Delete extra margin-bottom*/
	margin-bottom: 0;
}

#balai-events-nav ul li{
	display: inline;
}

#balai-events-nav ul li a{
	display:block;
	width:116px;
	height:42px;
	text-align:left;
	line-height:38px;
	background:url('images/sidenav_events.png') 0 0 no-repeat;
	
	font-family:'futura-lightregular','arial';
	color:#ffffff;
	font-size:11px;
	padding-left:16px;
}

#balai-events-nav ul li a:hover, #balai-events-nav ul li a.active{
	color:#ffd600;
	background-position:0 -42px;
}

#balai-events-nav ul li a:hover, #balai-events-nav ul li a.active{
	color:#ffd600;
	background-position:0 -42px;
}

ul#balai-events-nav-show li a, ul#balai-events-nav-hide li a{
	font-family:'futura-lightbold','arial';
	font-weight:bold;
}

ul#balai-events-nav-hide li a sup{
	font-size:8px;
	vertical-align:super;
}

/* balai-blurb */

#balai-blurb{
	width:488px;
	min-height:76px;
	
	position: fixed;
	bottom:92px;
	left:0;
	z-index:5000;
	
	background:url('images/blurb.png') repeat;	
	padding:20px;
}

#balai-blurb *{
	line-height:150%;
}

#balai-blurb p{
	margin-bottom:14px;
}

#balai-blurb ul{
	list-style-position:outside;
	list-style-type:disc;
	padding:14px !important;
}

/* balai-blurb-brown */

#balai-blurb-brown{
	width:289px;
	min-height:100px;
	
	position: fixed;
	bottom:100px;
	left:76px;
	z-index:5000;
	
	background:url('images/blurb_brown.png') repeat;	
	padding:20px;
}

#balai-blurb-brown *{
	line-height:150%;
}

#balai-blurb-brown p{
	margin-bottom:14px;
}

#balai-blurb-brown ul{
	list-style-position:outside;
	list-style-type:disc;
	padding:14px !important;
}

/* balai-pin */

#balai-pin{
	width:96px;
	height:42px;
	
	position: fixed;
	top:44px;
	right:204px;
	z-index:5000;	
}

a#balai-pin-button{
	display:block;
	width:96px;
	height:42px;
	text-align:center;
	line-height:38px;
	background:url('images/sidenav.png') 0 0 no-repeat;
	
	font-family:'futura-lightbold','arial';
	font-weight:bold;
	color:#ffffff;
	font-size:10px;
	text-transform:uppercase;
}

a#balai-pin-button{
	font-weight:bold;
}

a#balai-pin-button:hover{
	color:#ffd600;
	background:url('images/sidenav.png') 0 -42px no-repeat;
}

/* balai-specs */

#balai-specs{
	width:96px;
	height:42px;
	
	position: fixed;
	top:44px;
	right:104px;
	z-index:5000;	
}

a#balai-specs-button{
	display:block;
	width:96px;
	height:42px;
	text-align:center;
	line-height:38px;
	background:url('images/sidenav.png') 0 0 no-repeat;
	
	font-family:'futura-lightbold','arial';
	font-weight:bold;
	color:#ffffff;
	font-size:10px;
	text-transform:uppercase;
}

a#balai-specs-button{
	font-weight:bold;
}

a#balai-specs-button:hover{
	color:#ffd600;
	background:url('images/sidenav.png') 0 -42px no-repeat;	
}

/* balai-amenities */

#balai-amenities{
	width:96px;
	height:42px;
	
	position: fixed;
	top:44px;
	right:124px;
	z-index:5000;	
}

a#balai-amenities-button{
	display:block;
	width:96px;
	height:42px;
	text-align:center;
	line-height:38px;
	background:url('images/sidenav.png') 0 0 no-repeat;
	
	font-family:'futura-lightbold','arial';
	font-weight:bold;
	color:#ffffff;
	font-size:10px;
	text-transform:uppercase;
}

a#balai-amenities-button{
	font-weight:bold;
}

a#balai-amenities-button:hover{
	color:#ffd600;
	background:url('images/sidenav.png') 0 -42px no-repeat;
}

/* maps */

.mapwrapper {
  width: 100%;
  height: 100%;
  background-color:#ffffff;
  text-align:center;
}

#viewportmap {
    width: 711px;
    height: 423px;
    cursor: move;
    overflow: hidden;
    margin:0 auto;
}

.mapwrapper {
    position: relative;
}

.map-control {
    position: absolute;
    top: 10px;
    right: 10px;
    background: url(js/mapbox/images/map-control-light.png) no-repeat;
    height: 63px;
    width: 100px;
}

.map-control a {
    height: 18px;
    width: 18px;
    display: block;
    text-indent: -999em;
    position: absolute;
    outline: none;
}

.map-control a:hover {
    background: #535353;
    opacity: .4;
    filter: alpha(opacity=40);
}

.map-control a.left {
    left: 39px;
    top: 22px;
}

.map-control a.right {
    left: 79px;
    top: 22px;
}

.map-control a.up {
    left: 59px;
    top: 2px;
}

.map-control a.down {
    left: 59px;
    top: 42px;
}

.map-control a.zoom {
    left: 2px;
    top: 8px;
    height: 21px;
    width: 21px;
}

.map-control a.back {
    left: 2px;
    top: 31px;
    height: 21px;
    width: 21px;
}

/* contact */

#contact-container{
	width:100%;
	height:100%;
}

#contact-box{
	width:100%;
	background-color:#bbb2a7;
	color:#000000;
	padding:10px;
	margin:0 auto;
}

#contact-box table{
	width:100%;
}

#contact-box table td{
	padding-right:20px;
}

#contact-box *{
	color:#000000;
	line-height:180%;
}

#contact-box a{
	color:#ffffff;
}

#contact-box a:hover{
	color:#000000;
	background-color:#a2bd6f;
}

#contact-box strong{
	font-weight:bold;
	font-size:15px;
}

#contact-box h1{
	font-size:28px;
}

#contact-box h2{
	font-size:24px;
}

#contact-box h3{
	font-size:20px;
}

#contact-box p, #contact-box *{
	font-size:12px;
}

#contact-box input[type=text],#contact-box input[type=email]{
	font-size:12px;
	color:#555555;
	height:16px;
	width:120px;
	padding:4px;
	background-color:#dddddd;
	margin:4px;
	border:0;
}

#contact-box textarea{
	font-size:12px;
	color:#555555;
	height:80px;
	width:120px;
	
	padding:4px;
	background-color:#dddddd;
	margin:4px;
	border:0;
}

#contact-box input[type=submit]{
	font-size:14px;
	border:0;
	background-color:#a2bd6f;	
	color:#000000;
	padding:6px;
	text-transform:uppercase;
}
#contact-box input[type=submit]:hover{
	background-color:#000000;
	color:#ffffff;	
	cursor:pointer;
}

#sharing-nav{
	position:absolute;
	top:0;
	right:0;
	z-index:7000;
	padding-top:10px;
	padding-right:10px;
}

.st-facebook-counter{
	background:url('images/sharethis_fb.png') 0 0 !important;
	height:22px;
}
.st-facebook-counter:hover{
	background:url('images/sharethis_fb.png') 0 -22px !important;
}

.st-twitter-counter{
	background:url('images/sharethis_tw.png') 0 0 !important;
	height:22px;
}
.st-twitter-counter:hover{
	background:url('images/sharethis_tw.png') 0 -22px !important;
}

















