/* 
CSS for Vertisys
Convert into XHTML/CSS based by Sydore Pry
Email : pdorei@gmail.com
Websit: http://www.villaume.net
Phone : 855-16 854 858
*/
body {
width:100%;
margin:0;
background:#336699 url(../images/body_bg.png) top center no-repeat;
font-family:Verdana;
font-size:12px;
color:#003366;
line-height:18px;
}
a {
font-family:Verdana;
font-size:12px;
color:#003366;
line-height:18px;
}

#wrapper {
width:998px;
margin:auto;
}
#wrapper #wrapper_main {
width:100%;
float:left;
position:relative;
background:url(../images/wrapper_bg.png) top left repeat-y;
}
#wrapper #wrapper_main #wrapper_bottom {
width:100%;
float:left;
position:relative;
background:url(../images/wrapper_bottom.png) bottom left no-repeat;
margin:0 0 -20px 0;
padding:0 0 0px 0;
}

#wrapper #wrapper_main #wrapper_bottom .main_page {
width:980px;
float:left;
position:relative;
margin:0 0 0 10px;
font-family:Verdana;
font-size:12px;
line-height:18px;
color:#003366;
}
#wrapper #wrapper_main #wrapper_bottom .main_page h4 {
font-family:Verdana;
font-weight:bold;
font-size:12px;
color:#3280dc;
margin:0 0 5px 0;
line-height:18px;
}

#wrapper #wrapper_main #wrapper_bottom .main_page #banner {
width:100%;
float:left;
position:relative;
margin:10px 0 0 -6px;
}
#wrapper #wrapper_main #wrapper_bottom .main_page #main_content {
width:980px;
float:left;
position:relative;
background:url(../images/header_bar.png) 0 10px no-repeat;
}
#wrapper #wrapper_main #wrapper_bottom .main_page #main_content_sub {
width:980px;
float:left;
position:relative;
background:url(../images/header_bar_sub.png) 0 10px no-repeat;
}
#wrapper #wrapper_main #wrapper_bottom .main_page .left {
width:191px;
float:left;
position:relative;
background:url(../images/left_ul_bg_bottom.png) bottom left no-repeat;
margin:-110px 0 0 -10px;
}

#wrapper #wrapper_main #wrapper_bottom .main_page .left .top {
width:100%;
float:left;
position:relative;
background:url(../images/left_ul_bg_top.png) top left no-repeat;
margin:-10px 0 0 0;
min-height:390px;
}

#wrapper #wrapper_main #wrapper_bottom .main_page .left .top ul {
width:100%;
float:left;
position:relative;
margin:0 0 0 0;
padding:15px 0 20px 0;
}

#wrapper #wrapper_main #wrapper_bottom .main_page .left .top ul li {
width:100%;
float:left;
position:relative;
margin:0 0 0 0;
list-style:none;
}

#wrapper #wrapper_main #wrapper_bottom .main_page .left .top ul li a {
width:181px;
height:34px;
display:block;
background:url(../images/left_li_bg.png) top right no-repeat;
padding:0px 0 0px 10px;
margin:0 0 0 0;
text-decoration:none;
font-family:Verdana;
font-size:12px;
line-height:20px;
color:#4f737a;
}
#wrapper #wrapper_main #wrapper_bottom .main_page .left .top ul li.active a,
#wrapper #wrapper_main #wrapper_bottom .main_page .left .top ul li#current a {
font-weight:bold;
}
#wrapper #wrapper_main #wrapper_bottom .main_page .left .top ul li a span,
#wrapper #wrapper_main #wrapper_bottom .main_page .left .top ul li.active a span,
#wrapper #wrapper_main #wrapper_bottom .main_page .left .top ul li#current a span,
#wrapper #wrapper_main #wrapper_bottom .main_page .left .top ul li a:hover span {
font-family:Verdana;
font-size:12px;
line-height:20px;
color:#4f737a;
}

#wrapper #wrapper_main #wrapper_bottom .main_page .left .top ul li.active a,
#wrapper #wrapper_main #wrapper_bottom .main_page .left .top ul li a:hover,
#wrapper #wrapper_main #wrapper_bottom .main_page .left .top ul li#current a {
width:181px;
height:34px;
display:block;
background:url(../images/left_li_hover.png) top right no-repeat;
padding:0px 0 0px 10px;
margin:0 0 0 0;
text-decoration:none;
color:#4f737a;
}
#wrapper #wrapper_main #wrapper_bottom .main_page .left .top ul li.item2 a span {
width:181px;
height:34px;
display:block;
/*background:url(../images/li_about_icon.png) top left no-repeat;*/
padding:7px 0 0px 40px;
margin:0 0 0 0;
text-decoration:none;
color:#4f737a;
}
#wrapper #wrapper_main #wrapper_bottom .main_page .left .top ul li.parent.active.item2 a span,
#wrapper #wrapper_main #wrapper_bottom .main_page .left .top ul li.item2 a:hover span,
#wrapper #wrapper_main #wrapper_bottom .main_page .left .top ul li#current.item2 a span {
width:181px;
height:34px;
display:block;
background:url(../images/li_about_icon.png) top left no-repeat;
padding:7px 0 0px 40px;
margin:0 0 0 0;
text-decoration:none;
color:#4f737a;
}
#wrapper #wrapper_main #wrapper_bottom .main_page .left .top ul li.item3 a span {
width:181px;
height:34px;
display:block;
/*background:url(../images/li_services_icon.png) top left no-repeat;*/
padding:7px 0 0px 40px;
margin:0 0 0 0;
text-decoration:none;
color:#4f737a;
}
#wrapper #wrapper_main #wrapper_bottom .main_page .left .top ul li.item3 a:hover span,
#wrapper #wrapper_main #wrapper_bottom .main_page .left .top ul li#current.item3 a span {
width:181px;
height:34px;
display:block;
background:url(../images/li_services_icon.png) top left no-repeat;
padding:7px 0 0px 40px;
margin:0 0 0 0;
text-decoration:none;
color:#4f737a;
}
#wrapper #wrapper_main #wrapper_bottom .main_page .left .top ul li.item4 a span {
width:181px;
height:34px;
display:block;
/*background:url(../images/li_product_icon.png) top left no-repeat;*/
padding:7px 0 0px 40px;
margin:0 0 0 0;
text-decoration:none;
color:#4f737a;
}
#wrapper #wrapper_main #wrapper_bottom .main_page .left .top ul li.parent.active.item4 a span,
#wrapper #wrapper_main #wrapper_bottom .main_page .left .top ul li.item4 a:hover span,
#wrapper #wrapper_main #wrapper_bottom .main_page .left .top ul li#current.item4 a span {
width:181px;
height:34px;
display:block;
background:url(../images/li_product_icon.png) top left no-repeat;
padding:7px 0 0px 40px;
margin:0 0 0 0;
text-decoration:none;
color:#4f737a;
}
#wrapper #wrapper_main #wrapper_bottom .main_page .left .top ul li.item5 a span {
width:181px;
height:34px;
display:block;
/*background:url(../images/li_training_icon.png) top left no-repeat;*/
padding:7px 0 0px 40px;
margin:0 0 0 0;
text-decoration:none;
color:#4f737a;
}
#wrapper #wrapper_main #wrapper_bottom .main_page .left .top ul li.item5 a:hover span,
#wrapper #wrapper_main #wrapper_bottom .main_page .left .top ul li#current.item5 a span {
width:181px;
height:34px;
display:block;
background:url(../images/li_training_icon.png) top left no-repeat;
padding:7px 0 0px 40px;
margin:0 0 0 0;
text-decoration:none;
color:#4f737a;
}
#wrapper #wrapper_main #wrapper_bottom .main_page .left .top ul li.item6 a span {
width:181px;
height:34px;
display:block;
/*background:url(../images/li_news_icon.png) top left no-repeat;*/
padding:7px 0 0px 40px;
margin:0 0 0 0;
text-decoration:none;
color:#4f737a;
}
#wrapper #wrapper_main #wrapper_bottom .main_page .left .top ul li.item6 a:hover span,
#wrapper #wrapper_main #wrapper_bottom .main_page .left .top ul li#current.item6 a span {
width:181px;
height:34px;
display:block;
background:url(../images/li_news_icon.png) top left no-repeat;
padding:7px 0 0px 40px;
margin:0 0 0 0;
text-decoration:none;
color:#4f737a;
}
#wrapper #wrapper_main #wrapper_bottom .main_page .left .top ul li.item7 a span {
width:181px;
height:34px;
display:block;
/*background:url(../images/li_support_icon.png) top left no-repeat;*/
padding:7px 0 0px 40px;
margin:0 0 0 0;
text-decoration:none;
color:#4f737a;
}
#wrapper #wrapper_main #wrapper_bottom .main_page .left .top ul li.item7 a:hover span,
#wrapper #wrapper_main #wrapper_bottom .main_page .left .top ul li#current.item7 a span {
width:181px;
height:34px;
display:block;
background:url(../images/li_support_icon.png) top left no-repeat;
padding:7px 0 0px 40px;
margin:0 0 0 0;
text-decoration:none;
color:#4f737a;
}
#wrapper #wrapper_main #wrapper_bottom .main_page .left .top ul li.item8 a span {
width:181px;
height:34px;
display:block;
/*background:url(../images/li_contact_icon.png) top left no-repeat;*/
padding:7px 0 0px 40px;
margin:0 0 0 0;
text-decoration:none;
color:#4f737a;
}
#wrapper #wrapper_main #wrapper_bottom .main_page .left .top ul li.item8 a:hover span,
#wrapper #wrapper_main #wrapper_bottom .main_page .left .top ul li#current.item8 a span {
width:181px;
height:34px;
display:block;
background:url(../images/li_contact_icon.png) top left no-repeat;
padding:7px 0 0px 40px;
margin:0 0 0 0;
text-decoration:none;
color:#4f737a;
}

#wrapper #wrapper_main #wrapper_bottom .main_page .main {
width:720px;
float:left;
position:relative;
margin:0 0 0 50px;
}
#wrapper #wrapper_main #wrapper_bottom .main_page .main_right {
width:450px;
float:left;
position:relative;
margin:0 0 0 40px;
}
#wrapper #wrapper_main #wrapper_bottom .main_page .right {
width:260px;
float:right;
position:relative;
margin:15px 20px 0 0px;
}

#wrapper #wrapper_main #wrapper_bottom #bottom {
width:100%;
float:left;
position:relative;
margin:80px 0 20px 0;
}
#wrapper #wrapper_main #wrapper_bottom #bottom .moduletable-copyright {
float:left;
position:relative;
margin:0 0 10px 290px;
font-family:Arial;
font-size:12px;
color:#113e89;
}
#wrapper #wrapper_main #wrapper_bottom #bottom .moduletable-copyright a {
font-family:Arial;
font-size:12px;
color:#113e89;
}
#wrapper #wrapper_main #wrapper_bottom #bottom .moduletable-copyright strong {
color:#92bb3b;
font-weight:normal;
}





/* start home here */
#wrapper #wrapper_main #wrapper_bottom_home {
width:100%;
float:left;
position:relative;
background:url(../images/wrapper_bottom_home.png) bottom center no-repeat;
margin:0 0 -33px 0;
}
#wrapper #wrapper_main #wrapper_bottom_home .main_page {
width:100%;
float:left;
position:relative;
margin:0 0 0 0px;
}
#wrapper #wrapper_main #wrapper_bottom_home .main_page #home {
width:100%;
float:left;
position:relative;
margin:0 0 0 4px;
}


#wrapper #wrapper_main #wrapper_bottom_home .main_page #home .home {
float:left;
position:relative;
white-space:nowrap;
margin:50px 0 0 1px;
}

#wrapper #wrapper_main #wrapper_bottom_home #inset {
width:100%;
float:left;
position:relative;
margin:20px 0 50px 0;
}
#wrapper #wrapper_main #wrapper_bottom_home #inset .module-home_1 {
width:320px;
float:left;
position:relative;
background:url(../images/home_break.png) top right no-repeat;
padding:0 50px 0 0;
margin:0 0 0 50px;
font-family:Verdana;
font-size:12px;
font-weight:normal;
color:#003366;
line-height:18px;
}
#wrapper #wrapper_main #wrapper_bottom_home #inset .module-home_1 h3 {
float:left;
position:relative;
font-family:Verdana;
font-size:14px;
font-weight:bold;
color:#003399;
display:block;
margin:0 0 0 0;
padding:0 0 0 10px;
}
#wrapper #wrapper_main #wrapper_bottom_home #inset .module-home_1 table {
clear:both;
float:left;
position:relative;
}
#wrapper #wrapper_main #wrapper_bottom_home #inset .module-home_1 a {
background:url(../images/read_more_1.png) center right no-repeat;
padding:0 35px 0 0;
text-decoration:underline;
font-family:Verdana;
font-size:12px;
font-weight:bold;
color:#34a93c;
}

#wrapper #wrapper_main #wrapper_bottom_home #inset .module-home_2 {
width:215px;
float:left;
position:relative;
background:url(../images/home_break.png) top right no-repeat;
padding:0 30px 0 0;
margin:0 0 0 30px;
font-family:Verdana;
font-size:12px;
font-weight:normal;
color:#287a81;
line-height:18px;
}
#wrapper #wrapper_main #wrapper_bottom_home #inset .module-home_2 h3 {
float:left;
position:relative;
font-family:Verdana;
font-size:14px;
font-weight:bold;
color:#287a81;
display:block;
margin:0 0 0 0;
padding:0 0 0 10px;
}
#wrapper #wrapper_main #wrapper_bottom_home #inset .module-home_2 table {
clear:both;
float:left;
position:relative;
}
#wrapper #wrapper_main #wrapper_bottom_home #inset .module-home_2 a {
background:url(../images/read_more_2.png) center right no-repeat;
padding:0 35px 0 0;
text-decoration:underline;
font-family:Verdana;
font-size:12px;
font-weight:bold;
color:#34a93c;
}
#wrapper #wrapper_main #wrapper_bottom_home #inset .module-home_3 {
width:210px;
float:left;
position:relative;
padding:0 0px 0 0;
margin:0 0 0 35px;
font-family:Verdana;
font-size:12px;
font-weight:normal;
color:#993300;
line-height:18px;
}
#wrapper #wrapper_main #wrapper_bottom_home #inset .module-home_3 h3 {
float:left;
position:relative;
font-family:Verdana;
font-size:14px;
font-weight:bold;
color:#cc6633;
display:block;
margin:0 0 0 0;
padding:0 0 0 10px;
}
#wrapper #wrapper_main #wrapper_bottom_home #inset .module-home_3 table {
clear:both;
float:left;
position:relative;
}
#wrapper #wrapper_main #wrapper_bottom_home #inset .module-home_3 a {
background:url(../images/read_more_3.png) center right no-repeat;
padding:0 35px 0 0;
text-decoration:underline;
font-family:Verdana;
font-size:12px;
font-weight:bold;
color:#34a93c;
}

#wrapper #wrapper_main #wrapper_bottom_home #bottom {
width:100%;
float:left;
position:relative;
}
#wrapper #wrapper_main #wrapper_bottom_home #bottom .moduletable-copyright {
float:left;
position:relative;
margin:0 0 10px 330px;
font-family:Arial;
font-size:12px;
color:#113e89;
}
#wrapper #wrapper_main #wrapper_bottom_home #bottom .moduletable-copyright a {
font-family:Arial;
font-size:12px;
color:#113e89
}
#wrapper #wrapper_main #wrapper_bottom_home #bottom .moduletable-copyright strong {
color:#92bb3b;
font-weight:normal;
}

/* start footer here */
#footer {
width:980px;
margin:auto;
}
#footer .main_page {
width:980px;
float:left;
position:relative;
margin:25px 0 20px 10px;
}
#footer .main_page .module-left {
width:500px;
float:left;
position:relative;
margin:0 0 0 20px;
background:url(../images/footer_break.png) center right no-repeat;
padding:0 60px 0 0;
font-family:Verdana;
font-size:12px;
color:#ffffff;
}
#footer .main_page .module-right {
width:300px;
float:left;
position:relative;
margin:0 0 0 60px;
font-family:Verdana;
font-size:12px;
color:#ffffff;
}
/* start top bar here */
#top_bar {
width:100%;
position:absolute;
background:url(../images/top_bar.png) 0 -3px repeat-x;
height:12px;
}
#top_bar.home {
width:100%;
position:absolute;
background:url(../images/top_bar_home.png) 0 -3px repeat-x;
height:12px;
}
#top_bar .main_page {
width:1020px;
margin:0 auto;
}
#top_bar .main_page ul {
float:right;
position:relative;
width:261px;
height:50px;
background:url(../images/top_ul_bg.png) top right no-repeat;
margin:0 0 0 0;
padding:0 0 0 30px;
text-align:center;
}
#top_bar .main_page ul li {
float:left;
position:relative;
display:inline;
margin:0 0 0 0px;
}
#top_bar .main_page ul li.item1 {
background:url(../images/li_home_menu_break.png) right 10px no-repeat;
padding:0 10px 0 0;
}
#top_bar .main_page ul li.item1 a {
width:82px;
height:37px;
float:left;
position:relative;
display:inline;
padding:5px 0 10px 0px;
margin:0 0 0 30px;
background:url(../images/li_home.png) left top no-repeat;
text-decoration:none;
color:#797979;
text-indent:-2500px;
}
#top_bar .main_page ul li.item1 a:hover,
#top_bar .main_page ul li.item1.active a{
width:82px;
height:37px;
float:left;
position:relative;
display:inline;
padding:5px 0 10px 0px;
background:url(../images/li_home_active.png) left top no-repeat;
text-decoration:none;
color:#00787a;
text-indent:-2500px;
}
#top_bar .main_page ul.menu-sub li.item1 a {
width:82px;
height:37px;
float:left;
position:relative;
display:inline;
padding:5px 0 10px 0px;
margin:0 0 0 30px;
background:url(../images/li_home.png) left top no-repeat;
text-decoration:none;
color:#797979;
text-indent:-2500px;
}
#top_bar .main_page ul.menu-sub li.item1 a:hover,
#top_bar .main_page ul.menu-sub li.item1.active a{
width:82px;
height:37px;
float:left;
position:relative;
display:inline;
padding:5px 0 10px 0px;
background:url(../images/li_home_active.png) left top no-repeat;
text-decoration:none;
color:#00787a;
text-indent:-2500px;
}
#top_bar .main_page ul li.item9 a {
width:62px;
height:37px;
float:left;
position:relative;
display:inline;
padding:5px 0 10px 20px;
margin:0 0 0 10px;
background:url(../images/li_sitemap.png) left top no-repeat;
text-decoration:none;
color:#797979;
text-indent:-2500px;
}
#top_bar .main_page ul.menu-sub li.active.item9 a {
width:62px;
height:37px;
float:left;
position:relative;
display:inline;
padding:5px 0 10px 20px;
background:url(../images/li_sitemap_active.png) left top no-repeat;
text-decoration:none;
color:#00787a;
text-indent:-2500px;
}
#top_bar .main_page ul li.item9 a:hover {
width:62px;
height:37px;
float:left;
position:relative;
display:inline;
padding:5px 0 10px 20px;
background:url(../images/li_sitemap_active.png) left top no-repeat;
text-decoration:none;
color:#00787a;
text-indent:-2500px;
}
#top_bar.home .main_page ul {
margin:-45px 0 0 0;
}
#top_bar .main_page #topmenu {
width:100%;
float:left;
position:relative;
margin:0 0 0 0;
}
#top_bar .main_page #topmenu ul.menu {
width:960px;
float:left;
position:relative;
margin:-5px 0 0 20px;
background:url(../images/topmenu_ul_bg.png) top left no-repeat;

}
#top_bar .main_page #topmenu ul.menu li {
float:left;
position:relative;
display:inline;
padding:0 20px 0 20px;
margin:3px 0 0 0;
background:url(../images/topmenu_devider.png) 100% 10px no-repeat;
}
#top_bar .main_page #topmenu ul.menu li.item8 {
float:left;
position:relative;
display:inline;
padding:0 20px 0 20px;
margin:3px 0 0 0;
background:none;
}
#top_bar .main_page #topmenu ul.menu li a {
float:left;
position:relative;
font-family:Verdana;
font-size:12px;
color:#848688;
text-decoration:none;
padding:10px 0 0 0;
}
#top_bar .main_page #topmenu ul.menu li a:hover {
float:left;
position:relative;
font-family:Verdana;
font-size:12px;
color:#339999;
text-decoration:none;
padding:10px 0 0 0;
}