/*
Theme Name: tyf Welkome
Author URI: http://www.tyf.fr
Description: theyellowfabrik landing page was coded by Goakamol.
Author: tyf / Goakamol
Version: 1.0
Copyright: (c) 2011 tyf
*/

html { height:100%; }
::-moz-selection{ background: #FFFF00; color:#FFF; text-shadow: 0 0px 0px #c4c4c4; }
::selection { background:#FFFF00; color:#FFF; text-shadow: 0 0px 0px #c4c4c4; } 

@font-face { 	font-family : 'HelveticaNeue-Roman', Sans-serif;
				src: url('fonts/HelveticaNeue-Roman.otf') format('truetype'); 
				}


* { margin:0; padding:0; }

body { background:#111; height:100%; }

img { border:none; }

a { color#000; }

#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}
#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }
			
#page-table { height:100%; width:100%; border-collapse:collapse; text-align:center; }
#page-td { height:100%; padding:0; vertical-align:middle; }
#tyf { background:transparent; width:590px; height:500px; margin:20px auto; text-align:left; }

#blok1 { width:590px; height:79px; background:transparent; }
.logotyf { width:86px; height:79px; }
.davidritter { float:right; background:transparent; width:230px; height:79px; padding:0; margin-top:-69px; margin-right:263px; font-family:"HelveticaNeue-Roman", arial, sans-serif; font-size:1.2em; font-weight: 400; text-transform:uppercase; letter-spacing:-1px; white-space:pre; }

#blokinter { width:516px; height:8px; margin-left:97px; }

#blok2 { width:590px; height:79px; background:transparent; margin-top:20px; }
.labelz { background:transparent; padding:0; margin-left:106px; font-family:"HelveticaNeue-Roman", arial, sans-serif; font-size:0.7em; letter-spacing:0px; }

#blok3 { width:590px; height:10px; background:transparent; margin-top:-30px; }
.work { background:transparent; padding:0; margin-left:37px; font-family:"Georgia", arial, sans-serif; font-size:0.7em; letter-spacing:0px; font-style:italic; font-weight:200; }
.portfolio { float:right; background:transparent; width:230px; padding:0; margin-top:-14px; margin-right:255px; font-family:"HelveticaNeue-Roman", arial, sans-serif; font-size:1.3em; font-weight:500; text-transform:uppercase; letter-spacing:-1px; white-space:pre; border-top:1px Solid #000; }
.portfolio a { color:#000; text-decoration:none; padding-right:99px; background:transparent; }

#blok4 { width:590px; height:10px; background:transparent; margin-top:35px; }
.about { background:transparent; padding:0; margin-left:40px; font-family:"Georgia", arial, sans-serif; font-size:0.7em; letter-spacing:0px; font-style:italic; font-weight:200; }
.blog { float:right; background:transparent; width:230px; padding:0; margin-top:-14px; margin-right:255px; font-family:"HelveticaNeue-Roman", arial, sans-serif; font-size:1.3em; font-weight:500; text-transform:uppercase; letter-spacing:-1px; white-space:pre; border-top:1px Solid #000; }
.blog a { color:#000; text-decoration:none; padding-right:165px; background:transparent; }


#blokinter2 { width:516px; height:8px; margin-left:97px; margin-top:50px; }

#blok5 { width:590px; height:10px; background:transparent; margin-top:10px; }
.contact { background:transparent; padding:0; margin-left:-5px; font-family:"Georgia", arial, sans-serif; font-size:0.7em; letter-spacing:0px; font-style:italic; font-weight:200; }
.social { float:right; background:transparent; width:230px; padding:0; margin-top:-14px; margin-right:255px; border-top:1px Solid #000; }
.social img { margin-top:10px; }

#blok6 { width:590px; height:10px; background:transparent; margin-top:100px; }
.footer { float:right; background:transparent; width:508px; padding:0; margin-top:-10px; margin-right:-23px; font-family:"HelveticaNeue-Roman", arial, sans-serif; font-size:0.6em; border-top:1px Solid #000; }