@charset "utf-8";
/* CSS Document */

body{font-family:Arial, Helvetica, sans-serif; background:url(../images/bg.jpg)}


/*===========================================================
======================( TYPOGRAPHY )=========================
=============================================================*/

a{ color:#be0367; text-decoration:none; outline:none;}
a:hover{text-decoration:none;}
/*a{transition: all .4s ease-in;-moz-transition: all .4s ease-in;-webkit-transition:  all .4s ease-in;-o-transition: all .4s ease-in;}*/

/*Tooltip*/
.tooltip {display: none;font-size: 10pt;position: absolute;background: #000;padding:4px;color:#fff;font-weight: bold;border-radius:5px; }
.website{font-size: 14pt;color:#fff;}


/*===========================================================
======================( COMMON STYLE )=======================
=============================================================*/
.container_home{ width:100%; height:561px; background:url(../images/banner_bg.png) no-repeat center top ; margin:0 auto; position:relative; z-index:99999}
.container_inner{ width:100%; height:278px; background:url(../images/inner_banner_bg.png) no-repeat center top ; margin:0 auto; position:relative; z-index:99999}
.wrap{height:auto; width:950px; margin:0 auto; position:relative;}
.space1{ margin:0; padding:0; height:0px; width:0px;}
.space2{ margin:0; padding:0; height:0px; width:0px;}
.space3{ margin:0; padding:0; height:0px; width:0px;}
.footer_border{ width:100%; background:url(../images/footer_border.png) repeat; height:2px; }
 /* <> Contact Form Coding <> */
#comments{ width:528px; height:180px; padding:5px 10px; margin-bottom:22px; overflow:hidden;font-family:Arial, Helvetica, sans-serif; background:url(../images/textarea_bg.jpg) repeat-x;color:#fff; font-size:14px; border:none; overflow:hidden;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
#description{ width:528px; height:126px; padding:5px 10px; margin-bottom:22px; overflow:hidden;font-family:Arial, Helvetica, sans-serif; background:url(../images/textarea_bg.jpg) repeat-x;color:#fff; font-size:14px; border:none; overflow:hidden;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
#contactform01 input.text{width:253px; height:22px; border:none; margin:0 8px 15px 0 ;background:url(../images/textarea_bg.jpg) repeat-x bottom;color:#fff; padding:7px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px}
#contactform01 input.text2{width:245px; height:22px; border:none; margin:0 8px 15px 0 ;background:url(../images/textarea_bg.jpg) repeat-x bottom;color:#fff; padding:7px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px}
#contactform01 .orange{width:93px; height:36px; margin-bottom:8px; float:right; border:none; cursor:pointer; background:url(../images/button_bg.jpg) repeat-x; font-weight:bold; font-size:15px; color:#fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px}
#contactform01 .orange:hover{ background:#ff6800}
#contactform01 input.text:hover,#contactform01 input.text2:hover,#comments:hover,#description:hover{ background:#3b3838;}
#success_page{ color:#fff; font-size:14px; font-style:italic; }
#success_page h1{ font-size:30px; font-weight:bold; color:#fff; text-align:center; margin-top:0px;}
#success_page p{ font-size:15px; color:#fff; font-style:italic; text-align:center; margin-top:12px;}
#success_page p strong{color:#fa8534;}
#refreshpage{ padding:10px; background:#fa8534; color:#fff; margin:0 0 0 330px; position:relative; top:50px;}
.error_message{ color:#fa8534; font-size:14px; font-weight:bold;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #fff;}
input:-moz-placeholder, textarea:-moz-placeholder { color: #fff;}

/*===  Combo Box ====*/
span.customSelect {	font-size:14px;	background:url(../images/textarea_bg.jpg) repeat-x bottom;color:#7c7c7c;width:256px;height:26px;padding:5px 8px;	line-height:26px; margin-bottom:12px; color:#fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px}
span.customSelect:hover{ background:#3b3838;}
.customSelectInner {background:url(../images/down.png) no-repeat right}
.styled{ width:263px; background:#9d9d9d;}


/*===========================================================
======================( MAIN STYLE )=========================
=============================================================*/
.menu{ height:40px; width:97%; background:url(../images/nav_bg.png) repeat-x; position:absolute; margin:0 auto; top:12px; z-index:9;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.menu ul{ margin-left:25%;}
.menu ul li{ float:left; font-size:14px; text-transform:uppercase; margin-right:32px; line-height:40px;}
.menu ul li a{ color:#fff; display:block}
.menu ul li a:hover,.menu ul li a.active{ background:url(../images/nav_arrow.png) no-repeat top }
.logo{ margin:80px 0 0 15px; height:65px; width:279px; position:absolute; z-index:99;}
.banner{ height:571px; width:100%; position:relative; margin-bottom:25px;margin-left:-18px;}
.innerbanner{ height:200px; width:100%; position:relative;}
#slider_container_2 {float:left;margin:0;padding:0;top:0;width:100%;background: url(../images/bg.png) no-repeat 0 0;position:absolute}
.SliderName_2 {float:left;width: 100%;height:571px;overflow:hidden;}
.SliderNamePrev_2 {background: url(../images/prev.png) no-repeat left center;width:50px;height:571px;display: block;position: absolute;top: 220px;right: 200px;text-decoration: none;}
.SliderNameNext_2 {background: url(../images/next.png) no-repeat right center;width: 50px;height: 571px;display: block;position: absolute;top: 220px;right: 160px;text-decoration: none;}
.SliderName_2Description {font-size: 14px;line-height:19px;color: #fff;background:url(../images/caption_bg.png) no-repeat left; height:192px; padding:0;display:block; margin-left:18px; position:relative; z-index:0}
.SliderName_2Description h1{ font-size:34px;color:#fff; padding:35px 0 20px 35px;display:block; font-weight:normal}
.SliderName_2Description p{padding:0 508px 0 35px; font-size:14px;color:#fff; line-height:19px; font-weight:normal}
#SliderNameNavigation_2 { margin: 0; padding: 10px 0 0 0; height: 16px; text-align: center; overflow-y: hidden; }
#SliderNameNavigation_2 a:link,#SliderNameNavigation_2 a:active,#SliderNameNavigation_2 a:visited, #SliderNameNavigation_2 a:hover{
	margin: 0;padding: 0;font-size: 0;line-height: 0;text-decoration: none;}
#SliderNameNavigation_2 a img{border: none;width: 16px;	height: 16px;background: url(../images/bullet.png) no-repeat center center;}
#SliderNameNavigation_2 a.active img{	background: url(../images/bullet_active.png) no-repeat center center;}



.home_main_container{ width:100%; height:240px; position:relative; margin-bottom:23px; background:#666666; font-size:18px; color:#fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px}
.left_home_main{ width:60%; height:auto; margin:18px 28px 0 37px; float:left; }
.left_home_main span{ font-weight:bold; padding-bottom:23px; display:block; }
.left_home_main p{ line-height:19px;}
.home_product_features span{ font-weight:bold; padding-bottom:8px; display:block; }
.home_product_features{ width:30%; height:auto; margin-top:18px; float:left;}
.home_product_features ul li{ display:block; height:36px; width:75%;background:url(../images/list_bullet.png) no-repeat 7px center; padding-left:25px; line-height:36px;}
.home_product_features ul li a{ display:block;color:#fff;}
.home_product_features ul li.active,.home_product_features ul li:hover{ background:rgba(0,0,0,0.2) url(../images/list_bullet.png) no-repeat 7px center; }
.teck{ position:absolute; height:48px; width:187px; right:13%; top:60%; background:url(../images/tech_btn.png) no-repeat; text-indent:-99999px; z-index:99999}
.teck:hover{ background:url(../images/tech_btn.png) no-repeat 0 -51px;}

footer{ height:42px;}
.copy{ font-size:15px; color:#333333; float:left; margin-left:25px;margin-top:12px;}
.ftr_menu{ float:right; width:49%; height:20px; padding-bottom:20px; margin-top:12px;}
.ftr_menu ul li{ float:left; margin-right:38px;font-size:15px;}
.ftr_menu ul li a{ color:#333}
.ftr_menu ul li a:hover,.ftr_menu ul li a.active{ color:#fc8b38;}


.inner_main_container{ width:97%; height:auto; position:relative; margin-bottom:23px; margin-left:23px; z-index:0}
.inner_main_container h1{ font-size:35px; font-weight:normal; color:#f88030; padding-bottom:48px;}
.inner_main_container h2{ font-size:25px; font-weight:normal; color:#4e4e4e; padding-bottom:25px;}
.inner_main_container p{ font-size:15px; font-weight:normal; color:#4e4e4e; line-height:24px; }
.pro_list01{ width:100%; height:150px; padding-bottom:15px;}
.pro_list01 ul li{ float:left; margin-right:30px; margin-bottom:15px; width:262px; height:140px;border:7px solid #f9f9f9; text-align:center; font-size:25px; line-height:135px;}
.pro_list01 ul li a{ color:#fff; display:block}
.pro_list01 ul li:hover{ border:7px solid #f77c2d;}
.serv_list01{ height:auto;}
.serv_list01 ul li{ float:left; margin-right:30px;width:285px; height:243px; margin-bottom:25px;}
.serv_list01 ul li .serv_list01_hd{ background:#f88030; width:100%;height:51px; text-align:center; margin-bottom:3px; font-size:24px; text-transform:uppercase; line-height:50px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px}
.serv_list01 ul li:hover .serv_list01_hd{ background:#f56403;}
.serv_list01 ul li a{ display:block; color:#fff;}
.serv_list01 ul li img{ border:7px solid #f9f9f9;border-radius: 5px;
   box-shadow: inset 0 1px 3px #d6d6d6, inset 0 -5px 15px #d6d6d6, 0 3px 1px #9a9696;
   -o-box-shadow: inset 0 1px 3px #d6d6d6, inset 0 -5px 15px #d6d6d6, 0 3px 1px #9a9696;
   -webkit-box-shadow: inset 0 1px 3px #d6d6d6, inset 0 -5px 15px #d6d6d6, 0 3px 1px #9a9696;
   -moz-box-shadow: inset 0 1px 3px #d6d6d6, inset 0 -5px 15px #d6d6d6, 0 3px 1px #9a9696;
}
.serv_list01 ul li:hover img{ border:7px solid #f77c2d;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px}
.serv_list01 ul li.centered{clear:both; margin-left:34%;}

.half_portion01{ width:45%; float:left;}
.half_portion02{ width:52%; float:right;}
.half_portion02 iframe{border:7px solid #f9f9f9;border-radius: 5px; margin-bottom:65px; position:relative; z-index:0}
.half_portion02 iframe:hover{border:7px solid #f56403;}
.address li{display:block; font-size:15px; color:#4e4e4e; line-height:27px;}
.address li a{color:#4e4e4e;}
.address li a:hover{color:#fc8b38;}
.mail{ background:url(../images/mail.png) no-repeat 0 7px; padding-left:25px;}
.location{ background:url(../images/location.png) no-repeat 0 5px; padding-left:25px;}
.cell{ background:url(../images/mob.png) no-repeat 0 5px; padding-left:25px;}
a.quote{ display:block; background:url(../images/quot_bg.png) no-repeat; width:280px; text-indent:-99999px; height:47px; margin-top:100px;}
a.quote:hover{ background:url(../images/quot_bg.png) no-repeat 1px -50px}


/*=============  LIGHT BOX STYLE  ==============*/

#mask {position:absolute;left:0;top:0;z-index:99999;background:#000;display:none;}
#boxes .window {position:absolute;left:0;top:0;width:440px;height:200px;display:none;z-index:9999;padding:20px;}
#boxes #dialog {width:891px; height:415px;padding:0; position:absolute; z-index:999999; top:0;border:7px solid #f9f9f9;border-radius: 5px; background:#5e5e5e;}
#boxes #dialog1 {width:891px; height:466px;padding:0; position:absolute; z-index:999999; top:0;border:7px solid #f9f9f9;border-radius: 5px; background:#5e5e5e;}
.close{background:url(../images/close.png) no-repeat; height:36px; width:36px; position:absolute; top:5px; right:5px; text-indent:-99999px;}
.contactbox{ width:832px; height:320px; margin:30px auto 0 auto; position:relative; }
.contactHd{ width:282px; height:67px; margin:0 auto; background:#fa8534; font-size:24px; color:#fff; text-align:center; line-height:80px;
-moz-border-radius-bottomright: 7px;
-webkit-border-bottom-right-radius: 7px;
border-bottom-right-radius: 7px;
-moz-border-radius-bottomleft: 7px;
-webkit-border-bottom-left-radius: 7px;
border-bottom-left-radius: 7px;}
.input_container{ float:left; width:275px;}
.textarea_container{ float:right; width:550px;}




.piro_html {position:absolute; top:0; left:0; padding:0; width:500px; height: 500px; margin:0; display:block; padding:0; z-index:150001; padding:0;}
.piro_html table,.piro_html tbody,.piro_html tr,.piro_html th,.piro_html td{margin:0;padding:0;border:none;}
.piro_html img{ margin:0; padding:0; border:none;}

.piro_html .h_t_l{ width:10px; height:10px; background: url(../images/pirobox/new_skin.png) top left no-repeat;}
.piro_html .h_t_r{ width:10px; height:10px; background:  url(../images/pirobox/new_skin.png) top right no-repeat;}
.piro_html .h_t_c{  height:10px;background:  url(../images/pirobox/new_skin_top.png) top repeat-x;}

.piro_html .h_c_l{width:10px; background:  url(../images/pirobox/new_skin_left.png) left repeat-y; }
.piro_html .h_c_c{background:#fff;margin:0; padding:0;}
.piro_html .h_c_c .div_reg{ background:#fff; width:480px; overflow:hidden; height:480px; margin:0; padding:0; position:relative; z-index:1500190;}
.piro_html .h_c_c .div_reg img{ }
.piro_html .h_c_r{width:10px; background:  url(../images/pirobox/new_skin_left.png) right repeat-y;}

.piro_html .h_b_c{  height:10px;background:  url(../images/pirobox/new_skin_top.png) bottom repeat-x;}
.piro_html .h_b_l{ width:10px; height:10px;background:  url(../images/pirobox/new_skin.png) bottom left no-repeat;}
.piro_html .h_b_r{ width:10px; height:10px;background:  url(../images/pirobox/new_skin.png) bottom right no-repeat;}

.piro_overlay{position:fixed; top:0; left:0; width:100%; height:100%;z-index:150000;background:#000;display:none; cursor:pointer;}
.piro_loader{position:absolute;top:50%;left:50%;margin:-13px 0 0 -37px;width:70px;height:26px;display:block;z-index:1500197; background:   url(../images/pirobox/loader_nav.png);  cursor:pointer; }
.piro_loader span{position:absolute;top:50%;left:50%;margin-top:-5px;margin-left:-24px;width:48px;height:10px; padding:0;display:block;z-index:1500198; background: #fff  url(../images/pirobox/loadinfo.gif) center bottom no-repeat; }
.piro_title{position:fixed; background:  url(../images/pirobox/bg_title.png) bottom repeat-x;top:0;left:0;width:100%; text-align:center;display:block; padding:6px 0 10px 0; color:white; z-index:150000; font-size:18px; display:none;}
.btn_info{position:absolute;bottom:-7px;right:-7px;width:25px; height:25px;margin:0;display:block; padding:0px; color:black; cursor:pointer; background:  url(../images/pirobox/b_w/info.png) no-repeat; z-index:1500440}
.caption{position:absolute;bottom:10px;left:10px;margin:0;display:block; padding:0px; color:black; cursor:text; background:  url(../images/pirobox/caption.png); z-index:1500191}
.caption p{ display:block; margin:0;padding:7px 5px; text-align:center; font-weight:normal; font-size:14px; color:white; z-index:150019; color:white;}

.nav_container{position:absolute; left:50%; margin:0 0 0 -60px;  height:40px; width:120px; background:  url(../images/pirobox/bottom_nav.png)  center no-repeat; z-index:1500194;}
.piro_close,a.piro_next,a.piro_prev,.piro_prev_fake,.piro_next_fake{width:34px; height:34px; position:absolute;top:4px;}

a.piro_next{ right:6px;text-indent:-999em;outline:none; display:block; margin:0;background: url(../images/pirobox/next.png) center no-repeat; border:none; cursor:pointer;z-index:150023}
a:hover.piro_next{background: url(../images/pirobox/next_fake.png) center no-repeat;}
.piro_next_fake{right:4px;outline:none; text-indent:-999em; display:none; margin:0;background:  url(../images/pirobox/next_fake.png) center  no-repeat; border:none; cursor:auto;z-index:150020}

.piro_close{right:42px;background: transparent  url(../images/pirobox/close.png) center center no-repeat;cursor:pointer;margin:0;z-index:150022;display:none;}
.piro_close:hover{background: transparent  url(../images/pirobox/close_h.png) no-repeat center center;}

.piro_prev_fake{right:78px;outline:none; text-indent:-999em; display:none; margin:0;background:  url(../images/pirobox/prev_fake.png) center  no-repeat; border:none; cursor:auto;z-index:150020}
a.piro_prev{right:78px; text-indent:-999em; outline:none;display:block;margin:0;background:  url(../images/pirobox/prev.png) center  no-repeat;border:none; cursor:pointer; z-index:150024}
a:hover.piro_prev{background: url(../images/pirobox/prev_fake.png) center  no-repeat;}
.zoomIn{position:absolute; height:32px; width:32px; top:20px; right:20px; text-indent:-999em; background: url(../images/pirobox/enlarge.png) no-repeat;z-index:1500192;}
.zoomOut{position:absolute; height:32px; width:32px; top:20px; right:20px; text-indent:-999em; background: url(../images/pirobox/dislarge.png) no-repeat;z-index:1500193;}
.bginline{background:#5e5e5e;}
.bginline p{ font-size:15px; color:#fff; line-height:20px; padding:20px; display:block;}
.bginline ul { margin:20px 20px 0 20px;}
.bginline ul li{ list-style:disc; margin-left:25px; line-height:28px; color:#fff;}
.bginline span{font-size:15px; color:#fff; padding-left:20px;}