/* BLOCK STYLES */

.parallax-heading1 {
	font: 44px/50px 'Julius Sans One', sans-serif;
}

.parallax-blue {
	color: #406b80;
}

.parallax-black {
	color: #000;
}

.parallax-dropshadow {
	-webkit-box-shadow: 3px 3px 8px 0px #000;
	box-shadow: 3px 3px 8px 0px #000;
}

.parallax-trapezoid {
	padding: 3px 20px;
	font-family: 'Julius Sans One', sans-serif;
	font-size: 24px;
	line-height: 32px;
	color: #fff;
	letter-spacing: 8px;
	background-color: #406b80;
	-moz-transform: scale(1.0) rotate(0deg) translateX(0px) translateY(0px) skewX(30deg) skewY(0deg);
	-webkit-transform: scale(1.0) rotate(0deg) translateX(0px) translateY(0px) skewX(30deg) skewY(0deg);
	-o-transform: scale(1.0) rotate(0deg) translateX(0px) translateY(0px) skewX(30deg) skewY(0deg);
	-ms-transform: scale(1.0) rotate(0deg) translateX(0px) translateY(0px) skewX(30deg) skewY(0deg);
	transform: scale(1.0) rotate(0deg) translateX(0px) translateY(0px) skewX(30deg) skewY(0deg);
}

.parallax-trapezoid p {
	display: block;
	-moz-transform: scale(1.0) rotate(0deg) translateX(0px) translateY(0px) skewX(-30deg) skewY(0deg);
	-webkit-transform: scale(1.0) rotate(0deg) translateX(0px) translateY(0px) skewX(-30deg) skewY(0deg);
	-o-transform: scale(1.0) rotate(0deg) translateX(0px) translateY(0px) skewX(-30deg) skewY(0deg);
	-ms-transform: scale(1.0) rotate(0deg) translateX(0px) translateY(0px) skewX(-30deg) skewY(0deg);
	transform: scale(1.0) rotate(0deg) translateX(0px) translateY(0px) skewX(-30deg) skewY(0deg);
	padding-bottom: 0px !important;
}

.parallax-brandingbg, .parallax-grow {
	background: url('http://www.keydesignwebsites.com/wp-content/uploads/2014/10/branding-banner.png') center;
	width: 100%;
	text-align: center;
}

.parallax-brandingbg h2, .parallax-grow h2 {
	font-size: 28px !important;
	letter-spacing: 5px;
	line-height: 48px !important;
}

.parallax-grow h2 span {
	font-size: 1.3em;
}


/* the container */
.parallax_perpetuummobile {
	position:relative;
	background-color: #cdcdcd;
}
.parallax_perpetuummobile img {
	max-width:none;
	max-height:none;
}
.parallax_perpetuummobile_list {
	margin:0;
	padding:0;
	list-style:none;
	display:none;
	background-color: #cdcdcd;
}



.parallax_perpetuummobile .contentHolderVisibleWrapper {
	position:absolute;
	overflow:hidden;
}
.parallax_perpetuummobile .contentHolder {
	position:absolute;
}
.parallax_perpetuummobile .contentHolderUnit {
	float:left;
	display:block;
	overflow:hidden;
}
.mycanvas {
	position:absolute;
	top:8px;
	right:10px;
	z-index:10;
}
.myloader {
	background:url(images/throbber-parallax.gif) center no-repeat #cdcdcd;
	width:100% !important;;
	height:100% !important;;
	position:fixed !important;
	left:0 !important;
	top:0 !important;
	z-index:5 !important;
}

.parallax_perpetuummobile_all_bgArr {
	position:absolute;
	overflow:hidden;
	z-index:0;
}

.parallax_perpetuummobile_bgArr {
	position:absolute;
	z-index:0;
	/*border:1px solid #F00;*/
	display:block;
}

.parallax_perpetuummobile_bgArr_unit_IE78 {
	display:block;
	float:left;
	/*background-position:center center fixed no-repeat;*/
}

.parallax_perpetuummobile_preloadedImages {
	width: 0px;
	height: 0px;
	display: inline;
}



/***bullets SKIN***/
.parallax_perpetuummobile.bullets .bannerControls {
	position:absolute;
	left:0;
	top:0;
	/*z-index:1;*/
	z-index:5;
	width:100%;
}

.parallax_perpetuummobile.bullets .leftNav {
	position:absolute;
	left:20px;
	width:41px;
	height:41px;
	background:url(images/leftNavOFF.png) 0 0 no-repeat;
	cursor: pointer;
}
.parallax_perpetuummobile.bullets .leftNav:hover {
	background:url(images/leftNavON.png) 0 0 no-repeat;
}
.parallax_perpetuummobile.bullets .rightNav {
	position:absolute;
	right:20px;
	width:41px;
	height:41px;
	background:url(images/rightNavOFF.png) 0 0 no-repeat;
	cursor: pointer;
}
.parallax_perpetuummobile.bullets .rightNav:hover {
	background:url(images/rightNavON.png) 0 0 no-repeat;
}
.parallax_perpetuummobile.bullets .bottomNav {
	position:absolute;
	width:0px;
	height:24px;
	bottom:-35px;
	z-index:3;
	padding-left:5px;
}
.parallax_perpetuummobile.bullets .bottomNavButtonOFF {
	float:left;
	display:block;
	width:14px;
	height:14px;
	background:url(images/bottomNavOFF.png) 0 0 no-repeat;
	padding-left:9px;
	cursor: pointer;
}

.parallax_perpetuummobile.bullets .bottomNavButtonON {
	float:left;
	display:block;
	width:14px;
	height:14px;
	padding-left:9px;
	background:url(images/bottomNavON.png) 0 0 no-repeat;
	cursor: pointer;
}

.parallax_perpetuummobile.bullets .bottomNavLeft {
	position:absolute;
	width:0px;
	display:none;
	background:#F00;
	height:24px;
	bottom:5px;
	z-index:3;
}

.parallax_perpetuummobile.bullets .bottomNavRight {
	position:absolute;
	width:0px;
	display:none;
	height:24px;
	background:#F00;
	bottom:5px;
	z-index:3;
}

.parallax_perpetuummobile.bullets .bottomOverThumb {
	position:absolute;
	width:88px;
	height:95px;
	background:url(images/bottomOverThumbBg.png) 0px 0px no-repeat;
	bottom:25px;
	margin-left:-44px;
}
.parallax_perpetuummobile.bullets .innerBottomOverThumb {
	position:relative;
	width:80px;
	height:80px;
	margin:4px 0 0 4px;
	overflow:hidden;
}
.parallax_perpetuummobile.bullets .bottomOverThumb img {

}
.parallax_perpetuummobile.bullets .playOver {
	position:absolute;
	width:73px;
	height:73px;
	background:url(images/play_overOFF.png) 0 0 no-repeat;
	display:none;
	z-index:4;
	cursor: pointer;
}

.parallax_perpetuummobile.bullets .playOver:hover {
	background:url(images/play_overON.png) 0 0 no-repeat;
	display:none;
	z-index:4;
	cursor: pointer;
}






/***thumbs SKIN***/
.parallax_perpetuummobile.thumbs .bannerControls {
	position:absolute;
	left:0;
	top:0;
	/*z-index:1;*/
	z-index:5;
	width:100%;
}

.parallax_perpetuummobile.thumbs .leftNav {
	position:absolute;
	left:20px;
	width:41px;
	height:41px;
	background:url(images/leftNavOFF.png);
	cursor: pointer;
}
.parallax_perpetuummobile.thumbs .leftNav:hover {
	background:url(images/leftNavON.png) 0 0 no-repeat;
}
.parallax_perpetuummobile.thumbs .rightNav {
	position:absolute;
	right:20px;
	width:41px;
	height:41px;
	background:url(images/rightNavOFF.png) 0 0 no-repeat;
	cursor: pointer;
}
.parallax_perpetuummobile.thumbs .rightNav:hover {
	background:url(images/rightNavON.png) 0 0 no-repeat;
}
.parallax_perpetuummobile.thumbs .bottomNav {
	position:absolute;
	width:0px;
	height:24px;
	bottom:-35px;
	z-index:3;
	xpadding-left:9px;

}
.parallax_perpetuummobile.thumbs .bottomNavButtonOFF {
	float:left;
	display:block;
	width:14px;
	height:14px;
	background:url(images/bottomNavOFF.png) 0 0 no-repeat;
	xpadding-left:9px;
	cursor: pointer;
}

.parallax_perpetuummobile.thumbs .bottomNavButtonON {
	float:left;
	display:block;
	width:14px;
	height:14px;
	xpadding-left:9px;
	background:url(images/bottomNavON.png) 0 0 no-repeat;
	cursor: pointer;
}

.parallax_perpetuummobile.thumbs .bottomNavLeft {
	position:absolute;
	width:0px;
	display:none;
	background:#F00;
	height:24px;
	bottom:5px;
	z-index:3;
}

.parallax_perpetuummobile.thumbs .bottomNavRight {
	position:absolute;
	width:0px;
	display:none;
	height:24px;
	background:#F00;
	bottom:5px;
	z-index:3;
}

.parallax_perpetuummobile.thumbs .bottomOverThumb {
	position:absolute;
	width:88px;
	height:95px;
	background:url(images/bottomOverThumbBg.png) 0px 0px no-repeat;
	bottom:25px;
	margin-left:-44px;
}
.parallax_perpetuummobile.thumbs .innerBottomOverThumb {
	position:relative;
	width:80px;
	height:80px;
	margin:4px 0 0 4px;
	overflow:hidden;
}
.parallax_perpetuummobile.thumbs .bottomOverThumb img {

}
.parallax_perpetuummobile.thumbs .playOver {
	position:absolute;
	width:73px;
	height:73px;
	background:url(images/play_overOFF.png) 0 0 no-repeat;
	display:none;
	z-index:4;
	cursor: pointer;
}

.parallax_perpetuummobile.thumbs .playOver:hover {
	background:url(images/play_overON.png) 0 0 no-repeat;
	display:none;
	z-index:4;
	cursor: pointer;
}

/* thumbs */
.parallax_perpetuummobile.thumbs .thumbsHolderWrapper {
	position:absolute;
	height:135px;
	width:100%;
	overflow:hidden;
	padding:0;
	z-index:2;
}
.parallax_perpetuummobile.thumbs .thumbsHolderVisibleWrapper {
	position:absolute;
	width:100%;
	height:135px;
	overflow:hidden;
}
.parallax_perpetuummobile.thumbs .thumbsHolder {
	position:absolute;	
}
.parallax_perpetuummobile.thumbs .thumbsHolder_ThumbOFF {
	float:left;
	display:block;
	width:95px;
	height:65px;
	cursor: pointer;
}


.parallax_perpetuummobile.thumbs .thumbsHolder_ThumbOFF img {
	position:relative;
}

.parallax_perpetuummobile.thumbs .thumbsHolder_ThumbON {
	background:url(images/thumbActiveArrow.png) center 0px no-repeat;
}

.parallax_perpetuummobile.thumbs .thumbsHolder_ThumbON img {
	position:relative;
}


.parallax_perpetuummobile.thumbs .carouselLeftNav {
	position:absolute;
	width:16px;
	height:135px;
	background:url(images/carouselLeftNavOFF.png) 0 0 no-repeat;
	cursor: pointer;
}

.parallax_perpetuummobile.thumbs .carouselLeftNav:hover {
	background:url(images/carouselLeftNavON.png) 0 0 no-repeat;
}

.parallax_perpetuummobile.thumbs .carouselLeftNavDisabled {
	background:url(images/carouselLeftNavDisable.png) 0 0 no-repeat;
	cursor:default;
}
.parallax_perpetuummobile.thumbs .carouselLeftNavDisabled:hover {
	background:url(images/carouselLeftNavDisable.png) 0 0 no-repeat;
}

.parallax_perpetuummobile.thumbs .carouselRightNav {
	position:absolute;
	width:16px;
	height:135px;
	background:url(images/carouselRightNavOFF.png) 0 0 no-repeat;
	cursor: pointer;
}

.parallax_perpetuummobile.thumbs .carouselRightNav:hover {
	background:url(images/carouselRightNavON.png) 0 0 no-repeat;
}

.parallax_perpetuummobile.thumbs .carouselRightNavDisabled {
	background:url(images/carouselRightNavDisable.png) 0 0 no-repeat;
	cursor:default;
}
.parallax_perpetuummobile.thumbs .carouselRightNavDisabled:hover {
	background:url(images/carouselRightNavDisable.png) 0 0 no-repeat;
}










/***Text Styles***/

.parallax_perpetuummobile_texts {
	position:absolute;
	z-index:2;
	/*display: none;*/
	width:100%;
}
.parallax_perpetuummobile_text_line {
	position:absolute;
}

.parallax_perpetuummobile_text_line div img {
	height: auto !important;
}