@charset "UTF-8";
/****************************
* 	Author : Tang Kien Trung
*	Project : VN Solutions
*	Date : Friday , Sep 18 , 2009
*	VNSolutions .
*****************************/

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
    margin:0;padding:0;
}

a img { border:none; }

a { text-decoration:none; outline: none;}

a{ color:#575757;}
a:hover{ color:#20a938;}

ul { list-style:none; }

html { font-size: 100.01%; }

body
{
    text-align: center;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size:70%; /*------ 70% # 11px -------*/
    color:#4b4b4b;
    background:#e4e4e4 url(../images/bg/body_bg.jpg) repeat-x left -40px ;
    line-height:15px;
}

h1 { font-size:240%; font-weight:normal; }

h2 { font-size:210%; font-weight:normal; }

h3 { font-size: 180%; font-weight: normal; }

h4 { font-size: 150%; font-weight:normal; }

h5 { font-size: 120%; font-weight:normal; }

h6 { font-size: 100%; font-weight:normal; }

.clear { clear:both; }

/* Layout */

#wrapper
{
    margin:auto;
    width:960px;
}

/*------------------------- logo_container ----------------------*/

#logo_container
{
    float:left;
    margin-top:4px;
    width:100%;
    height:32px;
}

#logo_container .logo_content
{
    float:left;
    width:940px;
    height:32px;
    background:#FFFFFF url(../images/bg/seperator_bg.jpg) repeat-x bottom;
}

#logo_container .left_corner , #logo_container  .right_corner
{
    float:left;
    width:10px;
    height:32px;
    background:url(../images/bg/top_left_header_corner.png) no-repeat right bottom;
}

#logo_container .right_corner { background:url(../images/bg/top_right_header_corner.png) no-repeat left bottom; }

a.logo
{
    float:left;
    width:233px;
    height:45px;
    padding:10px 0 0 40px;
}

#logo_container ul.mini_menu
{
    float:right;
    padding:9px 20px 0 0;
}

#logo_container ul.mini_menu li
{
    display:inline;
    padding:0 5px 0 5px;
    border-left:1px solid #575757;
}

/*------------------------- menu_container ----------------------*/
#menu_container
{
    float:left;
    width:100%;
    height:64px;
    background-color:#FFFFFF;
}

#menu_container ul.main_menu
{
    float:right;
    padding:33px 50px 0 0;
}

#menu_container ul.main_menu li
{
    float: left;
    height: 31px;
}

#menu_container ul.main_menu a
{
    float:left;
    height:31px;
    padding: 0 0 0 14px;
    background:url(../images/bg/menu_bg.gif) no-repeat left -4px;
    color:#FFFFFF;
    display:block;
    cursor:pointer;
}

#menu_container ul.main_menu a span
{
    float:left;
    padding: 10px 12px 0 0;
    height:21px;
    background: url(../images/bg/menu_bg.gif) no-repeat right -74px;
    color:#FFFFFF;
    display:block;
    cursor:pointer;
}

#menu_container ul.main_menu li.current a { background:url(../images/bg/menu_bg.gif) no-repeat left -39px; }
#menu_container ul.main_menu li.current a span { background:url(../images/bg/menu_bg.gif) no-repeat right -109px; }

#menu_container ul.main_menu a:hover { background:url(../images/bg/menu_bg.gif) no-repeat left -39px; }
#menu_container ul.main_menu a:hover span { background:url(../images/bg/menu_bg.gif) no-repeat right -109px; }
/*-------------------- banner_container ----------------------*/
#banner_container
{
    float:left;
    width:100%;
    height:210px;
    overflow:hidden;
    background:url(../images/bg/darkgreen_line.jpg) repeat-x top;
}

.banner
{
    position:relative;
    width:960px;
    height:210px;
}

.banner .banner_pic
{
    position:absolute;
    left:0;
    top:10px;
    width:960px;
    height:200px;
}

#home #banner_container
{
    float:left;
    width:100%;
    height:385px;
    overflow:hidden;
    background:url(../images/bg/darkgreen_line.jpg) repeat-x top;
}

#home .banner
{
    position:relative;
    width:960px;
    height:385px;
}

#home .banner .banner_pic
{
    position:absolute;
    left:0;
    top:10px;
    width:690px;
    height:375px;
}

.banner .search_container
{
    position:absolute;
    top:0;
    left:0;
    width:365px;
    height:40px;
    background:url(../images/bg/search_container_bg.gif) no-repeat;
}

.banner .top_corner_banner
{
    position:absolute;
    top:40px;
    left:0;
    width:10px;
    height:10px;
    background:url(../images/bg/corner_banner_top.png) no-repeat;
}

.banner .bottom_corner_banner
{
    position:absolute;
    top:200px;
    left:0;
    width:10px;
    height:10px;
    background:url(../images/bg/corner_banner_bottom.png) no-repeat;
    overflow:hidden;
}

#home .banner .bottom_corner_banner
{
    position:absolute;
    top:375px;
    left:0;
    width:10px;
    height:10px;
    background:url(../images/bg/corner_banner_bottom_home.png) no-repeat;
    overflow:hidden;
}

.search_corner_black
{
    float:left;
    margin-top:30px;
    background:url(../images/bg/search_corner.gif) no-repeat;
    overflow:hidden;
    width:10px;
    height:10px;
}

.search_corner_white
{
    float:right;
    background:url(../images/bg/search_corner_white.png) no-repeat;
    width:51px;
    height:40px;
}

.search_form
{
    float:left;
    width:304px;
    height:40px;
}

.search_form form
{
    padding-left:30px;
}

.search_form .search_txt
{
    float:left;
    width:194px;
    height:20px;
    background:url(../images/bg/search_txt.png) no-repeat;
    margin-right:5px;
}

.search_form .search_txt .search_input
{
    float:left;
    border:0;
    color:#8f8f8f;
    font-size:11px;
    height:15px;
    width:167px;
    margin-top:2px;
    margin:2px 0 0 15px;
}

/*-------------------- Content ----------------------*/
#content
{
    float:left;
    width:920px; /* width:960 include padding L20 & R20  */
    height:auto;
    padding:0 20px 0 20px;
    background:#FFFFFF url(../images/bg/top_left_content_corner.gif) no-repeat top left;
}

#home #content
{
    background:#FFFFFF url(../images/bg/top_left_content_corner_home.gif) no-repeat top left;
}

/*-------------------- recent_prj_container ----------------------*/
.recent_prj_container
{
    float:left;
    width:583px; /* fix for border */
    height:205px;
    margin-top:20px;
    border:1px solid #c9c7c7;
}

.recent_prj_list
{
    float:left;
    width:298px;
    height:205px;
    text-align:left;
    margin-left:-8px;
}

.recent_prj_list .prj_list_header_container
{
    float:left;
    width:283px;
    height:40px;
    padding-left:7px;
}

.recent_prj_list .prj_list_header
{
    float:left;
    width:283px;
    height:40px;
    /*
	border-top:1px solid #c9c7c7;
	border-left:1px solid #c9c7c7;
	*/
    text-align:left;
}

.recent_prj_list .prj_list_header .title
{
    padding:5px 0 5px 10px;
    font-weight:bold;
    font-size:12px;
    width:200px;
    background:url(../images/bg/dots_line.jpg) repeat-x bottom;
}

.recent_prj_list .prj_list_footer
{
    float:left;
    width:290px;
    height:10px;
    overflow:hidden;
    background:url(../images/symbols/rect_brown.jpg) no-repeat 9px -1px;
    /*border-bottom:1px solid #c9c7c7;*/
}

.recent_prj_list ul
{
    float:left;
    width:270px;
    font-size:12px;
    padding-left:5px;
}

.recent_prj_list li
{
    padding:0 0 20px 20px;
    background:url(../images/symbols/s_icon.gif) no-repeat top left;
}

.recent_prj_figure
{
    float:left;
    width:290px;
    height:205px;
    /*border:1px solid #c9c7c7;
	border-left:none;*/
    background:url(../images/bg/recent_prj_seperator.jpg) no-repeat bottom left;
}

.recent_prj_figure img
{
    float:right;
    width:280px;
    height:195px;
    padding:5px;
}

/*-------------------- about_container ----------------------*/
.about_container
{
    float:right;
    width:305px;
    height:227px;
    padding-left:30px;
    text-align:left;
}

.contact_text
{
    float:left;
    padding:5px 0 0 2px;
}

.contact_text p
{
    float:left;
    padding:10px 10px 10px 0;
}

.sale_phone
{
    float:left;
    padding:10px 0 0 20px;
}

.sale_phone img { float:left;}
.sale_phone span { float:left; padding:10px 0 0 15px; font-size:14px;}

/*-------------------- welcome_container ----------------------*/
.welcome_container
{
    float:left;
    width:290px;
    height:210px;
    text-align:left;
    padding-top:20px;
}

/*-------------------- our_exp_container ----------------------*/
.our_exp_container
{
    float:left;
    width:291px;
    height:210px;
    padding:20px 2px 0 2px;
    text-align:left;
}

.our_exp_container ul
{
    float:left;
    padding-top:5px;
}

.our_exp_container li
{
    padding:10px 0 10px 0;
}

.our_exp_container li span
{
    font-weight:bold;
}

.our_exp_container li p
{
    padding-left:10px;
}

/*-------------------- vns_news_mini----------------------*/
.vns_news_mini
{
    float:left;
    width:335px;
    height:210px;
    padding-top:20px;
    text-align:left;
}

.mini_news_content ,
.news_content
{
    float:left;
    padding:15px 0 0 0;
    width:100%;
}

.mini_news_content a.title:hover{ text-decoration:underline; }

.title
{
    float:left;
    font-size:12px;
    font-weight:bold;
    color:#20a938;
    width:100%;
    padding-bottom:10px;
}
.title1 {
	color : #20a938;
}

.title_black
{
    float:left;
    font-size:12px;
    font-weight:bold;
    color:#000000;
    width:100%;
    padding-bottom:10px;
}

.mini_news_content .deck
{
    float:left;
    color:#939292;
    padding-bottom:10px;
}

.mini_news_content p
{
    float:left;
    padding-bottom:10px;
}

.news_content img
{
    float:left;
    border:1px solid #5e5e5e;
    margin:0 10px 0 0;
}

.news_content .deck
{
    color:#939292;
    padding-bottom:10px;
}

.news_content p
{
    padding-bottom:10px;
}
/*-------------------- content / left_content ----------------------- */
#left_content
{
    float:left;
    width:585px;
    padding-right:15px;
}

.intro
{
    float:left;
    padding:10px 0 15px 0;
    text-align:left;
    width:100%;
}

.service_item_container
{
    float:left;
    width:100%;
    padding-top:15px;
}

.service_item
{
    float:left;
    width:100%;
    min-height:258px;
    text-align:left;
}

.service_item .title
{
    float:left;
    font-size:16px;
    color:#20a938;
    width:490px;
    font-weight:normal;
    padding-left:90px;
}

.service_item .sub_title
{
    float:left;
    font-size:12px;
    font-weight:bold;
    color:#000000;
    width:490px;
    padding:0 0 10px 90px;

}

.service_item ul
{
    float:left;
    width:490px;
    padding:0 0 10px 90px;
}

.service_item p
{
    padding:0 0 10px 90px;

}

.web_design_bg{	background:url(../images/bg/web_design_bg.jpg) no-repeat top left;}

.app_dev_bg { background:url(../images/bg/cycle_bg.jpg) no-repeat top left;}

.prof_bg { background:url(../images/bg/mouse_bg.jpg) no-repeat top left;}

.app_support_bg { background:url(../images/bg/tool_bg.jpg) no-repeat top left;}

/*-------------------- latest_news_container ----------------------- */
.news_container
{
    float:left;
    width:585px;
    text-align:left;
    padding:15px 0 15px 0;
    background:url(../images/bg/dots_line.jpg) repeat-x bottom;
}

.latest_news_item
{
    float:left;
    width:185px;
}

.latest_news_item .latest_news_figure
{
    float:left;
    width:185px;
    height:121px;
    overflow:hidden;
    padding:0 0 15px 0;
}

.latest_news_item a.latest_news_title
{
    float:left;
    font-size:12px;
    font-weight:bold;
    width:100%;
}

.news_datetime
{
    float:left;
    font-size:10px;
    color:#a0a0a0;
}

.latest_news_item p
{
    float:left;
    padding:10px 0 10px 0;
}

.news_container .title
{
    float:left;
    font-size:16px;
    padding:0 0 2px 0;

}

/*-------------------- others_news_container ----------------------- */
.others_news_container
{
    float:left;
    width:585px;
}

.others_news_item
{
    float:left;
    width:100%;
    padding:10px 0 10px 0;
    text-align:left;
}

.others_news_item a.others_news_title
{
    float:left;
    font-size:12px;
    color:#20a938;
    font-weight:bold;
    width:100%;
}

.others_news_item a.others_news_title:hover { text-decoration:underline;}

.others_news_item .others_news_datetime
{
    float:left;
    font-size:10px;
    color:#a0a0a0;
    width:100%;
    padding-bottom:5px;
}

.others_article
{
    float:left;
    background:url(../images/symbols/others_article.jpg) no-repeat right 5px;
    color:#20a938;
    padding-right:12px;
}
/*-------------------- content / right_content ----------------------- */
#right_content
{
    float:right;
    width:305px;
    padding-left:15px;
    background:url(../images/bg/recent_prj_seperator.jpg) no-repeat top left;
}

.contact_box_container
{
    float:left;
    width:305px;
    height:140px;
    padding:20px 0 10px 0;
}

a.contact_box
{
    float:left;
    width:305px;
    height:140px;
    background:url(../images/bg/contact_us_bg.jpg) no-repeat 0 0;
    text-align:left;
}

a.contact_box:hover
{
    background:url(../images/bg/contact_us_bg.jpg) no-repeat 0 -140px;
    color:#000000;
}

a.contact_box .title
{
    color:#000000;
    padding:30px 0 0 20px;
    width:280px;
}

a.contact_box .contact_box_seperator_dots
{
    float:left;
    width:180px;
    height:1px;
    background:url(../images/bg/sep_dots_line.gif) no-repeat center;
    padding:10px 0 10px 16px;
}

a.contact_box p
{
    float:left;
    width:60%;
    padding-left:20px;
}

/*-------------------- client_container ----------------------*/
.client_container
{
    float:left;
    width:100%;
    text-align:left;
}

.client_container table { text-align:center; }

.client_container td
{
    vertical-align:middle;
    width:286px;
    padding:20px 10px 20px 10px;
    background:url(../images/bg/dots_line.jpg) repeat-x bottom;
}

.client_container .client_logo
{
    float:left;
    width:100%;
}

.client_container a.client_name
{
    float:left;
    width:100%;
    padding:10px 0 10px 0;
    font-size:12px;
    color:#20a938;
}

.client_container a.client_name:hover { text-decoration:underline; }

.client_container ul
{
    float:left;
    text-align:left;
    padding-left:60px;
}

/*-------------------- highlight_container ----------------------*/
.highlight_container
{
    float:left;
    width:305px;
    text-align:left;
    padding-bottom:10px;
}

.highlight_item
{
    float:left;
    width:305px;
    height:45px;
    overflow:hidden;
    padding:15px 0 0 0;
}

.highlight_item a.highlight_figure
{
    float:left;
    width:61px;
    height:45px;
    overflow:hidden;
}

.highlight_item a.highlight_title
{
    float:left;
    width:234px;
    padding-left: 10px;
    font-weight:bold;
    font-size:12px;
}

/*-------------------- news_cat_container ----------------------*/
.news_cat_container
{
    float:left;
    width:305px;
    padding-bottom:15px;
    text-align:left;
}

ul.news_cat_list
{
    float:left;
    width:140px;
    padding:15px 10px 15px 0;
}

ul.news_cat_list li
{
    background:url(../images/symbols/note.jpg) no-repeat 0 3px;
    padding:0 0 10px 15px;
}

ul.news_cat_list a { color:#20a938; }
ul.news_cat_list a:hover { text-decoration:underline; }

/*-------------------- hosting_container ----------------------*/
.hosting_container
{
    float:left;
    width:100%; /* 585px */
    padding-top:15px;

    text-align:left;
}

/*-------------------- hosting_container ----------------------*/
#sitemap
{
    float:left;
    width:100%; /* 585px */
    padding-top:15px;

    text-align:left;
}

#sitemap .sitemapLeft, #sitemap .sitemapRight	{ width:49%; float:left;}
	#sitemap ul				{ display:block;}
	#sitemap ul li			{ font-weight:bold; margin:0 0 20px 0; }
	#sitemap ul li a		{ color: #20A839 }
	#sitemap ul li a:hover	{ color: #20A839 }
	#sitemap ul li ul		{ margin:6px 0 6px 10px; }
	#sitemap ul li ul li	{ font-weight:normal; margin:0 0 6px 0; line-height:1.3}
	#sitemap ul li ul li a	{ color: #4B4B4B}
	#sitemap ul li ul li ul	{ font-size:100%}


/*-------------------- hosting_container / newsletter ----------------------*/
.newsletter
{
    float:left;
    width:585px;
}

.newsletter_content
{
    float:left;
    width:563px;
    height:220px; /* tktrung temp */
    padding:15px 10px 15px 10px;

    border:1px solid #d0d0d0;
}

.newsletter_content img
{
    float:left;
    width:199px;
    height:145px;
    overflow:hidden;
    padding:45px 0 0 0;
}

.newsletter_text
{
    float:left;
    width:343px;
    height:185px;
    overflow-y:auto;
    padding:15px 0 10px 15px;
    line-height:18px;
}

.newsletter_text span
{
    color:#20a938;
    font-weight:bold;
}

.newsletter_shadow
{
    float:left;
    width:585px;
    height:20px;
    background:url(../images/bg/newsletter_shadow.jpg) no-repeat 0 0;
}

/*-------------------- hosting_container / hosting_packaging ----------------------*/
.hosting_packaging
{
    float:left;
    width:585px;
}

.pack_item
{
    float:left;
    width:272px;
    padding:10px 10px 15px 10px;
}

.pack_item img
{
    float:left;
    width:102px;
    height:148px;
    overflow:hidden;
    padding: 0 15px 0 0;
}

.pack_item h3 { color:#20a938; padding:15px 0 10px;}
.pack_item ul li { padding:0 0 5px;}


/*-------------------- hosting_container / quotation ----------------------*/
.quotation
{
    float:left;
    width:585px;
}

.quotation table
{
    /*border:1px solid #CCCCCC;*/
    text-align:center;
    color:#02316b;
    background-color:#b9b9b9;
}

.quotation table td
{
    padding:5px;
}

.quotation table tr
{
    vertical-align:middle;
}

.table_title
{
    font-weight:bold;
    color:#20a938;
    font-size:12px;
    text-transform:uppercase;
}

.quotation .on_col { background-color:#d9ffe0;}
.quotation .off_col { background-color:#FFFFFF;}

.quotation .quot_func_title
{
    color:#02316b;
    font-weight:bold;
    text-align:left;
}

.quot_title
{
    color:#002161;
    font-weight:bold;

    background-color:#20a938;
    color:#FFFFFF;
}

.quot_desc
{
    width:225px;
}

.pack_col
{
    width:87px;
}

/*-------------------- contact_info_container ----------------------*/
.contact_info_container
{
    text-align:left;
    float:left;
    padding-top:20px;
}

.contact_info_container strong
{
    float:left;
    color:#20a938;
    font-size:12px;
    padding:10px 0 10px 0;
    width:100%;
}

.contact_info_container p
{
    float:left;
    width:100%;
    padding-bottom:10px;
}

.contact_info_container .contact_box_seperator_dots
{
    float:left;
    width:180px;
    height:1px;
    background:url(../images/bg/sep_dots_line.gif) no-repeat center;
    padding:5px 0 5px 0;
}

.contact_info_container ul { float:left; padding-bottom:20px; }

.contact_info_container ul span { font-weight:bold; padding-right:5px; }

.contact_info_container li { padding-bottom:5px;}

.contact_info_container img
{
    float:left;
    width:300px;
    height:205px;
    border:1px solid #20a938;

}

/*-------------------- gallery_container ( Portfolio ) ----------------------*/
.gallery_container
{
    float:left;
    width:100%; /* 920px */
    padding:20px 0 0 0;

    background:url(../images/bg/portfolio_shadow.jpg) no-repeat right 30px;
}

.figure_container
{
    float:left;
    width:290px;
    /*padding:0 20px 0 20px;	*/

    text-align:center;
}

a.portfolio_title
{
    color:#20a938;
    padding:0 0 10px 0;
}

a.figure
{
    float:left;
    width:224px;
    height:209px;
    overflow:hidden;
    padding:20px 0 0 30px;
}

a.figure img {border:1px solid #c5c4c4;}

.screenshot_container
{
    float:left;
    padding-top:35px;
    text-align:left;

    width:580px;
}

.sreenshot_item
{
    float:left;
    width:108px;
    height:154px;
    overflow:hidden;
    padding:0 30px 0 30px;
}

.sreenshot_item a.screenshot
{
    float:left;
    width:107px;
    height:100px;
    overflow:hidden;
    padding-bottom:2px;

    border:1px solid #c5c4c4;
}

.sreenshot_item img.screenshot_shadow
{

    width:107px;
    height:52px;
    overflow:hidden;
    padding-left:1px;
}

.gallery_container p
{
    float:left;
    width:470px;
    padding-left:30px;
    text-align:left;
}

.gallery_container .seperator_dots_640
{
    float:left;
    margin:20px 0 0 0;

}

.paging_container
{
    float:left;
    width:100%;
    height:30px;
    padding:10px 0 10px 0;

    margin-left:-20px;
}
.paging
{
    float:left;
    width:80%;
    height:22px;
    background:url(../images/bg/paging_bg.jpg) repeat-y left;
    padding:8px 0 0 20px;
}

/*.paging span , .paging a
{
    float:left;
    padding:0 3px 0 3px;
    color:#20a938;
}
*/
.paging ul { float:left;}

.paging li
{
    float:left;
    color:#000000;
    font-weight:bold;
    margin-left: 5px;
    padding: 0 4px;
}

.paging li.first, .paging li.last, .paging li.next, .paging li.prev
{
    padding: 0 4px 1px;
    border: 1px solid #20A938;
}
.paging li.first, .paging li.last
{
    font-size: 14px;
}

.paging li.first a:hover, .paging li.last a:hover, .paging li.next a:hover, .paging li.prev a:hover
{
    text-decoration: none;
}

.paging a:hover { text-decoration:underline;}

.paging a {
    color:#20a938;
    font-weight: normal;
}

/*-------------------- check_domain_container ----------------------*/
.check_domain_container
{
    float:left;
    width:305px;
}

.check_domain_form
{
    float:left;
    width:305px;
    text-align:left;
    padding:10px 0 10px 0;
    background:url(../images/bg/dots_line_2.jpg) no-repeat bottom;
}

.check_domain_form label
{
    float:left;
    padding:9px 5px 0 0;
}
.check_domain_form input
{
    float:left;
    width:185px;
}

.check_domain_result
{
    float:left;
    width:305px;
    text-align:left;
}

ul.domain_list
{
    float:left;
    padding:10px 10px 15px 0;
    width:140px;
}

ul.domain_list li
{
    background:url(../images/symbols/green_square.jpg) no-repeat left 7px;
    padding:0 0 10px 15px;
}

.check_domain_result li.unavailable { text-decoration:line-through; color:#919191; }

.check_domain_result label
{
    float:left;
    width:100%;
    padding-top:10px;
    font-size:12px;
    color:#20a938;
}
/*-------------------- footer ----------------------*/
#footer
{
    float:left;
    width:960px;
    height:auto; /* tktrung temp */
    background:#FFFFFF url(../images/bg/seperator_bg.jpg) repeat-x 0 10px;
    padding-top:40px;
    text-align:left;
}

.vns_services_box
{
    float:left;
    width:595px;
    padding-left:15px;
    padding-top:25px;
}

.vns_services_box ul
{
    float:left;
}

.vns_services_box li
{
    display:inline;
}

.vns_services_box ul.services_icon
{
    padding-left:25px;
}

.vns_services_box ul.services_icon li a
{
    padding:50px 15px 0;
    width: 90px;
    float: left;
    background: none;
    text-align: center;
    font-weight:bold;
}

.vns_services_box ul.services_icon li.web_design_bg a
{
    background: url("../images/symbols/webdesign_icon.jpg") no-repeat center 4px;
}

.vns_services_box ul.services_icon li.app_dev_bg a
{
    background: url("../images/symbols/cycle_icon.jpg") no-repeat center 4px;
}

.vns_services_box ul.services_icon li.prof_bg a
{
    background: url("../images/symbols/mouse_icon.jpg") no-repeat center 4px;
}

.vns_services_box ul.services_icon li.app_support_bg a
{
    background: url("../images/symbols/tool_icon.jpg") no-repeat center 4px;
}

.vns_services_box ul.services_icon li.web_design_bg a:hover
{
    background: url("../images/symbols/webdesign_icon_over.jpg") no-repeat center 4px;
}

.vns_services_box ul.services_icon li.app_dev_bg a:hover
{
    background: url("../images/symbols/cycle_icon_over.jpg") no-repeat center 4px;
}

.vns_services_box ul.services_icon li.prof_bg a:hover
{
    background: url("../images/symbols/mouse_icon_over.jpg") no-repeat center 4px;
}

.vns_services_box ul.services_icon li.app_support_bg a:hover
{
    background: url("../images/symbols/tool_icon_over.jpg") no-repeat center 4px;
}

.vns_services_box ul.services_name
{
    float:left;
    padding:15px 0 0 100px;
}

.vns_services_box ul.services_name li
{
    font-weight:bold;
    width:85px;
    float:left;
    padding:0 15px 0 15px;
}

.name_card
{
    float:left;
    width:335px;
    height:130px;
    background:url(../images/bg/name_card_seperator.jpg) no-repeat 0 -10px;
}

.logo_footer_container
{
    float:left;
    padding-left:35px;
}

.logo_footer
{
    float:left;
    width:225px;
    height:45px;
    background:url(../images/bg/dots_line.jpg) repeat-x bottom;
    padding:0 25px 20px 25px;
}

.copyright
{
    float:left;
    width:100%;
    text-align:center;
    padding-top:15px;
    color:#7d7c7c;
}
/*-------------------- Utility ----------------------*/

.stick
{
    float:left;
    width:100%;
    height:40px;
    background:#20a938 url(../images/symbols/rect_green_stick.jpg) no-repeat bottom right;
}

.stick .stick_title
{
    float:left;
    color:#FFFFFF;
    font-size:12px;
    font-weight:bold;
    padding:12px 0 0 15px;
}

.stick_black { background:#000000 url(../images/symbols/rect_black_stick.jpg) no-repeat bottom right; }

.stick_290
{
    float:left;
    width:290px;
    height:40px;
}

.seperator_dots_450, .seperator_dots_640
{
    float:left;
    width:450px;
    height:1px;
    background:url(../images/bg/dots_line.jpg) repeat-x center;
}

.seperator_dots_640
{
    width:640px;
}

.no_border{	border:none !important; }

.btnl
{
    float:left;
    background:url(../images/buttons/button.gif) no-repeat left -30px;
    height:20px;
    padding-left:10px;
}

.btnr
{
    float:left;
    background:url(../images/buttons/button.gif) no-repeat right -90px;
    height:20px;
}

.btnl:hover { background:url(../images/buttons/button.gif) no-repeat left 0px; }

.btnl:hover .btnr { background:url(../images/buttons/button.gif) no-repeat right -60px; }

.btn_search
{
    float:left;
    background:none;
    border:none;
    width:15px;
    height:12px;
    background:url(../images/buttons/magnifier.png) no-repeat;
    margin:3px 10px 0 0px;
    cursor:pointer;
    display:block;
}

.banner_right
{
    float:left;
    width:305px;
}

/* ------------------ Button Green ------------------ */
.btnl_green
{
    float:right;
    background:url(../images/buttons/button.gif) no-repeat left 0;
    height:20px;
    padding-left:10px;
}

.btnr_green
{
    float:left;
    background:url(../images/buttons/button.gif) no-repeat right -60px;
    height:20px;
}

.btnl_green:hover { background:url(../images/buttons/button.gif) no-repeat left -30px; }

.btnl_green:hover .btnr_green { background:url(../images/buttons/button.gif) no-repeat right -90px; }

button
{
    background:none;
    border:none;
    cursor:pointer;
}

button p
{
    padding-right:10px;
    color:#FFFFFF;
}
/*------------------end button style-------------*/
a.more
{
    float:right;
    background:url(../images/symbols/more_icon.gif) no-repeat 100% 70%;
    padding-right:8px;
    color:#20a938;
}

a.more:hover { text-decoration:underline; }

.mid_col{ padding:0 15px 0 15px; }