@charset "utf-8";
/* CSS Document */
*{ margin:0;}
body{ font-family:Arial, Helvetica, sans-serif; color:#828282; font-size: 100.1%; background: #ffffff url(../images/bg.jpg) left top repeat-x;}
img{ border:none;}
a{ color:#287C94; text-decoration:none;}

a:hover{ color:#474A4A; text-decoration:none;}
#wapper{ margin:0 auto; width:1000px;}
.fleft{float:left;}
.fright{float:right;}
.clearb{clear:both;}

/*header*/
#header{ height:119px; width:100%;}
#header .logo{ float:left; display:block; padding:0px 0 0 0px; width:266px; height:73px;}
#header .logo a span{ background:url("../images/logo.jpg") left top no-repeat;  width:434px; height:119px; float:left; display:block;}
#header .rightpart{ position:relative; float:right; padding: 0px 0 0 0; font-size:12px; font-weight:bold;}
#header .rightpart img{ vertical-align:middle;}
.getquote{width:650px; height:41px; text-align:right;}
.getquote h2{color:#3094c0; font-size:17px; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; padding:10px 30px 5px 5px;}
.getquote h2 span, .getquote h2 span a{color:#990000; text-decoration:none;}
.homeicons {padding-right:35px;}

/*menu*/
.topmenu{padding:17px 25px 0px 0px;}
.topmenu div{background:url("../images/menu-bg.jpg") repeat-x; height:29px; width:465px;}
.topmenu div a{text-decoration:none; padding:0px 10px; color:#333333; font-size:12px;}
.topmenu 	div a:hover{text-decoration:none; padding:0px 10px; color:#009acf; font-size:12px;}

#main_menu{ height:35px; background:url("../images/menubar_bg.gif") left top repeat-x; font-size:0.8em; font-weight:bold;}
#main_menu_left{ height:35px; background:url("../images/menubar_bg_l.gif") left top no-repeat; padding-left:10px;}
#main_menu_right{ height:35px; background:url("../images/menubar_bg_r.gif") right top no-repeat;}
#main_menu ul{ list-style:none; margin:0; padding:0;}
#main_menu li{ float:left; background:url(../images/menu-h.gif) right top no-repeat; padding-right:1px;}
#main_menu li.last{ float:left; background:none; padding-right:1px;}
#main_menu li a{float:left; display:block; color:#ffffff; text-decoration:none;}
#main_menu li a span{float:left; display:block; color:#ffffff; text-decoration:none; padding:2px 20px 2px 19px; line-height:29px; cursor:pointer;}
#main_menu li.active a{float:left; display:block; background:url(../images/menu-h.gif) repeat-x 0 0 scroll; color:#ffffff; text-decoration:none;}

div.hoverBtn {position:relative;}
div.hoverBtn a {position:relative;  z-index:2; display:block; white-space:nowrap; height:35px; line-height:35px; text-align: center; text-decoration:none; background: transparent none repeat-x 0 0 scroll; }
div.hoverBtn div {display:none;	position:absolute; z-index:1; top:0px; left:0px; background:url(../images/menu-h.gif) repeat-x 0 0 scroll;}

/*banner*/
#banner{ clear:both; position:relative; overflow:hidden; padding:0px; width:100%; height:162px; margin:0; background:#f4f3f4 url(../images/banner_bg.gif) left bottom repeat-x; margin:2px 0 0px 0;}
.banner{ width:100%;}

/*contain*/
#portcontain{ width:100%; background-color:#ffffff;}
#contain{ width:100%;}
#contain #left{ width:740px; float:left; overflow:hidden;}
#contain #right{ width:246px; float:right; overflow:hidden;}
/*contain_box*/
.contain_bg{ width:100%;}
.contain_left{ width:100%; }
.contain_right{ width:auto; min-height:300px; padding:0px 10px 10px 10px;}
.contain_right h1, .headtext{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:25px; color:#009acf; font-weight:normal; border-bottom:#666666 dashed 1px; margin-bottom:10px;}
.contain_right h1 b{font-size:30px; color:#666666; font-weight:normal;}

.contain_top{ background:url(../images/wel_bg.gif) left top no-repeat;}

/*Module_box*/
.module_box_bg{  background:#f4f2f2 url(../images/contain_bg.gif) left top repeat-x; width:100%;}
.module_box_left{ background:url(../images/contain_bg_left.gif) left top no-repeat;}
.module_box_right{ background:url(../images/contain_bg_right.gif) right top no-repeat; padding:10px; padding-top:0;}

.right_bg{ background:url(../images/right_bg.gif) left top repeat-x; width:100%; margin-bottom:20px;}
.right_left{ background:url(../images/right_left.gif) left top no-repeat;}
.right_right{ background:url(../images/right_right.gif) right top no-repeat; padding:10px;}

#contain h1 span{ color:#fe891e;}
#contain #left h2{ margin:0; padding:15px 0 0 10; font-weight:bold; font-size:0.9em; font-family:tahoma, "Times New Roman", Times, serif; color:#287c94;}
#right h2 span{ color:#fe891e;}

#contain h2{margin:0; padding:0; font-weight:bold; font-size:0.9em; font-family:tahoma, "Times New Roman", Times, serif;  padding:5px 0 8px 5px; color:#000000;}

#contain p{margin:0; padding:5px 0; color:#474A4A; line-height:20px; font-weight:normal; font-size:0.8em;}
#contain #right p{margin:0; padding:5px 0; color:#000000; line-height:18px; font-weight:normal;}

#contain #left ul{ list-style:none;}
#contain #left ul.dot1 li{background:url("../images/dot1.gif") no-repeat; padding:0 0 0 35px; font-size:12px; color:#757777; line-height:20px; font-weight:normal}
#contain #left ul.dot11 li{background:url("../images/dot1.gif") no-repeat; padding:0 0 0 35px; font-size:12px; color:#474a4a; line-height:20px; font-weight:normal}

/*footer*/
#footer_bg{ width:100%; clear:both; background: #fcfcfa url("../images/footer_bg.jpg") left top repeat-x;}
#footer{ width:1000px; margin:0 auto; height:55px; line-height:45px; font-size:0.7em; color:#6b6d6d; font-weight:normal; }
#footer .footer_left{ float:right; width:48%; padding-right:2%; text-align:right; }
#footer .footer_right{ float:left; padding-left:1%;}
#footer ul{ list-style:none; margin:0; padding:0;}
#footer li{ float:left;}
#footer li a{ border-right:solid 1px #6b6d6d; color:#6b6d6d; text-decoration:none; padding:0 8px;}
#footer li.last a{  border:none;}
#footer li.active a{color:#55acc4;}
#footer li a:hover{ color:#55acc4;}
.footerBg_r{padding-left:7px;}

#footer h3{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#474A4A; margin:5px 10px; padding:0px; font-weight:normal; line-height:20px;}

 
.iframe{ width:100%; height:162px; padding:0; background:#f0eff0;}
/*inner*/
.clearall{ clear:both; height:20px;}
.left_only{ width:100%;}

/*Banner Bottom*/
.banner_b_b{ margin-bottom:15px; background:url(../images/banner_b_b.gif) left bottom repeat-x;}
.banner_b_l{ background:url(../images/banner_b_l.gif) left bottom no-repeat;}
.banner_b_r{ background:url(../images/banner_b_r.gif) right bottom no-repeat; font-size:1px; height:7px;}

/*Right Box Bottom*/
.box_b_l{ margin-bottom:15px; background:url(../images/box_b_l.gif) left bottom no-repeat;}
.box_b_r{ background:url(../images/box_b_r.gif) right bottom no-repeat; height:8px; font-size:1px;}

/*Main Contain Bottom*/

.add_bg{background:url(../images/add_bg.gif) left top no-repeat; width:228px; height:85px; padding:10px; margin-bottom:15px;}

/* Messanger Starts */
#mesg{ clear:both; width:100%;}
#mesg div.icons{background:url(../images/messanger.gif) no-repeat left  top; height:60px; line-height:60px; cursor:pointer;}
#mesg div.ic1{background-position:7px 3px; width:55px;}
#mesg div.ic2{background-position:-103px 0px; width:55px;}
#mesg div.ic3{background-position:-168px 5px; width:55px;}
#mesg div.ic4{background-position:-48px 5px; width:55px;}

div.textbox{  width:100%; margin-top:5px; text-align:center;}
div.idtext {line-height:5px; padding:10px 5px 10px 5px; text-align:center; font-size:0.7em; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#666666;}
div.idtext2 {line-height:5px; padding:0px 5px 10px 5px; text-align:center; font-size:0.7em; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#666666;}
.floatL {float:left;}
.floatR {float:right;}
.clear{clear:both; height: 1px;}


/*Forms*/
.cmxform ul{ list-style:none; margin:0; padding:0;}
.cmxform li{ padding: 3px 11px; color:#949292; font-size:0.8em;}
.cmxform input{color:#949292; font-size:0.8em; background:url(../images/text_bg.gif) left bottom repeat-x; padding:5px; width:210px; height:15px; border:solid 1px #dfedf1;}
.cmxform input:hover,
.cmxform input:focus{ background:#ffffff; border:solid 1px #a7e5f6;}

.cmxform textarea{ color:#949292; font-size:1em; background: #FFFFFFurl(../images/text_bg.gif) left top repeat-x; padding:5px; width:210px; border:solid 1px #dfedf1;}
.cmxform textarea:hover,
.cmxform textarea:focus{ background:#ffffff; border:solid 1px #a7e5f6;} 
label.error{ clear:both; display:block; color:#b50402; font-size:0.7em;}
.cmxform input.error{ border:solid 1px #b50402;}
.cmxform .new_button{ width:auto; height:auto; cursor:pointer;}

.madul_onpdding{ padding:10px 0 0 0; padding-top:0;}
.cmxform li.submit{ padding:3px 0 0 0;}
.cmxform li.submit input{ font-weight:bold; cursor:pointer; border:none; width:246px; height:24px; background:url(../images/submit-off.gif) left bottom no-repeat;}
.cmxform li.submit input:hover{background:url(../images/submit-on.gif) left bottom no-repeat;}

.resent_site{ margin:12px 0 0 0; border:solid 1px #dfedf1;}
.emails{ position:absolute; width:280px; right:0; top:79px;}
.email{ background:url(../images/email.gif) left bottom no-repeat; float:right; height:30px; padding-left:33px;}
.phone{ background:url(../images/phone.gif) left bottom no-repeat; float:left; height:30px; padding-left:33px;}
.submenu{ background:#FF0000;}


/*contact us*/
.add1{padding:15px; float:left;}
.add1 h2{font-family:Arial Narrow, arial, verdana; font-size:20px; color:#0095B5; font-weight:bold;  margin:0; padding:0 0 20px 0}
.add1 p{font-size:13px; color:#474A4A; margin:0; padding:0 0 20px 0; line-height:18px}
.add1 img{margin:0 0 20px 0;}
.add1 ul.listing li label{font-weight:bold; float:left;}

.add2{padding:15px; float:left;}
.add2 h2{font-family:Arial Narrow, arial, verdana; font-size:20px; color:#0095B5; font-weight:bold;  margin:0; padding:0 0 20px 0}
.add2 p{font-size:13px; color:#474A4A; margin:0; padding:0 0 20px 0; line-height:18px}
.add2 img{margin:0 0 20px 0;}
.add2 ul.listing li label{font-weight:bold; float:left; width:70px;}
.cboth{ clear:both;}
#contain #left .contactus ul { list-style:none; margin:0 0 20px 0px;}
#contain #left .contactus ul li{font-size:12px; color:#474A4A; line-height:20px;}
#contain #left .contactus ul li a{color:#008EAD;}
#contain #left .contactus ul li a:hover{color:#008EAD; }



.nav {
  z-index: 100;
  position: relative;
}
.nav li {
  position: relative;
}
.nav ul {
  list-style: none;
  margin: 0;
  position: absolute;
  top: -999em;
  left: -1px;
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 35px;
}
.nav ul li {
  border: 0;
  float: none;
}
.nav ul a {
  border: 1px solid #287C94;
  border-top:none;
  white-space: nowrap;
}
.nav ul a:hover {
  background: #ccc;
  color: #000;
}




/* ---------  Portfolio Images ---------- */

#contain .php-portfolio, 
#contain .portfolioarea{border:#d8d8d8 solid 1px; clear:both; background:url("../images/portfolio-box-bg.jpg") left top repeat-x; width:720px; float:left; margin:5px 0px 5px 0px;}
#contain .portfolio{ float:right; width:440px; padding:10px 10px 0 0;}
#contain .portfolio table{background:url("../images/product-bg.jpg") left top repeat-x;}
#contain .php-portfolio img, 
#contain .portfolioarea img{border:#d9d9d9 solid 5px; margin:10px; float:left;}

#contain .portfolio h2{font-size:12px; margin:10px 0px 0px 0px; padding:0px; color:#009ad3; font-weight:bold;}
#contain .php-portfolio h2{font-size:12px; text-transform:uppercase; margin:10px 0px 0px 0px; padding:5px; color:#009ad3; font-weight:bold;}

#contain .portfolio h2 a{color:#009ad3; text-decoration:none;}
#contain .php-portfolio p{font-size:12px; padding:5px; color:#717273; text-align:justify; margin:0px 0px 0px 0px; line-height:18px;}
#contain .portfolio p{font-size:12px; padding:5px 0px 0px 0px; color:#717273; text-align:justify; margin:0px 0px 0px 0px; line-height:18px;}
#contain .portfolio p a{ background:#ececec; display:block; float:right; width:70px; height:30px; line-height:30px; text-align:center; text-transform:uppercase; text-decoration:none; color:#009ad3; font-size:11px; font-weight:bold;}

.pagination {margin:0 auto; padding-right:7px;}
.pagination .wp-pagenavi a,
.pagination .wp-pagenavi a:link,
.pagination .wp-pagenavi a:visited{background-color:#efefef; padding:3px 5px 3px 5px; display:block; border:#dfdfdf solid 1px; color:#333333; float:left; margin:2px; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}
.pagination .wp-pagenavi a:hover {background-color:#40bbd7; padding:3px 5px 3px 5px; display:block; border:#999999 solid 1px; color:#ffffff; float:left; margin:2px; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}
.pagination .wp-pagenavi span.current {background-color:#40bbd7; padding:3px 5px 3px 5px; border:#999999 solid 1px; color:#ffffff; float:left; margin:2px; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}
.pagination .extend{ display:none;}


.innerbottomcorner{background:url("../images/portfolio/innerport-bottomcorner.jpg") no-repeat top; height:9px;  width:853px; clear:both; margin:0px; padding:0px;}
.innercentercontent{background:url("../images/portfolio/innerport-bottombg.jpg") repeat-x; background-position:bottom; min-height:172px; margin:0px; padding:0px;}
.ptext p { margin:0px; color:#555555; padding:3px 3px 3px 15px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
input.captcha{ width:100px; margin-bottom:20px}
.red{color:#ff0000; font-size:12px;}