/* CSS Document */
/*general style*/
body{ margin:0px auto; padding:0px; background:#dcdcdc url(images/body_bg.gif) top repeat-x;}
div{ font-family:Arial; font-size:12px; color:#666666;}
p{padding-top:15px; margin:0; font-family:Arial; font-size:12px; color:#666666; text-align:justify;}
table{ text-align:left;}
.clear{clear:both; padding:0px; margin:0px; line-height:0%;}

/*(style for header and menu)*/
#main-area{width:100%; margin: 0px auto;}
#header{ width:1004px; position:relative; margin:0px auto; height:126px;}
#logo-area{ width:190px; margin-left:15px; height:91px; float:left;}
#logo-area h1{ padding:0; vertical-align:top; margin:0; font-weight:normal; color:#525252; letter-spacing:1px; font-size:11px;}
.hpara{ padding:0px;}
.top-map{float:right; padding:8px 15px 0px 0px;}
.top-map ul{ margin:0px; padding:0px; list-style:none;}
.top-map ul li{ margin:0px; margin-right:30px; padding:0px; color:#333333; font-weight:bold; padding-left:20px; list-style-type:none; display:inline;}
.nav{width:1004px; height:35px;}
.nav-left{ float:left; background:url(images/nav-left.gif) no-repeat; width:7px; height:35px;}
.nav-mid{ float:left; background:url(images/nav-bg.gif) repeat-x; width:990px; height:35px;}
/*.nav-mid ul{ margin:0px; padding:0px; list-style:none;}
.nav-mid ul li{ margin:0px; padding:0px; list-style-type:none; display:inline;}
.nav-mid ul li a{ float:left; display:block; height:26px; padding:9px 25px 0px 25px; background:url(images/nav-spac.gif) right no-repeat; font-family:Arial; color:#FFFFFF; font-size:12px; font-weight:bold; text-decoration:none;}
.nav-mid ul li a:link{ text-decoration:none;}
.nav-mid ul li a:visited{ text-decoration:none;}
.nav-mid ul li a:hover{ text-decoration:none; background-color:#2f2f2f; color:#ffffff;}
.nav-mid ul li a:active{ text-decoration:none;}*/
.nav-right{ float:left; background:url(images/nav-right.gif) no-repeat; width:7px; height:35px;}
#mid_area{ width:1002px; margin: 0px auto; background:#ffffff url(images/con-bg.gif) top repeat-x; border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; }

/*(this style for banner)*/
.cost-advantage{ float:left; width:475px; height:230px; padding:40px 0px 0px 40px;}
.cost-advantage h1{ margin:0px; padding:0px; line-height:100%; font-family: "Trebuchet MS", Arial;  font-size:28px; font-weight:bold; color:#FFFFFF;}
.cost-advantage h2{ margin:0px; padding:0px; padding-bottom:10px; font-family:calibri; font-size:16px; font-weight:normal; color:#FFFFFF;}
.cost-advantage p{padding-top:10px; line-height:100%; font-family: "Trebuchet MS", Arial;  font-size:28px; font-weight:bold; color:#FFFFFF;}

/*home page style*/
.ban-home{ float:right; background:url(images/ban-img.jpg) right top no-repeat; height:265px; width:463px;}
.boxes{padding:0px 19px; width:964px;}
.boxes ul{ margin:0px; padding:0px; list-style:none;}
.boxes ul li{ margin:0px; padding:0px; float:left; display:inline; width:230px; margin-right:14px;}
.boxes ul li.last{ margin:0px; padding:0px; float:left; display:inline; width:230px;}
.box-top1{background:url(images/box-top1.png) no-repeat; width:230px; height:38px;}
.box-top2{background:url(images/box-top2.png) no-repeat; width:230px; height:38px;}
.box-top3{background:url(images/box-top3.png) no-repeat; width:230px; height:38px;}
.box-top4{background:url(images/title-portfolio.png) no-repeat; width:230px; height:38px;}
.box-middle{background:url(images/box-mid.png) repeat-y; width:200px; padding:12px 15px 0px 15px;}
.box-middle ul{ margin:0px; padding:0px; list-style:none;}
.box-middle ul li{ margin:0px; margin-bottom:4px; width:185px; padding:0px 0px 0px 15px; line-height:145%; list-style-type:none; background:url(images/grey-bullet.gif) 0px 4px no-repeat;}
.box-middle ul li a{ text-decoration:none; font:normal 12px Arial; color:#666666;}
.box-middle ul li a:hover{ text-decoration:none; color:#3890c8;}
.dot-bord{ background:url(images/dot-bord.gif) top repeat-x; padding:8px 0px 8px 0px;}
.more-link { font-family:Arial; color:#489ace; font-weight:bold; text-decoration:none;}
a.more-link:link{color:#489ace; text-decoration:none;}
a.more-link:visited{color:#489ace; text-decoration:none;}
a.more-link:hover{color:#489ace; text-decoration:underline;}
a.more-link:active{color:#489ace; text-decoration:none;}
.portfolio-link { font-family:Arial; padding-left:20px; background:url(images/ic-port.png)  0px 0px no-repeat;  font-size:11px; color:#489ace; font-weight:bold; text-decoration:none; height:20px;}
a.portfolio-link:link{color:#489ace; text-decoration:none;}
a.portfolio-link:visited{color:#489ace; text-decoration:none;}
a.portfolio-link:hover{color:#489ace; text-decoration:underline;}
a.portfolio-link:active{color:#489ace; text-decoration:none;}
.box-bottom{background:url(images/box-bottom.png) no-repeat; height:12px;}
.home-con-main{padding:19px; width:964px;}
.home-con-left h2{ padding:0px; margin:0px; font:normal 18px Arial, Helvetica, sans-serif; color:#666666;}
.home-con-left{ float:left; padding:5px 19px 5px 7px; width:690px; background:url(images/v-dot-bord.gif) right repeat-y;}
.home-con-right{float:left; padding:5px 0px 5px 17px; width:230px;}
.home-con-right h2{ padding:0px; margin:0px; font:normal 18px Arial, Helvetica, sans-serif; color:#666666;}
.textfield{font-family:Arial, Helvetica, sans-serif;font-size:12px; width:200px; color:#444444;border:#dddddd solid 1px;padding:4px;background-color:#FFFFFF;}
.info-link { font-family:Arial; font-size:11px; color:#489ace; font-weight:bold; text-decoration:none;}
a.info-link:link{color:#489ace; text-decoration:none;}
a.info-link:visited{color:#489ace; text-decoration:none;}
a.info-link:hover{color:#489ace; text-decoration:underline;}
a.info-link:active{color:#489ace; text-decoration:none;}

/*validatioin for form
 .label { display: block; float: left; width: 180px; text-align: left; margin-right: 5px;color:#666; }
.form-row { padding: 5px 0; clear: both; width: 700px; }
label.error {display: block; float: left; color: red; padding-left:5px; }
input[type=text], textarea { width: 200px; float: left;border:1px solid #CCCCCC;color:#666;font-size:11px;line-height:15px;height:15px; margin-bottom:10px; }
 textarea { height: 50px; }*/

/*footer link*/
#main_foot{width:100%; margin: 0px auto;}
.foot-tr_1{width:1004px; text-align:center; padding-top:25px; line-height:170%; height:70px; color:#333333; font-size:11px;}
.foot-tr_1 a{color:#333333; font-size:11px; text-decoration:none; font-weight:bold;}
.foot-tr_1 a:hover{color:#000000; font-size:11px; text-decoration:underline;}
.foot-tr_1 span{color:#333333; font-size:11px; padding:0px 8px; font-weight:bold;}
.foot-tr_2{ width:100%; text-align:center; height:19px; padding-top:5px; background-color:#CCCCCC; font-size:10px;}

 /*inner page style*/
 #inr_mid_area{ width:1002px; margin: 0px auto; background:#ffffff url(images/inr-con-bg.gif) top repeat-x; border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; }
.inr-ban{ float:right;  height:294px; padding-right:60px; width:303px;}
.inr-con-main{padding:0px 35px 20px 35px; width:932px;}
.inr-con-left{ width:685px; padding-right:15px; }
.inr-left{ width:610px;}
.inr-con-right{ width:75px; align:left; padding:0px 15px 0px 0px; valign:top; padding-right:15px; }
.inr-left h2{ padding:0px 0px 3px 22px; margin:0px; background:url(images/inr-bullet.gif) left 2px no-repeat;font-family:calibri; font-size:20px; font-weight:bold; border-bottom:1px solid #dbdbdb; color:#646464;}
.inr-con-left h2{ padding:0px 0px 3px 22px; margin:0px; background:url(images/inr-bullet.gif) left 2px no-repeat;font-family:calibri; font-size:20px; font-weight:bold; border-bottom:1px solid #dbdbdb; color:#646464;}
.inr-con-left h3{padding-bottom:0px; margin:0px; margin-top:3px; margin-bottom:0px;}
.inr-con-right a{width:75px;
                 text-align:left;
                 padding:0px 0px 7px 32px;
                 height:25px;
                 line-height:25px;
                 margin:0;
                 border-bottom:1px solid #DBDBDB;
                 } 
.inr-box-middle{background:url(images/box-mid.png) repeat-y;}

.inr-box-middle ul {
list-style-type:none;
padding:0;
}

.inr-box-middle ul li ul li {
background:transparent url(images/grey-bullet.gif) no-repeat scroll 0 5px;
line-height:155%;
list-style-type:none;
color: #3890C8;
margin:0 0 4px;
padding-left:12px;
}


.inr-box-middle ul li ul li a{ color: #3890C8; font-size:12px;  text-decoration:none; }
.inr-box-middle ul li ul li a:link{ color: #3890C8; font-size:12px;  text-decoration:none; }
.inr-box-middle ul li ul li a:visited{ color: #3890C8; font-size:12px;  text-decoration:none; }
.inr-box-middle ul li ul li a:hover{ color: #666666; font-size:12px; text-decoration:none; }

a{ color: #489ACE;  font-size:12px; text-decoration:none; }
a:hover, a:focus{ color: #489ACE;  font-size:12px; text-decoration:underline; }
h3 a{ color:  #3E73A4;  font-size:16px; text-decoration:none; } 
h3 a:visited{ color:  #3E73A4;  font-size:16px; text-decoration:none; } 
h3 a:hover{ color: #666666;  font-size:16px; text-decoration:none; } 

.postmetadata a{color: #489ACE;  font-size:12px; text-decoration:none;}
.postmetadata a:link{color: #489ACE;  font-size:12px; text-decoration:none;}
.postmetadata a:visited{color: #489ACE;  font-size:12px; text-decoration:none;}
.postmetadata a:hover{color: #489ACE;  font-size:12px; text-decoration:underline;}



.box-middle2{ padding:12px 15px 0px 15px;}
.box-middle2 ul{ margin:0px; padding:0px; list-style:none;}
.box-middle2 ul li{ margin:0px; margin-bottom:4px;  padding:0px 0px 0px 15px; line-height:145%; list-style-type:none; background:url(images/grey-bullet.gif) 0px 4px no-repeat;}
.box-middle2 ul li a{ text-decoration:none; font:normal 12px Arial; color:#666666;}
.box-middle2 ul li a:hover{ text-decoration:none; color:#3890c8;}
.inr-textfield{font-family:Arial;font-size:12px; color:#444444;border:#dddddd solid 1px;padding:4px;background-color:#FFFFFF;}
.pf-details{width:685px; margin-top:28px;}
.pf-details ul{width:685px; padding:0px; margin:0px; list-style:none;}
.pf-details ul li{width:206px; display:inline; float:left; padding:0px; margin:0px 30px 0px 0px; list-style-type:none;}
.pf-details ul li.last{width:206px; display:inline; float:left; padding:0px; margin:0px; list-style-type:none;}
.pf-image{background:url(images/pf-img-bg.gif) no-repeat; padding:14px 0px 0px 14px; width:192px; height:148px;}
.pf-bottom{background:#dadada url(images/pf-img-bot-bg.gif) bottom no-repeat; padding:3px 14px 20px 14px;}
.pf-bottom a{ text-decoration:none; color:#333333; font-weight:bold;}
.pf-bottom a:link, .pf-bottom a:active, .pf-bottom a:visited{ text-decoration:none; color:#333333;}
.pf-bottom a:hover{ text-decoration:underline; color:#000000;}

/*******************************************************************************************/
/***********************************style for menumatic menu *******************************/
/*******************************************************************************************/

/* all menu links */
#nav a{
	text-decoration:none;
	display:block;
	padding:7px 15px 2px 18px;
	color:white;
	height:26px;
	font-size:10pt;
}
#nav li a:hover { background-color:white; height:26px;}

#subMenusContainer a{ text-decoration:none;
    background-color:#fff;
	display:block;
	padding:3px 18px 3px 12px;
	color:#000000;
	}

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a{
	margin:0;
	float:left;

}

/* Just sub menu links */
#subMenusContainer a, #nav li li a{
	text-align:left;
}


/* All menu links on hover or focus */
#nav a:hover, #nav a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused{
	 text-decoration:none; background-color:#FFFFFF; color:#333333;
}

/* sub menu links on hover or focus */

#nav a.mainMenuParentBtnFocused,
#nav li a:focus,#nav li a:hover{
	text-decoration:none; background:transparent url(images/h-bg.gif) right top; color:#333333;
}
.nomenu{ margin-left:12px;}
#nav li.nomenu a:hover,#nav li.nomenu a:focus,#nav li.nomenu-1 a:hover,#nav li.nomenu-1 a:focus
{
	 text-decoration:none; background:transparent url(images/blank_over.gif) repeat scroll right top;color:#333333;
}
#subMenusContainer a:hover,#subMenusContainer a:focus
{
	background-color:#d7e0ea;
	color:#333333;
}
/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn{
	background: url(images/arrow-right.gif) right center no-repeat;
}

/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused{
	background: url(images/arrow-right.gif) right  center no-repeat;
	}

/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn{
	 background: url(images/arrow-white.gif) right center no-repeat;

}

/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused{
	background: url(images/arrow-black.gif) right center no-repeat;
	float:left;
}

/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{
	display:none;
	position: absolute;
	overflow:hidden;
	/*the 2px left & right padding lets you have a 1px border
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0 2px;
	margin:0 0 0 -2px;
}

/* All ULs and OLs */
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1.5em;
}

/* All submenu OLs and ULs */
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {
	/*border around submenu goes here*/
	border-bottom:1px solid #858585;
	border-left:1px solid #858585;
	border-right:1px solid #858585;
	left:0
}

/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#nav li {
	/*great place to use a background image as a divider*/
	display:block;
	list-style:none;
	position:relative;
	float:left;
}

#subMenusContainer li{
	list-style: none;
}

/* main menu ul or ol elment */
#nav{
   line-height:20px;
    font-size:12px;
	position: absolute;
	list-style:none;
	margin:0 0 0 0;
	text-align: center;
	display:block;
	font-family: arial,verdana,sans-serif;
	font-weight:bold;
}

#subMenusContainer{	display:block; 	position:absolute;	top:0;	left:0;	width:100%;	height:0;	overflow:visible;	}


/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nav li li{	float:none; }

#nav li li a{ /* Just submenu links*/
	position:relative;
	float:none;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top:2.2em;
}

/* third-and-above-level lists */
#nav li ul ul { margin: -1em 0 0 -1000em; }
#nav li:hover ul ul {	margin-left: -1000em; }

 /* lists nested under hovered list items */
#nav li:hover ul{	margin-left: 0; }
#nav li li:hover ul {	margin-left: 10em; margin-top:-2.5em;}

/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul {  margin-left: 0; margin-top:2.2em; }
#nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#nav li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}
#nav li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
#nav li:hover a:focus{ margin-left: 0; }
#nav li li:hover a:focus + ul { margin-left: 10em; }


/*a:link{ color: #CF7F18; }

a:visited{ color: #AD660C; }
*/


ol, ul{	margin: 1em 0 1em 2em; }

ol ol, ol ul, ul ol, ul ul{ margin-top:0; margin-bottom:0; }

ol li{	list-style:decimal }
ol li ol li{ list-style:upper-alpha; }
ol li ol li ol li{ list-style:upper-roman; }
/* ul li{ list-style:none;} */

em{font-style:italic;}

strong{font-weight:bold;}

em strong, strong em{ font-weight:bold; font-style:italic; }

#container {
	display:block;
	padding:0;
	margin:0 0 0 0;
	font-family: arial,verdana,sans-serif,Tahoma;
	float:left;
}
#nav a.mh{text-decoration:none;
	display:block;
	padding:7px 6px 2px 12px;
	height:26px;
	margin-left:15px;
	}
.title2 {
-x-system-font:none;
color:#3E73A4;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;

font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
text-transform:uppercase;
}

.port-img-box{ border:#b8b8b8 solid 1px; padding:6px;}
.port-left{float:left; padding-top:18px;}
.port-right{ float:left; padding-top:18px; padding-left:15px;}
.port-shad{width:182px; height:11px; background:url(images/bot_shad.jpg) no-repeat;}
.port-title{ color:#55a2d8; font-size:15px; text-align:left; font-family:"Trebuchet MS"; height:22px;}
.port-txt{ width:435px; line-height:170%; font-size:12px; text-align:left; margin-bottom:7px;}
.p-dot-bord{ clear:both; padding:0; margin:0; background:url(images/dot.gif) bottom repeat-x; }
.clear{ clear:both;}
.cop1{
font-size:12px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.6em;
text-align:justify;
}
.cop1 p{float:left; padding:0px; margin:0px;}

.pagging
{
 margin:2px 1px;
 margin-top:5px;
 margin-bottom:3px;
 padding:0px;
 list-style-type:none;

}
.pagging a
{
 padding:0px;
 margin:2px 1px;
 display:inline;
}
.pagging a{
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:bold;
 color:#4e4e4e;
 text-decoration:none;
 border:#b0b2a8 1px solid ;
 background-color:#993366;
  background:url(images/block-bg.gif) repeat-x;
  height:16px;
 margin:0;
 padding:0px 4px;
 }

.pagging a:hover{
 font-weight:bold;
 color:#FFFFFF;
 text-decoration:none;
 background:url(images/block-hoverbg.gif) repeat-x;
 height:16px;
}
.pagging a.active{
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:bold;
 color:#FFFFFF;
 text-decoration:none;
 background:url(images/block-hoverbg.gif) repeat-x;
 height:16px;
}


.a-dot-bord {
background:transparent url(images/dot.gif) repeat-x scroll center bottom;
height:10px;
text-align:right;
}

.dot-bord {
background:transparent url(images/dot.gif) repeat-x scroll center bottom;
width: 180px;
valign:top;
text-align:right;
}



.rss-link {
-x-system-font:none;
background:transparent url(images/rss.gif) no-repeat scroll 0 0;
color:#E06A12;
font-family:tahoma,Arial,Helvetica,sans-serif;
font-size:14px;
display:block;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:25px;
line-height:25px;
text-decoration:none;
}

a.rss-link:visited {
color:#E06A12;
font-size:14px;
text-decoration:none;
}

a.rss-link:hover {
color:#646464;
font-size:14px;
text-decoration:none;
}