/* reset files */

*{outline:none; margin:0px;}
h1,h2,h3,h4,h5,h6,ul,ol,li,a,p{color:#fff; font-family:Verdana, Geneva, sans-serif; font-size:12px; text-decoration:none; list-style:none; line-height:26px; text-align:justify;}
* {outline: none;}
body {margin: 0;padding: 0; height: 100%;}
a:link, a:visited, a:hover, a:active {text-decoration: none; color:inherit;}
a:hover{color:#F00;}
p a:hover{color:#09C;}
ul, ol {margin: 0;padding: 0;list-style-type: none;}
form {margin: 0px;padding: 0px;}
a img {border: 0;}
h1{color:#131337; font-size:32px; text-decoration:none; font-family:angsana new; background:#f1f1f1; padding-left:10px; line-height:42px; border-left:2px #131337 solid;}
h2{color:#000; font-size:32px; text-decoration:none; font-family:angsana new;}

/* layout */
body{width:100%; background:#131337;}
.c{ clear:both; height:1px;}
.box{width:1002px; margin:0 auto;}
.wrap{width:100%; float:left; background:#fff; margin:0 0 10px 0;}
.header{width:100%; float:left; background:#fff; padding:10px 0;}

#site-map{ float:right; margin-right:2px; margin-top:110px;}
#site-map ul{}
#site-map ul li{ list-style:none; float:left; }
#site-map ul li a{ color:#000; font-size:12px; padding:5px 20px; margin:0 2px 0 0;}
#site-map ul li a:hover{ color:#89aaf2; font-weight:bold;}

.site-map{ width:100%; float:left; }
.site-map ol{}
.site-map ol li{ list-style:none;  color:#000; background:url(images/arrow-img.png) no-repeat left; padding-left:35px; margin-bottom:5px;}
.site-map ol li a{ color:#000; font-size:12px; display:block;  background:#f1f1f1; padding-left:10px;}
.site-map ol li a:hover{ color:#89aaf2; font-weight:bold;}


.site-map2{ width:100%; float:left; margin-left:50px; margin-bottom:10px;}
.site-map2 ol{}
.site-map2 ol li{ background:url(images/arrow-img-2.png) no-repeat left; padding-left:15px; margin-bottom:5px;}
.site-map2 ol li a{ color:#000; font-size:12px; display:block;  background:#f1f1f1; padding-left:10px; width:91.2%;}
.site-map2 ol li a:hover{ color:#89aaf2; font-weight:bold;}

.logo{width:10%; float:left;  padding:30px 30px 0 40px;}
.logo p{color:#9f0707; font-size:24px; font-weight:bold;}
.company_name{width:60%;  float:left; padding:25px 0 0 45px; text-align:center;}

.company_name p{color:#131337; font-size:60px; text-align:center; line-height:52px; font-family:cambria; letter-spacing:45px;}
.company_name strong{color:#131337; font-size:30px; text-align:center; line-height:36px; font-family:browalliaUPC; letter-spacing:22.5px; margin-left:-15px; font-weight:normal; }
.company_name span{color:#000; font-size:12px; text-align:center; font-weight:normal; line-height:12px; letter-spacing:normal; font-family:Arial, Helvetica, sans-serif;}
.call_us{width:20%; float:right; padding:20px 0 0 0;}
.call_us p{color:#000; font-size:12px; font-weight:bold; text-decoration:blink;}
.devider{width:100%; float:left; height:4px; background:#131337;}
#navigation{width:96%; float:left; background:url(images/navi_img.jpg) repeat-x; margin:2px; padding:0 0 0 37px;}
#navigation ul{}
#navigation ul li{ list-style:none; float:left; background:url(images/navi_devider.jpg) no-repeat right;}
#navigation ul li a{ color:#fff; font-size:14px; font-weight:bold; padding:5px 35px; margin:0 2px 0 0;}
#navigation ul li a:hover{ color:#001748; background:#89aaf2;}
#navigation ul li a.active{ color:#001748; background:#89aaf2;}
.showcase{width:98%; float:left; padding:10px;}
.common_box{width:98%; float:left; padding: 10px;}
.common_box p{color:#000; font-size:12px;}
.welcome_part_1{width:25%; float:left; background:#131337; padding:3px;} 
.welcome_part_2{width:72%; float:left; margin:0 0 0 18px;}
.welcome_part_2 p{color:#000; font-size:12px; font-weight:bold; line-height:18px;}
.welcome_part_2 span{color:#000; font-size:12px; }
.read{width:10%; float:right;}
.read p{color:#000; font-size:12px; text-decoration:underline; font-style:italic; font-weight:normal;}

.read_2{width:13%; float:right;}
.read_2 p{color:#000; font-size:12px; text-decoration:underline; font-style:italic;}
.read_3{width:30%; float:right;}
.read_3 p{color:#000; font-size:12px; text-decoration:underline; font-style:italic;}
.product_range{width:25%; float:left;}
.product_range_1{width:100%; float:left; background:#131337; margin:10px 0 0; border:1px #000 solid;}
.product_range_1 P{color:#fff; font-size:14px;  text-align:center;}
.company_profile{width:72%; float:left; padding:0 0 0 27px;}
.company_profile_3{width:100%; float:left;}
.company_profile_3 p{color:#000; font-size:12px; line-height:18px; text-align:justify;}
.company_profile p{color:#000; font-size:12px; line-height:18px;}
.mid_batton{width:16%; float:right;}
.photo_gallery{width:97%; float:left; text-align:center;  background:#131337; margin:2px 4px; padding:10px 10px 10px 12px; border-left:1px #fff solid; border-right:1px #fff solid;}
.img{width:19%; float:left; margin:0 8px 0 0;}
.bottom{width:100%; float:left;}
.copy_right{width:20%; float:left; padding:0 0 0 2px;}
.copy_right p{color:#131337; font-size:12px;}
.bottom_navi{width:77%; float:left; margin:0 0 0 20px;}
.bottom_navi ul{}
.bottom_navi ul li{ list-style:none; float:left; padding:0 2px;}
.bottom_navi ul li a{ color:#000; font-size:11px; font-weight:bold; margin:0 5px;}
.bottom_navi ul li a:hover{ color:#09C;}
.bottom_navi ul li a.active{ color:#09C;}
.design_by{width:100%; float:left;}
.design_by p{color:#131337; font-size:12px; text-align:center;}
.design_by a{color:#131337;}



.about_part{width:30%; float:left; margin:0 17px 0 15px ;}
.about_part_img{width:97%; float:left; border:#131337 5px solid; margin:5px 0;}
.about_part p{color:#000; font-size:12px; text-align:justify; line-height:18px;}


.addver{width:98%; float:left; margin:10px;}
.addver p{color:#000; font-size:12px; text-align:justify;}
.addver_2{width:45%; float:left; margin:10px;}


.product_navi{width:100%; float:left;}
.product_navi p{color:#000; font-size:12px;}

.know_more{width:70px; float:right; margin:0 0 10px 0;}
.know_more p{color:#000; font-size:12px; font-style:italic;}
.know_more a{color:#000; font-size:12px; font-style:italic;}
.know_more a:hover{color:#000; font-size:12px; font-style:italic; font-weight:bold;}

.certificate{width:135px; float:left; margin-top:10px;}
.certificate p{color:#000; font-size:12px; font-style:italic;}
.certificate a{color:#000; text-align:center; font-size:12px; font-style:italic; line-height:35px; padding-left:20px; font-weight:normal;}
.certificate a:hover{color:#000; font-size:12px; font-style:italic; font-weight:bold;}


.anythingSlider{width:983px;height:251px;position:relative;}.anythingSlider .wrapper{width:983px;height:251px;position:absolute;top:0;left:0;}.anythingSlider .wrapper ul{width:9999px;list-style:none;position:absolute;top:0;left:0;margin:0;}.anythingSlider ul li{display:block;float:left;height:251px;width:983px;position:relative;}.anythingSlider span#slogan{background-color:#272727;display:block;width:300px;height:60px;color:#fff;position:absolute;bottom:0!important;bottom:-1px;left:0;z-index:100;font-size:24px;font-family:Arial, Helvetica, sans-serif;line-height:1.2em;padding:18px 0 0 21px;overflow:hidden; text-align:center;}.anythingSlider .arrow{display:none;}#start-stop{color:#fff;text-transform:uppercase;font-size:.923em;position:absolute;right:18px;bottom:11px;text-decoration:none; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; line-height:20px;}#start-stop:hover{text-decoration:none; font-weight:bold;}#thumbNav{position:absolute;right:0;bottom:0!important;bottom:-1px;width:149px;height:28px;background-color:#272727;padding:11px 0 0 17px;}#thumbNav a{width:17px;height:17px;padding:0;display:block;float:left;line-height:0;text-indent:-9999px;background-repeat:no-repeat;background-position:-18px 0;background-image:url(images/thumbs-sprite.gif);margin-right:1px;}#thumbNav a:hover,#thumbNav a.cur{background-position:0 0;}.anythingSlider .wrapper ul ul{position:static;margin:0;background:none;overflow:visible;width:auto;border:0;}.anythingSlider .wrapper ul ul li{float:none;height:auto;width:auto;background:none;}