/* Billboard
================================================== */		
.billboard {visibility:hidden;overflow:hidden;position:relative;min-height:370px; z-index:0;}
.billboard.ready {visibility:visible}
.billboard .viewport{position:relative;overflow:hidden;height: 370px;max-height: 370px;min-height: 370px;} 
.billboard .viewport .slides{overflow:hidden;}		
.billboard .viewport .slides .slide{display:block;float:left;height: 370px;}
.billboard .viewport .slides .slide.loading{background:url(../img/banner/loading.gif) center center no-repeat;}

.billboard .navBar {display:block; overflow: hidden; width: 100%; position: absolute; text-align: center; line-height: 0; z-index: 10; left: 0; bottom: 20px;}
.billboard .navBar ul.nav {display: inline-block;float: none;overflow: hidden; margin: 0px auto; padding: 5px;}
.billboard .navBar ul.nav li {float: left;list-style-type: none;background: url(../img/banner/navOff.png) left top; margin-left: 5px; width: 12px; height: 12px; cursor: pointer; display: block;}
.billboard .navBar ul.nav li.active{background: url(../img/banner/navOn.png) left top !important}
.billboard .navBar ul.nav li.ready{background: url(../img/banner/navOff.png) left top;}		
.billboard .navBar ul.nav li#i0{margin-left:0;}

.billboard .btNav{width:50px; height:50px; position:absolute; top:185px !important; display:block; -webkit-transition: left 0.25s ease-out,right 0.25s ease-out,opacity 0.25s ease-out; -moz-transition: left 0.25s ease-out,right 0.25s ease-out,opacity 0.25s ease-out; transition: left 0.25s ease-out,right 0.25s ease-out,opacity 0.25s ease-out; opacity: 0;}
.billboard .btNav.active{opacity:1;}
.billboard .btNav.left{left:-50px;}
.billboard .btNav.left.active{left: 25px;}
.billboard .btNav.right{right: -50px;}
.billboard .btNav.right.active{right: 25px;}
.billboard .btNav.left:link,
.billboard .btNav.left:visited {background: url('../img/banner/slider_arrows_left.png') 0 0 no-repeat;}
.billboard .btNav.left:hover,
.billboard .btNav.left:active {background: url('../img/banner/slider_arrows_left.png') 0 -50px no-repeat;}
.billboard .btNav.right:link,
.billboard .btNav.right:visited {background: url('../img/banner/slider_arrows_right.png') 0 0 no-repeat;}
.billboard .btNav.right:hover,
.billboard .btNav.right:active {background: url('../img/banner/slider_arrows_right.png') 0 -50px no-repeat;}
		
#slide0 {background: url('../img/banner/banner1.jpg') no-repeat center bottom;}
#slide1 {background: url('../img/banner/banner2.jpg') no-repeat center bottom;}