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

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on December 6, 2010 */



@font-face {
	font-family: 'DIN30640StdNeuzeitGroteskBold';
	src: url('dinneuzeitgroteskstd-bdcond-webfont.eot');
	src: local('☺'), url('dinneuzeitgroteskstd-bdcond-webfont.woff') format('woff'), url('dinneuzeitgroteskstd-bdcond-webfont.ttf') format('truetype'), url('dinneuzeitgroteskstd-bdcond-webfont.svg#webfontUBOm19gF') format('svg');
	font-weight: normal;
	font-style: normal;
}

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

@font-face {
	font-family: 'DIN1451StdEngschrift';
	src: url('dinengschriftstd-webfont.eot');
	src: local('☺'), url('dinengschriftstd-webfont.woff') format('woff'), url('dinengschriftstd-webfont.ttf') format('truetype'), url('dinengschriftstd-webfont.svg#webfontx7YiNCzG') format('svg');
	font-weight: normal;
	font-style: normal;
}

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

}

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

}


@font-face {
	font-family: 'ITCNewBaskervilleItalic';
	src: url('newbaskerville-italic-webfont.eot');
	src: local('☺'), url('newbaskerville-italic-webfont.woff') format('woff'), url('newbaskerville-italic-webfont.ttf') format('truetype'), url('newbaskerville-italic-webfont.svg#webfontnDgn3vAP') format('svg');
	font-weight: normal;
	font-style: normal;
}

#topinfo{
	margin-bottom:10px;
	padding-top:10px;
	/*border:solid thin yellow;*/
}

#bottominfo{
	margin-top:7px;
	margin-bottom:10px;
	/*border:solid 2px #666;*/
	background-color:#999;
	width:802px;
	height:170px;
}

#aboutmebottominfo{
	margin-top:7px;
	margin-bottom:10px;
	/*border:solid 2px #666;*/
	background-color:#999;
	width:802px;
	height:462px;
}

#bottominfo>div{
	
	height:150px;
	
}

#aboutmebottominfo>div{
	/**/height:462px;
}

.title{
	font-family: 'DIN1451StdEngschrift';
	color:#000;
	font-size:30px;
	
}

.nextpage{
	/*border:solid thin blue;*/
	width:170px;
	float:right;
	height:60px;
}
.nextpage>a{
	margin-left:20px;
	margin-top:3px;
}
.bottomInfoTitle{
	 font: 12px/20px arial, verdana, sans-serif;
	 font-size:18px;
}

.subcat{
	font-family: 'DIN1451StdEngschrift';
	color:#999;
	font-size:15px;
}

#summary{
	font: 12px/20px arial, verdana, sans-serif;
	color:#FFF;
	width:240px;
	border-right:solid 2px #FFF;
	float:left;
	margin-top:10px;
	margin-right:10px;
	padding-left:15px;
}
#aboutmesummary{
	 font-family: 'DIN30640StdNeuzeitGroteskLt';
	color:#FFF;
	font-size:18px;
	width:240px;
	/*border-right:solid 2px #FFF;*/
	float:left;
	margin-top:10px;
	margin-right:10px;
	padding-left:15px;
}
.description{
	font: 12px/20px arial, verdana, sans-serif;
	
	color:#FFF;
	width:255px;
	/*border:solid thin yellow;*/
	float:left;
	margin:5px;
	margin-top:10px;
	
}

.LauchProject a{
	text-decoration:underline;
	color:#000;
	list-style:none;
}



img{
	
}
.imageCollage>img{
	margin-right:9px;
	margin-bottom:7px;
	border:solid 1px #666;
}

<!--************************************FONT********************************************-->
.clearfloat{
	clear:both;
}
body{
	margin:0;
  padding:0 0 0 0;
  text-align:center;
	margin-left:auto;
	margin-right:auto;
	color:white;
	/*background:url(DWimages/background-gradient.png);  big background
	background-repeat:repeat-x;*/
	background: rgb(229,229,229); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */

background: linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */





}
#main_container{
	
}
ul{
	text-align:left;
	list-style:none;
}
#left_nav{
	position:absolute;
  	top:0;
  	left:0;
	display:block;
	height:100%;
	background-color:#000;
	width:180px;
	/*float:left;height:750px;*/

	-moz-box-shadow: 2px 2px 5px #333;
	-webkit-box-shadow: 2px 2px 5px #333;
	box-shadow: 2px 2px 5px #333;/**/
/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000');
}

#flashcontent{
	margin-left:180px;
	text-align:left;
}

#content{
	margin-top:20px;
	text-align:left;
	padding-left:30px;
}

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

@media screen{
  body>div#left_nav{
   position:fixed;
  }
}
*html body{
 	
 } 

*html div#flashcontent{
	height:100%;
  	overflow:auto;
	display:block;
	
}

#content {
	width:844px;
	/*border: thin solid green;*/
	margin-left:180px;
}



#right_flash{
	width:930px;
	border: thin solid green;
}

#logo{
	text-align:left;
	margin-top:25px;
	margin-left:38px;
	width:180px;
	height:129px;
}

#nav{
}

#nav ul{
	font-size: 14px;
	/*margin-left:40px; the whole tab!*/
	padding-left:0px;
	line-height:350%;
	pointer:cursor;
	text-transform:uppercase;
	letter-spacing:1px;
}

#nav ul li a{
    font-family:'DIN30640SNeuzeitGroteskBdCond';
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    color:white;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:0.9px;
    line-height:450%;
    display: block;
    /*border: 1px solid red;*/
    padding-left:36px;  
}

#nav ul li a:hover{
	color:#CC006B;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:0.9px;
	line-height:450%;
	padding-left:36px;
	
}
#nav ul li a.current{
	background-color:#CCC;
	color:#CC006B;
	text-decoration:none;
	
	
}


#flash_container{
	margin-left:180px;
	/*border:green solid thin;*/
	text-align:center;/**/
	width:900px;
	height:800px;
	
}

#navbuttom {
	margin-top:170px;
	
}

#navbuttom ul li a {
	text-decoration:none;
	color:white;
}

#navbuttom ul li a:hover {
	text-decoration:none;
	color:#999;
}
.downloadresume{
	font-family: 'ITCNewBaskervilleItalic';
	font-weight: normal;
	font-style: normal;
	text-decoration:underline;
	font-size:13px;
	line-height:200%;
}
.website{
	font-family: DIN30640StdNeuzeitGroteskBold;
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	letter-spacing:1px;
	line-height:200%;
}
.e-mail{
	font-family: DIN30640StdNeuzeitGroteskBold;
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	letter-spacing:1.5px;
}

#bottomtabs{
	/*border:solid yellow thin;*/
	height:36px;
	margin-top:30px;
	
	width:720px;
}

#video{
	padding-top:85px;
	padding-left:105px;
}
#shadow{
	margin-top:25px;
	margin-left:80px;
	/*border:solid thin red;*/
}

#dots_Motion{
	margin-top:5px;
	margin-left:350px;
	height:25px;
	/*border: solid red thin;*/
	float:left;
}
.dots{
	float:left;
	
}


#aboutblock{
	/*align:center;*/
	/*background-image:url(DWimages/Picture%2020.png); background-repeat:no-repeat;*/
	padding-top:80px;
	margin-left:110px;
	/*width:720px;
	height:464px;*/
}


/*Bottom tabs area for motion graphic page, none flash*/


#rightarrow a{
	background:url(DWimages/rightArrow_current.png) no-repeat;
	/*border:solid thin green;*/
	float:right;
	height:36px;
	width:21px;
	align:center;
	text-indent:-9000px;
}

#rightarrow a:hover{
	background:url(DWimages/rightArrow_over.png) no-repeat;
	height:36px;
	width:21px;
	align:center;
}


#leftarrow a{
	background:url(DWimages/left_current.png) no-repeat;
	float:left;
	height:36px;
	width:21px;
	align:center;
	text-indent:-9000px;
}

#leftarrow a:hover{
	background:url(DWimages/leftArrow_over.png) no-repeat;
	/*border:solid thin green;*/
	float:left;
	height:36px;
	width:21px;
	align:center;
}

#leftarrow.L5 a{
	background:url(DWimages/leftArrow_over.png);
}

#rightarrow.R3 a{
	background:url(DWimages/rightArrow_over.png);
}


#copyright{
	border-top:thin solid #AAA;
	width:800px;
	height:50px;
	padding-top:20px;
	margin-top:15px;
}