/*@font-face {
    font-family: 'ColaborateRegular';
    src: url('../font/ColabReg-webfont.eot');
    src: url('../font/ColabReg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/ColabReg-webfont.woff') format('woff'),
         url('../font/ColabReg-webfont.ttf') format('truetype'),
         url('../font/ColabReg-webfont.svg#ColaborateRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}*/
@font-face {
    font-family: 'LucidaGrande';
    src: url('../font/lucidagrande-webfont.eot');
    src: url('../font/lucidagrande-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/lucidagrande-webfont.woff') format('woff'),
         url('../font/lucidagrande-webfont.ttf') format('truetype'),
         url('../font/lucidagrande-webfont.svg#lucida_granderegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ColaborateThin';
    src: url('../font/ColabThi-webfont.eot');
    src: url('../font/ColabThi-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/ColabThi-webfont.woff') format('woff'),
         url('../font/ColabThi-webfont.ttf') format('truetype'),
         url('../font/ColabThi-webfont.svg#ColaborateThin') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ColaborateLight';
    src: url('../font/colablig-webfont.eot');
    src: url('../font/colablig-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/colablig-webfont.woff') format('woff'),
         url('../font/colablig-webfont.ttf') format('truetype'),
         url('../font/colablig-webfont.svg#colaboratelightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'TrajanPro-Regular';
	src: url('../font/trajanproregular.eot');
	src: url('../font/trajanproregular.eot?#iefix') format('embedded-opentype'),
			 url('../font/trajanproregular.woff') format('woff'),
			 url('../font/trajanproregular.ttf') format('truetype'),
			 url('../font/trajanproregular.svg#trajanproregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
html,body{
	margin: 0;
	padding: 0;
	font-family: 'ColaborateLight', sans-serif;
	font-size: 16px;
	line-height: 47px;
	color: #6d6d6d;
	background-color: #f1f1f0;
    height: 100%;    
}
body {
    min-width: 1142px;
}
body.StartPage {
    min-width: 200px;
}
.mobile #container {
    margin: 0 10px;
}

.background{
	background: url(../images/bg.jpg) repeat-x top center;
}
h1{
	margin: 0 0 28px 0;
	font-size: 28px;
	line-height: 28px;
	font-weight: normal;
	color: #464646;
}
h2{
	margin: 0 0 35px 0;
	font-size: 26px;
	line-height: 26px;
	font-weight: normal;
	color: #464646;
}
h3{
	margin: 0 0 15px 0;
	font-family: Georgia, Constantia, 'Nimbus Roman No9 L', serif;
	font-size: 17px;
	line-height: 19px;
	font-weight: normal;
	color: #000000;
}
p{
	margin: 0;
}
a{
	color: #2b2b2b;
}
a img {
	border: none;
}
/*=============================================*/
#container{
	width: 1122px;
	/*height: 1525px;*/
	margin: 0 auto;
	padding: 0;
	text-align: center;
    
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -78px;    
}

#push {
    height: 78px;
}

#content{
	width: 100%;
	clear: both;
}
/*------------- startpage --------------*/
#logo_welcome{
	width: 317px;
	height: 49px;
	margin: 517px 0 0 404px;
	clear: both;
	display: none;
    margin: 0 auto;
}
#tabs_welcome{
	display: none;
    margin: 14px 0 0 3px;
}
#ch_tabs{
	width: 381px;
	height: 47px;
	/*margin-left: 370px;*/
    margin: 0 auto;
	padding-top: 36px;
	clear: both;
}
#ch_tabs ul{
	margin: 0;
	padding: 0;
	float: right;
	list-style: none;
}
#ch_tabs ul li{
	margin-right: 1px;
	float: left;
	text-align: center;	
}
#ch_tabs ul li a{
	display: block;
	background-color: #f4f4f3;
	color: #6d6d6d;
	text-decoration: none;
}
#tabs_welcome #ch_tabs ul li a{
	background-color: #e4e4e4;
}
#tabs_welcome #ch_tabs ul li:hover a{
	background-color: #6d6d6c;
}
#ch_tabs ul li:hover a{
	color: #ffffff;
	background-color: #6d6d6c;
}
#ch_tabs ul li a.current{
	color: #ffffff;
	background-color: #b5102b;
}
#wtab01{
	width: 130px;
}
#wtab02{
	width: 125px;
}
#wtab03{
	width: 123px;
}
/*------------- home --------------*/
#header{
	width: 100%;
	height: 162px;
	clear: both;
}
#logo{
	width: 317px;
	height: 51px;
	margin-top: 28px;
	float: left;
}
#menu_tab{
	height: 17px;
	margin-top: 49px;
	float: right;
}
.menu{
	margin: 0;
	padding: 0;
	float: right;
}
.menu li{
	height: 17px;
	margin-left: 12px;
	float: left;
	list-style: none;
}
.menu li a{
	padding: 0 10px 0 10px;
	float: left;
	font-size: 17px;
	line-height: 23px;
	color: #6d6d6d;
	text-decoration: none;
}
.menu li a:hover, .menu li a.current{
	color: #ffffff;
	background: #d37080;
}
#main_img{
	position: relative;
	width: 1120px;
	height: 431px;
	margin-left: 1px;
	clear: both;
	text-align: center;
	-webkit-box-shadow: 0 0 10px #919191;
	-moz-box-shadow: 0 0 10px #919191;
	box-shadow: 0 0 10px #919191;
	behavior: url(PIE.htc);
    background-color: #fff;
}
#main_img img{
	position: absolute;
	top: 0;
	left: 0;
	width: 1120px;
	height: 431px;
}
#top_slider.slider #main_img img{
	display: none;
}
#main_img p{
	display: none;
}
#main_cover{
	position: relative;
	width: 1120px;
	height: 60px;
	margin: -60px 0 0 1px;
	background: url(../images/seminull.png) repeat;
	text-align: center;
}
#main_name{
	position: relative;
	width: 972px;
	height: 60px;
	margin-left: 75px;
	font-size: 18px;
	line-height: 60px;
	color: #323232;
	text-align: center;
    
    text-transform: uppercase;
    font-family: 'TrajanPro-Regular', 'ColaborateLight', sans-serif;
    padding-top: 2px;
}
#main_name p{
	position: absolute;
	width: 972px;
	display: none;    
}
/*#main_name a{
	position: absolute;
	width: 972px;
	font-size: 18px;
	line-height: 60px;
	color: #323232;
	text-align: center;
	text-decoration: none;
}*/

#main_name a {
    text-decoration: none;
    width: 972px;
    height: 62px;
    display: block;
    color: #323232;
    text-align: center;
}
#arr_lt{
	position: relative;
	width: 54px;
	height: 60px;
	margin-top: -62px;
	float: left;
	background: url(../images/b_arr_lt.png) no-repeat 50% 50%;
	cursor: pointer;
	z-index: 10;
}
#arr_lt a, #arr_rt a{
	width: 75px;
	height: 60px;
	display: block;
	text-decoration: none;
}
#arr_rt{
	position: relative;
	width: 55px;
	height: 60px;
	margin-top: -62px;
	float: right;
	background: url(../images/b_arr_rt.png) no-repeat 50% 50%;
	cursor: pointer;
	z-index: 10;
}
#arr_lt:hover, #arr_rt:hover{
	background-color: #ffffff;
}
#projs{
	width: 100%;
	clear: both;
	overflow: hidden;
    padding: 5px 0 0 1px;
}
.project{
	width: 350px;
	height: 197px;
	margin: 35px 24px 0 0;
	float: left;
    position: relative;
}
.p_img{
	width: 350px;
	height: 197px;
	float: left;
}
.video_p a{
	position: absolute;
	width: 350px;
	height: 167px;
	display: block;
	background: url(../images/null.png) repeat;
	z-index: 10;
}
.video_p a:hover,
.mobile .video_p a{
	background: url(../images/video_arr.png) no-repeat 50% 50%;
}
.p_cover{
    display: block;
	position: relative;
	width: 100%;
	height: 35px;
	margin-top: 162px;
	background: url(../images/seminull.png) repeat;
    font-family: 'LucidaGrande', 'ColaborateLight', sans-serif;
}
.p_name, .p_info{
	position: relative;
	margin-top: -33px;
	font-size: 13px;
	line-height: 35px;
	color: #323232;
	margin-left: 10px;
	float: left;
    font-family: 'LucidaGrande', 'ColaborateLight', sans-serif;
}
.p_info{
	margin-right: 13px;
	float: right;
	background: url(../images/info_arr.png) no-repeat 100% 45%;
}
.p_info span{
	padding-right: 15px;
	display: block;
	color: #323232;
    margin-top: -1px
}
.p_name a, .p_info a {
    text-decoration: none;
}
/*.p_name a:hover, .p_info a:hover,
.p_cover:hover span {
    text-decoration: underline;
}*/
.p_cover span:hover {
    text-decoration: underline;
}
#viewmore{
	margin-top: 40px;
	float: right;
	background: url(../images/vm_arr.png) no-repeat 100% 50%;
	overflow: hidden;
}
#viewmore p{
	padding-right: 20px;
	display: block;
	line-height: 16px; 	
	color: #323232;
	cursor: pointer;
}
#footer{
	width: 100%;
	height: 78px;
	margin-top: 200px;
	font-size: 15px;
	line-height: 15px;
	text-align: left;
	/*color: #6f6f6f;*/
    color: #8D8D8D;
	background-color: #dfdfde;
    min-width: 1122px;
}
#footer a {
    color: #8D8D8D;
    text-decoration: none;
}
#footer a:hover {
    text-decoration: underline;
}
#footer_frame{
	width: 1142px;
	margin: 0 auto;	
	padding-top: 12px;
}
#footer p{
	margin-left: 3px;
}
/*------------- subseite --------------*/
#wrapper{
	width: 100%;
	margin-top: 37px;
	clear: both;
	/*border: 1px solid red;*/
	overflow: hidden;
}
#proj_vlink a{
	position: absolute;
	width: 1120px;
	height: 371px;
	margin-top: -431px;
	display: block;
	background: url(../images/video_barr.png) no-repeat 50% 50%;
	z-index: 10;
	zoom: 1;
}
#left_col{
	width: 350px;
	float: left;
    margin: 3px 0 0 1px;
}
.vid_img{
	width: 100%;
	float: left;
	overflow: hidden;
    margin-bottom: 1px;
}
.vid_img img{
	float: left;
}
.img_hidden{
	display: none;
}
#vid_labels{
	padding-top: 7px;
	clear: both;
	overflow: hidden;
}
#overview{ 
	float: left;
	background: url(../images/v_overv.png) no-repeat 8px 50%;
}
#viewgallery{
	float: right;
	background: url(../images/info_arr.png) no-repeat 95% 50%;	
}
#overview a, #viewgallery a{
	display: block;
	font-size: 16px;
	line-height: 33px;
	color: #4e4e4e;
	text-decoration: none;
}
#overview a{
	padding: 0 10px 0 37px;
}
#viewgallery a{
	padding: 0 25px 0 10px;
}
#overview:hover, #viewgallery:hover{
	background-color: #ffffff;
}
#vid_descr{
    margin: 19px 0 5px 0;
	padding: 18px 30px 21px 30px; 
	clear: both;
	font-size: 14px;
	line-height: 24px;
	text-align: left;
	background: #ffffff;
	-webkit-box-shadow: 2px 2px 5px #e4e4e3;
	-moz-box-shadow: 2px 2px 5px #e4e4e3;
	box-shadow: 2px 2px 5px #e4e4e3;
	behavior: url(PIE.htc);
}
#main_col{
	width: 738px;
	padding-left: 33px;
	float: left;
}
#proj_text{
	text-align: left;
    min-height: 317px;
}
#proj_text h1{
	margin-bottom: 21px;
}
#proj_text p{
	font-family: Georgia, Constantia, 'Nimbus Roman No9 L', serif;
	margin: 0 0 26px 0;
	font-size: 17px;
	line-height: 26px;
	color: #828282;
}
#vid_topa{
	width: 282px;
	margin: 14px 2px 0 0;
	padding-top: 6px;
	float: right;
	border-top: 1px solid #d8d8d8;
}
#topanch{
	width: 65px;
	height: 33px;
	float: left;
	background: url(../images/top_arr.png) no-repeat 8px 50%;
}
#topanch a{
	padding: 0 9px 0 27px;
	float: right;
	display: block;
	font-size: 16px;
	line-height: 33px;
	color: #4e4e4e;
	text-decoration: none;
}
#rightanch, #leftanch{
	width: 23px;
	height: 33px;
	margin-left: 7px;
	float: right;
    position: relative;
}
#rightanch{
	background: url(../images/rt_arr.png) no-repeat 50% 50%;
}
#leftanch{
	background: url(../images/lt_arr.png) no-repeat 50% 50%;
}
#topanch:hover, #rightanch:hover, #leftanch:hover{
	background-color: #ffffff;
}
#rightanch a, #leftanch a{
	width: 23px;
	height: 33px;
	display: block;
	line-height: 33px;
	text-decoration: none;
}
/*------------- filmography --------------*/
#film_col{
	width: 737px;	
	margin-top: 37px;
	padding-left: 385px;
	text-align: left;
}
#film_col p {	
	font-family: Georgia, Constantia, 'Nimbus Roman No9 L', serif;
	font-size: 13px;
	line-height: 22px;
	color: #828282;
}
#film_col a{
	text-decoration: none;
}
#film_col a:hover {
    text-decoration: underline;
}
#film_col h2{
	margin-bottom: 28px;
}
#film_col h3{
	margin-bottom: 7px;
}
#dwnl_filmogr{
	position: absolute;
	margin: 199px 0 0 -385px;
}
#dwnl_filmogr a{
	padding-right: 18px;
	font-size: 16px;
	line-height: 16px;
	color: #787878;
	background: url(../images/arr_all.png) no-repeat 100% 50%;
}
.d_type{
	margin-bottom: 43px;
    min-height: 317px;
}
.d_name img{
	position: absolute;
	margin: 3px 0 0 -384px;
}
.d_items{
	margin-bottom: 25px;
}
.d_items img{
	position: absolute;
	width: 350px;
	height: 184px;
	margin: 4px 0 0 -384px;
}
/*------------- biography --------------*/
#bio_col{
	width: 737px;	
	margin-top: 36px;
	padding-left: 385px;
	text-align: left;
}
#dwnl_biogr{
	position: absolute;
	margin: 201px 0 0 -385px;
}
#dwnl_biogr a{
	padding-right: 18px;
	font-size: 16px;
	line-height: 16px;
	color: #787878;
	text-decoration: none;
	background: url(../images/arr_all.png) no-repeat 100% 50%;
}
#bio_head h1{
	/*font-family: ColaborateThin, sans-serif;*/
}
#bio_head h1{
    margin: 0 0 35px 0;
	font-size: 26px;
	line-height: 26px;
	font-weight: normal;
	color: #464646;
    margin-top: 28px;
}
#bio_head img{
	position: absolute;
	margin: -52px 0 0 -384px;
}
#bio_text p,
#cont_text p{
	margin-bottom: 26px;
	font-family: Georgia, Constantia, 'Nimbus Roman No9 L', serif;
	font-size: 17px;
	line-height: 26px;
	color: #828282;
}
#cont_text.contact p {
    margin-bottom: 0px;
}
#bio_text img,
#cont_text img{
	position: absolute;
	margin-left: -385px;
	padding-top: 5px;
}
/*------------- contact --------------*/
#cont_col{
	width: 737px;	
	margin-top: 36px;
	padding-left: 385px;
	text-align: left;
}
#view_filmogr{
	position: absolute;
	margin: 201px 0 0 -385px;
}
#view_filmogr a{
	padding-right: 18px;
	font-size: 16px;
	line-height: 16px;
	color: #787878;
	text-decoration: none;
	background: url(../images/arr_all.png) no-repeat 100% 50%;
}
#cont_head h1{
    margin: 0 0 30px 0;
	font-size: 26px;
	line-height: 26px;
	font-weight: normal;
	color: #464646;
}
#cont_head img{
	position: absolute;
	margin: -52px 0 0 -384px;
}
#cont_text p{
	font-family: Georgia, Constantia, 'Nimbus Roman No9 L', serif;
	font-size: 17px;
	line-height: 26px;
	color: #828282;
}
#cont_text img{
	position: absolute;
	margin-left: -385px;
	padding-top: 5px;
}
/*------------- pressroom --------------*/
#press_col{
	width: 100%;	
	margin-top: 36px;
	padding-left: 1px;
	text-align: left;
}
.press_main{
	width: 100%;
	margin-bottom: 25px;
	overflow: hidden;	
}
.press_head{
	width: 100%;
	padding-bottom: 24px;	
}
.press_head h2{
	margin: 0;
	font-family: 'ColaborateLight', sans-serif;
	font-size: 26px;
	line-height: 26px;
	color: #464646;
}
.press_items{
	width: 270px;
	height: 205px;
	margin: 0 5px 11px 0;
	float: left;	
}
.press_img{
	width: 270px;
	height: 152px;
	background-color: #585858;
	text-align: center;
}
.press_img img{
	max-width: 270px;
	max-height: 152px;
}
.pdf .press_frame a{
	position: relative;
	width: 270px;
	height: 152px;
	margin-top: -152px;
	display: block;
	background: url(../images/null.png) repeat;
}
.pdf .press_frame a:hover{
	background: url(../images/ho_pdf.png)  no-repeat 50% 50%;
}
.video .press_frame a{
	position: relative;
	width: 270px;
	height: 152px;
	margin-top: -152px;
	display: block;
	background: url(../images/null.png) repeat;
}
.video .press_frame a:hover{
	background: url(../images/ho_video.png) no-repeat 50% 50%;
}
.press_text{
	width: 270px;
	height: 45px;	
}
.press_text p{
	padding: 5px 25px 0 25px;
	font-family: 'ColaborateLight', sans-serif;
	font-size: 14px;
	line-height: 17px;
	color: #8a8989;
	text-decoration: none;
	float: left;
}
.pdf .press_text p{
	background: url(../images/sm_pdf.png) no-repeat 0 6px;
}
.video .press_text p{
	background: url(../images/sm_video.png) no-repeat 0 6px;
}

.menu li a, #ch_tabs ul li a, #viewmore p, #footer, h1, h2, #overview a, #viewgallery a,
#topanch a {
    font-family: 'ColaborateLight', sans-serif;
}

#viewmore p {
    color: #424242;
}

.project .p_img img.hover {
    zoom: 1;
    filter: alpha(opacity=95);
    opacity: 0.95;
}
#proj_text p, #bio_text p, #cont_text p {
    font-size: 16px;
    line-height: 24px;
}

.tooltip {
    font-size: 16px;
    color: #4e4e4e;
    line-height: 16px;
    display:none;
}

.tooltip.tooltip_slide_prev {
    background-image: url('../images/tooltip_left.png');
    position: absolute;
    width: 121px;
    height: 33px;
    top: -6px;
    left: 20px;
    z-index: 100;
    padding-right: 2px;
    line-height: 23px;
}

.tooltip.tooltip_slide_next {
    background-image: url('../images/tooltip_right.png');
    position: absolute;
    width: 100px;
    height: 33px;
    top: -6px;
    right: 15px;
    z-index: 100;
    padding-right: 2px;
    line-height: 23px;
}

.tooltip.tooltip_bottom_prev {
    background-image: url('../images/tooltip_bottom_left.png');
    position: absolute;
    width: 121px;
    height: 33px;
    top: -38px;
    left: -93px;
    z-index: 100;
    padding-right: 2px;
    line-height: 23px;
}

.tooltip.tooltip_bottom_next {
    background-image: url('../images/tooltip_right.png');
    position: absolute;
    width: 100px;
    height: 33px;
    top: -38px;
    right: -3px;
    z-index: 100;
    padding-right: 2px;
    line-height: 23px;
}

.tooltip.tooltip_project {
    background-image: url('../images/tooltip_bottom_right.png');
    position: absolute;
    width: 100px;
    height: 33px;
    top: -38px;
    right: -3px;
    z-index: 100;
    padding-right: 2px;
    line-height: 23px;
}

#cont_text h2 {
    margin-top: 45px;
}

#viewmore {
    display: none;
} 

#main_img a.vimeo {    
    position: absolute;
	width: 1120px;
	height: 371px;
    top: 0px;
    left: 0px;    	
	background: url(../images/video_barr.png) no-repeat 50% 50%;
	z-index: 10;
	zoom: 1;
}

#main_img a {
    display: none;
}

#main_cover {
    z-index: 10;
}

#main_cover .award_image {
    background-image: url('../images/award_1.png');
    background-repeat: no-repeat;
    position: absolute;
    width: 126px;
    height: 112px;
    top: -362px;
    right: 6px;
}

#main_cover p span.award_image {
    right: -67px;
    top: -364px;
}

#main_cover p a.ProjectLink:hover {text-decoration: underline;}

.project .award_image {
    background-image: url('../images/award_2.png');
    background-repeat: no-repeat;
    position: absolute;
    width: 56px;
    height: 49px;
    z-index: 100;
    top: 10px;
    right: 5px;
}

/*.AwardsPage .d_items {
    min-height: 160px;
}*/

.p_img img,
.d_name img {
    max-width: 350px;
    max-height: 197px;
}

#tabs_welcome #ch_tabs ul #wtab02, #wtab02  {
	display:none;
}

#tabs_welcome #ch_tabs ul #wtab03, #tabs_welcome #ch_tabs ul #wtab01 {width:185px}