/*reset css*/
body,header,footer,nav,p,ul,ol,form,input,h1,h2,h3,h4,h5,h6,textarea,fieldset,blockquote,dl,dt,dd,table,td,th,tr{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:300;}
table{border-collapse:collapse;border-spacing:0}
ul,ol{list-style:none;}
img,fieldset{border:0;}
hr{display:none;}
sup{vertical-align:super;font-size:.7em;line-height:.8em;}
sub{vertical-align:sub;font-size:.7em;line-height:.8em;}
address{font-style:normal;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;}

html, body, #container {width:100%;height:100%;overflow:hidden;}
body {font-family:'Open Sans', sans-serif;zoom:1;background:#000;overflow:hidden;}

/*images background*/
img {position:absolute;top:0;left:0;}
/*images resizer*/
.resizerImg {position: absolute;z-index:0;top:0;left:0;width:100%;height:100%;overflow:hidden;zoom:1;}
.resizerImg img {height:100%;position:absolute;width:100%;z-index:-1}

/*header*/
header {position:absolute;top:0;left:0;z-index:5;}
header a#logo {display:block; background: #000000; margin: 10px;}
header a#logo img {width: 160px; height: auto; display:block;margin:10px;}

/*content*/
.content {z-index:2;}
.content, .blockImageMarkers {position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;}
.transparent {opacity:0;filter:alpha(opacity=0);-ms-filter:'alpha(opacity=0)';}
.page, .slide_page {height:100%;width:100%;}
.page {position:absolute;}

.botLeft .detail {height: 300px; width: 300px; border: solid 10px #9AD5E3; position:absolute; bottom: -80px; left: 0px;}
.botLeft .detailtext {font-size: 12px; position: absolute; left: 0px; top: 0px; background: #000; opacity: 0.7; width: 280px; padding:10px; color: #FFF;}
.topLeft .detail {height: 300px; width: 300px; border: solid 10px #9AD5E3; position:absolute; top: -80px; left: 0px;}
.topLeft .detailtext {font-size: 12px; position: absolute; left: 0px; bottom: 0px; background: #000; opacity: 0.7; width: 280px; padding:10px; color: #FFF;}
.botRight .detail {height: 300px; width: 300px; border: solid 10px #9AD5E3; position:absolute; bottom: -80px; right: 0px;}
.botRight .detailtext {font-size: 12px; position: absolute; right: 0px; top: 0px; background: #000; opacity: 0.7; width: 280px; padding:10px; color: #FFF;}
.topRight .detail {height: 300px; width: 300px; border: solid 10px #9AD5E3; position:absolute; top: -80px; right: 0px;}
.topRight .detailtext {font-size: 12px; position: absolute; right: 0px; bottom: 0px; background: #000; opacity: 0.7; width: 280px; padding:10px; color: #FFF;}
.collapseBox .detailimage {}

.smallimg img {display: block; position: relative;}

/*markers*/
.allMarkers {position:absolute;z-index:1;top:0;left:0;}
.markers, .markersBox {position:absolute;width:1px;height:1px;margin:-17px 0 0 -17px;}
.point {width:34px;height:34px;background:url(../images/marker.png) 0 0 no-repeat;display:block;cursor:pointer;}
.markers .name, .markers .title {color:#000;text-decoration:none;position:absolute;top:0;width:206px;line-height:18px;min-height:20px;max-height:60px;font-size:14px;font-weight:600;background:transparent url(../images/whitebg.png) 0 0 repeat;overflow:hidden;cursor:pointer;}
.markers.left .name {padding:25px 0px 25px 0px;left:-20px;}
.markers.right .name {padding:25px 0px 25px 0px;right:-54px;}
.markers.left .title {padding:25px 20px 25px 74px;left:-20px;}
.markers.right .title {padding:25px 74px 25px 20px;left:-246px;}
#markerLvl1, #markerLvl2 {display:block;}
header #markerLvl1 .title, header #markerLvl2 .title {background:#fff url("../images/closeSquare.png") no-repeat scroll 0 0;color:#000;}
header #markerLvl1 .title:hover, header #markerLvl2 .title:hover {background:#000 url("../images/closeSquare.png") no-repeat scroll 0 -100px;color:#fff;}
#markerLvl2 .title {left:-20px;width:140px;margin-top:-18px !important;}

.collapseBox .close {width:34px;height:34px;background:url(../images/close.png) 0 0 no-repeat;display:block;cursor:pointer; z-index: 1;}
.collapseBox .close:hover {background-position: 0 -34px;}
.collapseBox {width:260px;max-height:260px;position:absolute;background:#9ad5e3;padding:20px;z-index:1;}
.topLeft {top:-20px;left:-20px;}
.topRight {top:-20px;right:-54px;}
.botLeft {bottom:-54px;left:-20px;}
.botRight {bottom:-54px;right:-54px;}
.collapseBox section {width:206px;}
.collapseBox section h2 {font-size:14px;font-weight:600;margin:6px 0 10px 0;line-height:18px;position:relative;}
.collapseBox section section {width:191px;padding-right:15px;}
.collapseBox section section p, .collapseBox section section ul {width:191px;font-size:12px;margin:0 0 10px 0;}
.collapseBox section section a, .collapseBox section section a:visited, .collapseBox section p a, .collapseBox section p a:visited {text-decoration:underline;color:#000;font-size:12px;}
.collapseBox section section a:hover, .collapseBox section p a:hover {text-decoration:underline;color:#fff;background:#000;}
.topLeft .close {float:left; position:absolute;top:20px;left:20px;}
.topLeft section {float:right;}
.topRight .close {float:right; position:absolute;top:20px;right:20px;}
.topRight section {float:left;}
.botLeft .close {float:left;position:absolute;bottom:20px;left:20px;}
.botLeft section {float:right;}
.botRight .close {float:right;position:absolute;bottom:20px;right:20px;}
.botRight section {float:left;}
section.txt {max-height:200px;overflow-y:auto;}

.gotoLinks {margin:20px 0 0 -20px;padding:19px 20px 19px 46px;font-size:12px;line-height:12px;text-transform:uppercase;color:#018bd2;background:#fff url(../images/goToSlidePage.png) 20px 14px no-repeat;display:block;clear:both;width:234px;position:absolute;bottom:-50px;text-decoration:none;}
.gotoLinks:hover {background-color:#000;color:#fff;}
/*cycle plugin navigation*/
.nav {position:absolute;top:0;z-index:10;height:100%;width:34px;cursor:pointer;}
.nav span {position:absolute;top:50%;height:34px;width:34px;margin-top:-17px;}
#prev {left:0px;padding-right:30px;}
#prev span {background:url(../images/prev.png) 0 0 no-repeat;left:10px;}
#prev:hover span {background-position: 0 -34px;}
#next {right:0px;padding-left:30px;}
#next span {background:url(../images/next.png) 0 0 no-repeat;right:10px;}
#next:hover span {background-position: 0 -34px;}



footer {position:absolute;overflow:hidden;left:0;z-index:2;min-height:50px;color:#fff;width:100%;background:#000;bottom:0px;}
footer p {float:left;padding:20px 15px 10px 15px ;font-size:10px;}
footer p a, footer a:visited {text-decoration:none;color:#FFF;font-size:10px;}
footer a:hover {text-decoration:underline;color:#fff;}
footer .subfooter {background: #FFFFFF; padding: 10px 15px; z-index: 100;}
footer .subfooter a{color: black; font-size: 12px; display: inline-block;vertical-align: middle; text-decoration: none;}
footer .subfooter .footer-logo IMG{position: relative;vertical-align: middle; margin-right: 10px;}
footer .subfooter .footer-logo SPAN{vertical-align: middle;}
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer {overflow: hidden;position: relative;}
.jspPane {position: absolute;}
.jspVerticalBar {position: absolute;top: 0;right: 0px;width: 8px;height: 100%;}
.jspHorizontalBar {position: absolute;bottom: 0;left: 0;width: 100%;height: 16px;background: red;}
.jspVerticalBar *, .jspHorizontalBar * {margin: 0;padding: 0;}
.jspCap {display: none;}
.jspHorizontalBar .jspCap {float: left;}
.jspTrack {background: #9ad5e3;position: relative;}
.jspDrag {background: #fff;position: relative;top: 0;left: 0;cursor: pointer;}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {float: left;height: 100%;}
.jspArrow {background: #50506d;text-indent: -20000px;display: block;cursor: pointer;}
.jspArrow.jspDisabled {cursor: default;background: #80808d;}
.jspVerticalBar .jspArrow {height: 5px;}
.jspHorizontalBar .jspArrow {width: 5px;float: left;height: 100%;}
.jspVerticalBar .jspArrow:focus {outline: none;}
.jspCorner {background: #eeeef4;float: left;height: 100%;}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {margin: 0 -3px 0 0;}

@media all and (-webkit-min-device-pixel-ratio: 1.5){
	}