@charset "UTF-8";
body { margin:0 auto; padding:0; background: url(../images/bg_2.gif) repeat-x;font-size:11px;line-height:normal;color:#4B5155; line-height: 135%;font:normal 12px Lucida Grande, Geneva, sans-serif; }
.homepro{
width:108px; height:73px;background:url(../images/right_portfolio.jpg) 0px 0px no-repeat;padding:19px 0px 0px 0px;margin:0px;
border:0px solid #777777;
}
div, ul, h1, h2, h3, li, img, a{margin:0; padding:0;}
ul{list-style-type:none;}
h1, h2, h3, h4 {font:'Lucida Sans Unicode'; color:#31c9ef}
h3 { color:#178fc0; font:bold 24px Lucida Sans Unicode, Geneva, sans-serif; padding:0px 20px; margin:0;background:url(../images/h3-arrow.png) 0px 3px no-repeat;}
h4 { color:#178fc0; font:bold 14px Lucida Sans Unicode, Geneva, sans-serif; padding:0; margin:0;}
P {
	margin-top: 10px; margin-bottom: 15px; padding-top:10px;padding-bottom:10px;
}
h1 {
	font-weight: normal; padding-bottom: 5px; margin: 25px 0px 10px; line-height: 120%;
}
h2 {
	font-weight: normal; padding-bottom: 5px; margin: 25px 0px 10px; line-height: 120%;font:'Lucida Sans Unicode';
}
h3 {
	font-weight: normal; padding-bottom: 5px; margin: 25px 0px 10px; line-height: 120%;font:'Lucida Sans Unicode';
}
h4 {
	font-weight: normal; padding-bottom: 5px; margin: 25px 0px 10px; line-height: 120%;font:'Lucida Sans Unicode';
}
h1 {
	font-size: 200%; line-height: 100%;font:'Lucida Sans Unicode';
}
h2 {
	font-size: 175%; line-height: 100%;font:'Lucida Sans Unicode';
}
h3 {
	font-size: 150%;font:'Lucida Sans Unicode';
}
h4 {
	font-size: 175%; color:#178fc0;background:url(../images/hilite3-h3.png) 0px 0px no-repeat; padding-left:30px;
}
a {
	color: #178fc0;
}
h2 {
	color: #178fc2;
}
.componentheading {
	color: #178fc1;
}
ul.bullet-1 li {
	background: url(../images/dropdown-arrow.png) no-repeat 0px 3px;
}
ul.bullet-2 li {
	background: url(../images/bullet-2.png) no-repeat 0px 3px;
}
ul.bullet-3 li {
	background: url(../images/bullet-3.png) no-repeat 0px 3px;
}
ul.bullet-4 li {
	background: url(../images/bullet-4.png) no-repeat 0px 3px;
}
ul.bullet-5 li {
	background: url(../images/bullet-5.png) no-repeat 0px 3px;
}
a { font:12px Tahoma, Geneva, sans-serif; text-decoration:none;}
a:hover { text-decoration:none;}

.cls { clear:both;}
.white { color:#FFF;}
.cText { text-align:justify; font:100% normal 'tahoma'; width:450px;}
.Tleft {font:100% normal 'tahoma';}

.mainbody { background:url(../images/header_bg.gif) repeat-x top center;}
.mainbody .stylebgtop {background:url(../images/style_bg.png) repeat-x  center 144px;}
.mainbody .stylebgbot {background:url(../images/style_bg_bot.png) repeat-x bottom center;}
.mainbody .stylebgcent {background:url(../images/bg3.jpg) repeat-x bottom center;}

.resaise { width:980px; margin:0 auto; padding:0;}
/* Header */
.header { width:980px; margin:0; padding:0;}
/* Logo and Menu */
.logo_menu { width:980px; height:99px;}
/* Logo */
.logo_menu .logo { float:left; width:200px; padding:6px 0 0 10px; }
.logo_menu .logo h2 { font:bold 30px Tahoma, Geneva, sans-serif; color:#FFF; text-transform:uppercase; padding:0; margin:0; background:url('../images/logo_new.png') no-repeat left; height:70px; width:189px;}
.logo_menu .logo div.desc { font:normal 11px Tahoma, Geneva, sans-serif; color:#ffffff; padding-left:40px;}
/* Menu */
.logo_menu .menuTop { float:right; width:600px; padding:0px 0 0 60px; padding-left:60px;
*float:left; /* IE */
_float:left; /* IE6 */
.float:left;/* IE7 */
}
.logo_menu .menuTop ul { list-style:none; margin:0; padding:0; float:right;}
.logo_menu .menuTop ul li { float:left; margin:0 5px; padding:0;}
.logo_menu .menuTop ul li a { font:normal 12px Tahoma, Geneva, sans-serif; color:#76797d; padding:0px 15px;}
.logo_menu .menuTop ul li a:hover { background: url(../images/nav-sep.png) no-repeat top left; color:#FFF;}

/* Info Block */
.info_block { background:#2276a3; height:44px; border-bottom:1px solid #2f95ce; font:normal 11px Tahoma, Geneva, sans-serif; color:#ffffff;}
.info_block a { font:normal 11px Tahoma, Geneva, sans-serif; color:#ffffff;}
.info_block .mail { float:left; background:url(../images/icon_mail.gif) no-repeat 22px center; width:420px; margin:10px; padding:5px 0 5px 50px; font-weight:bold; letter-spacing:1px;}
.info_block .rss { float:left; background:url(../images/icon_rss.gif) no-repeat left center; width:170px; margin:10px; padding:5px 0 5px 27px;}
.info_block .search { float:right; width:400px; margin:9px; padding:5px 0 0 23px; font-size:110%; font-weight:bold; letter-spacing:8px;}
.info_block .search form { float:right; margin:0; padding:0;}
.info_block .search input { float:left;}
.info_block .search input.text { background:#1b6892; border:1px solid #2692cc; color:#FFF; padding:5px; font:normal 11px Tahoma, Geneva, sans-serif; width:200px; margin:0;}
.info_block .search input.button { background:url(../images/icon_search.gif); height:23px; width:23px; margin:0 5px; border:0;}

/* Header Images */
.header_images { background:url(../images/neader_block_bg.gif) no-repeat top; height:166px;}
.header_images div.header_main { float:right; width:390px; text-align:center; font:bold 16px Tahoma, Geneva, sans-serif; color:#FFF; margin:50px 0 0 0; padding:0;}
.header_images div.header_main p { margin:0; padding:10px;}
.header_images div.header_main .title { font:bold 30px Tahoma, Geneva, sans-serif; color:#FFF;}
.header_images div.screen { float:right; width:590px;}
ul.gallery { padding:0; margin:0; list-style:none; width:547px;}
ul.gallery li { padding:0; margin:0;}
ul.bmenu li {
 background:url(../images/bottom_line_li.gif) repeat-x  bottom left; 
 height:20px;
 position:relative;
 overflow:hidden; 
 margin-right:20px;
 color:#FFFFFF;
 font:normal 100% Lucida Grande, Geneva, sans-serif;

}
.bot_line {background:url(../images/nav-sep.gif) no-repeat  right; padding-right:4px;}

div.bot_line span {
	font-size:140%;	
	color:#FFFFFF;
	background:url(../images/comments-32x321.png) no-repeat  left;
	padding-left:8px;
 }
.recent  { padding:0px; clear:both; position:relative} 
.recent .blc {  overflow:hidden; clear:both; width:100%;}
.lfloat { float:left; font-family:Arial, Helvetica, sans-serif;}
.rfloat { float:right;}
.projectplan {background:url(../images/cor_plan_bg.jpg) no-repeat   center top; width:620px; height:350px; margin:auto}
.projectplan .bg {background:url(../images/wses041280.jpg) no-repeat    right bottom; width:610px; height:310px; }
.projectplan h3 { margin:20px 20px 0px 40px; background: url(../images/hilite1-h3.png) no-repeat left; padding:40px 0px 15px 30px; .padding-top:15px;_padding-top:15px;}
.projectplan p.text { margin:0px 0px 5px 20px; background:none; padding:0px 10px 0px 30px;}
.projectplan ul { margin:4px 0; padding:0px;}
.projectplan ul li {margin:0px 0px 2px 50px; background:url(../images/bullet-2.png) no-repeat left; padding-left:15px; font-weight:bold; color:#09809E; border-bottom:0px solid #f1f1f1; width:200px; line-height:15px;}

.dsbg { height:125px; text-align:left;.height:150px;_height:150px;*height:150px;}

.ani_block {
margin:0px;
padding:0px;
cursor:pointer;
position:relative;
top: 0px; left: 0px;

}
.left_block {
margin:0px;
padding:0px;
cursor:pointer;
}
.left_block_mod {
position:relative;
overflow:hidden;
margin:0px;
padding:0px;
*position:none; /* IE */
_position:relative;
_top:0; /* IE6 */
}
.tempbg { background: url(../images/tempblock.jpg) no-repeat; height:163px;}
.temp{
float:left;
width:326.5px;
margin:0px;
padding:0px;
cursor:pointer;
}
.temphol{
position:relative;
width:326.5px;
height:163px;
overflow:hidden;
margin:0px;
padding:0px;
}
.temphol ul { margin:30px 0px 0px 30px;}
.temphol ul li {font-family:'Arial'; letter-spacing:1px; font-size:120%; color:#ffffff; line-height:18px; background: url(../images/bullet_top.jpg) no-repeat 0px 6px; padding-left:15px; text-transform:capitalize;}
.module{
position: relative;
overflow:hidden;
margin:0px;
padding:0px;
top: 0px; left: 0px;
}

.modulef{
position: relative;
overflow:hidden;
margin:0px;
padding:0px;
top: 0px; left: 0px;
}

.temphol img {
position: absolute;
top: 0px; left: 0px;
margin:0px;
padding:0px;
}
.nopadding { padding:0pc; margin:0pc;}
/* Clear Block */
.clear_block { padding:10px;}
#leftcol {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; width: 270px; padding-top: 0px;float:left;
}
#leftcol .padding {
	padding-right: 33px; padding-left: 10px; padding-bottom: 20px; padding-top: 20px;
}
#leftcol {
	background: url(../images/column-shadow-l.png) no-repeat 100% 50px;
}
#rightcol {
	padding-right: 0px; padding-left: 10px; padding-bottom: 0px; width: 680px; padding-top: 0px;float:right; top:-200px;
}
#rightcol {
	background: url(../images/column-shadow-r1.png) no-repeat 0px 50px;
}
.module1 { padding:0px 5px 0px 5px;}
.feature_menu{

}
.mainContent {
padding-right: 0px; padding-left: 0px; padding-bottom: 10px; width: 680px;font-family:tahoma;font-size:11px;line-height:normal;color:#4B5155;
top:0px; left:0px;
}
/* Main */
.lfloat { float:left;}
.rfloat{ float:right;}
.contentheading {
	font-weight: normal; font-size: 170%; padding-bottom: 8px; margin: 15px 0px 0px; line-height: 110%;color: #178fc0;font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif;
}
.main { padding:6px 10px 10px 10px; width:960px; background:#ffffff; margin:auto;}
.main p { padding:10px; margin:0; font:normal 12px Lucida Grande, Geneva, sans-serif;}
.response { font:normal 12px Arial, Helvetica, sans-serif; color:red; text-align:center;}
.main td { width:auto; margin:auto}
/* Footer */
.footer { border-top:5px solid #d1d1d1; background:#000000 url(../images/botom_feature.gif) repeat-x top left;}
.footer .block_text { margin:auto; width:980px;}
.footer .block_text h2 { padding:10px; margin:0; color:#31c9ef; font:normal 18px 'Lucida Sans Unicode';}
.footer .block_text .block_touch { float:left; width:100%;}
.footer .block_text .block {color:#eeeeee; font:normal 11px Tahoma, Geneva, sans-serif;line-height:1.4em; text-align:left;}
.footer .footer_text { background:#121212 url(../images/footer-bg.png) no-repeat bottom center; border-top:1px solid #2b2b2b; text-align:center; padding:15px; height:50px;}
.footer .footer_text p { padding:3px; margin:0; color:#eeeeee; font:normal 11px Tahoma, Geneva, sans-serif; width:400px;}
.footer .footer_text p a { color:#eeeeee; font:normal 11px Tahoma, Geneva, sans-serif;}
.module_menu {margin:auto; width:100%; padding:0px;}
.spacer .block {
	float: left;
}
.w99 .block {
	width: 100%;
}
.w49 .block {
	width: 50%;
}
.w33 .block {
	width: 33.3%;
}
.w24 .block {
	width: 25%;
}
.module {
	padding-right: 10px; margin-bottom: 10px; overflow: hidden; margin-right: 10px;
}
a img.album {
	border-right: 2px solid; 
	border-top: 2px solid; 
	border-left: 2px solid; 
	border-bottom: 2px solid;
}
.clr {
	CLEaR: both;
}

a img {
	border-top-width: 0px; 
	border-left-width: 0px; 
	border-bottom-width: 0px; 
	border-right-width: 0px;
}
/*----------------- style feture mode --------------------*/
#featuredmodules {
	padding-right: 5px; padding-left: 15px;	padding-bottom: 0px; color: #fffffd; padding-top: 0px; height:80px;
}
#featured-mod {
	background:#2276a3 url(../images/feature_bg.gif) repeat-x 50% 0px;
}
#featured-mod2 {
	background: url(../images/featuremod-bg21.jpg) no-repeat 10% 0px;
}
#featuredmodules .module div div div {
	padding-right: 1px; padding-left: 1px; padding-bottom: 1px; padding-top: 1px;
}
#featuredmodules .module {
	padding-right: 10px; margin-bottom: 30px; overflow: hidden; margin-right: 10px;
}
#featuredmodules {
	overflow: hidden;
}
#featuredmodules .module div div div .png {
	padding-right: 8px;
}
#featuredmodules .module div div div .png {
	padding-right: 8px;
}
.featured-1 {
	margin-top: 10px; 
	background: url(../images/demo-1.png) no-repeat 0px 5px; 
	float: left; width: 42px; 
	height: 60px;
}
.featured-2 {
	margin-top: 10px; 
	background: url(../images/demo-2.png) no-repeat 0px 5px; 
	float: left; 
	width: 42px; 
	height: 60px;
}
.featured-3 {
	margin-top: 10px; 
	background: url(../images/demo-3.png) no-repeat 0px 5px; 
	float: left; width: 42px; 
	height: 60px;
}
.featured-4 {
	margin-top:10px; 
	background: url(../images/demo-4.png) no-repeat 0px 5px; 
	float: left; 
	width: 42px; 
	height: 60px;
}
span.featured-header {
	margin-top: 15px; 
	display: block; 
	font-weight: bold; 
	font-size: 160%; 
	overflow: hidden; 
	color: #eeeeee; 
	line-height: 100%; 
	letter-spacing: -0.05em; 
	height: 25px;
}
span.featured-desc {
	font-size: 100%; 
	color: #ffffff; 
	font-style: italic;
}
#sub {	
	color:#117500; 	
 	font-size: 12px;
 	font-weight: bold;
	padding:0px;
	margin:0px;
	
	}

.sub_add {

	color:#117500; 	
 	font-size: 12px;
 	font-weight: bold;

}

.sub_add_red {

	color:#D51E1E; 	
 	font-size: 14px;
 	font-weight: bold;
 	text-align:center;

}
/*----------------- style Left Menu mode --------------------*/


a.mainlevel {
	display: block; 
	font-size: 120%; 
	overflow: hidden; 
	text-indent: 26px; 
	line-height: 34px; 
	height: 32px;
}
a.mainlevel#active_menu {
	background-position: 0px -64px; 
	padding-left: 12px;
}
a.mainlevel:hover {
	background-position: 0px -32px;
}
a.mainlevel:hover {
	text-decoration: none;
}
ul.menu {
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px 0px 15px; 
	padding-top: 0px;
	
}
ul.menu li {
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px; 
	list-style-type: none;
}
ul.menu span {
	display: block; 
	height: 32px;
	position:relative;
}
ul.menu a {
	display: block; 
	font-size: 120%; 
	text-indent: 15px; 
	line-height: 34px; 
	height: 32px;
}
ul.menu ul {
	margin: 4px 0px;
}
ul.menu ul li a {
	text-indent: 10px;
}
ul.menu ul a {
	background: none transparent scroll repeat 0% 0%; 
	text-indent: 0px;
}
ul.menu ul {
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin-left: 10px; 
	padding-top: 0px;
}
ul.menu ul ul {
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin-left: 20px; 
	padding-top: 0px;
}
ul.menu li li {
	padding-right: 0px;
	padding-left: 0px; 
	padding-bottom: 0px;
	margin: 0px; 
	padding-top: 0px;
}
ul.menu ul a {
	text-indent: 0px;
}
ul.menu li a {
	padding-left: 10px;
}
ul.menu li.active li a {
	background: none transparent scroll repeat 0% 0%;
}
ul.menu li.active li a:hover {
	background: none transparent scroll repeat 0% 0%;
}
ul.menu li.active a {
	background-position: 0px -64px; 
	padding-left: 22px; 
	line-height: 36px; 
	text-decoration: none;
}
ul.menu li.active a:hover {
	background-position: 0px -64px; 
	padding-left: 22px; 
	line-height: 36px; 
	text-decoration: none;
}
ul.menu li a:hover {
	background-position: 0px -32px; 
	text-decoration: none;
}



a.mainlevel {
	background: url(../images/vertmenu-bg.png) no-repeat 0px 0px; 
	color: #666666;
}
a.mainlevel#active_menu {
	color: #178fc0;
}
a.mainlevel:hover {
	color: #178fc0;
}
ul.menu a {
	background: url(../images/vertmenu-bg.png) no-repeat 0px 0px; 
	color: #666666;
}
ul.menu li.active a {
	color: #18a7e1;
}
ul.menu li a:hover {
	color: #18a7e1;
}
ul.menu li.parent li.active a {
	color: #18a7e1;
}
ul.menu li.parent li.parent li.active a {
	color: #18a7e1
}
ul.menu li.parent li.active a:hover {
	color: #18a7e1;
}
ul.menu li.parent li.parent li.active a:hover {
	color: #18a7e1;
}
ul.menu li.active a:hover {
	color: #18a7e1
}
ul.menu li.parent li a {
	color: #666666;
}
ul.menu li.parent li.parent li a {
	color: #666666;
}


/*----------------- style other page--------------------*/

td {
	font-size: 12px; color: #000000; 
	font-family: tahoma,verdana,arial; 
	vertical-align: top;
	height:20px;
}

a {
	color: #747474; 
	text-decoration: none;
}
a:hover {
	color: #888888; 
	text-decoration: underline;
}

.m_text, td, a, li, input, textarea
	{
		font-family:tahoma;
		font-size:11px;
		line-height:normal;
		color:#4B5155;
	}
	

 span { font-size:12px; font-weight:bold;}

.cell { padding:19px 18px 5px 14px}

div.line { height:1px; background:none; border-bottom:1px solid #c6ccce; padding:0px; margin:0px; line-height:1px;}
.plan_title {
display:block;
border:0px solid #cccccc;
background: url(../images/boxtitle.gif) repeat-x top center;
padding:0px;
color:#0F72a6;
font-size : 11px;
font-weight: bold;
text-decoration: none;
height:20px;
text-align:center;

}

.plan_01 {
border:1px solid #cccccc;
background: url(../images/icon/filing12jpg.jpg) no-repeat right bottom;
padding:0px;
text-align:left;
}


.url_body {

	color:#000009; 	
 	font-size: 11px;

}
.url_link{

	color:#0F72a6; 	
 	font-size: 11px;
 	font-weight: bold;

}

.url_link_active {

color:#0066fe;

}

.solu_01 {
border-left:0px solid #cccccc;
border-top:0px solid #cccccc;
background: url(../images/bg_port1.gif) no-repeat bottom right;
height:15px;
width:255px;

}

.solu_02 {
border-left:0px solid #cccccc;
border-top:0px solid #cccccc;
background: url(../images/sample_frame.jpg) no-repeat bottom left;
height:127px;
width:134px;

}

#off_col ul li {
font-weight:bold;
padding-left:5px; 
color:#015687;
}
/*----------------- End style --------------------*/

 
 .txt1 {

 	padding-top: 20px;
 	padding-bottom: 20px;
 	padding-left: 20px;
 	padding-right: 20px;
 	font-size: 11px;
 	text-align:justify;
 	line-height: normal;
}

.brr {
border:0px solid #cccccc;

}

.brb {
border-bottom:1px solid #cccccc;
margin:5px;

}

.brm {
border:1px solid #cccccc;
padding:4px;

}

.brn {
border:0px solid #cccccc;
padding-left:4px;
padding-right:4px;
padding-top:12px;
padding-bottom:12px;

}

.brh {
border:1px solid #cccccc;
padding:2px;

}
.form_text {color:#202020 }