@charset "utf-8";
/*Main*/
.main .content		{ width:750px; height:480px; margin:0 auto;}/*175*/
.main .content a	{position:absolute; z-index:50; top:250px; width:150px; height:170px;}
.main #move1	{left:0px;}
.main #move2	{left:150px;}
.main #move3	{left:300px;}
.main #move4	{left:450px;}
.main #move5	{left:600px;}


/*What we are*/
.wwa .content		{ padding: auto 75px; text-align: center; padding-top: 30px; height: 450px;}


/*What we do*/
.wwd .content						{ height: 480px; width: 900px; color: #FFF; margin:0 auto;}
.wwd .desc				{ float:left; margin-top: 200px; margin-left: 140px; width: 220px;}
.wwd .service				{ float:left; background:url('../imgs/wwd_btn_bg.png') top center; height: 465px; width: 370px;}
.wwd .service div a span	{ position: absolute; top: -999em; }

.btn_ems			{ display: block; width: 135px; height: 75px; float: left; margin-left: 36px; margin-top: 70px;}
.btn_bms			{ display: block; width: 135px; height: 75px; float: left; margin-left: 32px; margin-top: 70px;}
.btn_sdc			{ display: block; width: 135px; height: 75px; float: left; margin-left: 36px; margin-top: 135px;}
.btn_dps			{ display: block; width: 135px; height: 75px; float: left; margin-left: 32px; margin-top: 135px;}


/*Service*/
.service .content					{ height: 445px; width: 900px; line-height: 1.03em; color: #FFF; margin:0 auto;}
.service .text				{ padding-left: 260px; margin-top: 35px; height: 78px;}
.service .text img			{ padding-bottom: 10px; }
.service .control			{ float: left; width: 140px; margin-left: 120px; margin-top: 20px; }
.service .control			{ float: left; width: 140px; margin-left: 120px; margin-top: 20px; }
.service .controllist	{list-style:none; margin:0; padding:0;}
.service .controllist li	{display:block; background-repeat:no-repeat; padding:0 0 15px 20px; color:#FFF; cursor:pointer;}
.service .controllist li.on	{font-weight:bold;}
.service .controllist li.a01	{background-image:url(../imgs/bullet01.png);}
.service .controllist li.a02	{background-image:url(../imgs/bullet02.png);}
.service .controllist li.a03	{background-image:url(../imgs/bullet03.png);}
.service .controllist li.a04	{background-image:url(../imgs/bullet04.png);}
.service .controllist li.a05	{background-image:url(../imgs/bullet05.png);}
.service .controllist li.a06	{background-image:url(../imgs/bullet06.png);}
.service .slideshowarea			{ float:left; padding:30px 0 0 13px;}
.service .slideshow-4btns	{position:absolute; margin:-22px 0 0 29px;}
.service .slideshow-4btns a	{display:inline-block; width:21px; height:10px; background: url('../imgs/btn_arrow.gif') no-repeat 0 0;}
.service .slideshow-4btns a:hover, .service .slideshow-4btns a.on	{background: url('../imgs/btn_arrow.gif') no-repeat 0 -10px;}
.service .slideshow-4btns a span	{ position: absolute; top: -999em;}
.service .content .pixel .navigation-buttons	{margin-left:130px; right:0px; top:280px;}


/*Project hightlights*/
.ph .content			{ display: block; height: 442px; width:645px; margin:33px auto 0; padding-left:75px;}
.ph .content .pixel .navigation-buttons .buttons	{margin-left:20px;}


/*Contact Us*/
.cu .content				{height: 480px; width: 900px; margin:0 auto; line-height: 1.03em; color: #FFF; }
.cu .content .text	{ float:left; margin-top: 160px; margin-left: 155px; width: 140px; }
.cu .content .enquiry	{ float:left; margin-top: 270px; margin-left: 5px; }


/*Common*/
body { font-family: Arial, Helvetica, sans-serif; background-repeat: repeat-x; background-position: top center; font-size: 12px; color: #FFF; margin: 0 auto; min-width: 900px;}

.header						{ text-align: center; height: 90px; padding-top:15px; width:420px; margin:0 auto;}
.header .menu				{ }
.header .menu div			{ float: left; margin:0 13px;}
.header .menu div a span	{ position: absolute; top: -999em; }

.btn_home			{ display: block; width: 50px; height: 85px; background: url('../imgs/btn_home.gif') no-repeat 0 0; margin-right: 10px;}
.btn_home-on		{ display: block; width: 50px; height: 85px; background: url("../imgs/btn_home.gif") no-repeat 0 -85px; margin-top: 25px; }
.btn_home:hover		{ background-position: 0 -85px; }

.btn_wwa			{ display: block; width: 55px; height: 55px; background: url('../imgs/btn_wwa.gif') no-repeat 0 0; margin-top: 25px;}
.btn_wwa-on			{ display: block; width: 55px; height: 55px; background: url("../imgs/btn_wwa.gif") no-repeat 0 -55px; margin-top: 25px; }
.btn_wwa:hover		{ background-position: 0 -55px; }


.btn_wwd			{ display: block; width: 55px; height: 55px; background: url('../imgs/btn_wwd.gif') no-repeat 0 0; margin-top: 25px;}
.btn_wwd-on			{ display: block; width: 55px; height: 55px; background: url("../imgs/btn_wwd.gif") no-repeat 0 -55px; margin-top: 25px; }
.btn_wwd:hover		{ background-position: 0 -55px; }

.btn_ph				{ display: block; width: 55px; height: 55px; background: url('../imgs/btn_ph.gif') no-repeat 0 0; margin-top: 25px;}
.btn_ph-on			{ display: block; width: 55px; height: 55px; background: url("../imgs/btn_ph.gif") no-repeat 0 -55px; margin-top: 25px; }
.btn_ph:hover		{ background-position: 0 -55px; }

.btn_cu				{ display: block; width: 55px; height: 55px; background: url('../imgs/btn_cu.gif') no-repeat 0 0; margin-top: 25px;}
.btn_cu-on			{ display: block; width: 55px; height: 55px; background: url("../imgs/btn_cu.gif") no-repeat 0 -55px; margin-top: 25px; }
.btn_cu:hover		{ background-position: 0 -55px; }


.footer				{ color: #F00; text-align: center; }
.footer .link		{ padding-top: 8px; padding-bottom: 15px; font-size: 1.2em; font-weight: bolder; }
.footer div img		{ padding: 5px; }
.footer .disclaimer	{ font-size: 10px; padding-bottom: 10px; }


img		{ border: 0px;}
p		{ padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; }

ul		{ padding-top: 0px; padding-bottom: 0px; padding-left: 20px; padding-right: 0px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; list-style: square outside; }


a		{ color:#F00; text-decoration: none;}
a:hover	{ color:#F00; text-decoration: underline;}

a.w			{ color:#FFF; text-decoration: none;}
a.w:hover	{ color:#FFF; text-decoration: underline;}

a.bold			{ color: #F00; text-decoration: none; font-family: "Arial Black", Arial;}
a.bold:hover	{ color: #F00; text-decoration: underline; font-family: "Arial Black", Arial;}

.clear	{ clear: both;}

input			{ height: 15px; border: 0; width: 160px; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em;}
input.btn		{ width: 60px; padding-top: 2px; height: 20px; padding-left: 7px; padding-right: 7px; }
textarea		{ height: 60px; left: 0px; vertical-align:top; }


/*index page*/
.index_main		{ padding-top: 200px; text-align: center; padding-bottom: 200px; height: 180px;}
.lang			{ padding-top: 15px; font-size: 1.5em;}

.index_footer				{ padding-top: 45px; text-align: center; color: #F00;}
.index_footer .disclaimer	{ font-size: 10px; padding-bottom: 10px;}