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

body{
	background-color:#FBF9F8;
	width:100%;
	margin: 0px;
}

#header-wrap{
	
	top: 0;
	background-color:#FBF9F8;
	position: relative;
	width:960px;
	margin-left:auto;
	margin-right:auto;
	
}

.teamPictures{
	
	width:100px;
	height:100px;
	float:none;
	margin-left:215px;
	margin-top:90px;
	position:absolute;
	border:#ECECED 2px solid;

}

#header{
	top: 0;
	overflow:visible;
	position: fixed;
	padding-top:8px;
	height:60px;
	background-color:#FBF9F8;
	z-index: 10000;
}

.fullBackground{
	position:relative;
	float:left;
	background-position:center;
	height:800px;
	width: 100%;
	background-color:#FBF9F8;
<!--	background-image:url(../imgs/nice_fake.jpg);-->
	background-repeat:repeat-x;
	border-top:#666 2px solid;
	border-bottom:#666 2px solid;
	
}

 
#header .dead a:link{
	background-image:url(../Images/headerbuttondead.png);
	background-repeat:no-repeat;
	height:36px;
	width:134px;
	display:block;
	text-align:center;
	color:#141414;
	padding-top:13px;
	font-size:18px;
	text-decoration:none;
	float:left;
	/*padding-left:5px;
	padding-right:5px;*/
	font-family: 'AvenirLTStd35Light', Arial, Helvetica, sans-serif;
	font-weight:100;
	letter-spacing:2px;
}

#header a:link{
	background-image:url(../Images/headerbutton.png);
	background-repeat:no-repeat;
	height:36px;
	width:134px;
	display:block;
	text-align:center;
	color:#141414;
	padding-top:13px;
	font-size:18px;
	text-decoration:none;
	float:left;
/*	padding-left:5px;
	padding-right:5px;*/
	font-family: 'AvenirLTStd35Light', Arial, Helvetica, sans-serif;
	font-weight:100;
	letter-spacing:2px;
	
}

#header a:visited{
	background-image:url(../Images/headerbutton_visited.png);
	background-repeat:no-repeat;
	height:36px;
	width:134px;
	display:block;
	text-align:center;
	color:#141414;
	padding-top:13px;
	font-size:18px;
	text-decoration:none;
	float:left;
/*	padding-left:5px;
	padding-right:5px;*/
	font-family: 'AvenirLTStd35Light', Arial, Helvetica, sans-serif;
	font-weight:100;
	letter-spacing:2px;
	
}

.intro{
	width:100%;
	height:699px;
	float:left;
	border-bottom:#ECECED 2px solid;
	background-image:url(../Images/preparen1.png);
	background-repeat:repeat-x;
	background-position:center;
}

.headerspliter{
	display:block;
	width:110px;
	float:left;
	position:relative;
}

.headerelephant{
	float:left;
	position:absolute;
	background-image:url(../Images/elephant.png);
	width:780px;
	height:100px;
	left:-334px;
	top:-10px;
	pointer-events:none;
	margin-left : auto ;
	margin-right : auto ;
}

.headerlogo{
	float:left;
	position:fixed;
	left:404px;
	width:68px;
	height:68px;e
	background-color:#FFF;
	
}

.elephantbar{
	width:100%;
	height:68px;
	float:left;
<!--	border-bottom:#000 2px solid;-->
	/*	background-image:url(../Images/elephant2.gif);*/
	background-repeat:repeat-x;
	background-position:center;
	border-color:#333;
<!--	border-top:#000 2px solid;-->
}

.content{
	position:relative;
	width:960px;
	margin-left:auto;
	margin-right:auto;
}
.line{
	background-image:url(../Images/maintextline.png);
	width:3px;
	height:340px;
	position:relative;
	float:left;
	margin-left:50px;
}
.maintext{
	float:left;
	position:relative;
	background-image:url(../Images/maintextline.png);
	background-repeat:no-repeat;
	background-color:#FBF9F8;
	width:500px;
	height:auto;/*650px;*/
    font-family: 'AvenirLTStd35Light', Arial, Helvetica, sans-serif;
	font-size:16px;
	padding:0px;
	margin:0px;
	margin-top:50px;
	padding-bottom:50px;
	padding-left:20px;
	padding-right:15px;
	margin-right:3px;
	box-shadow: 0px 0px 8px 1px #333;
}

.projecttext{
	float:left;
	position:relative;
	background-image:url(../Images/maintextline.png);
	background-repeat:no-repeat;
	width:350px;
	height:700px;
    font-family: 'AvenirLTStd35Light', Arial, Helvetica, sans-serif;
	font-size:16px;
	padding:0px;
	margin:0px;
	padding-left:20px;	
	margin-right:3px;

}

.pictureTumb{

	margin-top:25px;
	border:#ECECED 2px solid;
	width:267px;
	height:150px;
	float:left;	
	margin-left:25px;
	box-shadow: 0px 0px 8px 1px #333;
}

.medianormal {
	background-image:url(../Images/maintextline.png);
	background-repeat:no-repeat;
	float:left;
	padding-left:17px;
	height:600px;
	width:570px;
	border:solid, 1px, #069;
	padding-top:40px;
}
.picture_digger{
	float:left;
	height:375px;
	width:570px;
	background-repeat:no-repeat;
	background-image:url(../Images/Games/Digger/Digger_Level1_1.png);
	border:#ECECED 2px solid;
	margin-top:50px;

	
}

.picture_devolasse{
	float:left;
	height:317px;
	width:570px;
	background-repeat:no-repeat;
	background-image:url(../Images/Games/Devolasse/Devolasse.jpg);
	border:#ECECED 2px solid;
	margin-top:50px;
	
}

.picture_itier{
	float:left;
	height:315px;
	width:560px;
	background-repeat:no-repeat;
	background-image:url(../Images/Films/ItierIsland/screenshot1.jpg);
	border:#ECECED 2px solid;
	margin-top:50px;
	
}
.picture_rewrap{
	float:left;
	height:319px;
	width:567px;
	background-repeat:no-repeat;
	background-image:url(../Images/Films/Rewrap/Rewrap_scenery2.png);
	border:#ECECED 2px solid;
	margin-top:50px;
	
}
.picture_cmyk{
	float:left;
	height:299px;
	width:567px;
	background-repeat:no-repeat;
	background-image:url(../Images/Games/cmyk/cmyk_wallpaper_2.jpg);
	border:#ECECED 2px solid;
	margin-top:50px;
	
}

.picture_chardesign{
	float:left;
	height:321px;
	width:570px;
	background-repeat:no-repeat;
	background-image:url(../Images/Graphics/Chardesign/sv_render.jpg);
	border:#ECECED 2px solid;
	margin-top:50px;
	
}
.picture_weshare{
	float:left;
	height:335px;
	width:570px;
	background-repeat:no-repeat;
	background-image:url(../Images/Various/WeShare/WeShare.jpg);
	border:#ECECED 2px solid;
	margin-top:50px;
	
}

.picture_commonstage{
	float:left;
	height:355px;
	width:570px;
	background-repeat:no-repeat;
	background-image:url(../Images/Various/Commonstage/picture_commonstage.png);
	border:#ECECED 2px solid;
	margin-top:50px;
	
}

.picture_zodiac{
	float:left;
	height:355px;
	width:570px;
	background-repeat:no-repeat;
	background-image:url(../Images/Games/ZodiacShit/FlyLo-ZodiacShit.png);
	border:#ECECED 2px solid;
	margin-top:50px;
	
}

.picture_beatbounce{
	float:left;
	height:355px;
	width:570px;
	background-repeat:no-repeat;
	background-image:url(../Images/Games/BeatBounce/BeatBounce1.png);
	border:#ECECED 2px solid;
	margin-top:50px;
	
}

.picture_neuland{
	float:left;
	height:355px;
	width:570px;
	background-repeat:no-repeat;
	background-image:url(../Images/Graphics/Neuland/neuland.png);
	border:#ECECED 2px solid;
	margin-top:50px;
	
}

.picture_totem{
	float:left;
	height:322px;
	width:570px;
	background-repeat:no-repeat;
	background-image:url(../Images/Sound/Tot%27em%27up/Totemup_screenshot2.png);
	border:#ECECED 2px solid;
	margin-top:50px;
	
}

.picture_sarajevo{
	float:left;
	height:335px;
	width:570px;
	background-repeat:no-repeat;
	background-image:url(../Images/Various/TheaterinSarajevo/sarajevoSchluss.jpg);
	border:#ECECED 2px solid;
	margin-top:50px;
	
}

.picture_nopicyet{
	float:left;
	height:335px;
	width:560px;
	background-repeat:no-repeat;
	background-image:url(../Images/noPicYet.jpg);
	border:#ECECED 2px solid;
	margin-top:50px;
	
}


.credits{
	height:auto;

}

.emptyspace{
	float:left;
	height:1000px;
	width: auto;
	
}

.credits p{
	position:relative;
	font-family:"AvenirLTStd35Light", Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	margin-left:auto;
	margin-right:auto;
	font-style: italic;
	float:left;
	left:260px;

}
.empty{
	position:relative;
	display:block;
	width:auto;
	float:left;
	margin-top:-68px;
	background-color:#FBF9F8;
}

.chaptertitle{
	background-color:#000;
	position:relative;
	font-family: 'AvenirLTStd35Light', Arial, Helvetica, sans-serif;
	font-weight:100;
	letter-spacing:2px;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	text-align:left;
	width:30%;
	font-size:41px;
	margin-top:-52px;
	float:left;
	color: #FFF;
	height:50px;

}

.downloads{

	width:150px;
	height:150px;
	float:left;
	margin-top:20px;
	position:inherit;
	
}

.medialine{
	background-image:url(../Images/maintextline.png);
	background-repeat:no-repeat;
	float:left;
	padding-left:20px;
	height:600px;
	width:400px;
	border:solid, 1px, #069;
}
.samuel{
	float:left;
	height:450px;
	width:299px;
	background-repeat:no-repeat;
	background-image:url(../Images/PortfolioPhoto_1.png);
	border:#ECECED 2px solid;
	margin-top:50px;
}

h1{
	position:relative;
	font-family:"JosefinSlabThinItalic", Arial, sans-serif;
	padding:0px;
	margin:0px;
	padding-top:40px;
	padding-left:0px;
	font-size:33px;
	padding-bottom:9px;
}

#links{
	float:left;
	width:350px;
	height:56px;
}

a.linktext {
	color:#666;
}

.linkwebsite a:link{
	float:left;
	display:block;
	width:56px;
	height:56px;
	background-image:url(../Images/black/used/websitenormal.png);}
.linkwebsite a:hover{
	background-image:url(../Images/black/used/websitehover.png);}
	
.linksoundcloud a:link{
	float:left;
	display:block;
	width:56px;
	height:56px;
	background-image:url(../Images/black/used/soundcloudnormal.png);}
.linksoundcloud a:hover{
	background-image:url(../Images/black/used/soundcloudhover.png);}

.linkyoutube a:link{
	float:left;
	display:block;
	width:56px;
	height:56px;
	background-image:url(../Images/black/used/youtubenormal.png);}
.linkyoutube a:hover{
	background-image:url(../Images/black/used/youtubehover.png);}
.linkxing a:link{
	float:left;
	display:block;
	width:56px;
	height:56px;
	background-image:url(../Images/black/used/xingnormal.png);}
.linkxing a:hover{
	background-image:url(../Images/black/used/xinghover.png);}	
.linktwitter a:link{
	float:left;
	display:block;
	width:56px;
	height:56px;
	background-image:url(../Images/black/used/twitternormal.png);}
.linktwitter a:hover{
	background-image:url(../Images/black/used/twitterhover.png);}
.linkbehance a:link{
	float:left;
	display:block;
	width:56px;
	height:56px;
	background-image:url(../Images/black/used/behancenormal.png);}
.linkbehance a:hover{
	background-image:url(../Images/black/used/behancehover.png);}
.linklinkedin a:link{
	float:left;
	display:block;
	width:56px;
	height:56px;
	background-image:url(../Images/black/used/linkedinnormal.png);}
.linklinkedin a:hover{
	background-image:url(../Images/black/used/linkedinhover.png);}
.linkmail a:link{
	float:left;
	display:block;
	width:56px;
	height:56px;
	background-image:url(../Images/black/used/mailnormal.png);}
.linkmail a:hover{
	background-image:url(../Images/black/used/mailhover.png);}

.linkbeatbounce a:link{
	float:left;
	display:block;
	width:56px;
	height:56px;
	background-image:url(../Images/black/used/beatbouncenormal.png););}
.linkbeatbounce a:hover{
	background-image:url(../Images/black/used/beatbouncehover.png);}

h2{
	position:relative;
	font-family:"AvenirLTStd85Heavy", Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:18px;
	padding-bottom:8px;
	padding-top:8px;
	margin:0px;
	padding-left:-5px;
}

h3{
	position:relative;
	font-family:"AvenirLTStd35Light", Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:20px;
	padding-bottom:10px;
	margin:0px;
	padding-left:-10px;
	margin-left:10px;
	
}


@font-face {
    font-family: 'AvenirLTStd35Light';
    src: url('fonts/avenirltstd-light-webfont.eot');
    src: url('fonts/avenirltstd-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/avenirltstd-light-webfont.woff') format('woff'),
         url('fonts/avenirltstd-light-webfont.ttf') format('truetype'),
         url('fonts/avenirltstd-light-webfont.svg#AvenirLTStd35Light') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AvenirLTStd85Heavy';
    src: url('fonts/avenirltstd-heavy-webfont.eot');
    src: url('fonts/avenirltstd-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/avenirltstd-heavy-webfont.woff') format('woff'),
         url('fonts/avenirltstd-heavy-webfont.ttf') format('truetype'),
         url('fonts/avenirltstd-heavy-webfont.svg#AvenirLTStd85Heavy') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OstrichSansCondensedLight';
    src: url('fonts/ostrich-light-webfont.eot');
    src: url('fonts/ostrich-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ostrich-light-webfont.woff') format('woff'),
         url('fonts/ostrich-light-webfont.ttf') format('truetype'),
         url('fonts/ostrich-light-webfont.svg#OstrichSansCondensedLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OstrichSansMedium';
    src: url('fonts/ostrich-regular-webfont.eot');
    src: url('fonts/ostrich-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ostrich-regular-webfont.woff') format('woff'),
         url('fonts/ostrich-regular-webfont.ttf') format('truetype'),
         url('fonts/ostrich-regular-webfont.svg#OstrichSansMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OstrichSansBold';
    src: url('fonts/ostrich-bold-webfont.eot');
    src: url('fonts/ostrich-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ostrich-bold-webfont.woff') format('woff'),
         url('fonts/ostrich-bold-webfont.ttf') format('truetype'),
         url('fonts/ostrich-bold-webfont.svg#OstrichSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OstrichSansBlack';
    src: url('fonts/ostrich-black-webfont.eot');
    src: url('fonts/ostrich-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ostrich-black-webfont.woff') format('woff'),
         url('fonts/ostrich-black-webfont.ttf') format('truetype'),
         url('fonts/ostrich-black-webfont.svg#OstrichSansBlack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OstrichSansRoundedMedium';
    src: url('fonts/ostrich-rounded-webfont.eot');
    src: url('fonts/ostrich-rounded-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ostrich-rounded-webfont.woff') format('woff'),
         url('fonts/ostrich-rounded-webfont.ttf') format('truetype'),
         url('fonts/ostrich-rounded-webfont.svg#OstrichSansRoundedMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OstrichSansDashedMedium';
    src: url('fonts/ostrich-dashed-webfont.eot');
    src: url('fonts/ostrich-dashed-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ostrich-dashed-webfont.woff') format('woff'),
         url('fonts/ostrich-dashed-webfont.ttf') format('truetype'),
         url('fonts/ostrich-dashed-webfont.svg#OstrichSansDashedMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}@font-face {
    font-family: 'JosefinSlabThin';
    src: url('fonts/JosefinSlab-Thin-webfont.eot');
    src: url('fonts/JosefinSlab-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/JosefinSlab-Thin-webfont.woff') format('woff'),
         url('fonts/JosefinSlab-Thin-webfont.ttf') format('truetype'),
         url('fonts/JosefinSlab-Thin-webfont.svg#JosefinSlabThin') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'JosefinSlabThinItalic';
    src: url('fonts/JosefinSlab-ThinItalic-webfont.eot');
    src: url('fonts/JosefinSlab-ThinItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/JosefinSlab-ThinItalic-webfont.woff') format('woff'),
         url('fonts/JosefinSlab-ThinItalic-webfont.ttf') format('truetype'),
         url('fonts/JosefinSlab-ThinItalic-webfont.svg#JosefinSlabThinItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'JosefinSlabLight';
    src: url('JosefinSlab-Light-webfont.eot');
    src: url('JosefinSlab-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('JosefinSlab-Light-webfont.woff') format('woff'),
         url('JosefinSlab-Light-webfont.ttf') format('truetype'),
         url('JosefinSlab-Light-webfont.svg#JosefinSlabLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'JosefinSlabLightItalic';
    src: url('JosefinSlab-LightItalic-webfont.eot');
    src: url('JosefinSlab-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('JosefinSlab-LightItalic-webfont.woff') format('woff'),
         url('JosefinSlab-LightItalic-webfont.ttf') format('truetype'),
         url('JosefinSlab-LightItalic-webfont.svg#JosefinSlabLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'JosefinSlabRegular';
    src: url('JosefinSlab-Regular-webfont.eot');
    src: url('JosefinSlab-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('JosefinSlab-Regular-webfont.woff') format('woff'),
         url('JosefinSlab-Regular-webfont.ttf') format('truetype'),
         url('JosefinSlab-Regular-webfont.svg#JosefinSlabRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'JosefinSlabItalic';
    src: url('fonts/JosefinSlab-Italic-webfont.eot');
    src: url('fonts/JosefinSlab-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/JosefinSlab-Italic-webfont.woff') format('woff'),
         url('fonts/JosefinSlab-Italic-webfont.ttf') format('truetype'),
         url('fonts/JosefinSlab-Italic-webfont.svg#JosefinSlabItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'JosefinSlabSemiBold';
    src: url('fonts/JosefinSlab-SemiBold-webfont.eot');
    src: url('fonts/JosefinSlab-SemiBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/JosefinSlab-SemiBold-webfont.woff') format('woff'),
         url('fonts/JosefinSlab-SemiBold-webfont.ttf') format('truetype'),
         url('fonts/JosefinSlab-SemiBold-webfont.svg#JosefinSlabSemiBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'JosefinSlabSemiBoldItalic';
    src: url('fonts/JosefinSlab-SemiBoldItalic-webfont.eot');
    src: url('fonts/JosefinSlab-SemiBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/JosefinSlab-SemiBoldItalic-webfont.woff') format('woff'),
         url('fonts/JosefinSlab-SemiBoldItalic-webfont.ttf') format('truetype'),
         url('fonts/JosefinSlab-SemiBoldItalic-webfont.svg#JosefinSlabSemiBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'JosefinSlabBold';
    src: url('JosefinSlab-Bold-webfont.eot');
    src: url('JosefinSlab-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('JosefinSlab-Bold-webfont.woff') format('woff'),
         url('JosefinSlab-Bold-webfont.ttf') format('truetype'),
         url('JosefinSlab-Bold-webfont.svg#JosefinSlabBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'JosefinSlabBoldItalic';
    src: url('JosefinSlab-BoldItalic-webfont.eot');
    src: url('JosefinSlab-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('JosefinSlab-BoldItalic-webfont.woff') format('woff'),
         url('JosefinSlab-BoldItalic-webfont.ttf') format('truetype'),
         url('JosefinSlab-BoldItalic-webfont.svg#JosefinSlabBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}