/* Left & Right alignment */
.wrapper {width:100%; overflow:hidden;}
.padNull{padding: 0 !important;}
.marNull{margin: 0 !important;}
._left{float: left;}
._right{float: right;}
/* Global properties ======================================================== */
#floater{position:relative; float:left; height:50%;margin-bottom:-350px;width:1px;}
.glob{ position:relative; clear:left;height:700px; width:1280px;margin:0 auto; overflow:hidden;background:#000 url(../images/background-clpxt.jpg) no-repeat center top;}
body{font-family:Arial, sans-serif; color:#000; line-height:20px; min-width:1280px; position:absolute; width:100%;height:100%; overflow:hidden;background:#000}
/* Global Structure ========================================================= */
/*.main {margin: 90px auto 0 90px; 	width: 940px; z-index:2; }  */
.main {margin-top:55px;	width: 100%; z-index:2; }
.page_spinner{ position:fixed; background:#000; z-index:99; width:100%; height:100%; top:0; left:0}
.page_spinner > span{position: absolute; left: 50%; top: 40%;}
/* ============================= main layout ================================ */
a{color:#fff; text-decoration:none; outline:none; font-size: 14px;}
a:hover{ text-decoration:underline}
h1{float:left; position: relative;}
h2{font-family: 'Damion', cursive; color: #000; font-size: 49px; line-height: 35px; width:100%; padding-bottom: 26px; font-weight: normal;}
p{font-size: 13px; color: #1A1A1A; line-height: 19px; padding-bottom: 19px; text-align: left;}
.center{padding:0; width:100%; position: relative; display: inline-block; height: 100%;}
.titleLine{font-size:16px;font-weight:bold;}
/* ============================= header ============================ */
header{position: relative; width: 300px;  z-index: 3; float: left; margin-right: 20px;}
.hide_text{text-indent: 100%; white-space: nowrap; overflow: hidden;}
#logo{display:inline-block; background: url(../images/logo.png) 50% 0% no-repeat; width: 300px; height: 142px;}
#logo:hover{text-decoration:none;}
.logoHolder{ display:inline-block; position: relative; height: 142px; width: 100%; float: left; margin-bottom: 20px;}
.menu{position:relative; z-index:1; display: inline-block;}
.menuHolder{ position: relative; width: 100%; z-index: 1; float: left; display: inline-block;}
#menu {z-index:3; position:relative; display: inline-block; float: left;}
#menu > li{position:relative; color: white; text-align: left; display: inline-block; float: left;  width: 300px;  margin-bottom: 3px;}
#menu > li > a{display: block; position:relative; z-index: 1; overflow: hidden;  height: 44px;width: 300px;}
#menu > li > a:hover{text-decoration:none;}
#menu ._last{padding: 0; border: none;}
.submenu_1{position: relative; z-index:2; top: 0; left: 0; display: block; width: 300px;padding-top: 3px;}
.submenu_1 li{ position:relative; display:inline-block; float: left; width: 300px; height: 44px;  margin-bottom: 3px;}
.submenu_1 a{line-height: 44px; color: #676767; font-size: 13px; display:inline-block; width: 100%; text-align: center; background: #f0efef;}
.submenu_1 li > a:hover, .submenu_1 li.sfHover > a{text-decoration:none; color:#fff; background: url(../images/bg3.png) 0 0 no-repeat;}
.submenu_1 .last{border: none;margin: 0;}
.mText{font-family: 'Damion', cursive; line-height: 44px; color: #fff; font-size: 29px; position: relative; width: 100%; z-index: 2; text-align: center; background: url(../images/bg3.png) 0 0 no-repeat; text-shadow: 0px 0px 8px black;}
.mText_over{font-family: 'Damion', cursive; line-height: 44px; color: #2d2c2c; font-size: 29px; position: absolute; width: 100%; z-index: 2; text-align: center; background: #f0f0f0;top: -44px;}
._area{position: absolute; width: 100%; height: 100%; top: 0; z-index: 3; left: 0; display: block; background: url(../images/pixel.png);}
/* ============================= content ====================== */
#content{position:relative; z-index: 1; width: 620px; margin: 0 auto; display: block; float: left; overflow: visible; height: 495px;}
#content > ul{width: 620px; z-index: 0; display: inline-block; position: relative; overflow: visible; height: 100%;}
#content > ul > li{width: 620px; display:block; position:absolute; height: 505px;overflow: hidden;}
.box{font-size:14px;width: 620px; position: relative; display: inline-block; background: url(../images/bg5.png); height: 100%;box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);-moz-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);}
.space1{display:inline-block; width: 95px; text-align: left;}
.space2{display:inline-block; width: 51px; text-align: left;}
.more{font-family: 'Damion', cursive; font-size: 23px; color: #000; line-height: 18px; display: inline-block; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.more:hover{text-decoration: none; color: #7f7f7f; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
._link1{font-family: 'Cabin', sans-serif; font-size: 10px; color: #555855;text-transform: uppercase; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
._link1:hover{color: #fff; text-decoration: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
._link2{color: #1A1A1A; font-size: 13px; line-height: 19px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
._link2:hover{color: #7f7f7f; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.padBot1{padding-bottom: 19px;}
.padBot2{padding-bottom: 25px;}
.padBot3{padding-bottom: 16px;}
.padTop1{padding-top: 19px;}
.marTop1{margin-top: 0px;}
.marRight1{margin-right: 16px;}
#bgStretch {overflow:hidden; z-index:-1; display: block;}
#bgStretch img{background-color: #000;}
.spinner_bg{position: fixed; width: 0px; height: 0px; z-index:10000; left: 50%; top: 50%; display: inline-block;}
.navGall{position: relative; display: inline-block; z-index: 2; height: 41px;  margin: 12px 25px;width: 700px;overflow: hidden;}
.navGall > ul{position: relative; display: inline-block;}
.navGall > ul > li{position: relative; width: 70px; height: 41px;  margin-right: 17px;display: inline-block;}
.navGall > ul > li > a{width: 70px; height: 41px; position: relative; display: inline-block;}
.navGall > ul > li > a >span{width: 64px; height: 35px; position: absolute; display: inline-block; border: 3px solid transparent; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.navGall > ul > li > a:hover > span{border: 3px solid #000; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.navGall > ul ._last{margin: 0;}
.navGall > ul .active > a >span{border: 3px solid #fff !important;}
.scroll1{width: 460px; height: 360px;}
._inner{display: inline-block; position: relative;}
.downScroll{position: relative;float: left;}
.upScroll{position: relative; float: left;}
.scroll-btns{display: inline-block;float: right;margin: 10px 0;}
._fig1{display: inline-block; margin-bottom: 28px;}
._fig2{display: inline-block;}
._fig2 img{display: inline-block; position: relative; float: left;margin-right: 15px;}
._fig2 figcaption{display: inline-block; position: relative; float: left; width: 225px;}

._fig3{display: inline-block; width: 302px; height: 240px; position: relative;float: left;overflow: hidden;}
._fig3 img{display: inline-block; position: absolute;}
._fig3 figcaption{display: inline-block; position: relative; float: left; width: 100%; height: 50px; background: url(../images/bg3.png);margin-top: 190px;}
._fig3 figcaption > a{display: inline-block; position: relative; float: left; width: 100%; height: 100%;}
._fig3 figcaption > a .title{display: inline-block; position: relative; float: left; font-family: 'Damion', cursive; font-size: 29px; color: #fff;line-height: 30px;padding: 8px 5px 8px 15px;text-shadow: 0px 0px 8px black;}
._fig3 figcaption > a .marker{display: inline-block; position: absolute; width: 16px; height: 26px; background: url(../images/marker1.png) 50% 50% no-repeat;right: 16px;top: 13px;z-index: 2;}
._fig3 figcaption > a .marker_over{display: inline-block; position: absolute; width: 16px; height: 26px; background: url(../images/marker1.png) 50% 50% no-repeat;right: -30px;top: 13px;z-index: 3;}

.textStyle1{font-size: 13px; color: #1a1a1a; line-height: 19px;display: inline-block;float: right;margin-top: 29px;}
#sliderNavs{position: relative; width: 120px;  z-index: 2;display: inline-block;margin-top: 18px;}
#buttonPrev{ float: left;margin: 0 4px; position: relative;}
#buttonNext{margin: 0 4px; float: left;position: relative;}
#buttonPause{ float: left;margin: 0 4px; text-align: left; position: relative;}
._state{width: 6px; height: 11px; background: url(../images/state.png) 50% 100% no-repeat;display: inline-block;position: absolute;z-index: 1;top: 10px;left: 13px;}
._set1{position: relative; display: inline-block; width: 90px; height: 65px; background: url(../images/bg1.png);box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);} 
._set2{position: relative; display: inline-block; width: 280px; height: 65px; background: url(../images/bg1.png);box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);text-align: center;} 
._set3{position: relative; display: inline-block; width: 100%; height: 65px; background: url(../images/bg4.png);text-align:center;} 
._date{width: 60px; height: 60px; position: relative; display: inline-block; float: left; background: #333333;margin-right: 16px;}
._date > span{width: 100%;position: relative; display: inline-block; font-family: 'Damion', cursive; color: #fff;font-size: 29px;text-align: center;margin-top: 6px;text-indent: -2px;}
/* ============================= footer ====================== */
.footer{position: absolute; width: 100%; z-index: 112; height: 92px; display: inline-block; top: 591; float: left;}
.mainFooter{z-index:2; width: 100%; display: inline-block; }
.privHold{position: relative; display: inline-block; float: left; width: 100%; height: 27px;}
.textPrivacy{font-family: 'Cabin', sans-serif; font-size: 10px; color: #555855; position:relative; display:inline-block;text-transform: uppercase;margin: 4px 0 0 95px;}
.controls{position: relative;white-space: nowrap;}
/*===================================Map=====================================*/
.google_map{ width:460px; height:235px; background: #fff; display: inline-block;}
.google_map > span{position: absolute; top: 50%; left: 50%;}
/*===================================Roundabout Slideshow========================*/
.btnPrev{ position:absolute; bottom:33px; left:80px; width:9px; height:18px; /*background:url(../images/prev.png);*/ display:block; text-decoration:none; z-index:9000;}
.btnNext{ position:absolute; bottom:33px; right:80px; width:9px; height:18px; /*background:url(../images/next.png);*/ display:block; text-decoration:none;  z-index:9000;}
.btnPrev:hover{ /*background:url(images/prev-act.png);*/ text-decoration:none}
.btnNext:hover{ /*background:url(images/next-act.png);*/ text-decoration:none}

/* gallery */
	.roundabout-holder { height: 300px; width:460px; margin:0 auto; }
	.roundabout-moveable-item {
		height: 213px;
		width: 320px;
		cursor: pointer;
	}
	.roundabout-moveable-item img {
		width:100%;
		height:100%;
		display:block;
	}
	.roundabout-in-focus { cursor: auto;} 


/*==========================================*/
.carousel {top:0; height:512px; overflow:hidden}
.jScrollPaneContainer {	z-index: 1;	overflow: hidden;	position: relative}
.jScrollPaneTrack {	background: url(images/slider-bg.gif) top left repeat-x;	left: 0px;	width: 100%;	cursor: pointer;	bottom:-7px;	position: absolute;}
.jScrollIntervalTrack {	position: absolute;	display:none}
.jScrollPaneDrag {	background: url(images/handle.gif) no-repeat 0% 0%;	overflow: hidden;	cursor: pointer;	position: absolute;	width:95px !important;	margin:0 15px}
.jScrollPaneDragLeft {	left: 0px;	overflow: hidden;	bottom: 0px;	position: absolute}
.jScrollPaneDragRight {	right: 0px;	overflow: hidden;	bottom: 0px;	position: absolute}

ul.blocks {	display: block;	padding: 0px; width:2070px;	overflow:hidden}
ul.blocks li {	display: block;	float: left; margin: 0px !important;	width:322px; overflow:hidden; padding:0 23px 0 0px !important;}
.scroll-pane {	padding-right:0px;	padding-left: 0px;	float: left;	padding-bottom: 0px; width:689px; padding-top: 0px}
.scroll-pane li{	overflow:hidden}