@charset "utf-8";

html {
	margin: 0px;
	padding: 0px;
	-webkit-font-smoothing: antialiased !important;
}
body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: 'Dhurjati', sans-serif;
	color: #FFFFFF;
	font-size: 150%;
	letter-spacing: 0px;
	word-spacing: 0px;
	background-color: #fff;
}
p {
	/*margin: 15px;*/
}
strong {
	font-style: normal;
	color: #888;
}
b {
	font-weight: 500;
	color: #777;
}
table {
  border-spacing: 15px;
  width: 100%;
}
@media screen and (max-width: 650px){
       table {
              border-spacing: 0px;
       }
}
th {
	color: #000;
	text-align: left;
	text-decoration: underline;
}
td {
	text-align: left;
	font-style: italic;
	color: #999;
	vertical-align: top;
}
.enhance {
	color: #AAA;
	font-weight: 600;
	font-size: 130%;
	line-height: 95%;
}
.enhance2 {
	color: #AAA;
	font-weight: 600;
	font-size: 120%;
	line-height: 95%;
}
a:link {
	color: #E67150;
	text-decoration: none;
}
a:visited {
	color: #BBB;
	text-decoration: none;
}
a.navlogo:visited {
	color: #BBB;
	text-decoration: none;
}
a:active {
	color: #FF7300;
	text-decoration: none;
}
a:hover {
	color: #FFF;
	text-decoration: none;
}
#contentwrapper {
	max-width: 1600px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
#navbarwrap {
	height: 50px;
	line-height: 50px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background: -moz-linear-gradient(left, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0.2) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.2)), color-stop(50%,rgba(0,0,0,0.6)), color-stop(100%,rgba(0,0,0,0.2))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0.2) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0.2) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0.2) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0.2) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#33000000',GradientType=1 ); /* IE6-9 */
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}
#navbar {
	height: 100%;
	min-width: 300px;
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
}
#navlogo {
	float: left;
	height: 50px;
	width: 32%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	background-image: url(../images/unlimitune_small_logo.png);
	display: block;
	transition: opacity .40s ease-out;
   -moz-transition: opacity .40s ease-out;
   -webkit-transition: opacity .40s ease-out;
}
#navlogo a {
	display: block;
	height: 50px;
	width: 100%;
}
#navlogo:hover {
	opacity: 0.5;
	filter: Alpha(opacity=50);
	background-color: #000;
}
.nav {
	list-style: none;
	margin: 0px 0px;
    padding: 0px 0px;
	height: 50px;
}
.nav li {
	padding-top: 0px;
	font-weight: normal;
	font-size: 60%;
	letter-spacing: 1px;
	display: block;
	float: left;
	height: 49px;
	width: 17%;
	margin: 0 0 0 0;
	text-align: center;
	cursor: pointer;
	transition: opacity .40s ease-out;
   -moz-transition: opacity .40s ease-out;
   -webkit-transition: opacity .40s ease-out;
}
.nav li a {
	display: block;
	color: #FFF;
}
.nav li:hover {
	background-color: #000;
	opacity: 0.5;
	filter: Alpha(opacity=50);
	text-shadow: 0 0 6px #D6712D;
}
.sticky {
	position: fixed;  
	width: 100%;  
	left: 0;  
	top: 0;  
	z-index: 100;  
	border-top: 0;  
}

#spacerblock {
	width: 100%;
	height: 200px;
}
@media screen and (max-width: 750px){
    #spacerblock {
		height: 110px;
    }
}
#spacerblock2 {
	width: 100%;
	height: 50px;
}
#logoblock {
	max-width: 1600px;
	height: 1064px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-image: url(../images/jarkkohietanen_bg.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
#fadebar {
		position: absolute;
		bottom: 0px;
		height: 76px;
		width: 100%;
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.58) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.58))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.58) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.58) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.58) 100%); /* IE10+ */
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.58) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#94000000',GradientType=0 ); /* IE6-9 */
	}
@media screen and (min-width: 651px){
	.logoblockripple {
		width: 100%;
		height: 376px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		background-image: url(../images/jarkkohietanen_bg.png);
		background-position: top;
		background-size: cover;
		position: relative;
		filter: url("#turbulence");
	}
	#fadebar {
		position: absolute;
		bottom: 0px;
		height: 300px;
		width: 100%;
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.58) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.58))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.58) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.58) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.58) 100%); /* IE10+ */
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.58) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#94000000',GradientType=0 ); /* IE6-9 */
	}
}
#logoblockcontentwrapper {
	padding-top: 250px;
	min-width: 250px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#logoblockcontent {
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	padding-top: 160px;
	color: #555;
	letter-spacing: 1px;
	line-height: 100%;
	text-align: center;
	font-family: 'Rajdhani', sans-serif;
	/*background: rgb(0,0,0);
	background: -moz-radial-gradient(ellipse closest-side, rgba(0,0,0,0.49763655462184875) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-radial-gradient(ellipse closest-side, rgba(0,0,0,0.49763655462184875) 0%, rgba(255,255,255,0) 100%);
	background: radial-gradient(circle ellipse closest-side, rgba(0,0,0,0.49763655462184875) 0%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1);*/
}
#logotextabovecontainer {
	margin-left: auto;
	margin-right: auto;
	font-style: normal;
	font-weight: normal;
	font-size: 110%;
	padding-bottom: 3px;
	padding-top: 20px;
	font-weight: 700;
	background-color: white;
	color: black;
	/*mix-blend-mode: hard-light;*/
	opacity: 0.6;
	filter: Alpha(opacity=60);
}
#logotextabove {
	padding-top: 2px;
	/*background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);*/
}
@media screen and (max-width: 650px){
	#logoblockcontentwrapper {
		padding-top: 100px;
		min-width: 250px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}
	#logoblock  {
		max-width: 1600px;
		height: 450px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		background-image: url(../images/jarkkohietanen_bg_small.jpg);
		background-position: top;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
	}
	#logoblockcontent {
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
		padding-top: 10px;
		padding-bottom: 50px;
		color: #555;
		letter-spacing: 1px;
		line-height: 100%;
		text-align: center;
		font-family: 'Rajdhani', sans-serif;
	}
}
#logobigtext {
	text-align: center;
	padding-top: 8px;
	margin-left: auto;
	font-style: normal;
	margin-right: auto;
	font-weight: 700;
	font-size: 400%;
	letter-spacing: -5px;
	color: #000;
	line-height: 90%;
	background-color: white;
	opacity: 0.6;
	filter: Alpha(opacity=60);
	text-shadow: 1px 1px 1px #fff;
}
@media screen and (max-width: 650px){
    #logobigtext {
		text-align: center;
		padding-top: 8px;
		margin-left: auto;
		font-style: normal;
		margin-right: auto;
		font-weight: 700;
		font-size: 370%;
		letter-spacing: -5px;
		color: #000;
		line-height: 90%;
		background-color: white;
		opacity: 0.6;
		filter: Alpha(opacity=60);
		text-shadow: 1px 1px 1px #fff;
	}
}
#logoline {
	margin-left: auto;
	margin-right: auto;
	max-width: 260px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #ead093;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
#logotextbelowcontainer {
	margin-left: auto;
	margin-right: auto;
	font-style: normal;
	font-weight: normal;
	font-size: 110%;
	padding-bottom: 20px;
	padding-top: 3px;
	font-weight: 700;
	background-color: white;
	color: black;
	/*mix-blend-mode: hard-light;*/
	opacity: 0.6;
	filter: Alpha(opacity=60);
}
#logotextbelow {
	padding-top: 2px;
	/*background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);*/
}
/*#logo {
	max-width: 450px;
	height: 200px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	background-image: url(../images/unlimitune_logo_v2.1.png);
}*/
#musicbox {
	margin-left: auto;
	margin-right: auto;
	max-width: 1700px;
	font-size: 100%;
	color: #777;
	text-shadow: 0px;
	font-weight: 400;
	letter-spacing: 0px;
	font-family: 'Rajdhani', sans-serif;
	text-align: left;
	padding-right: 2%;
	padding-left: 2%;
	padding-bottom: 60px;
	text-align: center;
}
#musicwrapper {
	width: 450px;
	height: 100%;
	display: inline-block;
	vertical-align: top;
	padding-top: 1%;
	padding-left: 1%;
	padding-right: 1%;
	padding-bottom: 2%;
}
#musicmedia {
	width: 40%;
	float: left;
	padding-right: 2%;
}
#musicmedia img {
	opacity: 0.5;
	filter: Alpha(opacity=50);
	transition: opacity .20s ease-out;
   -moz-transition: opacity .20s ease-out;
   -webkit-transition: opacity .20s ease-out;
}
#musicmedia  img:hover {
	opacity: 1.0;
	filter: Alpha(opacity=100);
	transition: opacity .20s ease-out;
   -moz-transition: opacity .20s ease-out;
   -webkit-transition: opacity .20s ease-out;
}
#musicdesc {
	padding-left: 2%;
	font-size: 25%;
	width: 56%;
	float: right;
	word-spacing: 1px;
	color: #999;
	text-align: left;
	height: 100%;
}
#musicdesc span {
	color: #000;
	text-transform: uppercase;
}
.musicbutton {
	border: solid;
	border-width: 1px;
	border-color: #CCC;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	padding-right: 15px;
	display: inline-block;
	margin-top: 10px;
}
#musicdesc a:visited {
	color: #E67150;
}
#musicdesc a:hover {
	color: #F42300;
}
@media screen and (max-width: 770px){
	#musicwrapper {
		width: 200px;
		margin-left: 2%;
		margin-right: 2%;
		text-align: center;
		height: 100%;
		padding-bottom: 7%;
	}
	#musicmedia {
		padding-right: 0;
		min-width: 200px;
    }
	#musicdesc {
		width: 100%;
		padding-right: 0%;
		padding-left: 0;
    }
}
#newsbox {
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
	font-size: 100%;
	color: #777;
	text-shadow: 0px;
	font-weight: 400;
	letter-spacing: 0px;
	font-family: 'Rajdhani', sans-serif;
	text-align: left;
	padding-right: 2%;
	padding-left: 2%;
}
#newstitle {
	width: 96%;
	color: #999;
	font-size: 35%;
	padding-bottom: 1%;
}
#newswrapper {
	width: 100%;
	overflow: hidden;
}
#newsmedia {
	width: 62%;
	float: left;
	padding-right: 2%;
}
@media screen and (max-width: 770px){
/*@media screen and (max-width: 9999px){*/
    #newsmedia {
		width: 100%;
		padding-right: 0;
		padding-bottom: 20px;
    }
}
.videoWrapper {
	position: relative;
	padding-bottom: 54%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	background-color: #000;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#newsmedia img {
	width: 100%;
	height: 100%;
	transition: opacity .20s ease-out;
   -moz-transition: opacity .20s ease-out;
   -webkit-transition: opacity .20s ease-out;
}
#newsmedia img:hover {
	opacity: 0.5;
	filter: Alpha(opacity=50);
	transition: opacity .20s ease-out;
   -moz-transition: opacity .20s ease-out;
   -webkit-transition: opacity .20s ease-out;
}
#showsdiv img:hover {
	opacity: 1.0;
	filter: Alpha(opacity=100);
	transition: opacity .20s ease-out;
   -moz-transition: opacity .20s ease-out;
   -webkit-transition: opacity .20s ease-out;
}
#showsdiv img {
	width: 100%;
	height: 100%;
	opacity: 0.5;
	filter: Alpha(opacity=50);
	transition: opacity .20s ease-out;
   -moz-transition: opacity .20s ease-out;
   -webkit-transition: opacity .20s ease-out;
}
#newsdesc {
	padding-left: 2%;
	font-size: 25%;
	width: 34%;
	float: left;
	word-spacing: 1px;
	color: #999;
}
@media screen and (max-width: 770px){
    #newsdesc {
		width: 98%;
		padding-right: 2%;
		padding-left: 0;
    }
}
#newsdesc a:visited {
	color: #E67150;
}
#newsdesc a:hover {
	color: #F42300;
}
.newstitle2 {
	color: #777;
	font-weight: 600;
}
.newstitle3 {
	color: #AAA;
}
#newsspacer {
	width: 100%;
	height: 80px;
	float: left;
	display: block;
}
#about {
	width: 100%;
	height: 403px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: cover;
	background-image: url(../images/about.jpg);
}
#aboutcontent {
	padding-top: 20px;
	padding-bottom: 55px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
	max-width: 700px;
	height: 100%;
	font-size: 25%;
	color: #999;
	text-shadow: 0px;
	font-weight: 400;
	letter-spacing: 0px;
	font-family: 'Rajdhani', sans-serif;
	text-align: left;
}
#aboutcontent a:visited {
	color: #E67150;
}
#aboutcontent a:hover {
	color: #F42300;
}
#servicesbuttons {
	padding-bottom: 75px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	text-shadow: 0px;
	color: #999;
	font-weight: 400;
	letter-spacing: 0px;
	font-family: 'Rajdhani', sans-serif;
	text-align: center;
}
#servicesinfo {
	padding-top: 20px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
	max-width: 680px;
	font-size: 25%;
	color: #999;
	text-shadow: 0px;
	font-weight: 400;
	letter-spacing: 0px;
	font-family: 'Rajdhani', sans-serif;
	text-align: center;
	display: none;
}
.services  {
	display: inline-block;
	width: 150px;
	height: 150px;
	border-radius: 100px;
	color: #888;
	line-height: 150px;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;
	background: #e6e6e6;
	font-size: 25%;
	font-weight: 500;
	margin: 2px;
	border-style: solid;
	border-width: 8px;
	transition: opacity .40s ease-out;
   -moz-transition: opacity .40s ease-out;
   -webkit-transition: opacity .40s ease-out;
   opacity: 0.6;
	filter: Alpha(opacity=60);
}
.services:visited {
	color: #888;
	background: #e6e6e6;
	transition: opacity .40s ease-out;
   -moz-transition: opacity .40s ease-out;
   -webkit-transition: opacity .40s ease-out;
   opacity: 0.6;
	filter: Alpha(opacity=60);
}
.services:link {
	color: #888;
	background: #e6e6e6;
	text-decoration: none;
	transition: opacity .40s ease-out;
   -moz-transition: opacity .40s ease-out;
   -webkit-transition: opacity .40s ease-out;
    opacity: 0.6;
	filter: Alpha(opacity=60);
}
.services:hover {
	color: #E67150;
	background: #EEE;
	text-decoration: none;
	transition: opacity .40s ease-out;
   -moz-transition: opacity .40s ease-out;
   -webkit-transition: opacity .40s ease-out;
    opacity: 1.0;
	filter: Alpha(opacity=100);
}
#contact {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 400px;
	color: #888;
	overflow: hidden;
}
#gmap_canvas {
	height: 400px;
	width: 100%;
}
#gmap_canvas img {
	max-width: none!important;
	background: none!important;
}
@media screen and (max-width: 750px){
    #contact {
		height: 150px;
    }
}
@media screen and (max-width: 750px){
    #gmap_canvas {
		height: 150px;
    }
}
.endtext {
	font-size: 100%;
}
@media screen and (max-width: 750px){
    .endtext {
		font-size: 90%;
    }
}
#contactcontent {
	padding-bottom: 75px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
	max-width: 600px;
	height: 100%;
}
#workcontent {
	padding-top: 20px;
	padding-bottom: 75px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	font-size: 25%;
	color: #999;
	text-shadow: 1px 1px #EEE;
	font-weight: 400;
	letter-spacing: 0px;
	font-family: 'Rajdhani', sans-serif;
	text-align: center;
}
#workcontent a {
	color: #FF5900;
	text-decoration: none;
}
#workcontent a:visited {
	color: #F56416;
	text-decoration: none;
}
#workcontent a:hover {
	color: #BBB;
	text-decoration: none;
}
#fadebar2 {
	height: 120px;
	width: 100%;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.68) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.3)), color-stop(100%,rgba(0,0,0,0.68))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.68) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.68) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.68) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.68) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#ad000000',GradientType=0 ); /* IE6-9 */
}
#darkblock {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	background-image: url(../images/darkblockbg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #191919;
	padding-top: 80px;
	padding-bottom: 80px;
}
#darkblockcontent {
	min-width: 250px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	color: #666;
	letter-spacing: 1px;
	line-height: 100%;
	text-align: center;
	font-family: 'Rajdhani', sans-serif;
	font-weight: normal;
	text-shadow: 2px 2px #000;
}
.darkblockalttext {
	font-weight: 200;
	font-size: 300%;
	letter-spacing: -5px;
	color: #CCC;
	line-height: 90%;
}
#bigtext {
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 12px;
}
#darkline {
	margin-left: auto;
	margin-right: auto;
	max-width: 260px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #222;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
#lightline {
	margin-left: auto;
	margin-right: auto;
	max-width: 150px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEE;
}
#smalltext2 {
	font-style: normal;
	margin-left: auto;
	margin-right: auto;
	max-width: 620px;
	font-size: 90%;
	padding-bottom: 13px;
}
#smalltext {
	font-style: italic;
	padding-top: 15px;
	margin-left: auto;
	margin-right: auto;
	max-width: 400px;
	font-size: 90%;
}
#lightblock {
	padding-top: 60px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	background-color: #F5F5F5;
	color: #CCC;
	font-size: 300%;
	font-weight: 300;
	font-family: 'Rajdhani', sans-serif;
	text-shadow: 1px 1px #EEE;
	letter-spacing: 1px;
	text-align: center;
	overflow: hidden;
}
#lightblockcontent {
	padding-top: 60px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 100%;
}
#transparentcreditsblock {
	padding-top: 80px;
	padding-bottom: 100px;
	color: #FFF;
	font-size: 260%;
	font-weight: 300;
	font-family: 'Rajdhani', sans-serif;
	text-shadow: 1px 1px #000;
	letter-spacing: 1px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.68) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.3)), color-stop(100%,rgba(0,0,0,0.68))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.68) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.68) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.68) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.68) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#ad000000',GradientType=0 ); /* IE6-9 */
}
#creditsblock {
	padding-top: 40px;
	margin-left: auto;
	margin-right: auto;
	max-width: 900px;
}
#creditsblockcontent {
	font-family: 'Rajdhani', sans-serif;
	font-size: 29%;
	font-weight: 400;
	background-color: #F5F5F5;
	padding: 30px 30px 30px 30px;
	max-width: 900px;
	text-shadow: 1px 1px #EEE;
	letter-spacing: 1px;
	word-spacing: 1px;
	height: auto;
}
@media screen and (max-width: 650px){
#creditsblockcontent {
	font-family: 'Rajdhani', sans-serif;
	font-size: 23%;
	font-weight: 400;
	background-color: #F5F5F5;
	padding: 30px 0px 30px 7px;
	max-width: 900px;
	text-shadow: 1px 1px #EEE;
	letter-spacing: 1px;
	word-spacing: 1px;
	height: auto;
}
}
#creditsblockcontent1 {
	float: left;
	color: #000;
	width: 33%;
	text-align: left;
}
.title {
	font-style: normal;
	color: #000;
}
#creditsblockcontent2 {
	float: left;
	color: #999;
	width: 33%;
	text-align: center;
}
#creditsblockcontent3 {
	float: right;
	color: #999;
	width: 33%;
	text-align: right;
}
#clients {
	padding-top: 70px;
	padding-bottom: 60px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 100%;
}
#clients img {
	height: 70px;
	width: auto;
	padding-right: 20px;
	padding-left: 20px;
	opacity: 0.5;
	filter: Alpha(opacity=50);
	transition: opacity .20s ease-out;
   -moz-transition: opacity .20s ease-out;
   -webkit-transition: opacity .20s ease-out;
}
#clients img:hover {
	opacity: 1;
	filter: Alpha(opacity=100);
}
#transparentblock {
	color: #FFF;
	font-size: 260%;
	font-weight: 300;
	font-family: 'Rajdhani', sans-serif;
	text-shadow: 1px 1px #000;
	letter-spacing: 1px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	background: rgba(0, 0, 0, 0.3);
	background-image: url(../images/jarkkohietanen_bg.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
#transparentblock2container {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	background-image: url(../images/jarkkohietanen_bg.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
#transparentblock3container {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	background-image: url(../images/jarkkohietanen_bg.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
#transparentblock2 {
	padding-top: 80px;
	padding-bottom: 80px;
	color: #FFF;
	font-size: 260%;
	font-weight: 300;
	font-family: 'Rajdhani', sans-serif;
	text-shadow: 1px 1px #000;
	letter-spacing: 1px;
	text-align: t;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.68) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.3)), color-stop(100%,rgba(0,0,0,0.68))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.68) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.68) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.68) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.68) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#ad000000',GradientType=0 ); /* IE6-9 */
}
#transparentblock3 {
	height: 500px;
	padding-top: 80px;
	padding-bottom: 100px;
	color: #FFF;
	font-size: 260%;
	font-weight: 300;
	font-family: 'Rajdhani', sans-serif;
	text-shadow: 1px 1px #000;
	letter-spacing: 1px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.68) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.3)), color-stop(100%,rgba(0,0,0,0.68))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.68) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.68) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.68) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.68) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#ad000000',GradientType=0 ); /* IE6-9 */
}
#transparentblockcontent {
	padding-top: 80px;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.68) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.3)), color-stop(100%,rgba(0,0,0,0.68))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.68) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.68) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.68) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.68) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#ad000000',GradientType=0 ); /* IE6-9 */
	
}
#transparentblockcontent2 {
	padding-top: 40px;
	padding-bottom: 80px;
	min-width: 250px;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	line-height: 95%;
	
}
#musicplayer {
	padding-top: 40px;
	padding-left: 10px;
	padding-right: 10px;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}
#scroller {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
.slidee {
	list-style: none;
	margin: 0px 0px;
    padding: 0px 0px;
	height: 100%;
	font-size: 30px;
}
.slidee li {
	float: left;
	height: 300px;
	width: 256px;
	margin: 0 0 0 0;
	background-color: #000;
	text-align: center;
	cursor: pointer;
	opacity: 0.5;
	filter: Alpha(opacity=50);
	transition: opacity .20s ease-out;
   -moz-transition: opacity .20s ease-out;
   -webkit-transition: opacity .20s ease-out;
}
.slidee li:hover {
	opacity: 1;
	filter: Alpha(opacity=100);
}
.slidee li.active {
	background-color: #000;
	opacity: 1;
	filter: Alpha(opacity=100);
}
.slidee li img {
	width: 256px;
	height: 300px;
}
#scrollbarcontainer {	
	margin-left: auto;
	margin-right: auto;
	width: 100%;
 }
.scrollbar {	
	margin: 0 0 1em 0;
	height: 2px;
	background: #ccc;
	line-height: 0;
}
.scrollbar .handle {
	width: 100px;
	height: 100%;
	background: #292a33;
	cursor: pointer;
}
.scrollbar .handle .mousearea {
	position: absolute;
	top: -9px;
	left: 0;
	width: 100%;
	height: 20px;
}
#textdivcontentplayer {
	border-left-style: dotted;
	border-right-color: black;
	border-right-style: dotted;
	border-left-color: black;
	border-left-width: 1px;
	border-right-width: 1px;
	opacity: 0.8;
	filter: Alpha(opacity=80);
	text-align: center;
	padding: 0 20px 0 20px;
}
#textdivcontentplayer:hover {
	opacity: 1;
	filter: Alpha(opacity=100);
}
/*=============================
	
		BEGIN Contact
	
	=============================*/
		
		#contact_form {
			width: 100%;
			min-height: 200px;
			position: relative;
			overflow: hidden;
		}
		
		#contact_form input, 
		#contact_form textarea {
			width: 93%;
			height: 40px;
			padding: 0 3%;
			display: block;
			font-size: 25%;
			color: #fff;
			border: none;
			background: rgba(0, 0, 0, 0.6);
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			font-family: 'Dhurjati', sans-serif;
			margin-top: 20px;
		}
		
		#contact_form textarea {
			height: 120px;
			padding-top: 10px;
		}
		
		#contact_form label {
			font-family: 'Dhurjati', sans-serif;
			font-size: 25%;
			font-weight: normal;
			color: #EEE;
			text-shadow: 1px 1px #000;
			letter-spacing: 1px;
			line-height: 95%;	
		}
		
		#contact_form #loader {
			position: absolute;
			bottom: -33px;
			right: 65px;
			display: none;
		}
		
		#submit_button {
			line-height: 24px;
			width: 100%;
			font-size: 25%;
			letter-spacing: 1px;
			font-family: 'Dhurjati', sans-serif;
		}
		
		#send_message {
			color: #9ecb5f;
		}
		
#footer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	background-image: url(../images/darkblockbg.jpg);
	background-color: #191919;
	padding-top: 20px;
	background-size: cover;
	background-repeat: no-repeat;
}
#footercontent {
	min-width: 250px;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	color: #666;
	font-size: 60%;
	letter-spacing: 1px;
	line-height: 100%;
	text-align: center;
	font-family: 'Dhurjati', sans-serif;
	font-weight: 300;
	text-shadow: 1px 1px #000;
	padding-top: 15px;
	padding-bottom: 15px;
}
#footercontent img {
	width: 50px;
	height: 50px;
	padding-left: 5px;
	padding-right: 5px;
	opacity: 0.5;
	filter: Alpha(opacity=50);
	transition: opacity .20s ease-out;
   -moz-transition: opacity .20s ease-out;
   -webkit-transition: opacity .20s ease-out;
}
#footercontent img:hover {
	opacity: 1;
	filter: Alpha(opacity=100);
}