@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: 'QuicksandLight';
    src: url('http://tyttt.com/j/_type/Quicksand_Light-webfont.eot');
    src: url('http://tyttt.com/j/_type/Quicksand_Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://tyttt.com/j/_type/Quicksand_Light-webfont.woff') format('woff'),
         url('http://tyttt.com/j/_type/Quicksand_Light-webfont.ttf') format('truetype'),
         url('http://tyttt.com/j/_type/Quicksand_Light-webfont.svg#QuicksandLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'stmarie';
    src: url('http://tyttt.com/j/_type/StMarie-Thin-webfont.eot');
    src: url('http://tyttt.com/j/_type/StMarie-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://tyttt.com/j/_type/StMarie-Thin-webfont.woff') format('woff'),
         url('http://tyttt.com/j/_type/StMarie-Thin-webfont.ttf') format('truetype'),
         url('http://tyttt.com/j/_type/StMarie-Thin-webfont.svg#StMarieThin') format('svg');
    font-weight: normal;
    font-style:normal;

}

@font-face {
    font-family: 'bitch';
    src: url('http://tyttt.com/j/_type/bitchkerville.eot');
    src: url('http://tyttt.com/j/_type/bitchkerville.eot?#iefix') format('embedded-opentype'),
         url('http://tyttt.com/j/_type/bitchkerville.woff') format('woff'),
         url('http://tyttt.com/j/_type/bitchkerville.ttf') format('truetype'),
         url('http://tyttt.com/j/_type/bitchkerville.svg#bitch') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Crimson';
    src: url('http://tyttt.com/j/_type/Crimson-Roman-webfont.eot');
    src: url('http://tyttt.com/j/_type/Crimson-Roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://tyttt.com/j/_type/Crimson-Roman-webfont.woff') format('woff'),
         url('http://tyttt.com/j/_type/Crimson-Roman-webfont.ttf') format('truetype'),
         url('http://tyttt.com/j/_type/Crimson-Roman-webfont.svg#Crimson') format('svg');
    font-weight: normal;
    font-style: normal;

}

#contAb{
	position:absolute;
	width:auto;
	min-width:100%;
	height:auto;
	top:44%;
	text-align:center;
	z-index:1006;	
}


#contWrk{
	position:absolute;
	width:auto;
	min-width:100%;
	height:auto;
	text-align:center;
	z-index:9998;	
}

#wrk{
	/*background-color:rgba(0,0,0,0.4);*/
	color:#33CCCC;
	border:1px dashed;
	border-color:#33CCCC;
	font-family:Baskerville, 'Crimson', Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:100;
	font-style:oblique;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:2px;
	max-width:480px;
	height:auto;
}

#wrk a:link{
	text-decoration:none;
	color:#000;
}

#wrk a:visited{
	text-decoration:none;
	color:#000;
}

#wrk a:hover{
	text-decoration:none;
	color:#000;
}

#contStill{
	position:absolute;
	width:auto;
	min-width:100%;
	height:auto;
	top:22%;
	text-align:center;
	z-index:1003;	
}

#contVid{
	position:absolute;
	width:auto;
	min-width:100%;
	height:auto;
	top:25%;
	text-align:center;
	z-index:1002;
}


#contCont{
	position:absolute;
	width:auto;
	min-width:100%;
	height:auto;
	top:44%;
	text-align:center;
	z-index:1001;	
}

#contFri{
	position:absolute;
	width:auto;
	min-width:100%;
	height:auto;
	top:41%;
	text-align:center;
	z-index:1000;	
}

#still{
	margin:0 auto;
	
	text-align:center;
	/*background-color:rgba(0,0,0,0.4);*/
	padding:5px 5px 5px 5px;
	border:1px dashed;
	border-color:#33CCCC;
	width:918px;
	height:auto;
}

#stilllist li{
	display:inline-block;
	list-style-type: none;
	padding:0px 0px 0px 0px;
	cursor:pointer;
	vertical-align:top;
}


#abt{
	margin:0 auto;
	text-align:left;
	color:#000;
	border:1px dashed;
	border-color:#33CCCC;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:100;
	font-style:normal;
	padding:5px 5px 5px 5px;
	width:auto;
	max-width:165px;
	height:auto;
}

.abtp{
	background:#FFFFFF;display:inline;
	
	margin:0px 0px 0px 0px;
}


#vid{
	margin:0 auto;
	text-align:center;
	/*background-color:rgba(0,0,0,0.4);*/
	padding:5px 5px 5px 5px;
	border:1px dashed;
	border-color:#33CCCC;
	width:1255px;
	height:352px;
	vertical-align:central;
}

#cont{
	margin:0 auto;
	text-align:center;
	/*background-color:rgba(0,0,0,0.4);*/
	color:#000;
	border:1px dashed;
	border-color:#33CCCC;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:100;
	font-style: normal;
	padding:5px 5px 5px 5px;
	width:auto;
	max-width:110px;
	height:auto;
}

#fri{
	margin:0 auto;
	text-align:justify;
	/*background-color:rgba(0,0,0,0.4);*/
	color:#33CCCC;
	border:1px dashed;
	border-color:#33CCCC;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:100;
	font-style:normal;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:2px;
	width:auto;
	max-width:380px;
	height:auto;
}

#mail a:link{
	text-decoration:none;
	color:#000;
}

#mail a:visited{
	text-decoration:none;
	color:#000;
}

#mail a:hover{
	text-decoration:none;
	color:#000;
}

#fri a:link{
	text-decoration:none;
	color:#000;
}

#fri a:visited{
	text-decoration:none;
	color:#000;
}

#fri a:hover{
	text-decoration:none;
	color:#000;
}

#junm:hover{
	left:10px;
   	-webkit-transition: left 0.8s ease-in-out, background-color 0.6s;
    -o-transition: left 0.8s ease-in-out, background-color 0.6s;
    -moz-transition: left 0.8s ease-in-out, background-color 0.6s;
    transition: left 0.8s ease-in-out, background-color 0.6s;
}

.animate{
	left:0px;
   	-webkit-transition: left 0.8s ease-in-out, background-color 0.6s;
    -o-transition: left 0.8s ease-in-out, background-color 0.6s;
    -moz-transition: left 0.8s ease-in-out, background-color 0.6s;
    transition: left 0.8s ease-in-out, background-color 0.6s;
}

.animateWrk{
	top:43%;
	left:0px;
   	-webkit-transition: top 1.0s ease-in-out, background-color 0.6s;
    -o-transition: top 1.0s ease-in-out, background-color 0.6s;
    -moz-transition: top 1.0s ease-in-out, background-color 0.6s;
    transition: top 1.0s ease-in-out, background-color 0.6s;
   	-webkit-transition: left 1.0s ease-in-out, background-color 0.6s;
    -o-transition: left 1.0s ease-in-out, background-color 0.6s;
    -moz-transition: left 1.0s ease-in-out, background-color 0.6s;
    transition: left 1.0s ease-in-out, background-color 0.6s;
}

.animateWrk2{
	top:5%;
	left:-5px;
   	-webkit-transition: top 0.6s ease-in-out, background-color 0.6s;
    -o-transition: top 0.6s ease-in-out, background-color 0.6s;
    -moz-transition: top 0.6s ease-in-out, background-color 0.6s;
    transition: top 0.6s ease-in-out, background-color 0.6s;
}

.wrkwrk{
	margin:0 auto;
	text-align:center;
	-webkit-transition: margin 0.6s ease-in-out, background-color 0.6s;
    -o-transition: margin 0.6s ease-in-out, background-color 0.6s;
    -moz-transition: margin 0.6s ease-in-out, background-color 0.6s;
    transition: margin 0.6s ease-in-out, background-color 0.6s;	
}

.wrkwrk2{
	
	float:right;
	text-align:right;
	-webkit-transition: float 0.6s ease-in-out, background-color 0.6s;
    -o-transition: float 0.6s ease-in-out, background-color 0.6s;
    -moz-transition: float 0.6s ease-in-out, background-color 0.6s;
    transition: float 0.6s ease-in-out, background-color 0.6s;	
}

.animateOff{
	left:-16000px;
   	-webkit-transition: left 0.6s ease-in-out, background-color 0.6s;
    -o-transition: left 0.6s ease-in-out, background-color 0.6s;
    -moz-transition: left 0.6s ease-in-out, background-color 0.6s;
    transition: left 0.6s ease-in-out, background-color 0.6s;
}

.hold{
	left:0px;
   	-webkit-transition: left 2.0s ease-in-out, background-color 0.6s;
    -o-transition: left 2.0s ease-in-out, background-color 0.6s;
    -moz-transition: left 2.0s ease-in-out, background-color 0.6s;
    transition: left 2.0s ease-in-out, background-color 0.6s;
}