body {
	margin:0 0 0 0px;background-color:#e6e6e8;text-align:center;
}
div,p,h1,h2,h3,h4,ul,img,td{
	margin:0 0 0 0px;padding:0 0 0 0px;
}
a,img{
	border-width: 0px;
	text-decoration:none;
}
table{
	border-collapse:collapse;border-spacing:0px; border:0px;
}
#container {
	margin: 0px auto; width:799px;
}
#leftshadow {
	float: left;background:url('leftshadow.jpg') #e6e6e8 no-repeat 0px 132px;width:15px;height:437px;
}
#rightshadow {
	float: right;background:url('rightshadow.jpg') #e6e6e8 no-repeat 0px 132px;width:16px;height:437px;
}
#header{
	background:#ffffff ;width: 768px;
}
#logo {
	float: left;width: 270px;height: 132px;padding:2px 0px 0px 16px;
}
#content{
	background-color:#ffffff;width:768px; clear:both;/*test in FX&Crome must fill height value*/
}
  /*******************ส่วนที่แก้ และต้องเพิ่ม*******************/                
       table.bodyContainer,
    table.bodyContainer td
    {
    	 vertical-align:top;
    }
    table.bodyContainer td.homeCenter
    {
    	background:#ffffff;
    }              
                
  /*letflayout*/
    div#leftlayout{
        float:left;margin-top:28px; margin-left:0px;
    }
    /*rightlayout*/

    div#rightlayout{
        float:right;margin-top:28px; margin-left:0px;margin-right:16px;
    }

    /**/
    
/**/
   div.linkpages1_edit
    {
         background-image:url('topblueloop_edit.gif'); background-repeat:repeat-x; width:226px;float:right; height:3px; vertical-align:top;
    }
    div.linkpages1_edit a
    {
        font-family:Tahoma; font-size:7pt; color:#000000; text-decoration:none; font-weight:bold; margin-top:2px;
    }
    div.linkpages1_edit a:hover
    {
        color:#5acfee;
    }
/*Link Template */
#Mainmenuright
{
	float:right; width:440px;padding-right:15px; padding-top:2px;
}
div.linkpagesleft
{
	float:left; width:12px; height:6px; vertical-align:top; background-color:#043d68;
}
div.linkpages1
{
	float:right; height:3px; vertical-align:top; background-color:#026cb8; width:226px;
}
div.linkpages1 a
{
    font-family:Tahoma; font-size:7pt; color:#000000; text-decoration:none; font-weight:bold; margin-top:2px;
}
div.linkpages1 a:hover
{
	color:#5acfee;
}
div.linkpages2
{
	clear:both; float:right; padding-top:50px; width:420px; height:48px; padding-left:40px;
}
div.linkpages2 ul
{
	list-style-type:none;
}
div.linkpages2 ul li
{
	display:inline;
}
div.linkpages2 ul li img
{
	margin-right:-10px;
}
div.linkpages2 ul li a
{
	font-family:Tahoma; font-size:8pt; color:#000000; text-decoration:none; font-weight:bold;
}	
div.linkpages2 ul li a:hover
{
	color:#5acfee;
}
.FlashHeader
{
	 clear:both; height:305px; azimuth:center;
}


/*=================Template=========================*/
.leftlayoutFontWhite{
	font-family:Tahoma;font-size:8pt;color:#ffffff;text-align:left;
}
.leftlayoutFontBlack{
	font-family:Tahoma;font-size:8pt;color:#000000;text-align:left;
}
#graytab{
	background:#eaeaec repeat-x top; height:26px; width:229px;
}
table#productslist,table#serviceleftlayout{
    float:left;width:229px; margin-top:6px;
}
.darkblueleft{
	background:url('darkblueleft.gif') repeat-y; width:18px;
}

#rightcontent{
  margin-left:6px;width:517px;
}
.topleftteage{
	background:url(topleftEage.gif) no-repeat left top; width:19px;
}
.toprighteage{
	background:url(toprightEage.gif) no-repeat right top; width:26px;
}
.bottomleftteage{
	background:url(bottomleftEage.gif) no-repeat left top; width:19px; height:30px;
}
.bottomrighteage{
 background:url(bottomrightEage.gif) no-repeat right top; width:26px; height:30px;
}
.lineorange{
	background:#f36c2d repeat; height:2px; margin-top:28px;
}
.bgleftlayoutservices{
	 background-color:#42b9db; width:211px;
}
table#productslist td.menuproright,.rightblue{
	float:right;background:url(menuprolistright.gif) repeat-y; width:2px;
}
table#productslist td.menuprofoot,.footblue{
  float:left;background:url(menuprolistFoot.gif) no-repeat; height:21px;
}
.blueline1 {
	float:left;width:12px;height:9px;background-color:#033e69;
}
.blueline2 {
	float:right; width:96%;height:5px; background:url(linefoot.jpg) repeat-x;
}
/*============content home===============*/
/*company*/
table.company_edit{
    /*float:left;width:185px; margin-left:16px;margin-left:10px;*/
    /* background:red;*/width:214px; margin-left:15px;
}
.col1{
    border-top:2px #dde2e5 solid; height:2px;
}

table.company_edit td.col2{
    background:url(images/companytab_edit.gif) no-repeat left 7px; height:30px;
}
div.comp{
    float:left;/*width:124px;*/ margin:11px 0px 6px 0px; width:150px;
}
div.comp h4,div.comp p{
    font-family:Tahoma;font-size:9pt;text-align:left;margin:0 0 0 0px;color:#f36c2d;
}
div.comp p{
    font-size:8pt;color:#5b5858;
}
table.company_edit td.col3 img{
    padding:30px 0px 0px 0px;
}
div.btnread{
    clear:both; float:left;
}
div.btnread img{
    margin: -30px 0px 5px 0px;
}
/*use all*/ 
.btngray{
     float:left;border: 1px solid #e7e7e7;height:27px; background-color:#ffffff;
}
.btngray li{
    float:left;list-style:none;margin:8px 2px 6px 0px; 
}
.btngray li a{
    color:#053075;text-align:left; font-family:Tahoma; font-size:8pt; font-weight:bold; 
}
.btngray li img{
    margin:0px 2px 0px 1px;
}
/*news*/
#sideleftNews{
    float:left;width:3px; height:85px;background:url('newsleft.jpg') no-repeat;
}
#siderightNews{
    float:right;width:6px; height:85px;background:url('newsright.jpg') no-repeat;
}
#News{
    float:left;background-image:url('newsloop.jpg');background-repeat:repeat-x; height:85px; /*width:185px;*/ width:214px;
}
#News img{
    margin:12px 0px 0px 7px; float:left;
}
.txtnews{
     float:left; margin-left:5px;
}
.btnnews{
     float:left;margin:3px 0px 0px 2px;
}
/*precontent*/
    

#precontent{
    float:left;width:544px;/* height:200px;*/ margin:0px 0px 23px 0px; padding-left:0px; height:220px;
}
.pcontent
{
	 /*float:right;height:190px; width:162px;*/ height:210px; border:4px #dee4e4 solid;background-color:#666666;/* margin:0px 3px 0px 3px;*/ width:153px;
    margin-left:3px;
}
.pcontent ul{
   /* margin:0px 3px 0px 3px;*/ list-style:none;/*width:162px;*/ width:140px;
}
.pcontent ul li.title{
    font-family:Tahoma;font-size:9pt;font-weight:bold;color:#ffffff;text-align:left;
}
.pcontent ul li.detail{
    font-family:Tahoma;font-size:8pt;color:#ffffff;text-align:left; 
   
}
a.btnarroww{
    float:right;width:28px;padding-right:4px; vertical-align:bottom;
}
/*welcome*/
#welbg
{
	margin-right:3px;
    float:left;/*width:350px;*/ width:320px; border:solid 1px #dde2e5;background-image:url('bgwel.jpg');background-repeat:repeat-x; height:351px;/*margin-left:9px;*/
}
table.welcome{
    /*width:350px;*/ width:320px;
}
table.welcome h2{
    text-align:left;margin:0 0 0 9px;
}
table.welcome p{
    font:8pt Tahoma;color:#000000;text-align:left;margin:0 0 0 10px;padding:15px 10px 2px 0px; width:280px;
}
table.welcome td.colbtn{
    padding:10px 0px 10px 5px;
}
table.welcome h3{
    font:Tahoma 18pt #000000;text-align:left;padding-top:19px; padding:10px 0px 0px 5px;
}
.linewel{
   /* background-color:#f1f8fb; width:325px; height:1px;*/
}
/*product*/
table.product{
    /*width:175px; float:left; margin-left:10px;*/ width:161px;
}
table.product td.p1{
    background:url('upproTop_edit.jpg') no-repeat; height:52px;
}
table.product td.p1 h4{
    font-family:Tahoma;font-size:10pt;font-weight:bold; color:#0773a3; padding:14px 0px 5px 10px;text-align:left;
}
table.product td.p2{
    background-color:#0773a3; background-repeat:repeat; height:100%;
}
table.product td.p2 h3{
    font-family:Tahoma;font-size:10pt;font-weight:bold;color:#ffffff;text-align:left;padding-left:7px;
}
table.product td.p2 p.contentpro{
    padding:7pt 0px 0px 7px; margin:1px 0px 0px 0px;font-family:Tahoma; font-size:8pt; color:#ffffff; text-align:left;	
}
table.product td.p2 p.btnpro{
    text-align:right; padding-right:4px; margin:5px 0px 0px 0px;
}
table.product a{
    font-family:Tahoma; font-size:8pt; font-weight:bold;color:#ffffff; text-decoration:none;
}
table.product td.p3{
    background:url('upproBottom_edit.jpg') no-repeat; height:5px;
}
.LinkMoreProducts
{
    padding:20px 10px 5px 0px;
}
.LinkMoreProducts img
{
    margin-right:5px;
}
.LinkMoreProducts a
{
    font-size:13px; color:#f36c2d; font-weight:bold; 
}

/*address*/
table.product td.address{
    background-image:url('addhead_edit.jpg');background-repeat:no-repeat;height:66px;

}
table.product td.address h4{
    padding-top:50px; margin:0 0 0 0px; font-family:Tahoma; font-size:9pt; font-weight:bold; color:#044865; text-align:left;
    
}
table.product td.address p.add{
    font-family:Tahoma; font-size:7pt; color:#0776a5; text-align:left; padding:14px 0px 0px 1px;
}
/*===============products===================*/
table#productslist td.bgmenupro{
	 background-image:url(menuprolistCenter.gif); background-repeat:repeat-x; background-color:#6bc9db;/*fill height for test*/
}
.menuprohead{
	background:url(menuprolistH.gif) no-repeat; height:25px;
}
.productH{
float:left;width:113px;background:url(productH.gif) no-repeat 2px 6px; height:30px;
}
div.viewproduct{
	float:left;width:177px;margin:50px 20px 20px 20px;border:solid 1px #eaeaec;
}
div.viewproduct img{
	width:177px; height:103px;
}
.prodetail{
	width:100%; padding-right:20px;font-family:Tahoma; font-size:8pt; color:#000000; text-align:left;
}
.prodetail h4{
	font-size:8pt; color:#f36c2d; font-weight:bold; text-align:left; margin-top:50px; margin-bottom:10px;
}
/* view 1 product view*/
.view1product
{
	margin:20px 20px 20px 20px; border:solid 1px #eaeaec; float:left; width:177px;
}
/*===============services====================*/
.menuserviceshead{
	background:url(menuprolistH.gif) no-repeat; height:25px;
}
.blugastxt{
	clear:both; background-color:#dfdfe2; width:228px;height:47px; margin-top:9px;
}
.blugastxt h1{
	 font-family:Tahoma; font-size:18pt;color:#42b9db; margin-top:10px;
}
.tool{
	clear:both; margin-top:29px; float:left;
}
.serviceH{
float:left;width:113px;background:url(servicesH.gif) no-repeat 2px 6px; height:30px;
}
.divleftservice{
	float:left;
}
.divleftservice ul,.divrightservice ul{
	list-style:none;
}
.divleftservice ul li{
	margin:20px 10px 20px 31px;
}
.divrightservice{
	float:right; width:310px;
}
.divrightservice ul li{
	font-family:Tahoma; font-size:8pt; color:#000000; text-align:left;margin:20px 10px 10px 0px;
}
.divrightservice ul li h5{
	color:#42b9db; font-weight:bold; margin:0 0 0 0px;
}
.divrightservice ul li img
{
	 margin:0px 50px 0px 60px;
}

/*===============about us====================*/
.menuabouthead{
	background:url(menuAboutusH.gif) no-repeat; height:25px;
}


.aboutH{
float:left;width:113px;background:url(AboutusH.gif) no-repeat 2px 6px; height:30px;
}

/*===============about us LEFT ====================*/
.divleftaboutus{
	float:left; width:280px;font-family:Tahoma; font-size:8pt; color:#000000; text-align:justify;margin:0px 0px 0px 0px;
}

.divleftaboutus ul,.divrightaboutus ul{
	list-style:none;
}
.divleftaboutus ul li{
	margin:20px 10px 0px 20px;
}
.divleftaboutus ul li img
{
	float:left; margin:10px 0px 0px 10px;
}

/*===============about us RIGHT ====================*/

div.about h1,div.about p{
	font-family:Tahoma;font-size:9pt;text-align:left;margin:0 0 0 14px;color:#000000;float:left;
}

.divrightaboutus{
	float:right; font-family:Tahoma; font-size:8pt; color:#000000; text-align:justify;margin:20px 0px 0px 0px;
}
.divrightaboutus{
	float:right;
}
.divrightaboutus ul li{
	 font-family:Tahoma; font-size:8pt; color:#000000; text-align:justify;margin:0px 0px 0px 0px;
}

.divrightFrameBlueaboutus ul li{
	 font-family:Tahoma; font-size:8pt; color:#000000; text-align:justify;margin:5px 15px 0px 15px;
}

.divrightaboutusFrameBlue ul li img
{
	float:left; margin:0px 0px 0px 0px;
}

.divrightaboutus ul li img
{
	float:right; margin:0px 0px 0px 0px;
}
.divrightaboutusFBlue ul li img
{
	float:left; margin:0px 0px 0px 15px;
}
.divrightaboutus ul li table
{
	float:right; margin:0px 0px 0px 0px;
}
.aboutrightLine{
float:right;width:224px;background:url(AboutGray.jpg) repeat-x 2px 6px; height:24px;
}

/*address AboutUs*/
table.aboutus td.address{
	background-image:url('addHeadAboutUs.jpg');background-repeat:no-repeat;height:0px;background-position:right;
}
table.aboutus td.address h1{
	padding-top:85px;padding-left:30px; margin:0 0 0 0px; font-family:Tahoma; font-size:9pt; font-weight:bold; color:#044865; text-align:left;
}
table.aboutus td.address p.add{
	font-family:Tahoma; font-size:8pt; color:#0776a5; text-align:left; padding:0px 0px 0px 30px;
}

/*===============Portfolio====================*/
.menuporthead{
	background:url(menuPortfolioH.gif) no-repeat; height:25px;
}

.divTextPortfolio
{
	float:left;font-family:Tahoma; font-size:8pt; color:#000000; text-align:justify;margin:0px 0px 0px 0px;
}

.divleftPortfolio
{
	float:left; width:280px;font-family:Tahoma; font-size:8pt; color:#000000; text-align:justify;margin:0px 0px 0px 0px;
}

.divleftPortfolio ul ,.divrightPortfolio ul{
	list-style:none;
}
.divleftPortfolio ul li
{
	float:left; margin:10px 0px 0px 20px
}

.divleftPortfolio ul li img
{
	float:left; margin:0px 0px 0px 0px
}
.divleftPort
{
	float:left; 
}

.portfolioH{
float:left;width:117px;background:url(PortfolioH.gif) no-repeat 2px 6px; height:30px;
}
div.port h1
{
	font-family:Tahoma;font-size:8pt;color:#012a48;text-align:left;margin:5px 0px 0px 13px;
}

div.port h2,div.port p{
	font-family:Tahoma;font-size:9pt;text-align:left;margin:20px 10px 0px 20px;color:#f36c2d;
}
div.port h3,div.port p{
	font-family:Tahoma;font-size:9pt;text-align:left;color:#f36c2d;
}

table.port td.port{
	background-image:url('PortBG_Gray.gif');background-repeat:repeat-y;height:0px;background-position:left;
}

/*===============Job JobDescript====================*/
.menujobhead{
	background:url(MenuJobH.gif) no-repeat; height:25px;
}
.jobH{
float:left;width:170px;background:url(JobH.gif) no-repeat 2px 6px; height:30px;
}
.jobForm{
	
	font-family:Tahoma;font-size:8pt;color:#47bddf;text-align:left;
	margin:0px 0px 0px 0px;
}
.jobtexbox
{
	 border:solid 1px #012a48; background-color:White;
}
.divrightjob{
	float:right; width:332px;margin:25px 0 0 0; vertical-align:top;
}
.divrightjob ul,.divrightjob ul{
	list-style:none;
}
.divrightjob ul li{
	font-family:Tahoma; font-size:8pt; color:#000000; text-align:left;
}
.divrightjob ul li h1{
	color:#42b9db; margin:13px 0 0 10px; font-size:10pt;
}
.divleftjob{
	float:left; margin: 25px 0 0 17px;
}
.FontOrangeH{
	font-family:Tahoma;font-size:14pt;color:#f36c2d;text-align:left;
}

div.job h1,div.job p{
	font-family:Tahoma;font-size:9pt;text-align:left;margin:15px 0 15px 0px;color:#000000;float:left;
}

/*===========Jop content Main===============*/
.bgjobgray
{
	background:#eaeaec repeat-x top; height:26px; width:100%;
}
table.listjob
{
	width:100%; margin-top:35px; margin-left:30px;
}
table.listjob td.arrowjob img
{
	width:10px;margin:15px 0px 15px 0px;
}
table.listjob a
{
	font-family:Tahoma;font-size:9pt;text-align:left;color:#000000; font-weight:bold;
}
table.listjob a:hover
{
	color:#f36c2d;
}
/*==============Jop EApply======================*/
table.EApply
{
	width:100%; /*border:solid 1px 1px 1px 1px #e5e5e5;*/
}
table.EApplyV2
{
	width:100%; border:solid 1px 1px 1px 1px #e5e5e5;
}
table.EApply td
{
	font-family:Tahoma; font-size:9pt; color:#000000;
}
table.EApply td
{
	margin-top:10px;
}
.headtopic
{
	background-color:#066ab8; background-repeat:repeat; width:100%; height:19px;
}
.headtopic h1
{
	color:#ffffff; font-weight:bold; font-size:10pt; text-align:left; margin-left:18px;
}
.FontEApplyOrange
{
	color:#f36c2d; font-weight:bold;
}
table.EFormjob td
{
	padding-left:9px; padding-top:10px;
}
table.EApply2
{
	 width:100%; margin-left:16px;
}
table.EApply2 td
{
	padding-left:2px; padding-top:5px;
}

/*===============Contact Us====================*/
.contactH{
	float:left;width:113px;background:url(ContactH.gif) no-repeat 2px 6px; height:30px;
}
.divrightcontact{
	float:right; width:333px;margin:25px 0 0 0; vertical-align:top;
}
.divrightcontact ul{
	list-style:none;
}
.divrightcontact ul li{
	font-family:Tahoma; font-size:8pt; color:#000000; text-align:left;
}
.FontBlueH{
	font-family:Arial;font-size:14pt;color:#47bddf;text-align:left;margin: 17px 0 0 17px
}
.divleftcontact{
	float:left; margin: 25px 0 0 17px;
}
.divrightFrameBlueacontact ul li{
	 font-family:Tahoma; font-size:8pt; color:#000000; text-align:left;margin:5px 90px 0px 17px;
}
.divleftcontact2{
	float:left; width:200px;font-family:Tahoma; font-size:8pt; color:#000000; text-align:justify;
}
.divleftcontact2 ul{
	list-style:none;
}
.divleftcontact2 ul li{
	margin:12px 0px 0px 17px;
}
.divleftcontact2 ul li img
{
	float:left; margin:10px 0px 0px 0px;
}

div.contact h1,div.contact p{
	font-family:Tahoma;font-size:9pt;text-align:left;margin:0px 0px 0px 0px;color:#f36c2d;
}

.divrightcontact2{
	float:right; width:300px;margin:15px 0 0 0; vertical-align:top;
}
.divrightcontact2 ul{
	list-style:none;
}
.divrightcontact2 ul li img
{
	list-style:none; margin:20px 0px 0px 0px;vertical-align:top;
}

/*==========Footer===========*/
#footer {
	clear: both;background-color: #ffffff;width: 768px; height:160px;/*width: 768px; height:160px; height Fix for FX&Crome*/
}
#footerNav {
	width: 737px;height: 16px;padding-top: 8px;
}
#footerline1 {
	float:left;width:12px;height:9px;background-color:#033e69;
}
#footerline2 {
	float:right; width:725px;height:5px; background:url(linefoot.jpg) repeat-x;
}
#footerNav ul{
	margin: 0 0 0 3px; list-style:none;
}
#footerNav ul li{
	display:inline;
}
#footerNav ul li a{
	font-family:Tahoma;font-size:7pt;color:black;vertical-align:top;padding:0px 4px 0px 3px;
}
#website_info {
	float:left;width:400px; height:90px;
}
#blugas {
	text-align:left;font-family:Tahoma; font-size:9pt; font-weight:bold; color:#0775a3; padding:45px 0px 0px 15px;margin:0px 0px 8px 0px;
}
#tel {
	text-align:left;font-family:Tahoma; font-size:7pt; color:#989494; padding-left:15px; margin-top:0px;
}
#delv {
	float:right;width:350px; height:44px; padding-top:25px;
}
#delv p {
	font-family::Tahoma;font-size:8pt;color:#0775a3;text-align:right; padding:25px 15px 0px 0px;
}
#delv p a{
	text-decoration:underline;color:#0775a3;
}
table.footer{
	margin-left:8px;
}
table.footer td.foot{
	width:450px; height:10px; background:url(bottomGrayLine.gif) repeat-x;background-position:center;
}