html, body { height:100%; }
* { margin: 0; padding: 0; }
body { border: 0; background: #fff; text-align:center; font: 11px/13px Tahoma,Arial,sans-serif; }
/* holder */
#holder { position: relative; width:994px; margin:0 auto; text-align:left; background: #fff; }
#holder .logo { text-indent: -9999px; margin:0; }
#holder .logo a { position:absolute; display: block; top: 100px; left: 30px; width: 164px; height: 107px; background: url(/Files/System/default/pics/crmandmore.gif) no-repeat; z-index:100;}
#holder #mainMenu { position: absolute; top:5px; left:210px; height: 200px; width:490px; padding-left:26px; z-index:10; }
#holder #mainMenu #mainMenuImg { position: absolute; top:0; left:0; height: 194px; width:516px; background: transparent url(/Files/System/default/pics/x.gif) no-repeat 0 0; z-index:0; }
/* breadcrum */
#holder ul.breadcrumMenu { position:absolute;  top: 186px; left: 204px; width: 620px; padding:0; height: 15px; list-style: none; z-index:10; }
#holder ul.breadcrumMenu li { position:relative; float:left; padding: 2px 10px 2px 4px; height: 11px; background: url(pics/divBreadCrum.gif) no-repeat 100% 5px;  }
#holder ul.breadcrumMenu li a { position:relative; float:left; color:#989898; font: 11px/12px Tahoma,Arial,sans-serif; text-decoration:none; }
#holder ul.breadcrumMenu li a:hover { text-decoration:underline; }
#holder ul.breadcrumMenu li.firstNode { padding-left: 12px;}
#holder ul.breadcrumMenu li.lastNode { background:transparent; }
#holder ul.breadcrumMenu li.lastNode span { position:relative; float:left; color:#989898; font: 11px/12px Tahoma,Arial,sans-serif; }
/* head */
#head { position: relative; width: 100%; height: 193px; padding-top:14px; background: #fff url(pics/bgHeader.jpg) no-repeat; z-index: 1; }
#subhead { position: relative; float:right; height:194px; width:270px; background: url(/Files/System/default/pics/x.gif) no-repeat;  }
/* body */
#body { position: relative; width: 100%; height: auto; overflow:hidden; background: url(/Files/System/default/pics/shadow_r.jpg) no-repeat 100% 0; z-index: 1;}
#body .tpl { position: relative; width: 100%; overflow:hidden; margin: 0; padding: 22px 0; background: url(/Files/System/default/pics/bgCertified.gif) no-repeat 16px 99%; color: #000; z-index: 2; }
#body .tpl #rail { position: relative; float:left; display:inline; overflow:hidden; width: 170px; margin: 10px 0; padding-left:20px; background: url(/Files/System/default/pics/bgKolom_l.jpg) no-repeat 100% 30px; }
#body .tpl #content { position: relative; float:left; display:inline; margin: 5px 0 10px 0; padding: 15px 10px 0 50px; width: 502px; min-height: 300px; background:#fff; }
* html #body .tpl #content { height: 300px; }
#body .tpl #content h1 { font: 18px/24px Tahoma,Arial,sans-serif; color:#2e5392; }
#body .tpl #content h2 { font: bold 11px/15px Tahoma,Arial,sans-serif; color:#000; margin:8px 0 4px 0; }
#body .tpl #content p { color:#000; margin:4px 0; }
#body .tpl #sidebar { position: relative; float:right; padding-top: 10px;  display:inline; overflow:hidden; width:210px; background: url(/Files/System/default/pics/bgKolom_r.jpg) no-repeat 0 25px; }
/* newsBox */
#rail { padding-bottom: 20px; }
#rail .newsBox { position: relative; width: 170px; padding-top:10px; margin: 0; min-height:470px; }
* html #rail .newsBox { height:470px; }
#rail .newsBox h2 { position: relative; color: #838383; font: bold 11px/13px Tahoma,Arial,sans-serif; }
#rail .newsBox ul { margin: 0; padding: 5px 7px 5px 0; list-style: none; }
#rail .newsBox ul li { position: relative; width: 100%; overflow: hidden; font: 10px/13px Tahoma,Arial,sans-serif; padding: 5px 0 20px 0; color: #838383; }
#rail .newsBox ul li p { margin-right: 0; }
#rail .newsBox ul li h3 { position: relative; margin-bottom: 4px; font: bold 10px/12px Tahoma,Arial,sans-serif; color: #838383; }
#rail .newsBox ul li h3 a { position: relative; color:#969696; padding-left: 0;}
#rail .newsBox ul li a { position: relative; padding-left: 30px; color: #000; }
#rail .newsBox ul li a.more { position: relative; display: block; height: 11px; color: #838383; padding: 4px 0; text-decoration: underline; }
#rail .newsBox a.moreNews { position: relative; display: block; margin-bottom: 10px; padding-left: 30px; height: 11px; color: #838383; padding: 4px 0; text-decoration: underline; }

/* questionBox */
#sidebar .contactBox, #sidebar .linkBox, #sidebar .communityBox, #sidebar .loginBox, #sidebar .aboutBox { position: relative; padding:0 20px; color: #838383; margin-bottom:16px; }
#sidebar h2 { position: relative; color: #838383; font: bold 11px/13px Tahoma,Arial,sans-serif; }
#sidebar ul { list-style:none; }
#sidebar ul a { color: #838383; text-decoration: none; }
#sidebar ul a:hover { color: #838383; text-decoration: underline; }
#sidebar .aboutBox { padding: 0 40px 170px 20px; font-size: 90%; background: url(/Files/System/default/pics/screen.jpg) no-repeat 20px 100%; }
/* tab menu */
#tabMenu { position: absolute; width:100%; height:90px; top:0; left:0; z-index:100; }
#tabMenu a.benefits { position: absolute; top:54px; left:245px; width:90px; height:60px; display:block; z-index:10; }
#tabMenu a.downloads { position: absolute; top:29px; left:342px; width:90px; height:80px; display:block; z-index:10; }
#tabMenu span{ display: none; }
/* main menu */
#mainMenu ul { list-style:none;}
#mainMenu ul.mainMenu { position:relative; top:120px; height: 70px; font: 13px/17px Tahoma,Arial,sans-serif; background: #fff; z-index:1; }
#mainMenu ul.mainMenu li { position:relative; float: left; display: inline; margin: 0 8px; padding: 0 2px; height: 70px; z-index:1; }
#mainMenu ul.mainMenu li.home { background: url(/Files/System/default/pics/menu/home.gif) no-repeat 40% 20%; }
#mainMenu ul.mainMenu li.aboutus { background: url(/Files/System/default/pics/menu/aboutus.gif) no-repeat 40% 20%; }
#mainMenu ul.mainMenu li.partners { background: url(/Files/System/default/pics/menu/partners.gif) no-repeat 40% 20%; }
#mainMenu ul.mainMenu li.products { background: url(/Files/System/default/pics/menu/products.gif) no-repeat 40% 20%; }
#mainMenu ul.mainMenu li.support { background: url(/Files/System/default/pics/menu/support.gif) no-repeat 40% 20%; }
#mainMenu ul.mainMenu li.contact { background: url(/Files/System/default/pics/menu/contact.gif) no-repeat 40% 20%; }
#mainMenu ul.mainMenu li a, #mainMenu ul.mainMenu li a:link, #mainMenu ul.mainMenu li a:active, #mainMenu ul.mainMenu li a:visited { position: relative; float: left; display: block; height: 12px; width: auto; text-decoration: none; text-align:center; padding:55px 2px 3px 2px; line-height: 12px; color: #000; }
#mainMenu ul.mainMenu li a:hover, #mainMenu ul.mainMenu li a.active, #mainMenu ul.mainMenu li a.mouse, #mainMenu ul.mainMenu li a.active:link, #mainMenu ul.mainMenu li a.active:visited, #mainMenu ul.mainMenu li a.active:hover, #mainMenu ul.mainMenu li a.active:active { position: relative; display: block; height: 12px; text-decoration: none; text-align:center; padding:55px 2px 3px 2px; line-height: 12px; color: #197ae3; }
#mainMenu ul.mainMenu ul { position: absolute; z-index: 1000; visibility: hidden; width: 128px; left:-32px; top: 69px; padding: 4px 18px 18px 22px; background: transparent url(/Files/System/default/pics/bgSubmenu.png) no-repeat 0 100%; }
* html #mainMenu ul.mainMenu ul { background: transparent url(/Files/System/default/pics/bgSubmenu.gif) no-repeat 0 100%; }
#mainMenu ul.mainMenu li ul li { position: relative; float:none; height:auto; display:block; padding: 2px 0 2px 6px; background: transparent none; }
#mainMenu ul.mainMenu ul li a, #mainMenu ul.mainMenu ul li a:link, #mainMenu ul.mainMenu ul li a:visited, #mainMenu ul.mainMenu ul li a:active, #mainMenu ul.mainMenu ul li a.active { position: relative; float:none; display: block; height: auto; width: 100%; text-decoration: none; text-align:left; padding: 3px 0; margin:0; font: 11px/13px Tahoma,Arial,sans-serif; color: #000; }
#mainMenu ul.mainMenu ul li a:hover, #mainMenu ul.mainMenu ul li a.active:link, #mainMenu ul.mainMenu ul li a.mouse, #mainMenu ul.mainMenu ul li a.active:visited, #mainMenu ul.mainMenu ul li a.active:hover, #mainMenu ul.mainMenu ul li a.active:active { position: relative; float:none; display: block; height: auto; width: 100%; padding: 3px 0; margin:0; font: 11px/13px Tahoma,Arial,sans-serif; color: #197ae3; }
#mainMenu ul.mainMenu ul ul { left:110px; top:1px; width: 125px; padding: 4px 22px 18px 0; background: transparent url(/Files/System/default/pics/bgSubmenu.png) no-repeat 100% 100%; }
/*
#mainMenu ul.mainMenu li a, #mainMenu ul.mainMenu li a:link, #mainMenu ul.mainMenu li a:active, #mainMenu ul.mainMenu li a:visited { position: relative; float: left; display: block; height: 12px; width: auto; text-decoration: none; text-align:center; padding:55px 2px 3px 2px; line-height: 12px; color: #000; }
#mainMenu ul.mainMenu li a:hover, #mainMenu ul.mainMenu li a.active, #mainMenu ul.mainMenu li a.mouse, #mainMenu ul.mainMenu li a.active:link, #mainMenu ul.mainMenu li a.active:visited, #mainMenu ul.mainMenu li a.active:hover, #mainMenu ul.mainMenu li a.active:active { position: relative; display: block; height: 12px; text-decoration: none; text-align:center; padding:55px 2px 3px 2px; line-height: 12px; color: #197ae3; }
#mainMenu ul.mainMenu ul { position: absolute; z-index: 1000; visibility: hidden; width: 128px; left:-32px; top: 69px; padding: 4px 18px 18px 22px; background: transparent url(/Files/System/default/pics/bgSubmenu.png) no-repeat 0 100%; }
* html #mainMenu ul.mainMenu ul { background: transparent url(/skins/default/pics/bgSubmenu.gif) no-repeat 0 100%; }
#mainMenu ul.mainMenu li ul li { position: relative; float:none; height:auto; display:block; padding: 2px 0 2px 6px; background: transparent none; }
#mainMenu ul.mainMenu ul li a, #mainMenu ul.mainMenu ul li a:link, #mainMenu ul.mainMenu ul li a:visited, #mainMenu ul.mainMenu ul li a:active, #mainMenu ul.mainMenu ul li a.active { position: relative; float:none; display: block; height: auto; width: 100%; text-decoration: none; text-align:left; padding: 3px 0; margin:0; font: 11px/13px Tahoma,Arial,sans-serif; color: #000; }
#mainMenu ul.mainMenu ul li a:hover, #mainMenu ul.mainMenu ul li a.active:link, #mainMenu ul.mainMenu ul li a.mouse, #mainMenu ul.mainMenu ul li a.active:visited, #mainMenu ul.mainMenu ul li a.active:hover, #mainMenu ul.mainMenu ul li a.active:active { position: relative; float:none; display: block; height: auto; width: 100%; padding: 3px 0; margin:0; font: 11px/13px Tahoma,Arial,sans-serif; color: #197ae3; }
#mainMenu ul.mainMenu ul ul { left:110px; top:1px; width: 125px; padding: 4px 22px 18px 0; background: transparent url(/Files/System/default/pics/bgSubmenu.png) no-repeat 100% 100%; }
*/

/* foot */
#footer { position: relative; width: 100%; margin-bottom:0px; padding-bottom: 0px; background: #fff url(/Files/System/default/pics/bgBodyBottom.jpg) no-repeat 0 40px; }
#footer .addressrule { position:relative; padding:20px 0 12px 21px; margin:0; height: 13px; background: url(/Files/System/default/pics/shadow_l.jpg) no-repeat 0 0px; color:#797979; }
#footer .addressrule span { padding:0 4px; }
#footMenu { position:absolute; right:10px; width:200px;}
#footMenu ul.footMenu { position: relative; height: 13px; overflow: hidden; font: 11px/13px Arial,Helvetica,sans-serif; margin: 0; padding: 0 0 0 13px; list-style: none; }
#footMenu ul.footMenu li { float: right; border-right: 1px solid #959595; text-align: center; }
#footMenu ul.footMenu li.lastNode { border: 0;}
#footMenu ul.footMenu li a, #footMenu ul.footMenu li a:visited { padding: 0 8px; margin: 0; line-height: 13px; text-decoration: none; color: #797979; }
* html body #footMenu ul.footMenu a { display: inline; }
#footMenu ul.footMenu li a:hover, #footMenu ul.footMenu li a:active, #footMenu ul.footMenu li a.active, #footMenu ul.footMenu li a.active:visited { text-decoration: underline;}

/* news */
#news ul { margin: 0; padding: 5px 7px 5px 0; list-style: none; }
#news ul li { position: relative; width: 100%; overflow: hidden; padding: 5px 0 20px 0; }
#news ul li p { margin-right: 0; }
#news ul li h3 { position: relative; margin-bottom: 4px; }
#news ul li h3 a { position: relative; padding-left: 0;}
#news ul li a { position: relative; padding-left: 30px; }
#news ul li a.more { position: relative; display: block; height: 11px; padding: 4px 0; }