/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

.klintcologo {
	background:url(../images/header/img_klintco_logo_uk_300x120px.jpg) left top no-repeat;
	background-position:0px 10px;
	background-size:300px 120px;
}

.klintcologo481x {
	background:url(../images/header/img_klintco_logo_uk_300x120px.jpg) left top no-repeat; 
	background-position:9px 10px;
	background-size:300px 120px;
}
 
.breadC {
		margin:10px 0 40px 0 ;
		letter-spacing:1px;
		
	}

.nav_head1 {
	padding:70px 0 0 0; height:25px;
}

.nav_head2 {
	padding: 0;
	
}

.nav_head1 ul {
	display:inline; 
	margin:0;  
	color:#781400;  
	float:left;
	max-height:20px;
}

.nav_head1 ul li {
	float:left;
	list-style-type:none;
	font-size:100% !important;
	font-family:UniversLTStd-57C, Arial Narrow, Helvetica, Arial, sans-serif !important;
	letter-spacing:1px;
	
}

.nav_head1 ul li.second_li {
	padding-left:10px;
}

.nav_head1 ul li.b2li {
	background-color:#781400;
	width:1px;
	height:12px;
	margin-top:2px;
}

.nav_head1 ul li a, .nav_head1 ul li a:link, .nav_head1 ul li a:visited  {
	text-decoration:none;
	color:#781400;
	padding-right:10px;
}
.nav_head1 ul li a:hover  {
	text-decoration:underline;
	color:#781400; 
}
.nav_head1 ul li a.active  {
	text-decoration:underline;
	color:#781400; 
}

.nav_head2 ul {
	display:inline; 
	margin:0;  
	color:#646464;  
	float:left;
	max-height:20px;
}

.nav_head2 ul li {
	float:left;
	list-style-type:none;
	font-size:100% !important;
	font-family:UniversLTStd-57C, Arial Narrow, Helvetica, Arial, sans-serif !important;
	letter-spacing:0px;
	
}

.nav_head2 ul li.second_li {
	padding-left:10px;
}

.nav_head2 ul li.b2li {
	background-color:#646464;
	width:1px;
	height:15px;
	margin-top:2px;
}

.nav_head2 ul li a, .nav_head2 ul li a:link, .nav_head2 ul li a:visited  {
	text-decoration:none;
	color:#646464;
	padding-right:10px;
}
.nav_head2 ul li a:hover  {
	text-decoration:underline;
	color:#646464; 
}

.nav_head2 ul li a.active  {
	text-decoration:underline;
	color:#646464; 
}




.li_padd1 {
	padding: 0 10px 0 0;
}
.li_padd2 {
	padding: 0 10px 0 10px;
}

.li_padd3 {
	padding: 0 0 0 10px;
}


.nav_head2 ul {
	display:inline; margin:0; font-size:140%; color:#646464; font-family:UniversLTStd-57C, Arial Narrow, Helvetica, Arial, sans-serif; float:left;
}

.nav_head2 ul li {
	float:left;
}

.nav_head2 .li_padd1 {
	padding: 0 19px 0 0;
}
.nav_head2 .li_padd2 {
	padding: 0 19px 0 19px;
}

.nav_head2 .li_padd3 {
	padding: 0 0 0 18px;
}
 

.section {
	float: left;
    height: auto;
    margin: 0 0 18px 0;
    width: auto;
	
}

img {
    height: auto;
    max-width: 100%;
}

.rp {
	text-align:right;
}

.clearmargin {
	margin:-3px 0 0 0;
}

.margin_adj1 {
	margin:327px 0 0 0; 
	text-align:right;
}

.display1 {
			display:block !important;
		}
		.display2 {
			display:none !important;
		}


.displayHeader769x {
			display:block !important;
		}
		
.displayHeader768x {
			display:none !important;
		}
		
		.displayHeader480x {
			display:none !important;
		}

.c1 {
		text-align:right;
	}				

.margin_adj2 {
			margin:0 0 13px 0 !important;
		}
		
.margin_adj3 {
			margin:13px 0 13px 0 !important;
		}
		
		

/*submenu style*/

.submenu {
    height: auto;
    left: 10px;
    padding: 10px 55px 10px 0;
	margin-top:0px;
    position: absolute;
    top: 635px;
    width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	display:block;
	background:#fff;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
			filter: alpha(opacity=90);
			opacity: 0.9;
}

.submenuvision {
			height: auto;
    left: 10px;
    padding: 10px 35px 10px 0;
	margin-top:0px;
    position: absolute;
    top: 547px;
    width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	display:block;
	background:#fff;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
			filter: alpha(opacity=90);
			opacity: 0.9;
			
		}
		
.submenu2 {
    height: auto;
    left: 10px;
    padding: 10px 35px 10px 0;
	margin-top:0px;
    position: absolute;
    top: 772px;
    width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	display:block;
	background:#fff;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
			filter: alpha(opacity=90);
			opacity: 0.9;
}


.submenu3 {
    height: auto;
    left: 10px;
   /* padding: 10px 35px 10px 0;*/
    position: fixed;
    bottom: 0;
    width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	display:block;
	background:nonr;
}


.submenu4 {
    height: auto;
    left: 10px;
    padding: 10px 35px 10px 0;
	margin-top:0px;
    position: absolute;
    top: 415px;
    width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	display:block;
	background:#fff;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
			filter: alpha(opacity=90);
			opacity: 0.9;
}


.submenu5 {
    height: auto;
    left: 10px;
    padding: 10px 35px 10px 0;
	margin-top:0px;
    position: absolute;
    top: 286px;
    width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	display:block;
	background:#fff;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
			filter: alpha(opacity=90);
			opacity: 0.9;
}

.submenu6 {
    height: auto;
    left: 10px;
    padding: 10px 35px 10px 0;
	margin-top:0px;
    position: absolute;
    top: 533px;
    width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	display:block;
	background:#fff;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
			filter: alpha(opacity=90);
			opacity: 0.9;
}

.transp {
	color:#fff;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
			filter: alpha(opacity=10);
			opacity: 0.01;
	}
 
#nav_menu ul
{ 
    letter-spacing: 1px;
}

#nav_menu li {    margin: 0px 5px 0px 0px }

#nav_menu li a:link,
#nav_menu li a:visited
{
   /* padding: 30px 10px 28px 10px;*/
    text-decoration: none;
    color:#781400;
  
}

#nav_menu li a:hover
{
   /* padding: 31px 10px 28px 10px;*/
    text-decoration: underline;
    
 
 
}

#nav_menu li.current a
{
    /*padding: 31px 10px 28px 10px;*/
    text-decoration:underline;
     
 
}
/**/


<!--section lyaout-->
#section-0, #section-2, #section-3, #section-4, #section-5, #section-6, #section-7 {
	width:100%;
	height:auto;
	float:left;
	
}


li.gotop {
	width:auto;
	height:37px;
	background:url(../images/img_goto_top.png) no-repeat left top;
}

li.gotop a, li.gotop a:link {
	padding:32px;
}

li.gotop a:hover {
	padding:32px;
}


li.gotop2 {
	width:auto;
	height:33px;
	padding:5px 0 0 0;
	background:url(../images/img_goto_top.png) no-repeat left top;
}

li.gotop2 a, li.gotop2 a:link {
	padding:32px;
}

li.gotop2 a:hover {
	padding:32px;
}



/*Font type one : UniversLTStd-57C for h1*/
@font-face {  
  font-family: UniversLTStd-57C ;  
  src: url(font/UniversLTStd-Cn.otf) format("opentype");  
  src: url(font/UniversLTStd-Cn.eot); /* IE */  
  src: local("UniversLTStd-Cn"), url(font/UniversLTStd-Cn.ttf ) format("truetype"); /* non-IE */ 
  font-weight: normal;
  font-style: normal;
} 

/*Font type one : UniversLTStd-47C for h2*/
@font-face {  
  font-family: zurch ;  
  src: url(font/UniversLTStd-LightCn.otf ) format("opentype");  
  src: url(font/UniversLTStd-LightCn.eot ); /* IE */  
  src: local("UniversLTStd-LightCn"), url(font/UniversLTStd-LightCn.ttf ) format("truetype"); /* non-IE */ 
}  


/*CASE GALLERY*/


/* Custom Classes
------------------------------------------------------------ */
.group:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }
* html .group { zoom: 1; } /* IE6 */
*:first-child+html .group { zoom: 1; } /* IE7 */

	/* Filter */
dl { margin-bottom: 20px;}
/*dt, dd { float: left; }
dt { margin-right: 5px; }*/
.filter li { float: left; list-style:none; padding:0 0 10px 0; }
.filter li:after { content: "|"; padding:0 9px 0 0; }
.filter li:last-child:after { content: ""; }
.filter a { padding:0 9px 0 0; color: #781400;text-decoration: none; }
.filter a:hover, .current a {text-decoration:underline; }

/* Portfolio Items */
.portfolio li { float: left; list-style:none; }
.portfolio li:nth-child(4n) { margin-right: 0; }
.portfolio a { display: block; border: 0px solid #fff;  text-decoration: none; }
/*.portfolio img { width: 210px; height: 130px; display: block; border: 1px solid #ccc; }*/


li.item {
	margin:0 15px 16px 0 !important;
}

ul.portfolio {
	margin:0 !important;
}

.group ul li {
	font-size:100%;
	font-family: UniversLTStd-57C, Arial Narrow, Helvetica, Arial, sans-serif !important;
}

.group ul {
	margin:0 !important;
}

p.thumbstitle {
	font-size:100%;
	font-family: UniversLTStd-57C, Arial Narrow, Helvetica, Arial, sans-serif !important;
	color:#000000;
}
/**/
 
/* Then use it like you would any other font 
.yourFontName { font-family: UniversLTStd, arial, verdana, helvetica, sans-serif;  
}  */  

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

/*==Head_Nav==*/
/*nav 1 for screen 960x >*/
.h5_whatwedo {
	width:242px;
	height:13px;
	float:left;
	margin:0;
	background:url(../images/header/img_980_whatwedo.png) no-repeat top left; 
	
}

.h5_ourvision {
	width:77px;
	height:13px;
	float:left; 
	margin:0;
	font-size:100%;

}

.h5_ourvision a, .h5_ourvision a:link, .h5_ourvision a:visited {
	/*background:url(../images/header/img_980_ourvision.jpg) no-repeat;
	padding:0 77px 0 0;
	background-size:77px 13px;*/
}

.h5_ourvision a:hover {
	/*background:url(../images/header/img_980_ourvision_x.jpg) no-repeat;
	padding:0 77px 0 0; 
	background-size:77px 13px;*/
	
}
.h5_ourvision a.nav_h5_active {
	/*background:url(../images/header/img_980_ourvision_x.jpg) no-repeat ;
	padding:0 77px 0 0; 
	background-size:77px 13px;*/
	
}


.h5_casegallery {
	width:101px;
	height:13px;
	float:left; 
	margin:0;
	
}

.h5_casegallery a, .h5_casegallery a:link, .h5_casegallery a:visited {
	background:url(../images/header/img_980_casegallery.png) no-repeat top left;
	padding:0 101px 0 0;
}

.h5_casegallery a:hover {
	background:url(../images/header/img_980_casegallery_x.png) no-repeat top left;
	padding:0 101px 0 0;
}

.h5_casegallery a.nav_h5_active {
	background:url(../images/header/img_980_casegallery_x.png) no-repeat top left;
	padding:0 101px 0 0;
}


.h5_newsandarticle {
	width:140px;
	height:13px;
	float:left; 
	margin:0;
	
}

.h5_newsandarticle a, .h5_newsandarticle a:link, .h5_newsandarticle a:visited {
	background:url(../images/header/img_980_newsandarticles.png) no-repeat top left;
	padding:0 140px 0 0;
}

.h5_newsandarticle a:hover {
	background:url(../images/header/img_980_newsandarticles_x.png) no-repeat top left;
	padding:0 140px 0 0;
}

.h5_newsandarticle a.nav_h5_active {
	background:url(../images/header/img_980_newsandarticles_x.png) no-repeat top left;
	padding:0 140px 0 0;
}


.h5_peopleandcontact {
	width:137px;
	height:13px;
	float:left; 
	margin:0;
	
}

.h5_peopleandcontact a, .h5_peopleandcontact a:link, .h5_peopleandcontact a:visited {
	background:url(../images/header/img_980_peopleandcontact.png) no-repeat top left;
	padding:0 137px 0 0;
}

.h5_peopleandcontact a:hover {
	background:url(../images/header/img_980_peopleandcontact_x.png) no-repeat top left;
	padding:0 137px 0 0;
}

.h5_peopleandcontact a.nav_h5_active {
	background:url(../images/header/img_980_peopleandcontact_x.png) no-repeat top left;
	padding:0 137px 0 0;
}

.nav_border_v1 {
	width:1px;
	height:13px;
	float:left;
	margin:-1px 0 0 0;
	background:url(../images/header/img_980_line_vertical_red_1x13px.png) no-repeat top left;
}
	

/*nav 2 for screen 960x >*/

.h5_visualbranding {
	width:187px;
	height:19px;
	float:left; 
	margin:0;
	
}

.h5_visualbranding a, .h5_visualbranding a:link, .h5_visualbranding a:visited {
	background:url(../images/header/img_980_visualbranding.png) no-repeat top left;
	padding:0 187px 0 0;
}

.h5_visualbranding a:hover {
	background:url(../images/header/img_980_visualbranding_x.png) no-repeat top left;
	padding:0 187px 0 0;
}

.h5_visualbranding a.nav_h5_active {
	background:url(../images/header/img_980_visualbranding_x.png) no-repeat top left;
	padding:0 187px 0 0;
}


.h5_graphicdesign {
	width:181px;
	height:19px;
	float:left; 
	margin:0;
	
}

.h5_graphicdesign a, .h5_graphicdesign a:link, .h5_graphicdesign a:visited {
	background:url(../images/header/img_980_graphicdesign.png) no-repeat top left;
	padding:0 181px 0 0;
}

.h5_graphicdesign a:hover {
	background:url(../images/header/img_980_graphicdesign_x.png) no-repeat top left;
	padding:0 181px 0 0;
}

.h5_graphicdesign a.nav_h5_active {
	background:url(../images/header/img_980_graphicdesign_x.png) no-repeat top left;
	padding:0 181px 0 0;
}

.h5_3ddesign {
	width:119px;
	height:19px;
	float:left; 
	margin:0;
	
}

.h5_3ddesign a, .h5_3ddesign a:link, .h5_3ddesign a:visited {
	background:url(../images/header/img_980_3ddesign.png) no-repeat top left;
	padding:0 119px 0 0;
}

.h5_3ddesign a:hover {
	background:url(../images/header/img_980_3ddesign_x.png) no-repeat top left;
	padding:0 119px 0 0;
}

.h5_3ddesign a.nav_h5_active {
	background:url(../images/header/img_980_3ddesign_x.png) no-repeat top left;
	padding:0 119px 0 0;
}

.h5_webmobiledesign {
	width:210px;
	height:19px;
	float:left; 
	margin:0;
	
}

.h5_webmobiledesign a, .h5_webmobiledesign a:link, .h5_webmobiledesign a:visited {
	background:url(../images/header/img_980_webmobiledesign.png) no-repeat top left;
	padding:0 210px 0 0;
}

.h5_webmobiledesign a:hover {
	background:url(../images/header/img_980_webmobiledesign_x.png) no-repeat top left;
	padding:0 210px 0 0;
}

.h5_webmobiledesign a.nav_h5_active {
	background:url(../images/header/img_980_webmobiledesign_x.png) no-repeat top left ;
	padding:0 210px 0 0;
}

.nav_border_v2 {
	width:1px;
	height:19px;
	float:left;
	margin:-1px 0 0 0;
	background:url(../images/header/img_980_line_vertical_grey_1x19px.png) no-repeat top left;
}


h4.hideshowwhatwedo {  
	width:auto;
	height:auto;
}

h4.hideshowwhatwedo a, h4.hideshowwhatwedo a:link { 
	background: url(../images/img_whatwedo_down.jpg) no-repeat top right;
	padding:5px 40px 5px 0;
	text-decoration:none;
	letter-spacing:1px;
}
h4.hideshowwhatwedo a:hover, h4.hideshowwhatwedo a:focus { 
	background:url(../images/img_whatwedo_up.jpg) no-repeat top right;
	padding:5px 40px 5px 0;
	text-decoration:underline;
	letter-spacing:1px;
}


h4.hideshowwhatwedo2 {  
	width:auto;
	height:auto;
}

h4.hideshowwhatwedo2 a, h4.hideshowwhatwedo2 a:link { 
	background: url(../images/img_whatwedo_up.jpg) no-repeat top right;
	padding:5px 40px 5px 0;
	text-decoration:none;
	letter-spacing:1px;
}
h4.hideshowwhatwedo2 a:hover, h4.hideshowwhatwedo2 a:focus { 
	background:url(../images/img_whatwedo_down.jpg) no-repeat top right;
	padding:5px 40px 5px 0;
	text-decoration:underline;
	letter-spacing:1px;
}


a.img_thumbcases:link, a.img_thumbcases:visited {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter: alpha(opacity=100);
			opacity: 1; 
			
			-webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    -ms-transition: opacity 0.4s;
    transition: opacity 0.4s;
}


a.img_thumbcases:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
			filter: alpha(opacity=70);
			opacity: 0.7; 
			
			-webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    transition: opacity 0.2s;
}


.margin_adj4 {
	margin:0;
}

.clearpadding {
	padding:0 !important;
	left:5px !important;
}


#map-denmark {
	width:340px;
	height:255px;
}

#map-jakarta {
	width:340px;
	height:255px;
}


ul.rslides {
	list-style:none;
	margin:0 !important;
}


.submitnewsletter {
	background:#ddd; 
	padding:6px; 
	border:1px solid #ccc; 
	float:left; 
	margin:5px 0 0 0;
}

.subcbutton {
	padding:8px;
	background:#eee;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	letter-spacing:1px;
	border:1px solid #999;
}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		#map-denmark {
		width:270px;
		height:225px;
		}
		
		#map-jakarta {
			width:270px;
			height:225px;
		}

		/*==Head_Nav==*/
		/*nav 1 for screen < 959x */
		.h5_whatwedo {
			width:142px;
			height:13px;
			float:left;
			margin:0;
			background:url(../images/header/img_768_whatwedo.png) no-repeat top left;
		}
		
		.h5_ourvision {
			width:69px;
			height:13px;
			float:left; 
			margin:0;
			
		}
		
		.h5_ourvision a, .h5_ourvision a:link, .h5_ourvision a:visited {
			background:url(../images/header/img_768_ourvision.png) no-repeat top left;
			padding:0 69px 0 0;
		}
		
		.h5_ourvision a:hover {
			background:url(../images/header/img_768_ourvision_x.png) no-repeat top left;
			padding:0 69px 0 0;
		}  		
		
		.h5_ourvision a.nav_h5_active {
			background:url(../images/header/img_768_ourvision_x.png) no-repeat top left;
			padding:0 69px 0 0;
		}
		
		.h5_casegallery {
			width:91px;
			height:13px;
			float:left; 
			margin:0;
			
		}
		
		.h5_casegallery a, .h5_casegallery a:link, .h5_casegallery a:visited {
			background:url(../images/header/img_768_casegallery.png) no-repeat top left;
			padding:0 91px 0 0;
		}
		
		.h5_casegallery a:hover {
			background:url(../images/header/img_768_casegallery_x.png) no-repeat top left;
			padding:0 91px 0 0;
		}
		
		.h5_casegallery a.nav_h5_active {
			background:url(../images/header/img_768_casegallery_x.png) no-repeat top left;
			padding:0 91px 0 0;
		}
		
		
		.h5_newsandarticle {
			width:127px;
			height:13px;
			float:left; 
			margin:0;
			
		}
		
		.h5_newsandarticle a, .h5_newsandarticle a:link, .h5_newsandarticle a:visited {
			background:url(../images/header/img_768_newsandarticles.png) no-repeat top left;
			padding:0 127px 0 0;
		}
		
		.h5_newsandarticle a:hover {
			background:url(../images/header/img_768_newsandarticles_x.png) no-repeat top left;
			padding:0 127px 0 0;
		}
		
		.h5_newsandarticle a.nav_h5_active {
			background:url(../images/header/img_768_newsandarticles_x.png) no-repeat top left;
			padding:0 127px 0 0;
		}
		
		
		.h5_peopleandcontact {
			width:124px;
			height:13px;
			float:left; 
			margin:0;
			
		}
		
		.h5_peopleandcontact a, .h5_peopleandcontact a:link, .h5_peopleandcontact a:visited {
			background:url(../images/header/img_768_peopleandcontact.png) no-repeat top left;
			padding:0 125px 0 0;
		}
		
		.h5_peopleandcontact a:hover {
			background:url(../images/header/img_768_peopleandcontact_x.png) no-repeat top left;
			padding:0 125px 0 0;
		}
		
		.h5_peopleandcontact a.nav_h5_active {
			background:url(../images/header/img_768_peopleandcontact_x.png) no-repeat top left;
			padding:0 125px 0 0;
		}
		
		.nav_border_v1 {
			width:1px;
			height:13px;
			float:left;
			margin:-1px 0 0 0;
			background:url(../images/header/img_768_line_vertical_red_1x13px.png) no-repeat top left;
		}
			
		
		/*nav 2 for screen < 959x */
		
		.h5_visualbranding {
			width:149px;
			height:18px;
			float:left; 
			margin:0;
			
		}
		
		.h5_visualbranding a, .h5_visualbranding a:link, .h5_visualbranding a:visited {
			background:url(../images/header/img_768_visualbranding.png) no-repeat top left;
			padding:0 149px 0 0;
		}
		
		.h5_visualbranding a:hover {
			background:url(../images/header/img_768_visualbranding_x.png) no-repeat top left;
			padding:0 149px 0 0;
		}
		
		.h5_visualbranding a.nav_h5_active {
			background:url(../images/header/img_768_visualbranding_x.png) no-repeat top left;
			padding:0 149px 0 0;
		}
		
		
		.h5_graphicdesign {
			width:143px;
			height:18px;
			float:left; 
			margin:0;
			
		}
		
		.h5_graphicdesign a, .h5_graphicdesign a:link, .h5_graphicdesign a:visited {
			background:url(../images/header/img_768_graphicdesign.png) no-repeat top left;
			padding:0 143px 0 0;
		}
		
		.h5_graphicdesign a:hover {
			background:url(../images/header/img_768_graphicdesign_x.png) no-repeat top left;
			padding:0 143px 0 0;
		}
		
		.h5_graphicdesign a.nav_h5_active {
			background:url(../images/header/img_768_graphicdesign_x.png) no-repeat top left;
			padding:0 143px 0 0;
		}
		
		
		.h5_3ddesign {
			width:93px;
			height:18px;
			float:left; 
			margin:0;
			
		}
		
		.h5_3ddesign a, .h5_3ddesign a:link, .h5_3ddesign a:visited {
			background:url(../images/header/img_768_3ddesign.png) no-repeat top left;
			padding:0 93px 0 0;
		}
		
		.h5_3ddesign a:hover {
			background:url(../images/header/img_768_3ddesign_x.png) no-repeat top left;
			padding:0 93px 0 0;
		}
		
		.h5_3ddesign a.nav_h5_active {
			background:url(../images/header/img_768_3ddesign_x.png) no-repeat top left;
			padding:0 93px 0 0;
		}
		
		.h5_webmobiledesign {
			width:168px;
			height:18px;
			float:left; 
			margin:0;
			
		}
		
		.h5_webmobiledesign a, .h5_webmobiledesign a:link, .h5_webmobiledesign a:visited {
			background:url(../images/header/img_768_webmobiledesign.png) no-repeat top left;
			padding:0 168px 0 0;
		}
		
		.h5_webmobiledesign a:hover {
			background:url(../images/header/img_768_webmobiledesign_x.png) no-repeat top left;
			padding:0 168px 0 0;
		}
		
		.h5_webmobiledesign a.nav_h5_active {
			background:url(../images/header/img_768_webmobiledesign_x.png) no-repeat top left;
			padding:0 168px 0 0;
		}
		
		.nav_border_v2 {
			width:1px;
			height:18px;
			float:left;
			margin:-1px 0 0 0;
			background:url(../images/header/img_768_line_vertical_grey_1x18px.png) no-repeat top left;
		}

/**/

		.submenu {
			font-size: 11px;
			height: auto;
			padding: 10px 25px 10px 0;
			margin-top:10px;
			top: 540px;
			display:block;
			background:#fff;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
			filter: alpha(opacity=90);
			opacity: 0.9;
			
			
			}
		
		.submenuvision {
			
			font-size: 11px;
			height: auto;
			padding: 10px 10px 10px 0;
			margin-top:10px;
			top: 493px;
			display:block;
			background:#fff;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
			filter: alpha(opacity=90);
			opacity: 0.9;
			
		}
		
		
		
			.submenu2 {
				font-size: 11px;
				height: auto;
				padding: 10px 10px 10px 0;
				margin-top:10px;
				top: 667px;
				display:block;
				background:#fff;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
				filter: alpha(opacity=90);
				opacity: 0.9;
				
			
			}
			
			
			.submenu4 {
				height: auto;
				left: 10px;
				padding: 10px 10px 10px 0;
				margin-top:0px;
				position: absolute;
				top: 415px;
				width: auto;
				font-family: Arial, Helvetica, sans-serif;
				font-size:11px;
				display:block;
				background:#fff;
						-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
						filter: alpha(opacity=90);
						opacity: 0.9;
			}
			
			.submenu5 {
				height: auto;
				left: 5px;
				padding: 10px 25px 10px 0;
				margin-top:0px;
				position: absolute;
				top: 286px;
				width: auto;
				font-family: Arial, Helvetica, sans-serif;
				font-size:10px;
				display:block;
				background:#fff;
						-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
						filter: alpha(opacity=90);
						opacity: 0.9;
			}
			
			.submenu6 {
				height: auto;
				left: 10px;
				padding: 10px 35px 10px 0;
				margin-top:0px;
				position: absolute;
				top: 480px;
				width: auto;
				font-family: Arial, Helvetica, sans-serif;
				font-size:12px;
				display:block;
				background:#fff;
						-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
						filter: alpha(opacity=90);
						opacity: 0.9;
			}

		
		.margin_adj1 {
			margin:228px 0 0 0; 
			}
		.clearmargin {
			margin:0 0 20px 0;
		}
		
		
		
		.h7_whatwedo {
			font-size:95%;
		}
		.nav_head1 ul {
			font-size:95%;
		}
		.nav_head2 ul {
			font-size:120%;
		}
		
		.displayHeader769x {
			display:none !important;
		}
		.displayHeader768x {
			display:block !important;
		}
		.displayHeader480x {
			display:none !important;
		}
		
		.img_small_set1b p,
		.img_small_set2b p,
		.img_small_set3b p,
		.img_small_set4b p {
			font-size:98%;
			
		}
		
		
		
}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		#map-denmark {
		width:340px;
		height:255px;
		}
		
		#map-jakarta {
			width:340px;
			height:255px;
		}
		
		
		/*CASE GALLERY*/
			.filter li:after {
				padding:0 5px 0 0 !important; 
				} 
			.filter a {
				 padding:0 5px 0 0 !important; 
				 }
		/**/
		
	 a.img_thumbcases img {
		 width:180px;
	 }
		
	 
		
		.displayHeader769x {
			display:none !important;
		}
		.displayHeader768x {
			display:none !important;
		}
		.displayHeader480x {
			display:block !important;
		}
		
		
		.clearmargin {
			margin:0 0 20px 0;
		}
		/*.clearmargin2 {
			margin:0 0 10px 0;
		}*/
		.clearmargin2 {
			margin:0;
		}
		
		.breadC {
			margin:0 0 10px 0;
			
		}
		
		.display1 {
			display:none !important;
		}
		.display2 {
			display:block !important;
		}
		
		/*h3, h4 {
			padding:10px 0 13px;
		
		}*/
		
		.display2 h3, .display2 h4 {
			padding:10px 0 13px;
		
		}
		
		h6 {
			font-size:80%;
			
		}
		
		.section ul {
			margin-bottom:20px;
		}
		
		.img_small_set1 {
			width:200px !important;
			margin:0 20px 0 0 !important;
			
		}
		
		.img_small_set2 {
			width:200px !important;
			margin:0 0 0 0 !important;
			
		}
		
		
		
		.img_small3_set1, .img_small3_set2 { 
			margin:0 20px 0 0 !important; 
			
		}
		
		.img_small3_set3 { 
			margin:0 !important;  
		}
		
		.img_small3_set1, .img_small3_set2, .img_small3_set3 { 
			width:126px !important; 
			
		}
		
		
		
		.img_small_set1b {
			width:152px !important;
			margin:0 21px 0 0 !important;
		}
		
		.img_small_set2b {
			width:152px !important;
			margin:0 21px 0 0 !important;
		}
		
		.img_small_set3b {
			width:152px !important;
			margin:0 21px 0 0 !important;
		}
		
		.img_small_set4b {
			width:152px !important;
			margin:0 0 0 0 !important;
		}
		
		.img_small_set1b p,
		.img_small_set2b p,
		.img_small_set3b p,
		.img_small_set4b p {
			font-size:95%;
			
		}
		
		
		.nav_small_set1b,
		.nav_small_set2b,
		.nav_small_set3b,
		.nav_small_set4b {
		
			text-align:center;
			background:#eee;
			width:95px !important;
			height:25px;
			line-height:110%;
			padding:10px 0; 
		}
		.nav_small_set1b { 
			margin:0 12px 0 0 !important;
		}
		.nav_small_set2b { 
			margin:0 12px 0 0 !important;
		}
		.nav_small_set3b { 
			margin:0 12px 0 0 !important;
		}
		.nav_small_set4b { 
			margin:0 0 0 0 !important;
		}
		
		.c1 {
		text-align:left;
		}
		
		.margin_adj2 {
			margin:0 0 13px 0 !important;
		}
		
		/*Navigation setting*/
		
		.nav_320x480 {
			width:auto;
			margin:0 0 13px 0;
		}
		
		.nav_320x480_R {
			width:100%;
			margin:0 0 20px 0;
			color:#781400 !important;
		}
		
		.div_leftNav {
			width:200px; 
			float:left; 
			margin:0 20px 0 0; 
		}
		.div_rightNav {
			width:200px; 
			float:left; 
			margin:0; 
		}
		
		
		/*Left Navigation*/
		.div_leftNav h5 a {
			padding:9px 10px 1px 0;
			color:#646464;
		}
		
		.div_leftNav h5 a:link {
			text-decoration:none;
		}
		
		.div_leftNav h5 a:focus {
			color:#646464;
		}
		
		.div_leftNav h5 a:hover { 
			text-decoration:underline;
		}
		
		.div_leftNav h5 a.active {
			text-decoration:underline; 
			
		}
		
		.div_leftNav h5 a:visited {
			text-decoration:underline;
			color:#646464;
			
		}
		
		
		/*Right Navigation*/
		
		.div_rightNav h5 {
			font-size:100%;
			margin:7px 0 0;
			color:#781400;
		}
		
		.div_rightNav h5 a {
			padding:10px 20px 7px 0;
			color:#781400;
			/*background:#099;*/
		}
		
		.div_rightNav h5 a:link {
			text-decoration:none;
		}
		
		.div_rightNav h5 a:focus {
			color:#781400;
		}
		
		.div_rightNav h5 a:hover {
			/*color:#781400;*/
			text-decoration:underline;
		}
		
		.div_rightNav h5 a.active {
			text-decoration:underline;
			/*color:#000;*/
			
		}
		
		.div_rightNav h5 a:visited {
			text-decoration:underline;
			/*color:#646464;*/
			
		}
		
		
		h1 {
			font-size:190% !important;
		}
		
		h2 {
			font-size:140% !important;
			
		}
		
		h3, h4, h7 {
			font-size:120% !important;
		}
		
		h3 {
			padding-bottom:10px;
		}
		.submenu, .submenu2, .submenu3, .submenu4, .submenu5, .submenu6, .submenuvision {
			display:none;
		}
		
		.submitnewsletter {
			background:#ddd; 
			padding:7px; 
			border:1px solid #ccc; 
			float:left; 
			margin:6px 0 0 0;
		}
		
		.size_d1 {
			font-size:12px !important;
		}
	
	}
	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		#map-denmark {
		width:300px;
		height:225px;
		}
		
		#map-jakarta {
			width:300px;
			height:225px;
		}
		
		/*CASE GALLERY*/
			.filter li:after {
				padding:0 5px 0 0 !important; 
				} 
			.filter a {
				 padding:0 5px 0 0 !important; 
				 }
		/**/
		
		a.img_thumbcases img {
			 width:120px;
		 }
		 
		 ul li.item  p {
			 font-size:75%;
		 }
	 
	 
		.submenu, .submenu2, .submenu3, .submenu4, .submenu5, .submenu6, .submenuvision {
			display:none;
		}
		
		.clearmargin2 {
			margin:0;
		}
		
		.breadC {
			margin:0 0 10px 0;
			
		}
		
		h1 {
			font-size:170% !important;
		}
		
		h2 {
			font-size:120% !important;
			
		}
		
		h3, h4, h7 {
			font-size:120% !important;
		}
		
		h3 {
			padding-bottom:10px;
		}
		
		.h7_whatwedo {
			font-size:90%;
			font-weight:normal; 
		}
		
		.h7_whatwedo a {
			text-decoration:none;
		}
		
		.displayHeader769x {
			display:none !important;
		}
		.displayHeader768x {
			display:none !important;
		}
		.displayHeader480x {
			display:block !important;
		}
		/*Navigation setting*/
		
		.nav_320x480 {
			width:auto;
			margin:0 0 18px 0;
		}
		
		.nav_320x480_R {
			width:95%;
			margin:0 0 19px 0;
		}
		
		.div_leftNav {
			width:140px; 
			float:left; 
			margin:0 5px 0 0; 
		}
		.div_rightNav {
			width:155px; 
			float:left; 
			margin:0; 
		}
		
		
		/*Left Navigation*/
		
		.div_leftNav h5 {
			font-size:110%; 
		}
		
		.div_leftNav h5 a {
			padding:10px 10px 6px 0;
			/*background:#099;*/
			color:#646464;
		}
		
		.div_leftNav h5 a:link {
			text-decoration:none;
		}
		
		.div_leftNav h5 a:focus {
			color:#646464;
		}
		
		.div_leftNav h5 a:hover {
			text-decoration:underline;
		}
		
		.div_leftNav h5 a.active {
			text-decoration:underline; 
			
		}
		
		.div_leftNav h5 a:visited {
			text-decoration:underline; 
			color:#646464;
		}
		
		
		/*Right Navigation*/
		
		.div_rightNav h5 {
			font-size:100%;
			margin:1px 0 0 0;
			color:#781400;
		}
		
		.div_rightNav h5 a {
			padding:10px 20px 7px 0;
			color:#781400;
			/*background:#099;*/
		}
		
		.div_rightNav h5 a:link {
			text-decoration:none;
		}
		
		.div_rightNav h5 a:focus {
			color:#781400;
		}
		
		.div_rightNav h5 a:hover {
			/*color:#781400;*/
			text-decoration:underline;
		}
		
		.div_rightNav h5 a.active {
			text-decoration:underline;
			/*color:#000;*/
			
		}
		
		.div_rightNav h5 a:visited {
			text-decoration:underline;
			/*color:#646464;*/
			
		}
		
		/**/
		.section ul {
			margin-bottom:20px;
		}
		
		.margin_adj2 {
			margin:0 0 13px 0 !important;
		}
		.clearmargin {
			margin:0 0 20px 0;
		}
		
		.c1 {
		text-align:left;
		}
	
		.display1 {
			display:none !important;
		}
		.display2 {
			display:block !important;
		}
		
		/*h3, h4 {
			padding:10px 0 13px;
		
		}*/
		
		.display2 h3, .display2 h4 {
			padding:10px 0 13px;
		
		}
		
		
		.img_small_set1 { 
			margin:0 0 20px 0 !important;
			text-align:center;
			
		}
		
		.img_small_set2 { 
			margin:0 0 0 0 !important;
			
		}
		
		.img_small3_set1 , .img_small3_set2 , .img_small3_set3 { 
			margin:0 0 20px 0 !important;
			text-align:center;
			
		}
		
		.img_small_set1b {
			width:120px !important;
			margin:0 21px 18px 0 !important;
		}
		
		.img_small_set2b {
			width:120px !important;
			margin:0 0 18px 0 !important;
		}
		
		.img_small_set3b {
			width:120px !important;
			margin:0 21px 18px 0 !important;
		}
		
		.img_small_set4b {
			width:120px !important;
			margin:0 18px 0 0 !important;
		}
		
		.img_small_set1b p,
		.img_small_set2b p,
		.img_small_set3b p,
		.img_small_set4b p {
			font-size:85%;
			margin: 0;
		}
		 
		.submitnewsletter {
			background:#ddd; 
			padding:7px; 
			border:1px solid #ccc; 
			float:left; 
			margin:6px 0 0 0;
		}
	}

	 
/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/