@font-face {
	font-family: 'HelveticaNeueLTStd35Thin';
	src: url('../fonts/helveticaneueltstd-th-webfont.eot');
	src: local('HelveticaNeueLTStd-Th'), url('../fonts/HelveticaNeueLTStd-Th.otf'), url('../fonts/helveticaneueltstd-th-webfont.woff') format('woff'), url('../fonts/helveticaneueltstd-th-webfont.ttf') format('truetype'), url('../fonts/helveticaneueltstd-th-webfont.svg#webfontCJVzQ7xm') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueLTStd56Italic';
	src: url('../fonts/helveticaneueltstd-it-webfont.eot');
	src: local('☺'), url('../fonts/helveticaneueltstd-it-webfont.woff') format('woff'), url('../fonts/helveticaneueltstd-it-webfont.ttf') format('truetype'), url('../fonts/helveticaneueltstd-it-webfont.svg#webfontXaXsWKPq') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueLTStd46LightItal';
	src: url('../fonts/helveticaneueltstd-ltit-webfont.eot');
	src: local('☺'), url('../fonts/helveticaneueltstd-ltit-webfont.woff') format('woff'), url('../fonts/helveticaneueltstd-ltit-webfont.ttf') format('truetype'), url('../fonts/helveticaneueltstd-ltit-webfont.svg#webfont9PDnbrfe') format('svg');
	font-weight: normal;
	font-style: normal;
}

* {
	margin: 0;
	padding: 0;
}

html {
	overflow-y:scroll;
}

body {
	font:normal 75%/1.5 "Arial", sans-serif;
	background-color: #111;
	text-shadow: 0 0 0 #000;
}

a {text-decoration:none}
a:hover {text-decoration:underline;}
a:active, a:focus {outline:none;}
a img {border:none;}

p {color:#ccc;margin:0 0 18px 0;}
p a {font-weight:bold;color:#CCC;}

h2 {
	font-family:"HelveticaNeueLTStd35Thin","Arial", sans-serif;
	/*letter-spacing:-1px;*/
	font-size:30px;
	color:#0B66A2;
	line-height:normal;
	font-weight:100;
}

h3 {
	font-family: "Arial", sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#FFF;
	margin:0 0 8px 0;	
}

h4,h5 {
	color:#FFF;
	margin:0;
	font-weight:normal;
}

h4 {
	font-family:"HelveticaNeueLTStd56Italic";
	font-size:16px;
}

h5 {
	font-family:"HelveticaNeueLTStd46LightItal";
	font-size:14px;
	margin:0 0 15px 0;
}

h6 {
	font-size:16px;
	color:#0B66A2;
	font-weight:normal;
	margin:10px 0 10px 0;
}

form {margin:10px 0;}

form p {margin:0 0 13px 0;}

input,
textarea {
	border:none;
	padding:4px 5px;
	width:320px;
	background-color:#181818;
	font-size:11px;
	color:#666;
}

textarea {
	max-width:320px;
	height:180px;
	font-family:"Arial", sans-serif;
	font-weight:100;
}

button {cursor:pointer}

iframe {
	margin-bottom:20px;
}

.inner {
	overflow:hidden;
	width:820px;
	margin:0 auto;
}

#page {
	width:100%;
	margin:0 auto;
}

#header {
	margin:20px 0 5px 0;
	overflow:hidden;
}

#logo a {
	float:left;
	display: block;
	width: 127px;
	height: 87px;
	background: url(../img/logo.jpg);
	text-indent: -9999px;
}

ul#nav {
	float:right;
	list-style:none;
	overflow:hidden;
	margin:40px 0 30px;
}

	ul#nav li {
		display:inline; /* IE Fix */
	}
	
	ul#nav li a {
		float:left;
		color:#999;
		padding:5px 15px;
		margin:0 32px 0 0;
		font-size:1.1em;
		font-weight:bold;
	}
	
		ul#nav li a:hover,
		body#home li#mhome a,
		body#company li#mcompany a,body#company2 li#mcompany a,body#company3 li#mcompany a,body#company4 li#mcompany a,
		body#ethics li#methics a,body#ethics2 li#methics a,
		body#stock li#mstock a,
		body#contact li#mcontact a {
			color:#fff;
			background-color:#282828;
			/* Border */
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px; 
			text-decoration:none;
		}
	
	ul#nav li.last a {
		margin:0;
	}
	
#slider {
	position:relative;
	width:820px;
	margin:15px auto 0;
	background: url(../img/slider3.jpg);
	margin-bottom:50px;
	height:306px;
}

#slider_img {
	position:relative;
}

#slider_img img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

#slider_caption {
	position:absolute;
	width:360px;
	top:80px;
	right:80px;
	z-index:5000;
}

	#slider_caption h2 {
		margin-bottom:20px;
		color:#CCC;
		font-size:47px;
		line-height:30px;
		padding-top:5px;
	}
	
		#slider_caption h2 span {
			font-family: "Arial", sans-serif;
			color:#0B66A2;
			font-size:27px;
			font-weight:100;
		}
	
	#slider_caption p {
		width:350px;
		font-size:11px;
		color:#CCC;
	}
	
	#slider_caption a {
		font-weight:bold;
		color:#FFF;
	}
	
		#slider_caption a:hover {
			text-decoration:underline;
		}
		
#content {
	overflow:hidden;
}
	
ul#home_content {
	list-style:none;
	overflow:hidden;
	margin-bottom:20px;
}

	ul#home_content li {
		display:inline;
		float:left;
		width:230px;
		margin:0 50px 0 0;
	}

		ul#home_content li.last {
			width:260px;
			margin:0;
		}
	
		ul#home_content li h3 {
			font-size:15px;
			color:#0B66A2;
			text-transform:uppercase;
			margin:0 0 15px 0;
		}
		
			ul#home_content li h3#touch {
				padding-left:30px;
				background:#111 url(../img/mail.jpg) center left no-repeat;
			}
	
			ul#home_content li h3#link {
				padding-left:28px;
				background:#111 url(../img/globe.jpg) center left no-repeat;
			}
			
			ul#home_content li h3#exhib {
				padding-left:26px;
				background:#111 url(../img/exhib.jpg) center left no-repeat;
			}
			
#submenu {
	float:left;
}		

	#submenu ul.links {
		margin:40px 0 0 0;
	}	
	
	#submenu ul.links li {
		font-size:12px;
	}	
	
	#submenu ul.links li a {
		font-weight:normal;
		color:#999;
	}
	
		#submenu ul.links li a.select,
		#submenu ul.links li a:hover {
			color:#FFF;
			font-weight:bold;
			text-decoration:none;
		}
	
	#submenu img {
		margin:50px 0 35px;
	}

#ourcompany_content,
#ethics_content,
#stock_content, 
#contact_content {
	width:560px;
	float:right;
}

	
.contact_form {
	overflow:hidden;
}	
	
	.contact_form .form_content {
		float:left;
		width:320px;
	}
	
	.contact_form .map_info {
		float:right;
		width:190px;
	}
	
.map_info p {
	margin:0;
}

	.map_info p a img {
		margin:5px 0 8px;
	}
	
#world_map {
	position:relative;
	width:560px;
	height:315px;
	background:#111 url(../img/world_map.png) no-repeat;
	margin:20px 0;
}

	#world_map div {
		position:absolute;
		display:block;
		font-size:0;
		line-height:0;
	}

		#world_map #uk {
			width:7px;height:7px;
			top:89px; left:257px;
		}
		
		#world_map #be {
			width:13px;height:13px;
			top:95px; left:264px;
		}
		
		#world_map #na {
			width:7px; height:7px;
			top:228px; left:285px;
		}
		
		#world_map #sa {
			width:7px; height:7px;
			top:249px; left:296px;
		}
		
		#world_map #dub {
			width:7px; height:7px;
			top:145px; left:351px;
		}
		
		#world_map #in {
			width:7px; height:7px;
			top:159px; left:386px;
		}
		
		#world_map #zhu {
			width:7px; height:7px;
			top:144px; left:445px;
		}
		
		#world_map #hk {
			width:7px; height:7px;
			top:141px; left:451px;
		}
		
		#world_map #sh {
			width:7px; height:7px;
			top:129px; left:457px;
		}
		
ul#thumbs {
	width:558px;
	margin:0 auto 25px auto;;
	list-style:none;
	overflow:hidden;
}

	ul#thumbs li {
		display:inline;
	}
	
	ul#thumbs li a {
		float:left;
	}
			
#footer {
	margin:20px 0 10px 0;
}
			

#dtc {
	height:49px;
	padding:15px 0;
	background:#111 url(../img/bg_footer.jpg);
}

	#dtc p {
		font-size:10px;
		color:#999;
		text-align:justify;
		margin:0;
		padding: 0 0 0 70px;
		background:#111 url(../img/dtc_logo.jpg) center left no-repeat;
	}
	
#copyright {
	font-family: "Arial";
	overflow:hidden;
	margin-top:10px;
	color:#FFF;
	font-size:10px;
}
	#copy {
		display:inline;
		float:left;
		color:#FFF;
	}
	
	#valid {
		display:inline;
		float:right;
		color:#FFF;
	}
	
	#copyright a {
		color:#FFF;
	}
	
	#copyright a:hover {
		/*color:#0B66A2;*/
	}
	
ul.contact_info {
	list-style:none;
	margin:8px 0;
}

	ul.contact_info li {
		color:#999;
		font-size:11px;
		line-height:28px;
	}
	
		ul.contact_info li.tel {
			padding-left:33px;
			background: url(../img/tel.png) center left no-repeat;
		}
		ul.contact_info li.fax {
			padding-left:33px;
			background: url(../img/fax.png) center left no-repeat;
		}
		ul.contact_info li.mail {
			padding-left:33px;
			background: url(../img/mail2.jpg) center left no-repeat;
		}
		ul.contact_info li.skype {
			padding-left:33px;
			background: url(../img/skype.jpg) center left no-repeat;
		}
	
	ul.contact_info li a {
		font-weight:bold;
		color:#CCC;
	}
	
		ul.contact_info li a:hover {
			/*color:#0B66A2;*/
		}
		
ul.links {
	list-style:none;
}

	ul.links li {
		font-size:11px;
	}
	
		ul.links li a {
			font-weight:bold;
			color:#CCC;
			display:block;
			padding-left:18px;
			background:#111 url(../img/arrow.jpg) center left no-repeat;
			margin-bottom:12px;
		}
		
		ul.links li a.select {
			background:#111 url(../img/arrow_sel.jpg) center left no-repeat;
		}
		
			ul.links li a:hover {
				background:#111 url(../img/arrow_sel.jpg) center left no-repeat;
				/*color:#0B66A2;*/
			}
			
ul.factory {
	list-style:none;
	overflow:hidden;
	width:560px;
}

	ul.factory>li {
		display:inline;
		float:left;
		width:245px;
		margin:0 10px 10px 0;
		padding:15px;
		background-color:#282828;
	}
	
	ul.factory>li.last {
		margin:0 0 10px 0;
	}
	
.name {
	color:#FFF;
	font-weight:bold;
	margin:0 0 3px 0;
}
.adress,.info {
	color:#999;
	font-size:11px;
	line-height:15px;
	margin:0 0 5px 0;
}
.date {
	color:#999;
	font-size:11px;
	line-height:normal;
	margin-bottom:4px;
}
.exhib_name {
	color:#CCC;
	font-size:16px;
	font-weight:500;
	margin-bottom:13px;
	line-height:21px;
}
.intro {
	font-weight:bold;
}
.send {
	padding:5px 8px;
	color:#FFF;
	font-size:10px;
	font-weight:bold;
	background-color:#006091;
	border:none;
	/* Border */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
}

.send:hover {
	-webkit-box-shadow: 0px 0px 8px #444;
	-moz-box-shadow: 0px 0px 8px #444;
	box-shadow: 0px 0px 8px #444; 
}

/* GALLERIA */

.pikachoose{width:558px;margin:0 auto 25px auto;}
/* This is the ul you have all your images in */
.pikachoose ul{padding-left:0;width:558px;height:48px;margin:0;overflow:hidden;}
.pikachoose ul li{width:93px;height:48px;float: left;margin:0;position:relative;overflow:hidden;}
.pikachoose ul li div img{position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:558px;height:306px;display:block;position:relative;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:relative;}
.pika_subdiv{position:relative;}
.pika_animationDivs{top:0;left:0} /*must match top/left padding for subdiv */
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{width:550px;height:16px;padding:4px;text-align:left;position:absolute;bottom:0;left:0;background-color:#4D4D4D;background-color: rgba(77, 77, 77, 0.75);color:white;}
.pika_caption a{color:white;}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('../img/play.png') top center no-repeat;}
.pika_play a.pika_stop_button{background:url('../img/pause.png') top center no-repeat;}

.pika_navigation {display:none;}
.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:456px;width:100px;background:url('../img/rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:456px;width:100px;background:url('../img/fastf.png') top right no-repeat;}

/* VALIDATION FORM */

.formError {
		position:absolute;
		top:300px; left:300px;
		padding-bottom:13px;
		display:block;
		z-index:5000;
		cursor:pointer;
	}
		#debugMode{
			background:#000;
			position:fixed;
			width:100%; height:200px;
			top:0; left:0;
			overflow:scroll;
			opacity:0.8;
			display:block;
			padding:10px;
			color:#fff;
			font-size:14px;
			z-index:100000;
		}
	
		.ajaxSubmit{ width:558px; color:#FFF;display:none;color:#0B66A2;}
		.formError .formErrorContent {
			width:100%; 
			background:#0B66A2;
			color:#fff;
			width:150px;
			font-family:tahoma;
			font-size:11px;
			border:2px solid #222;
			box-shadow: 0px 0px 0px #000;
			-moz-box-shadow: 0px 0px 0px #000;
			-webkit-box-shadow: 0px 0px 0px #000;
			padding:4px 10px 4px 10px;
			border-radius: 6px;
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
		}
		.greenPopup .formErrorContent {background:#33be40;}
		
		.blackPopup .formErrorContent {background:#393939;color:#FFF;}
		
		.formError .formErrorArrow{
			position:absolute;
			bottom:0;left:20px;
			width:15px; height:15px;

			z-index:5001;
		}
		.formError .formErrorArrowBottom{top:0;margin:-6px;}
		
			.formError .formErrorArrow div{
				border-left:2px solid #222;
				border-right:2px solid #222;
				box-shadow: 0px 0px 0px #444;
				-moz-box-shadow: 0px 0px 0px #444;
				-webkit-box-shadow: 0px 0px 0px #444;
				font-size:0px; height:1px; background:#0B66A2;margin:0 auto;line-height:0px; font-size:0px; display:block;
			}
				.formError .formErrorArrowBottom div{
					box-shadow: none;
					-moz-box-shadow: none;
					-webkit-box-shadow: none;
				}
				
			.greenPopup .formErrorArrow div{background:#0B66A2;}
			.blackPopup .formErrorArrow div{background:#0B66A2;color:#FFF;}

			.formError .formErrorArrow .line10{width:15px;border:none;} 
			.formError .formErrorArrow .line9{width:13px;border:none;} 
			.formError .formErrorArrow .line8{width:11px;} 
			.formError .formErrorArrow .line7{width:9px;} 
			.formError .formErrorArrow .line6{width:7px;} 
			.formError .formErrorArrow .line5{width:5px;} 
			.formError .formErrorArrow .line4{width:3px;} 
			.formError .formErrorArrow .line3{width:1px;
				border-left:0px solid #ddd;
				border-right:0px solid #ddd;
				border-bottom:0px solid #ddd;} 
			.formError .formErrorArrow .line2{width:3px;border:none;background:#222;}
			.formError .formErrorArrow .line1{width:1px;border:none;background:#222;}  

/*
 * jQuery Nivo Slider v1.9
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}