@charset "utf-8";
/* CSS Document 
 * author: nhudh
 * company: VSmarttech Inc
*/

body{
	background:#ffffff;
}
#vst_body1
{
	margin:0;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width:auto;
	background: url(../images/bg_new.jpg) top left repeat-x;	
}
#vst_body2{
	background: url(../images/footer_bg.jpg) bottom center repeat-x;	
}
a, a:hover, a:visited, a:active {
   border:none;
   text-decoration:none;
   outline:none;
}

img{
	border:none;
}
td, tr, table, ul, h2,h3,h1{
	padding-top:0;
	padding-bottom:0;
	margin-top:0;
	margin-bottom:0;
}
p{
	margin:10px 0 0 0;
}
.article_separator{
	display:none;
}

#container
{
 	margin:0 auto;
	padding:0;
	width: 995px;
	overflow:hidden;
	
}

#header{
	background: url(../images/header_bg_new.jpg) top center no-repeat;
	padding:5px 0 0px 0;
	height: 210px;
	display:block;
}

#logo{
	/*margin-left:50px;*/
	margin-top:48px;
	float:left;
	/*display:block;
	background: url(../images/logo_new.png) top left no-repeat;
	height: 105px;
	width:213px;*/
		
}

#logo h1,#logo h3,#logo h2{
	position:absolute;
	left:-999em;
}
#usernav{
	float:right;
	width:200px;
	color:#0a71b9;
	text-align:right;
	margin-right:145px;
	_margin-right:58px;
	margin-top:5px;
}
#usernav a{
	color:#0a71b9;
}
#usernav a:hover{
	text-decoration:underline;
}
#usernav span{
	padding:0 5px;
}

/* --------css for top menu-------------*/
#topnav{
	/*position:absolute;
	top:85px;
	padding-left: 235px;*/
	position:relative;
	z-index:999;
	margin-top:48px;
	float:right;
	width:678px;
}


#topnav ul{
	list-style:none;
	margin:0px;
	padding:0;
}
#topnav ul{
	width: 678px;
}
#topnav ul li{

	float:left;
	/*background: url(../images/topmenu_divider.jpg) top right no-repeat;*/
	list-style:none;
	margin:0px 0px 0 0;
	padding:0;
}



#topnav ul li a
{

	display:block;
	color:#6e6e6e;
	/*padding:12px 10px 11px 10px;*/
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	padding: 55px 7px 13px 8px;
}



#topnav ul li a:hover,
#topnav ul li a:active,
#topnav ul li.mainlevel_current a, 
#topnav ul li.mainlevel_active a{
	color:#2787b8;	
}
#topnav ul li#menuitem_1 a:hover,
#topnav ul li#menuitem_1 a:active,
#topnav ul li#menuitem_1.mainlevel_current a,
#topnav ul li#menuitem_1.mainlevel_active a{
	background: url(../images/menu_home_active2.png) top center no-repeat;
	_background: url(../images/menu_home_active1.png) top center no-repeat;
}
#topnav ul li#menuitem_2 a:hover,
#topnav ul li#menuitem_2 a:active,
#topnav ul li#menuitem_2.mainlevel_current a,
#topnav ul li#menuitem_2.mainlevel_active a{
	background: url(../images/menu_aboutus_active2.png) top center no-repeat;
	_background: url(../images/menu_aboutus_active1.png) top center no-repeat;
}
#topnav ul li#menuitem_3 a:hover,
#topnav ul li#menuitem_3 a:active,
#topnav ul li#menuitem_3.mainlevel_current a,
#topnav ul li#menuitem_3.mainlevel_active a{
	background: url(../images/menu_carees_active2.png) top center no-repeat;
	_background: url(../images/menu_carees_active1.png) top center no-repeat;
}
#topnav ul li#menuitem_4 a:hover,
#topnav ul li#menuitem_4 a:active,
#topnav ul li#menuitem_4.mainlevel_current a,
#topnav ul li#menuitem_4.mainlevel_active a{
	background: url(../images/menu_ourservice_active2.png) top center no-repeat;
	_background: url(../images/menu_ourservice_active1.png) top center no-repeat;
}
#topnav ul li#menuitem_5 a:hover,
#topnav ul li#menuitem_5 a:active,
#topnav ul li#menuitem_5.mainlevel_current a,
#topnav ul li#menuitem_5.mainlevel_active a{
	background: url(../images/menu_portfolio_active2.png) top center no-repeat;
	_background: url(../images/menu_portfolio_active1.png) top center no-repeat;
}
#topnav ul li#menuitem_6 a:hover,
#topnav ul li#menuitem_6 a:active,
#topnav ul li#menuitem_6.mainlevel_current a,
#topnav ul li#menuitem_6.mainlevel_active a{
	background: url(../images/menu_request_active2.png) top center no-repeat;
	_background: url(../images/menu_request_active1.png) top center no-repeat;
}
#topnav ul li#menuitem_7 a:hover,
#topnav ul li#menuitem_7 a:active,
#topnav ul li#menuitem_7.mainlevel_current a,
#topnav ul li#menuitem_7.mainlevel_active a{
	background: url(../images/menu_contactus_active2.png) top center no-repeat;
	_background: url(../images/menu_contactus_active1.png) top center no-repeat;
}
#topnav ul li#menuitem_2.mainlevel_current,
#topnav ul li#menuitem_4.mainlevel_current,
#topnav ul li#menuitem_5.mainlevel_current{
	background: url(../images/menu_active_submenu.png) bottom center no-repeat;
}
#topnav ul li#menuitem_2.mainlevel_active,
#topnav ul li#menuitem_4.mainlevel_active,
#topnav ul li#menuitem_5.mainlevel_active{
	background: url(../images/menu_active_submenu.png) bottom center no-repeat!important;
}


/* NAVIGATION : POPOUTS */

#topnav ul li ul
/*#topnav ul li:hover ul, 
#topnav ul li.sfhover ul, 
#topnav ul li:hover ul ul, 
#topnav ul li.sfhover ul ul,
#topnav ul li:hover ul ul ul,
#topnav ul li.sfhover ul ul ul*/
{
	position:absolute;
	left:-999em; 
}

/*#topnav ul li:hover ul,
#topnav ul li.sfhover ul,
#topnav ul li li:hover ul,
#topnav ul li li.sfhover ul,
#topnav ul li li li:hover ul, 
#topnav ul li li li.sfhover ul*/
#topnav ul li.mainlevel_current ul,
#topnav ul li.mainlevel_active ul

{
	width:678px;
	position:absolute;
	left:0;
	top:81px; 
	display:block;
	background: url(../images/submenu_bg.jpg) top left no-repeat;
}
#topnav ul li li{
	margin: 0 5px 0;
}
#topnav ul li li a
{
	padding:3px 0 10px 3px!important;
	margin:0px;
	cursor:pointer;
	text-transform:capitalize!important;
	font-size:11px!important;
	background:none!important;
	color:#6e6e6e!important;
	line-height:32px;
}
#topnav ul li li a:hover,
#topnav ul li li.sublevel_current a{
	background: none!important;
	color:#2787b8!important;
}

#topnav ul li.parent.active li span{
	background:none!important;
}








#mainpage{
	margin:20px 0 23px 0;
}
/*-----------LEFT---------------*/
#left_outer{
	width:239px;
	float:left;
}
#left1,#left2{
	width:239px;
	background:url(../images/left_bg.jpg) top left repeat-y;
	padding:0;
	margin-bottom: 7px;
}
#left1 div,#left2 div{
	background:url(../images/left_bg_top.jpg) top left no-repeat;
	margin:0;
}
#left1 div div, #left2 div div{
	background:url(../images/left_bg_bot.jpg) bottom left no-repeat;
}
#left1 div div div, #left2 div div div{
	background:#ffffff;
	padding:0;
	margin:0;
}

#left1 div div{
	padding:15px;
}
#left1 .moduletable-menu{
	margin-bottom: 15px;
}
#left1 .moduletable-menu h3{
	font-size:0px;
	padding:0;
	margin:0 0 20px 0;
	background: url(../images/portfolio_title.jpg) top left no-repeat;
	height: 53px;
	width:206px;
	line-height:0px;
	color:#FFFFFF;
}
#left1 .moduletable-menu ul.menu{
	margin:0;
	padding:0;
	list-style: none;
	background:#FFFFFF;
	border-top:1px solid #eeeeee;
	
}
#left1 .moduletable-menu ul.menu li{
	display:block;
	height: 36px;
	padding: 1px 0 1px 0px;
	border-bottom:1px solid #eeeeee;
	
}
#left1 .moduletable-menu ul.menu li a{
	display:block;
	line-height:36px;
	padding: 0 0 0 30px;
	background: url(../images/arrow_in_greycircel1.png) top left no-repeat;
	color:#0A71B9;
	font-size:18px;
	font-family:Arial;
}
#left1 .moduletable-menu ul.menu a:hover{
	background:#f8f8f8 url(../images/arrow_in_orangecircel1.png) center left no-repeat;
	/*_background: #f8f8f8;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./templates/vst_template/images/arrow_in_orangecircel.png',sizingMethod='scale');*/
}
#left1 .moduletable-havepj{

}
#left1 .moduletable-havepj h3{
	background: url(../images/douhavepj_h3.jpg) top left no-repeat;
	color:#a99e9e;
	font-family:Calibri;
	font-size:24px;
	line-height: 30px;
	padding:0 10px 10px 62px;
	font-weight:normal;
	margin:0;
}
#left1 .moduletable-havepj ul{
	margin:0;
	padding:0;
	list-style:none;
}
#left1 .moduletable-havepj ul li{
	display:block;
	height:24px;
	margin-bottom:5px;
	line-height:24px;
	color:#494848;
}
#left1 .moduletable-havepj a{
	color:#494848;
}
#left1 .moduletable-havepj a:hover{
	color:#8d8b8b;
}

.circel_button{
	color:#FFFFFF;
	font-family:Calibri;
	font-size:13px;
	text-align:center;
	background:url(../images/circle_button.jpg) top left no-repeat!important;
	width:20px;
	height:20px;
	float:left;
	margin-right:8px!important;
	line-height:21px;
}
#left2 div div{
	padding:3px;
}
#left2 .moduletable-csupport{
	background: url(../images/customer_support_bg.jpg) top left no-repeat;
	padding: 0 0 30px 0px;
}
#left2 .moduletable-csupport h3{
	color:#fd9e26;
	font-size:18px;
	font-family:Calibri;
	line-height:34px;
	padding:5px 0 0 72px;
	margin:0 0 50px 0;
	text-transform:uppercase;
}
#left2 .moduletable-csupport #csupport{
	background: url(../images/dotted.jpg) top left repeat-y;
	margin:0;
	padding-left: 12px;
}
#left2 .moduletable-csupport #csupport p{
	margin:0;
	padding:3px 0 0px 0;
	height: 22px;
	
}
#left2 .moduletable-csupport #csupport img{
	padding: 0 5px 0 0;
}
#left2 .moduletable-csupport .dotted_line{
	width:170px;
	padding-left:25px;
	display:block;
	background: url(../images/dotted_line_bg.jpg) bottom left repeat-x;
	margin:0px 0 8px 19px;
	position:relative;
}
#left2 .moduletable-csupport .dotted_line a{
	color:#8d8b8b;;
	font-size:18px;
	font-family:Calibri;
	background:#FFFFFF;
	margin:10px 0 0px 0;
}
#left2 .moduletable-csupport .dotted_line a:hover{
	text-decoration:underline;
}
#csupport a{
	font-weight:bold;
	width:120px;
	
}



#wrapper{
	width:756px;
	float:left;
	color:#494848;
	overflow:hidden;
	line-height:24px;
}
#wrapper a, #csupport a{
	color:#0a71b9;
}
#wrapper a:hover, #csupport a:hover{
	text-decoration:underline;
}
/*-----------ACCORDION---------------*/
#accordion{
	float:left;
	width:304px;
	padding:0 2px 0 4px;
	
}
#accordion .moduletable, #accordion .moduletable-blank{
	margin-bottom: 23px;
}
div.default div.yoo-accordion {
	border: none;	
}

div.default div.yoo-accordion dt.toggler {
	font-size:0px;
	line-height:0px;
	color:#ffffff;
	height:95px;
}

div.default div.yoo-accordion dt.toggler.item1{
	background: url(../images/webdesign.jpg) top left no-repeat;
}
div.default div.yoo-accordion dt.toggler.item1:hover{
	background: url(../images/webdesign_hover.jpg) top left no-repeat;
}

div.default div.yoo-accordion dt.toggler.item2{
	background: url(../images/webdevelopment.jpg) top left no-repeat;
}
div.default div.yoo-accordion dt.toggler.item2:hover{
	background: url(../images/webdevelopment_hover.jpg) top left no-repeat;
}

div.default div.yoo-accordion dt.toggler.item3{
	background: url(../images/graphicdesign.jpg) top left no-repeat;
}
div.default div.yoo-accordion dt.toggler.item3:hover{
	background: url(../images/graphicdesign_hover.jpg) top left no-repeat;
}

div.default div.yoo-accordion dt.toggler.item4{
	background: url(../images/softwaresolution.jpg) top left no-repeat;
}
div.default div.yoo-accordion dt.toggler.item4:hover{
	background: url(../images/softwaresolution_hover.jpg) top left no-repeat;
}
div.default div.yoo-accordion dd span.article {
	padding: 0 0 15px 0;
	border:none;
}

div.default div.yoo-accordion dd.last span.article {
	border-bottom: none;
}
   		/*---quote style----*/
#quote{
	background: url(../images/quote_top.jpg) top left no-repeat;
	width:304px;
}
#quote div{
	background: url(../images/quote_bot.jpg) bottom left no-repeat;
	padding: 9px 0 22px 0;
}
#quote div div{
	background: url(../images/quote_bg.jpg) top left repeat-y;
	padding:1px 10px 0 10px;
	margin:0;
	line-height: 24px;	
	font-style:italic;
}
#quote div div div{
	background:none;
	
}
.sign{
	color:#d0790b;
	font-family:Trajan Pro;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	float:right;
	padding-right:5px;
	font-style:normal;
	width: 40%;
	text-align:center;
}
/*-----------CONTENT---------------*/
#content{
	float:right;
	width:435px;
	padding-left:10px;
	overflow:hidden;
	border-left:1px solid #eeeeee;
}
#content_full{
	width:auto;
	padding-left:10px;
	overflow:hidden;
}
.contentpaneopen{
	margin-top:0px;
	width:100%;
}
.contentpaneopen td p{
	width:99%;
	text-align:justify;
}
/*.componentheading{
	display:none;
}*/
.contentheading,.componentheading{
	color:#0a71b9;
	font-size:18px;
	background:url(../images/contentheading_button.jpg) top left no-repeat;
	line-height: 24px;
	padding:0px 0 5px 35px;
	border-bottom: 1px dotted #eeeeee;
	font-weight:normal;
	margin:0;
}
.contentheading h2,.componentheading h2,.contentheading h1,.componentheading h1{
	font-size:18px;
	font-weight:normal;
}
.contentpagetitle{

	display:block;
}

#content .contentheading{
	width:320px!important;
}

#content .buttonheading{
	display:none;
}
/*-----------FOOTER--------------*/
#footer{
	height:98px;
	
	margin: 13px auto 0 auto;
}
#footer .moduletable{
	text-align:center;
	margin: 0 auto;
}

#footer .moduletable ul.menu{
	list-style:none;
	margin:0;
	padding:0;
}
#footer ul.menu li{
	float:left;
	height:26px;
	padding: 0 10px;
	background: url(../images/divider.jpg) center right no-repeat;
}
#footer ul.menu li a{
	background: none;
	display:block!important;
	display:inline;
	height:26px;
}
#footer ul.menu li a span{
	background:none;
	display:block!important;
	display:inline;
	padding:0 10px!important;
	padding: 5px 10px;
	font-size:14px;
	color:#0a74be;
	font-weight:bold;
	width:auto;
	line-height: 26px;
}
#footer ul.menu li a:hover{
	background: url(../images/botmenu_right.jpg) top right no-repeat;
}
#footer ul.menu li a:hover span{
	background: url(../images/botmenu_left.jpg) top left no-repeat;
	color:#FFFFFF;
}
#footer #copyright{
	font-size:12px;
	color:#0a74be;
	margin-top:15px;
	text-align:center;
}
#footer #copyright a{
	color:#0a74be;
}
#footer #copyright a:hover{
	text-decoration:underline;
}

.vst-testi{
	background:url(../images/signquote.jpg) top left no-repeat;
	color:#6d6d6d;
	line-height:33px;
	font-size:13px;
	font-family:Arial;
	font-style:italic;
	text-indent: 52px;
	margin-top:15px;
}
.testi-sign{
	color:#0788b6;
	line-height:33px;
	font-size:13px;
	font-family:Arial;
	font-style:italic;
	width:100%;
	text-align:right;
	text-transform:uppercase;
	display:block;
	padding-right:5px;
	
	
}
#content .bloghead{
	margin:0;
	padding:7px 0 7px 8px;
	font-size: 14px;
}
#accordion .bloghead{
	display:none;
}
#userForm p{
	margin-top:13px;
}

/*--------------*/
#language_search{
	float:left;
	width:534px;
	margin-left:40px;
}
#language_search .module{
	float:left;
}
.moduletable-search{
	margin-left:12px;
	width:260px;
	text-transform:capitalize;	
	float:left;
}
#mod_search_searchword{
	border:none;
	background: url(../images/search_input.png) top left no-repeat;
	height:22px;
	width:170px;
	color:#676767;
	padding: 5px 1px 0px 12px;
}
.button-search{
	background: url(../images/search_button.jpg) top left no-repeat;
	height:27px;
	width:77px;
	border:none;
	color:#fff;
}
#jflanguageselection {
	display:block;
	width:241px;
}
#vst-banner{
	width:100%;
	display:block;
	height:auto;
	margin-bottom:10px;
}
#vst-banner-inner{
	padding:0 0 0 4px;
}
.hd-ti{
   	position:absolute;
	top:-999px;
	left:0px;

}