@charset "UTF-8";
/* CSS Document */


	   
@font-face {
	font-family: 'abel';
	src: url('fonts/Abel-Regular.eot');
	src: local('☺'), url('fonts/Abel-Regular.ttf') format('truetype'), url('fonts/Abel-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'searfont';
	src: local('☺'), url('fonts/underground.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'wasted';
	src: local('☺'), url('fonts/wasted.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


a {
	font-style:none;
	text-decoration:none;
	color:#000;
}


body {
	background:#000133;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

body#home #navhome,
body#canvas #navcanvas,
body#tod #navtod,
body#tred #navtred,
body#characters #navcharacters,
body#minigraffiti #navminigraffiti,
body#productions #navproductions,
body#sketches #navsketches,
body#om #navom,
body#kontakt #navkontakt
 {
	color:#06F;
}

#container {
	width:1200px;
	min-height:1200px;
	background-image:url(../img/bg3.png);
	margin:auto;
}

#content {
	/*width:800px;*/
	width:1000px;
	min-height:1100px;
	margin:auto;
	margin-top:35px;
}

#banner {
	width:612px;
	height:185px;
	background:#fff;
	padding:5px;
	margin:auto;
	border:7px solid #fff;
	border-radius:20px;
}






/*------------------------ slider ------------------------*/



/* http://www.menucool.com */

#sliderFrame 
{
    position:relative;
    width:700px;
    margin-top:; /*center-aligned*/
}

#slider, #slider div.sliderInner {
    width:612px;height:185px;/* Must be the same size as the slider images */
}

#slider {
	background:#000133 url(loading.gif) no-repeat 50% 50%;
	position:relative;
	/*margin:0 auto; /*center-aligned*/
    transform: translate3d(0,0,0);
    box-shadow: 0px 1px 5px #999999;
}

/* image wrapper */
#slider a.imgLink, #slider div.video {
	z-index:2;
	position:absolute;
	top:0px;left:0px;border:0;padding:0;margin:0;
	width:100%;height:100%;
}
#slider .video {
	background:transparent url(video.png) no-repeat 50% 50%;
}

/* Caption styles */
#slider div.mc-caption-bg, #slider div.mc-caption-bg2 {
	position:absolute;
	width:100%;
	height:auto;
	padding:10px 0;/* 10px will increase the height.*/
	left:0px; /*if the caption needs to be aligned from right, specify by right instead of left. i.e. right:20px;*/
	bottom:0px;/*if the caption needs to be aligned from top, specify by top instead of bottom. i.e. top:150px;*/
	z-index:3;
	overflow:hidden;
	font-size: 0;
}
#slider div.mc-caption-bg 
{
    /* NOTE: Its opacity is to be set through the sliderOptions.captionOpacity setting in the js-image-slider.js file.*/
	background:Black;/* or any other colors such as White, or: background:none; */
}
#slider div.mc-caption-bg2 {
    background:none;
}
#slider div.mc-caption {
	font: bold 14px/20px Arial;
	/*color:#EEE;*/
	z-index:4;
	text-align:center;
    background:none;
}/*
#slider div.mc-caption a {
	color:#FB0;
}
#slider div.mc-caption a:hover {
	color:#DA0;
}*/


/* ------ built-in navigation bullets wrapper ------*/
/* Note: check themes\2\js-image-slider.css to see how to hide nav bullets */
#slider div.navBulletsWrapper  {
    top:320px;/* Its position is relative to the #slider */
	text-align:center;
	background:none;
	position:relative;
	z-index:5;
}

/* each bullet */
#slider div.navBulletsWrapper div 
{
    width:11px; height:11px;
    /*font-size:0;color:White;/*hide the index number in the bullet element*/
    background:transparent url(bullet.png) no-repeat 0 0;
    display:inline-block; *display:inline; zoom:1;
    overflow:hidden;cursor:pointer;
    margin:0 6px;/* set distance between each bullet*/
}

#slider div.navBulletsWrapper div.active {background-position:0 -11px;}


/* --------- Others ------- */

#slider div.loading 
{
    width:100%; height:100%;
    background:transparent url(loading.gif) no-repeat 50% 50%;
    filter: alpha(opacity=60);
    opacity:0.6;
    position:absolute;
    left:0;
    top:0; 
    z-index:9;
}

#slider img, #slider>b, #slider a>b {
	position:absolute; border:none; display:none;
}

#slider div.sliderInner {
	overflow:hidden; 
	-webkit-transform: rotate(0.000001deg);/* fixed the Chrome not crop border-radius bug*/
	position:absolute; top:0; left:0;
}

#slider>a, #slider video, #slider audio {display:none;}



div.navBulletsWrapper {display:none;}



/*--------------------------------------------------------*/

/*#carousel {
        width: 612px;
		height:185px;
        overflow:hidden;
    }

#carousel ul {
        width: 612px;
        padding: 0;
        margin: 0;
    }

#carousel ul li {
        width:612px;
        text-align: center;
        height: 185px;
        list-style: none;
        float:  left;
    }
*/

#nav {
	width:539px;
	height:28px;
	background:#00F;
	margin:auto;
	margin-top:30px;
	margin-bottom:30px;
	border: solid 1px #e6e6e6;
	border-radius : 20px;
	moz-border-radius : 3px;
	-webkit-box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	-moz-box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	font-size : 16px;
	font-family:"abel";
	padding : 1px 17px;
	background : #ffffff;
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(49%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6));
	background : -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : -o-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	
}

#nav ul {
	display:inline-block;
	margin:0;
	padding:3px 0 0 0;
}

#nav li {
	display:inline;
	margin:0 14px;
}

#nav li:last-child {
	margin-right:0;
}

#nav_left {
	/*width:175px;*/
	width:280px;
	min-height:116px;
	float:left;
	text-align:center;
	margin:0 0 0 30px;
}

#fb-page {
}


#nav a:hover,
#nav2 a:hover,
#nav3 a:hover {
	color:#06F;
}

/*.btn-style{
	border : solid 1px #e6e6e6;
	border-radius : 3px;
	moz-border-radius : 3px;
	-webkit-box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	-moz-box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	font-size : 15px;
	width:100px;
	margin:20px 0 0 0;
	
	padding : 1px 17px;
	
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(49%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6));
	background : -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : -o-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
	cursor:pointer;
}*/

#navbutton ul {
	list-style:none;
	padding:0;
	margin:40px 0 0 0;
	float:right;
}

#navbutton li {
	width:100px;
	height:22px;
	margin:0 0 40px 0;
	padding:0;
	
	border : solid 1px #e6e6e6;
	border-radius : 20px;
	moz-border-radius : 3px;
	-webkit-box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	-moz-box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	font-size : 16px;
	font-family:"abel";

	background : #ffffff;
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(49%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6));
	background : -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : -o-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
}


/*#nav2 {
	width:100px;
	height:22px;
	background:#00F;
	margin:auto;
	float:left;
	margin-top:35px;
	margin-bottom:40px;
	border : solid 1px #e6e6e6;
	border-radius : 20px;
	moz-border-radius : 3px;
	-webkit-box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	-moz-box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	font-size : 16px;
	font-family:"abel";

	background : #ffffff;
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(49%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6));
	background : -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : -o-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : -ms-linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	background : linear-gradient(top, #ffffff 0%, #f1f1f1 49%, #e1e1e1 51%, #f6f6f6 100%);
	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
}*/


#main {
	width:481px;
	min-height:560px;
	background:#f1f1f1;
	border:1px solid #000;
	float:right;
	margin:0 184px 0 0;
}

#main_gallery {
	width:481px;
	height:560px;
	background:#000;
	border:1px solid #000;
	float:right;
	margin:0 184px 0 0;
	color:#fff;
	font-family:"abel";
}

#main_index {
	text-align:center;
	width:481px;
	height:740px;
	background:#f1f1f1;
	border:1px solid #000;
	float:right;
	margin:0 184px 0 0;
}

#index_img {
	-webkit-box-shadow : 0px 0px 5px rgba(0,0,0,1.0);
	-moz-box-shadow : 0px 0px 5px rgba(0,0,0,1.0);
	box-shadow : 0px 0px 5px rgba(0,0,0,1.0);
}

#main label {
	font-family:"abel";
}

h2 {
	text-align:center;
	font-family:"wasted";
	font-size:55px;
	font-weight:normal;
	margin:40px 0 30px 0;
}


#text {
	font-family:"abel";
	padding:0 50px 0 50px;
	line-height:25px;
}

#text textarea {
	width:200px;
	height:150px;
}

#message {
	text-align:center;
}

.field {
	border-radius:5px;
	border:1px solid;
}


#2d_gallery {
	margin:10px;
}


#footer {
	/*width:481px;
	height:50px;
	color:#fff;
	text-align:center;
	font-family:"abel";
	font-size:14px;
	float:right;
	margin:15px 107px 0 0;
	margin:15px 132px 0 0;
	padding:0;
	background-color:#0F0;*/
	
	width:481px;
	height:50px;
	margin:15px 184px 0 0;
	padding:0;
	color:#fff;
	text-align:left;
	font-family:"abel";
	font-size:14px;
	float:right;
}

#footer_index {
	width:481px;
	height:50px;
	margin:15px 184px 0 0;
	padding:0;
	color:#fff;
	text-align:left;
	font-family:"abel";
	font-size:14px;
	float:right;
}

#footer ul {
	display:inline-block;
	margin:0;
	margin:10px 0 0 0;
	padding:0;
}

#footer li {
	display:inline;
	margin:0 7px 0 0;
	padding:0;
}

#footer li:last-child {
	margin:0;
}

#footer_index ul {
	display:inline-block;
	margin:0;
	margin:10px 0 0 0;
	padding:0;
}

#footer_index li {
	display:inline;
	margin:0 7px 0 0;
	padding:0;
}

#footer_index li:last-child {
	margin:0;
}


#social {
	width:481px;
	height:30px;
	margin:0 184px 0 0;
	padding:0;
	text-align:center;
	float:right;
}