/* CSS RESET */
@import url("reset.css");
@import url("redefine.css"); 

/* REUSABLE CLASS*/
@import url("reusable.css"); 

a { outline: 0 }

#wrap{}
#screen{}
#navigation-wrap{background:url('../images/bg-repeat.png') top left repeat-x;height:76px;display:block;position:absolute;bottom:0px;width:100%;z-index:99;}
.navigation{background:url('../images/menu-bg.png') 70px top no-repeat;width:800px;height:76px;margin:auto;}
.navigation ul.menu{list-style-type:none;padding-top:30px;margin-left:70px;}
	.navigation ul.menu li{display:inline;padding:0px 15px;}
	.navigation ul.menu li.nav-home h1 {width:265px;height:30px;display:block;float:left;background:none;}
	.navigation ul.menu li.nav-home a{width:265px;height:30px;display:block;float:left;background:none;}
	.navigation ul.menu li.nav-home a em{display:none}
	.navigation ul.menu li a:link{text-decoration:none;color:white;font-size:13px;}
	.navigation ul.menu li a:hover{text-decoration:none;color:white;font-size:13px;}
	.navigation ul.menu li a:visited{text-decoration:none;color:white;font-size:13px;}
	.navigation ul.menu li a.active:link{color:#FFD800;}
	.navigation ul.menu li a.active:hover{color:#FFD800;}
	.navigation ul.menu li a.active:visited{color:#FFD800;}
	a.nav-facebook {position:absolute;background:url('../images/icon-fb.png') center center no-repeat;height:37px;width:37px;display:block;float:left;margin:20px 0px 0px 40px;padding:0px;}
	a.nav-facebook em{display:none}
	a.nav-tweet {position:absolute;background:url('../images/icon-tweet.png') center center no-repeat;height:37px;width:37px;display:block;float:left;margin:20px 0px 0px 0px;padding:0px;}
	a.nav-tweet em{display:none}


#sections{}
	ul#section-block{margin:0px;padding:0px;}
	ul#section-block li{margin:0px;padding:0px;}
	ul#section-block li.section{}
	
	ul#section-block li#section-whoweare{background:green}

#sections{
	overflow:hidden;
	background-color:white;
	height:100%;
	clear:left;	
	width:100%;	
	overflow:hidden;				
}
	
	#sections ul{width:13000px;margin:0px;padding:0px;}	
		#sections li.section{float:left;width:1870px;overflow:hidden;}
		h2.section-title{display:none}

		
	/* SECTION:HOME */
	#section-home{overflow:hidden;background:white;position:relative;}
		#section-home #main-content{background:none;width:100%;position:relative;}
		
		#main-content-wrap{margin:auto;width:1000px;height:541px;position:relative;margin-top:100px;}
		
		#portfolio-wrap2{padding:25px 0px 0px 145px;position:relative;}
			#portfolio-inner-wrap2{background:black;width:510px;height:257px;overflow:hidden;position:relative;}
		
			ul#portfolio-slide2{width:1700px;position:relative;}
				ul#portfolio-slide2 li{display:block;width:510px;height:257px;overflow:hidden;float:left;}
				ul#portfolio-slide2 li a{}
				ul#portfolio-slide2 li a img{}
		
		#portfolio-frame{z-index:80;position:absolute;width:1000px;height:541px;display:block;overflow:hidden;background:transparent url('../images/front.png') left top no-repeat;}
		
		#portfolio-navigation{display:block;width:200px;height:30px;margin:260px 0px 0px 150px;}
			#portfolio-navigation ul{}
			#portfolio-navigation ul li{display:inline;}
			#portfolio-navigation ul li a{margin:0px 5px;background:url('../images/option-inactive.png') top left no-repeat;height:15px;width:15px;display:block;float:left}
			#portfolio-navigation ul li a.active{background:url('../images/option-active.png') top left no-repeat;}
			#portfolio-navigation ul li a em{display:none}
									
		
		#portfolio-clients{margin:20px 0px 0px 180px;}
			#portfolio-clients ul{list-style-type:none}
			#portfolio-clients ul li{display:inline;margin-left:10px;}
			#portfolio-clients ul li img{}
			
		a#home-link-client{display:block;position:absolute;width:500px;height:70px;}
									
	
	/* SECTION SERVICES */
	ul#section-block li#section-services{overflow:hidden;position:relative}
	#section-services h2{display:none}
		#section-service-wrap{}
			#service-content{}
				#service-content h3#title-web{width:367px;height:500px;background:white url('../images/services/web-multimedia-application.png') left center no-repeat;display:block;float:left}
				#service-content h3#title-web em{display:none}
				
				ul#service-list{width:450px;height:500px;display:block;float:left;overflow:hidden;}
				ul#service-list li{}
				ul#service-list li a{width:420px;height:50px;display:block;}
				ul#service-list li a em{display:none}
					a#link-online-strategy:link, a#link-online-strategy:visited{margin-top:180px;background:white url('../images/services/online-strategy-active.png') center center no-repeat;}
					/*a#link-online-strategy:hover{background:white url('../images/services/online-strategy.png') center center no-repeat;}*/
					a#link-web-design:link, a#link-web-design:visited{background:white url('../images/services/web-design-active.png') center center no-repeat;}
					/*a#link-web-design:hover{background:white url('../images/services/web-design.png') center center no-repeat;}*/
					a#link-multimedia-application:link, a#link-multimedia-application:visited{background:white url('../images/services/multimedia-application-active.png') center center no-repeat;}
					/*a#link-multimedia-application:hover{background:white url('../images/services/multimedia-application.png') center center no-repeat;}*/
							
				ul#service-details{width:350px;height:500px;display:block;overflow:hidden;display:none}
				
	/* SECTION WORKS */
	ul#section-block li#section-works{overflow:hidden;position:relative}
	#portfolio-block{display:block;}		
		#portfolio-block-bottom{width:820px;height:380px;overflow:hidden;margin-top:70px;}
			.thumbnail-group{idth:820px;height:380px;overflow:hidden;display:block;}
				.thumbnail-group a.portfolio-thumbnail{width:239px;height:162px;display:block;float:left;background:url("../js/facebox/loading.gif.png")center center no-repeat;border:solid 4px #e8e7e7;padding:0px;margin:8px;}
				.thumbnail-group a.portfolio-thumbnail img{display:block;margin:auto}
				
	a#portfolio-prev.enabled {width:28px;height:28px;display:block;float:left;background:url("../images/prev.png") top left no-repeat;margin-left:8px;}
	a#portfolio-prev.disabled {width:28px;height:28px;display:block;float:left;background:url("../images/prev-disabled.png") top left no-repeat;margin-left:8px;}
	a#portfolio-prev em {display:none}
	
	a#portfolio-next.enabled {margin-left:5px;width:28px;height:28px;display:block;float:left;background:url("../images/next.png") top left no-repeat;}
	a#portfolio-next.disabled {width:28px;height:28px;display:block;float:left;background:url("../images/next-disabled.png") top left no-repeat;}
	a#portfolio-next em {display:none}
	
				
	/* SECTION CLIENTS */
	ul#section-block li#section-clients{overflow:hidden;position:relative}
		#clients-logo-wrap{overflow:hidden;height:100%;width:1870px;display:block;}
		#clients-logo{margin:auto;width:1870px;height:100%;display:block;}
		#clients-logo img{margin:0px;padding:0px;border:0px;float:left;width:170px;height:100px;}
		
	/* SECTION CONTACT */
	ul#section-block li#section-contact{overflow:hidden;background:white;position:relative}
	#contact-container {
		color:#989898;font-size:23px;line-height:22px;font-family: arial, serif;position:relative;background:url('../images/contact-komunigrafik.jpg') center center no-repeat;height:520px;width:900px;display:block;margin:auto;
	}
	#contact-person{position:absolute;margin:320px 0 0 160px;text-align:right;}
	#studio-address{position:absolute;margin:220px 0 0 670px;}
	#form-container{padding:210px 0px 0px 350px;}
							
	/* SECTION LINKS */
	ul#section-block li#section-links{overflow:hidden;position:relative}			
			
			
	/* PORTFOLIO */
	#portfolio-detail{position:relative;overflow:hidden;width:870px;height:367px;display:block;margin:0px;padding:0px;background:url(../images/portfolio-bg.png) top left repeat-x}
		#portfolio-detail #logo{width:100px;height:100px;margin:0px 0px 0px 80px;position:absolute;}
			#portfolio-detail #logo img{}
	#portfolio-detail-wrap{padding-top:55px;}
	
	#portfolio-detail-wrap #desc{color:#b1b1b1;font-size:11px;width:330px;height:300px;overflow:hidden;display:block;float:left;padding:100px 20px 20px 20px;}
		#portfolio-detail-wrap #desc .objective{font-size:12px;display:block;padding-bottom:15px;border-bottom:solid 1px #303030;margin-bottom:15px;}
		#portfolio-detail-wrap #desc .label{color:#e6e6e6;margin-bottom:15px;font-weight:bold;}
		#portfolio-detail-wrap #desc .detail{}
		
		#portfolio-detail-wrap #desc .label.client{}
		#portfolio-detail-wrap #desc .detail.client{}
		
		#portfolio-detail-wrap #desc .label.partner{}
		#portfolio-detail-wrap #desc .detail.partner{}
		
		#portfolio-detail-wrap #desc .label.link{}
		#portfolio-detail-wrap #desc .detail.link{}
		#portfolio-detail-wrap #desc .detail.link a{color:#b1b1b1;font-weight:normal;}
	
	#portfolio-detail-wrap #slideshow{}
		#portfolio-detail-wrap #slideshow #image-slideshow{border:solid 0px #e5e5e5;width:444px;height:312px;overflow:hidden;display:block;float:left;}
		#portfolio-detail-wrap #slideshow #image-slideshow img{}
		#portfolio-detail-wrap #slideshow #slideshow-navigation{visibility:hidden;width:38px;height:69px;overflow:hidden;display:block;float:left;background:url(../images/portfolio-nav.png) top left no-repeat;margin:90px 5px 0px 5px;}
		#portfolio-detail-wrap #slideshow #slideshow-navigation a.prev{width:38px;height:30px;background:none;display:block;margin-top:5px;}
			#portfolio-detail-wrap #slideshow #slideshow-navigation a.prev em{display:none}
		#portfolio-detail-wrap #slideshow #slideshow-navigation a.next{width:38px;height:30px;background:none;display:block;}
			#portfolio-detail-wrap #slideshow #slideshow-navigation a.next em{display:none;}

/* PAGE NOT FOUND */
#logo-404 {text-align:center;background:black;padding:20px;}
#wrap-notfound{display:block;margin:auto;text-align:center;color:#232323;font-size:18px;padding:60px 30px;line-height:30px;font-family:georgia, serif;}
	#wrap-notfound p{}
		#wrap-notfound p a{}
	#wrap-notfound p.onfoot{font-size:14px;}		
	
.microformat {
	display:none;
}