body{
	margin: 0;
	background-color: rgb(255, 255, 255);}
#footer{
	position: absolute;
	left: 0px;
	height: 100px;
}

img{
	border: none;
}

#container{
	position: absolute;
	width: 980px;
}

.spread1, .spread2, .spread1 img{
	position: absolute;
	float: left;
	width: 564px;
	height: 377px;
	top: 0px;
}
.spread1{
	left: 0px;
}
.spread2{
	left: 564px;
}

.column1, .column2, .column3, .column4{
	position: absolute;
	padding: 10px;
	float: left;
	width: 261px;
	height: 357px;
	top: 0px;
}
.column1{
	left: 0px;
}
.column2{
	left: 282px;
	width: 265px;
}
.column3{
	left: 565px;
	width: 264px;
}
.column4{
	left: 846px;
}
.column5{position: absolute;padding: 10px;top: 378px;left: 0px;float: left;width: 261px;height: 357px;}.column6{padding: 10px;position: absolute;color: black;top: 378px;left: 282px;width: 263px;height: 357px;}.column7{position: absolute;padding: 10px;top: 378px;left: 564px;width: 264px;height: 357px;}.column8{position: absolute;padding: 10px;top: 378px;left: 846px;width: 261px;height: 357px;}.column9{position: absolute;padding: 10px;top: 755px;left: 0px;float: left;width: 261px;height: 357px;}.column10{padding: 10px;position: absolute;color: black;top: 755px;left: 282px;width: 263px;height: 357px;}.column11{position: absolute;padding: 10px;top: 755px;left: 564px;width: 264px;height: 357px;}.column12{position: absolute;padding: 10px;top: 755px;left: 846px;width: 261px;height: 357px;}.left_canvas0,.left_canvas1,.left_canvas2,.left_canvas3,.left_canvas4,.left_canvas5,.left_canvas6,.left_canvas7,.left_canvas8,.left_canvas9,.left_canvas10,.left_canvas11,.left_canvas12,.left_canvas13,.left_canvas14,.left_canvas15,.left_canvas16,.left_canvas17,.left_canvas18,.left_canvas19,.left_canvas20,.left_canvas21,.left_canvas22,.left_canvas23,.left_canvas24,.left_canvas25{position: absolute;float: left;width: 282px;height: 188px;}.left_canvas0, .left_canvas1, .left_canvas2{top: 0px;}.left_canvas3, .left_canvas4, .left_canvas5{top: 189px;}.left_canvas6, .left_canvas7, .left_canvas8{top: 378px;}.left_canvas9, .left_canvas10, .left_canvas11{top: 567px;}.left_canvas12, .left_canvas13, .left_canvas14{top: 756px;}.left_canvas15, .left_canvas16, .left_canvas17{top: 945px;}.left_canvas18, .left_canvas19, .left_canvas20{top: 1134px;}.left_canvas21, .left_canvas22, .left_canvas23{top: 1323px;}.left_canvas24, .left_canvas25, .left_canvas26{top: 1512px;}.left_canvas0,.left_canvas3,.left_canvas6,.left_canvas9,.left_canvas12,.left_canvas15,.left_canvas18,.left_canvas21,.left_canvas24{left: 0px;}.left_canvas1,.left_canvas4,.left_canvas7,.left_canvas10,.left_canvas13,.left_canvas16,.left_canvas19,.left_canvas22,.left_canvas25{left: 283px;}.left_canvas2,.left_canvas5,.left_canvas8,.left_canvas11,.left_canvas14,.left_canvas17,.left_canvas20,.left_canvas23{left: 566px;}.right_canvas0,.right_canvas1,.right_canvas2,.right_canvas3,.right_canvas4,.right_canvas5,.right_canvas6,.right_canvas7,.right_canvas8,.right_canvas9{position: absolute; left: 849px; width: 282px; height: 188px;}.right_canvas0{top: 0px;}.right_canvas1{top: 189px;}.right_canvas2{top: 378px;}.right_canvas3{top: 567px;}.right_canvas4{top: 756px;}.right_canvas5{top: 945px;}.right_canvas6{top: 1134px;}.right_canvas7{top: 1323px;}.right_canvas8{top: 1512px;}.right_canvas9{top: 1701px;}
.small_canvas1, .small_canvas2, .small_canvas3, .small_canvas4, .small_canvas1 img, .small_canvas2 img, .small_canvas3 img, .small_canvas4 img{
	position: absolute;
	float: left;
	width: 141px;
	height: 93px;
}
.small_canvas1, .small_canvas2{
	top: 0px;
}
.small_canvas3, .small_canvas4{
	top: 94px;
}
.small_canvas3 img, .small_canvas4 img{
	height: 94px;
}
.small_canvas1, .small_canvas3{
	left: 0px;
}
.small_canvas2, .small_canvas4{
	left: 142px;
	width: 139px;
}
.small_canvas2 img, .small_canvas4 img{
	width: 140px;
}



.border{
	border: 1px solid rgb(255, 255, 255);}
.no_border{
	border: none;
}
.color1{
	background-color: rgb(40, 40, 40); !important;
}
.color2{
	background-color: rgb(240, 240, 240); !important;
}
.color3{
	background-color: rgb(190, 191, 190); !important;
}
.color4{
	background-color: rgb(218, 218, 218); !important;
}

.padding_min{
	padding: 5px;
}
.margin_med{
	margin: 10px;
}
.padding_max{
	padding: 15px;
}


#media_div{
	background-color: black;
}
#manchet{
	position: absolute;
	left: 856px;
	top: -12px;
	width: 279px;
	float: right;
}
#manchet a, #manchet span{
	float: right;
	color: gray;
	margin-right: 5px;
}
	
#extra_media{
	position: absolute;
	float: right;
	top: 381px;
	width: 564px;
}
#extra_media div{
	float: right;
}
#extra_media p{
	margin-left: 10px;
}
#extra_media img{
	margin-left: 3px;
	margin-right: 1px;
	width: 9px;
}

#links_selectors{
	position: absolute;
	float: right;
	top: 381px;
	width: 846px;
}

#links_selectors div{
	float: right;
}
#links_selectors a{
	margin-left: 20px;
}
#links_selectors img{
	margin-left: 3px;
	margin-right: 1px;
	width: 9px;
}

div.navigation{
	background-color: rgb(40, 40, 40);	float: left;
	width: 242px;
	height: 148px;
	padding: 20px;
}

div.navigation .logo{
	margin-top: 35px;
	margin-left: 20px;
	width: 210px;
	margin-bottom: 5px;
}


.menu_container, .news_container, .project_container{
	position: absolute;
	float: left;
	width: 1120px;
}

/*
---------------------------------NEWS---------------------------------
*/
.news_div{
	padding: 20px;
	width: 242px;
	height: 148px;
}
.news_text{
	position: absolute;
	z-index: 3;
	width: 242px;
	height: 148px; 
}
.news_read_more_link{
	position: absolute;
	top: 165px;
	left: 207px;
}
.news_bg_image img{
	margin-top: -20px;
	margin-left: -20px;
	
	position: absolute;
	width: 282px;
	height: 376px;
}

/*
---------------------------------MENU---------------------------------
*/

.menu_container div{
	position: relative;
	z-index: 2;
}

#menu{
	position: absolute;
	left: 915px;
	top: 155px;
	width: 282px;
	float: right;
}

#menu_top{
	position: absolute;
	left: 0px;
	top: -20px;
	width: 282px;
	float: left;
}
#menu_top_span{
	position: absolute;
	top: 1px;
	margin-left: 5px;
}
#menu_top_span a{
	margin-left: 3px;
}
#menu_top_logo{
	position: absolute;
}

/*
---------------------------------PROJECT---------------------------------
*/

.project_media{
	position: relative;
	float: left;
	width: 564px;
	height: 376px;
	margin-left: 2px;
}
.project_media img{
	width: 564px;
	height: 376px;
}
.project_text{
	position: relative;
	float: left;
	background-color: rgb(240, 240, 240);	
	width: 220px;
	height: 300px;
	
	margin-left: 2px;

	padding: 20px;
	
}
.project_link{
	
}
.project_navigation{
	position: relative;
	float: left;
	width: 244px;
	height: 78px;
	border: none;
}
.project_related{
	width: width: 141px;
	height: 94px;;
	border: none;
	margin: 0px;
}


.loading_image{
	position: absolute;
	left: 141px !important;
	top: 94px !important;
	width: 30px;
}

#slide_back{
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 0px;
	width: 40px;
	height: 100%;
	background-color: #333;
}
#slide_forward{
	position: absolute;
	z-index: 10;
	top: 0px;
	width: 40px;
	height: 100%;
	left: 524px;
	background-color: #333;
}
/*
---------------------------------ABOUT---------------------------------
*/

.about_contact, .about_clients{
	position: absolute;
	float: left;
	background-color: rgb(240, 240, 240);	width: 240px;
	height: 320px;
	margin-left: 2px;
	margin-bottom: 2px;
}
.about_text, .about_clients{
	position: absolute;
	z-index: 3;
	width: 240px;
	height: 280px;
}

.about_bg_image img{
	position: absolute;
	margin-top: -10px;
	margin-left: -10px;
	width: 282px;
	height: 376px;
}

.about_clients{
	background-color: rgb(240, 240, 240);}

.yoke_contact_div{
	float: left;
	background-color: rgb(240, 240, 240);	/*padding: 30px 10px 10px 10px;*/
	
	width: 242px;
	height: 148px;
	margin-left: 0px;
	margin-bottom: 2px;
	
	padding: 20px;
	text-align: right;
}

/*
---------------------------------DIVERSE---------------------------------
*/
#loader{
	position: absolute;
	z-index: 10;
}
.menu_image{
	float: left;
	width: 282px;
	height: 188px;
	border: none;
}

.overlay2 {
	position: relative;
	float: left;
	z-index: 100;
	margin-left: -283px;
	width: 282px;
	height: 188px;
	border-left: solid 1px rgb(255, 255, 255);;
}

.separator {
	position: relative;
	float: left;
	z-index: 3;
	
	margin-left: -121px;
	width: 0px;
	
	height: 161px;
	border-left: solid 2px rgb(255, 255, 255);;
}

.text_right, .text_left, .effect_left, .effect_right{
	position: relative;
	float: left;
	z-index: 3;
	
	padding: 10px 5px 5px 5px;
	
	width: 131px;
	height: 173px;
	
	border: none;
	display: none;
}

.text_right h3, .text_right p, .text_left h3, .text_left p{
	margin-left: 5px;
} 

.text_right, .effect_right {
	margin-left: -141px;	
}


.text_left, .effect_left {
	margin-left: -282px;
}

.vertical_separator{
	position: relative;
	float: left;
	
	width: 0px;
	height: 161px;
	border-left: solid 1px rgb(255, 255, 255);;
}
.horizontal_separator{
	position: relative;
	float: left;
	
	width: 240px
	height: 1px;
	border-top: solid 1px rgb(255, 255, 255);;
}

.portrait{
	float: left;
	width: 40px;
	height: 50px;
	margin-right: 5px; 
}

.business_card{
	padding: 0px;	
}
.business_card img{
	padding: 0;
	width: 141px;
	height: 188px;
}

.business_card .contact{
	margin: 10px 20px 20px 150px;
	
}

.clients{
	width: 262px;
	height: 357px;
}

#client_logos{
	position:absolute;
	float: left;
	margin: -10px 0px 0px -10px;
	width: 283px;
	height: 377px;
	
}
.client_logo{
	float: left;
	margin: 0px 0px 0px 0px;
	width: 141px;
	height: 94px;
	overflow: hidden;
}
.client_logo table{
	width: 141px;
	height: 94px;
}
.client_logo td{
	vertical-align:middle;
	text-align: center;
}
.client_logo img{
	width: 100px;
}
#client_text{
	position:absolute;
	z_index: 3;
}