/* 
------------------
: Stylesheet CSS WebDesign 
: W3C CSS Document Validates as CSS level 2.1 ! 
------------------
Waves far east limited
Design By NHSintercon.com
Created: 09/04/2009 
------------------
*/
* {
	margin: 0;
	padding: 0;
}
html, body {
	height:100%;/* needed for container min-height */
	width: 100%;
}
body {
	background: #fff url(../images/bg.jpg) repeat-x 0 -70px;
	/*background-color: #0e2937;*/
	font-family: Arial, sans-serif, "Lucida Grand", Verdana, Tahoma, Helvetica, Georgia;
	font-size: .75em;
	padding: 0;
	margin: 0;
	color: #000;
}
/* -------- Control All Page --------- */
a {
	color: #0000cc; /* a link color */
	text-decoration: none;
	outline: none;
}
a:hover {color: #bf7300 !important;}/* a link over color */
img, fieldset {border: 0;}
.clear {clear: both}
.hide {display: none;visibility: hidden;}
address {font-style: normal;margin-bottom: 15px}
h1, h2, h3, h4, h5, h6 {font-size: 110%}
fieldset legend {display: none}
.setleft {float: left}
.setright {float: right}
img.setleft {margin: 0 10px 0 0}
img.setright {margin: 0 0 0 10px}
.textcenter {text-align: center}
p, ul, ol {margin-bottom: 12px}
ol, ul {padding-left: 25px}
/* ------- End -------- */
/**********************************
	 control width page 
**********************************/
#bg {
	background: url(../images/bg2.jpg) no-repeat -100px -70px;
	width: 100%;
	height: 100%;
	/*overflow: hidden;*/
	
}
#bg2 {
	background: url(../images/bg3.png) no-repeat 90% 50px;
	width: 100%;
	height: 100%;
	/*overflow: hidden;*/
}
#bgleft {
	background: url(../images/bg4.png) no-repeat 0 0;
	position: absolute;
	width: 145px;
	height: 595px;
	left: 0;
	/*top: 69px;*/
	top: 0;
}
#frame {
	/*background-color: #f7f7f7;*/
	width: 990px;
	position: relative;
	z-index: 5;
	margin: 0 auto;
	/*overflow: hidden;*/
}
/*
.homebg {
	background: url(../images/home_bg.jpg) no-repeat top;
	overflow: hidden;
}
*/
#Waves {
	position: absolute;
	top: -20px;
	left: 60px;
}
#topbg {
	background: url(../images/top_bg_trans.png) no-repeat;
	width: 555px;
	height: 57px;
	position: absolute;
	top: 5px;
	right: 0;
}
#bglinebottom {
	background: url(../images/footer_bg.png) no-repeat top right;
	width: 990px;
	position: absolute;
	height: 12px;
	z-index: 3;
	left: 50%;
	top: 589px;
	margin-left: -495px;
}
#top {
	position: relative;
	/*height: 98px;*/
	height: 35px;
	z-index: 8;
}
#top h1 {
	height: 29px;
	margin: 0;
	background: url(../images/home_text.png) no-repeat 100% 3px;
	text-indent: -5000px;
	position: absolute;
	right: 10px;
	bottom: 2px;
	z-index: 999;
	width: 550px;
}
.hometext, .pagetext {
	width: 875px;
	margin: 0 0 0 105px;
	min-height: 554px;
	position: relative;
	z-index: 1;
}
* html .hometext {
	height: 565px;
}
* html .pagetext {
	height: 554px;
}
.pagetext {
	background: #fff url(../images/bg_page.jpg) repeat-x top left;	
	position: relative;
	z-index: 5;
}
.bgimg {
	background: #fff url(../images/bg_page2.jpg) no-repeat 122px 10px;		
}
#homeimg {
	position: relative;
	height: 555px;
	z-index: 5;
}
#homeimg img {
	position: absolute;
	top: 0;
}
#homeimg .img1 {left: 0}
#homeimg .img2 {left: 400px}
#homeimg .img3 {left: 570px}
#homeimg .img4 {right: 0}
#homeimg .img5 {
	left: 400px;
	top: 194px;
}
#homeimg .img6 {
	right: 0;
	top: 350px;
}

#footer {
	padding: 10px 0 0px;
	position: relative;
	/*position: relative;
	top: 1px;*/
}
* html #footer {
	padding: 0 0 0;
}
/*
#footer p {
	background: url(../images/footer_line.png) no-repeat 0 25px;
	margin: 0;
}
#footer a {
	margin-left: 25px;
}

#footer .a {
	margin-left: 10px;
}
#footer .b {
	margin-left: 160px;	
}
*/
#footer ul {
	width: 100%;
	list-style: none;
	overflow: hidden;
	padding-left: 0;
}
#footer ul li {
	float: left;
	width: 105px;
	height: 70px;
	text-align: center;
	overflow: hidden;
	border: 1px solid #fff;
	/*padding-right: 21px;*/
}

#nav {
	/*background: #000  url(../images/navlogo.png) no-repeat 3px 99%;*/
	background-color: #000;
	width: 145px;
	position: absolute;
	/*top: 290px;*/
	top: 260px;
	left: 75px;
	z-index: 8;
	padding: 5px 0 0 0;
	/*height: 350px;*/
	height: 335px;
	overflow: hidden;
	/*background-color: #000;*/
}
#nav ul {
	margin: 0 0 0 8%;
	width: 93%;
	padding: 0;
	list-style: none;
	/*border-bottom: 1px solid #4d4d4d;*/
	
}
.navhome {
	/*height: 352px !important;*/
	height: 338px !important;
}
#nav a {
	color: #dddddd;
	font-size: 110%;
	display: block;
	width: 99%;
	padding: 5px 0 5px 2%;
}
#nav .selected strong {
	width: 100%;
}
#nav .selected strong .on {
	color: #2867f8 !important;
}
#nav ul .selected ul .on {
	color: #5e85d7 !important;
}
#nav ul li {
	/*padding-bottom: 6px;*/
	width: 100%;
	border-bottom: 1px solid #4d4d4d;
}
* html #nav ul li {
	float: left;
	clear: left;
}
#nav ul ul {
	padding: 0 0 0 0;
	margin: 0;
	border-bottom: 0;
	width: 100%;
}
#nav ul ul li.first {
	border-top: 1px solid #4d4d4d; 
	border-bottom: 0;	
}
#nav ul ul li {
	border-top: 1px dotted #4d4d4d;
	border-bottom: 0;
}
#nav ul ul li a {
	width: 90%;
	padding: 5px 0 5px 10%;
}
#nav ul a:hover {
	background-color: #fff;
}
#nav p {
	background: url(../images/bg_navimg.jpg) no-repeat;	
	position: absolute;
	bottom: 3px;
	left: 2px;
	margin: 0;
	padding: 0;
	width: 141px;
	height: 134px;
}
#nav p a {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 10px;
}
#nav .view1 {background-position: top center}
#nav .view2 {background-position: 50% -134px}
#nav .view3 {background-position: 50% -268px}
.pagetext-wrap {
	padding: 6px 6px 6px 135px;
}
.pagetext h2 {
	padding-top: 10px;
	font-size: 220%;
	font-weight: normal;
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 18px;
}
.pagetext h3 {
	font-size: 180%;
	margin-bottom: 5px;	
}
.pagetext .headsmall {
	font-size: 140%;
	margin-bottom: 15px;	
}
.pagetext p {
	margin-bottom: 15px;
}
.rightimg1 {
	background: #000 url(../images/imgcontent/img1.jpg) no-repeat center;
}
.rightimg1, .rightimg2 {
	width: 250px;
	min-height: 520px;
	float: right;
	margin-left: 10px;
}
* html .rightimg1 {height: 520px;}
.textleft {
	float: left;
	width: 63%;
}
.listpro {
	list-style: none;
	padding: 10px 0 0 0;
}
.listpro li {
	float: left;
	/*padding: 5px;*/
	width: 145px;
	height: 197px;

	margin: 0 6px 25px 0;
}
.listpro li a {
	padding: 5px 0;
	display: block;
	background-color: #122344;	
	text-align: center;
}
.listpro li img {
	border: 1px solid #122344;
}
.listpro li:hover img, .listpro .selected img {
	border: 1px solid #bf7300;
}
.listpro li strong {
	display: block;
	text-align: center;
	padding-top: 5px;
	font-size: 120%;
	color: #fff;
}
.servicesflow {
	background: url(../images/bg_serviceflow.png) no-repeat center;
	margin: 0 auto;
	margin-bottom: 40px;
	width: 457px;
	height: 472px;
}
.servicesflow ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 457px;
	height: 472px;
	position: relative;
}
.servicesflow li .img {
	width: 121px;
	height: 121px;
	position: absolute;
	overflow: hidden;
	z-index: 1;
}
.servicesflow li .img .bg {
	width: 121px;
	height: 242px;
	position: absolute;
	top: 0;
	left: 0;
}

.servicesflow li a {
	display: block;
	width: 121px;
	height: 121px;
	color: #000;
	font-size: 140%;
	position: relative;
	z-index: 3;
}
.servicesflow li {
	width: 121px;
	height: 121px;
	position: absolute;
}
.servicesflow li.a, .servicesflow li.d {left: 165px}
.servicesflow li.a {
	top: 0;
}
.servicesflow li.d {	
	bottom: -10px;
}

.servicesflow li.b, .servicesflow li.f {top: 95px}
.servicesflow li.b {
	right: 0;
}
.servicesflow li.f {	
	left: 0;
}

.servicesflow li.c, .servicesflow li.e {top: 270px}
.servicesflow li.c {	
	right: 0;
}
.servicesflow li.e {	
	left: 0;
}

.servicesflow li a strong {
	position: absolute;
	width: 130px;
}
.servicesflow li.a a strong {
	bottom: 100%;
	left: 40px;
}
.servicesflow li.b a strong, 
.servicesflow li.c a strong {
	left: 100%;
	top: 40%;
	padding-left: 5px;
}
.servicesflow li.d a strong {
	top: 100%;
	left: 20px;
}
.servicesflow li.e a strong, 
.servicesflow li.f a strong {
	right: 100%;
	top: 40%;
	text-align: right;
	padding-right: 5px;
}
.servicesflow li:hover .img .bg {
	top: -121px;
}
.servicesflow li.a .img .bg {
background: url(../images/bg_flow1.png) no-repeat 0 0;
}
.servicesflow li.b .img .bg {
	background: url(../images/bg_flow2.png) no-repeat 0 0;
}
.servicesflow li.c .img .bg {
	background: url(../images/bg_flow3.png) no-repeat 0 0;
}
.servicesflow li.d .img .bg {
	background: url(../images/bg_flow4.png) no-repeat 0 0;
}
.servicesflow li.e .img .bg {
	background: url(../images/bg_flow5.png) no-repeat 0 0;
}
.servicesflow li.f .img .bg {
	background: url(../images/bg_flow6.png) no-repeat 0 0;
}

.toppage {	
	background: url(../images/arrow_top.gif) no-repeat 0 5px;
	padding: 2px 15px;
	text-decoration: none;
}
* html .toppage {
	display: block;
}
.organisation {
	background: url(../images/bg_organisation.png) no-repeat;
	font-size: 90%;
	width: 730px;
	height: 672px;
	margin: 0 auto;
}
.organisation strong {font-size: 11px}
.organisation p {margin: 0}
.organisation ul {
	position: relative;
	width: 730px;
	height: 672px;
	list-style: none;
	padding: 0;
}
.organisation li {
	position: absolute;
	text-align: center;
	font-size: 10px;
}
.organisation h3 {
	font-size: 130%;
	color: #484849;
}

.organisation .a {
	width: 150px;
	top: 15px;
	left: 280px;
}.organisation .a h3 {
	color: #000 !important;
	font-size: 14px;
}
.organisation .b {
	width: 450px;
	top: 120px;
	left: 57px;
	text-align: center;
}
.organisation .b .b1 {
	float: left;
	padding: 35px 0 0 28px;
}
.organisation .b .b2 {
	float: right;
	padding: 35px 15px 0 0;
}

.organisation .c {
	width: 260px;
	top: 295px;
	left: 10px;
	text-align: center;
	word-spacing: -1px;
}
.organisation .c p {
	width: 120px;
	height: 83px;
	position: absolute;
}
.organisation .c .c1 {
	top: 65px;
	left: 3px;
}
.organisation .c .c2 {
	top: 50px;
	right: 6px;
}
.organisation .c .c3 {
	top: 152px;
	left: 3px;
}
.organisation .c .c4 {
	top: 165px;
	right: 6px;
}

.organisation .d {
	width: 260px;
	top: 295px;
	left: 297px;
	text-align: center;
	word-spacing: -1px;
}
.organisation .d p {
	width: 120px;
	height: 83px;
	position: absolute;
}
.organisation .d .d1 {
	top: 60px;
	left: 3px;
}
.organisation .d .d2 {
	top: 65px;
	right: 6px;
}
.organisation .d .d3 {
	top: 160px;
	left: 3px;
}
.organisation .e {
	width: 130px;
	top: 120px;
	right: 12px;
	text-align: center;
	word-spacing: -1px;	
}
.organisation .e h3 {margin-bottom: 10px;}
.organisation .e .e1 {padding-top: 30px;height: 102px}
.organisation .e .e2 {height: 115px}
.organisation .e .e3 {height: 100px}
.organisation .e .e4 {height: 83px}

.txtrow {
	width: 100%;
	overflow: hidden;
	text-align: left;
	word-spacing: -1px;
	font-size: 10px;
}
.txtrow .txta {
	margin-right: 5%;
}
.txtrow .txta, .txtrow .txtb {
	width: 47%;
	float: left;
	padding-top: 15px;
}
/*
.organisation .d, 
.organisation .e, 
.organisation .f, 
.organisation .g, 
.organisation .h {
	word-spacing: -1px;
	top: 410px;
}
.organisation .d {
	width: 98px;
	left: 30px;
}
.organisation .e {
	width: 107px;
	left: 170px;
}
.organisation .f {
	width: 95px;
	left: 305px;
}
.organisation .g {
	width: 120px;
	left: 427px;
}
.organisation .h {
	width: 100px;
	left: 577px;
}
*/

.wavemaps {
	background: url(../images/wave_maps.jpg) no-repeat center top;
	width: 683px;
	height: 404px;
	position: relative;
	margin-bottom: 10px;
}
.wavemaps ul {
	list-style: none;
	padding: 0;
}
.wavemaps li {
	position: absolute;
	cursor: pointer;
}
.wavemaps li.China {
	bottom: 200px;
	left: 520px;
}
.wavemaps li.Bangladesh {
	bottom: 171px;
	left: 462px;	
}
.wavemaps li.Thailand {
	bottom: 168px;
	left: 495px;
}
.wavemaps li.Indonesia {
	bottom: 139px;
	left: 518px;
}
.wavemaps li.Cambodia {
	bottom: 158px;
	left: 510px;
}
.wavemaps li.UK {
	bottom: 250px;
	left: 312px;
}
.wavemaps li.Brazil {
	bottom: 134px;
	left: 218px;	
}
.wavemaps li.Spain {
	bottom: 212px;
	left: 310px;
}
.wavemaps li.USA {
	bottom: 221px;
	left: 95px;
}
.wavemaps li.HongKong {
	bottom: 195px;
	left: 507px;
}
.wavemaps li.Netherlands {
	bottom: 240px;
	left: 324px;
}
.wavemaps li .viewname {
	/*-moz-border-radius: 8px;
	-webkit-border-radius: 8px;*/
	background: url(../images/bg_popcurve.png) no-repeat left top;	
	position: absolute;
	bottom: 90%;
	left: 80%;
	display: none;
	/*background-color: #fff;
	border: 1px solid #808181;*/
	width: 222px;
}
.wavemaps li .viewname-wrap {
	background: url(../images/bg_popcurve.png) no-repeat left bottom;	
	padding: 0 5%;
	position: relative;
	width: 90%;overflow: hidden;
	top: 10px;
}
.wavemaps li.selected .viewname {
	display: block;
}
.wavemaps li .viewname .h {
	font-size: 130%;
	/*word-spacing: -1px;*/
	letter-spacing: -1px;
	display: block;
	margin-bottom: 5px;
}
.contactlist {
	width: 240px;
	float: left;
	padding: 0;
	list-style: none;
	margin-left: 80px;
	display: inline;
}
.contactlist h3 {
	font-size: 110%;
	padding: 2px 5px;
	background-color: #949494;
	color: #fff;
}
.contactlist h4 {
	margin-bottom: 5px;
}
#viewproduct {
	background-color: #122344;
	padding: 10px 0;
	text-align: center;
}
#viewproduct p {
	margin: 0 0 10px 0;
	/*text-align: right;*/
	/*padding-right: 10px;*/
	width: 100%;
	overflow: hidden;
}
#viewproduct p * {
	color: #fff;
}
#viewproduct p a {
	text-transform: uppercase;
	text-decoration: underline;
	font-size: 90%;
	font-weight: bold;
	float: right;
	padding-right: 10px;
}
#viewproduct .name {
	float: left;
	padding-left: 10px;
	font-size: 120%;
	font-weight: bold;
}