html { height: 100%; margin: 0 0 1px; font-size: 100.01%; }
body { position: relative; min-height: 100%; margin: 0; padding: 0; background: #fff url(../images/bg-content-a.gif) 0 -25px repeat-x; color: #57575a; font: 62.5%/1.5 Arial,Helvetica,sans-serif; }
* html body { height: 100%; behavior:url("csshover.htc"); }
textarea, input, select, option, optgroup, button { font: 1em Arial,Helvetica,sans-serif; }

/* RESET
------------------------------------------- */
* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

li, dt, dd, p, th, td, caption { font-size: 1.2em; }
ul, ol, dl { margin-bottom: 1.5em; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
p { margin-bottom: 1.25em; }
li *, li p, li li, dt *, dd *, p * { font-size: 1em; }
fieldset, img { border: none; }
button { overflow: visible; cursor: pointer; }
legend { display: none; }
pre { font: 1.1em "Courier New",monospace; white-space: pre-wrap; }
a { color: #296497; text-decoration: underline; }
a:hover, a:focus, a:active { color: #cc252f; text-decoration: none; }

/* H
------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 0 0 5px; color: #57575a; }
h1 { font-size: 2.2em; color: #57575a; }
h2 { font-size: 1.8em; }
h3 { color: #ca252c; font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }


/* HEADER + NAV
------------------------------------------- */
#root { padding: 0 0 100px; }
 #top { width: 940px; margin: 0 auto; padding: 25px 0; }
  #logo { margin: 0; }
   #logo a { display: block; overflow: hidden; width: 221px; }
    #logo a img { display: block; }
 #nav { position: relative; z-index: 15; width: 100%; background: #f43c49 url(../images/navbg.gif) 0 100% repeat-x; }
  #nav ul { list-style: none; width: 940px; height: 39px; margin: 0 auto; padding: 0; background: url(../images/navbg.gif) -10001px 0 no-repeat; }
   #nav ul li { zoom: 1; position: relative; float: left; padding: 0 0 0 1px; background: url(../images/sep-nav-a.gif) no-repeat; font-weight: bold; line-height: 1; }
    #nav ul li a { float: left; padding: 13px 25px 14px; color: #fff; text-decoration: none; }
    #nav ul li a:hover,
    #nav ul li a:focus {background: url(../images/navbg_a.gif) 0 100% repeat-x; text-decoration: none; }
    #nav ul li a.active,
    #nav ul li.current_page_ancestor a,
    #nav ul li.current_page_item a { background: url(../images/navbg_a.gif) 0 100% repeat-x; text-decoration: none !important; }
    #nav ul li em { position: absolute; left: -10001px; top: -10001px; }
    #nav ul li ul { display: none; position: absolute; left: 0; top: 39px; overflow: hidden; width: 175px; height: auto; background: #a41215; }
    #nav ul li:hover ul { display: block; }
     #nav ul li ul li { float: left; width: 175px; padding: 0; font-weight: normal; }
      #nav ul li ul li a { float: left; width: 125px; padding: 10px 25px; background: #575b63 url(../images/navbg_sub.gif) 0 100% repeat-x !important; color: #ccc; }
      #nav ul li ul li a:hover { color: #fff; text-decoration: none; }
      #nav ul li ul li ul { display: none !important; }

 #header { position: relative; z-index: 10; margin: 0 0 2px; background: #17181d; }
 #header div.inner { position: relative; overflow: hidden; width: 940px; min-height: 169px; margin: 0 auto; }
 #header div.inner_sub { position: relative; overflow: hidden; width: 940px; height: 70px; margin: 0 auto;  }
 #header div.inner_sub h2 { padding:20px 0 0 0; font-size:20px; color:#fff; }
 * html #header div.inner { overflow: visible; height: 169px; }

   #header div.latestblog { float: right; width: 245px; padding: 5px 20px 10px; }
    #header div.latestblog h3 { color:#cccccc; height: 17px; margin: 0 0 0px; padding: 0 0 8px 0px; border-bottom: 1px solid #bad1d3;  }
    #header div.latestblog ul { list-style: none; width: 100%; margin: 5px 0 0 0; padding: 0 0 1px; }
     #header div.latestblog ul li { position: relative; width: 100%; margin: 0 0 5px 0; padding: 0px 0 0 20px; border-top: 1px solid #b1c7ca; color: #cccccc; line-height: 1.5; }
     #header div.latestblog ul li.first { padding-top: 0; border-top: none; width:230px; background: url(../images/article-a.gif) 2px 5px no-repeat;}
     #header div.latestblog ul li.second {padding-top: 5px; border-top: none; border-top: 1px solid #b1c7ca; background: url(../images/article-a.gif) 2px 10px no-repeat;}
     #header div.latestblog a { color: #e3e3dc; text-decoration:none;}
     #header div.latestblog a:hover { color: #fff; }


 #content { padding: 50px 0 0; background: url(../images/bg-content-a.gif) 0 -15px repeat-x; }
  #content div.inner { overflow: hidden; width: 940px; margin: 0 auto 2px; }
   #side { float: left; width: 215px; margin: 0 -1px 0 0; padding: 0 25px 0 0px; border-right: 1px solid #e3e3e3; }
   #main { overflow: visible; float: left; width: 655px; padding: 0 0 0 30px;}



/* MAIN CONTENT for INDEX
------------------------------------------- */
#home #content { padding-top: 30px; }

#home #header { }
 #home #header div.inner { background: url(../images/header.jpg) no-repeat; }
  #home #header div.inner_sub {  }
  #home #header div.headline { }
   #home #header div.headline h2 { left: 330px; top: 35px; }
   #home #header div.headline p { left: 375px; top: 120px; width: 295px; height: 100px; padding: 0 0 0 10px;  }

#latestblog { }
 #latestblog h2 { padding: 95px 0 5px; border-bottom: 1px solid #e3e3e3; background: url(../images/paper.jpg) 50% 0 no-repeat; color: #ca252c; }
 #latestblog ul { list-style: none; margin: 0; padding: 0 0 1px; }
  #latestblog ul li { margin: 0 0 10px; line-height: 1.5; }
   #latestblog ul li strong { padding: 0 0 0 20px; background: url(../images/icons/article-b.gif) 2px 2px no-repeat; }

#mainproducts { overflow: hidden; width: 940px; }
* html #mainproducts { width: 941px; }
 #mainproducts div.tab { float: left; width: 235px; margin: 0 -1px 0 0; border-left: 1px solid #e8e8e8; background: url(../images/tab-a.png) 100% 0 no-repeat; }
 #mainproducts div.vpsico { width: 234px; margin-right: 0; }
  #mainproducts div.tab div.head { padding: 15px 24px 10px; border-bottom: 1px solid #e8e8e7; }
   #mainproducts div.tab div.head h2 { margin: 0 0 10px; width: 187px; height: 100px; background: url(../images/main_ico.gif) no-repeat; text-indent: -10001px; }

   #mainproducts div.tab div.head h3 { font-size:16px; padding:0; margin:0px 0 2px 0; }       /* aici */
   #mainproducts div.tab div.head h3 a:hover { color: #000000; }       /* aici */
   #mainproducts div.tab div.head p { padding:0 0 10px 0; margin:0; line-height:20px; }       /* aici */

   #mainproducts div.tab div.head ul{
     list-style:none;
     margin:0;
     padding:0;
     background:none;
     border:0;
   }

   #mainproducts div.tab div.head ul li{
     font-weight:bold;
     background: url(../images/crc.gif) 0px 3px no-repeat;
     padding-left:22px;
     border:0;
     line-height: 22px;
   }

   #mainproducts div.resellerico div.head h2 { background-position: -187px 0; }
   #mainproducts div.dediico div.head h2 { background-position: -374px 0; }
   #mainproducts div.vpsico div.head h2 { background-position: -561px 0; }


/* FOOTER
------------------------------------------- */
 #footer {
	position: absolute;
	left: 648px;
	bottom: -157px;
	width: 940px;
	margin: 0 0 0 -470px;
	padding: 18px 0 25px;
	border-top: 2px solid #eeeeea;
	background: url(../images/footerlogos.gif) 100% 30% no-repeat;
}
 #footer ul { overflow: hidden; list-style: none; width: 100%; margin: 0 0 10px; padding: 0; }
 #footer ul li { display: inline; float: left; border-left: 1px solid #57575a; font-size: 12px; font-weight:normal; line-height:14px; }
 #footer ul li a { padding: 0 10px; color: #57575a; text-decoration: none; }
 #footer ul li a:hover { text-decoration: underline; }
 #footer ul li.first { border-left: 0; }
 #footer ul li.first a { padding-left: 0; }
 #footer p { margin: 0; color: #89898b; font-size: 12px; }
 #footer p a { color: #89898b; text-decoration: none; }

/* TOP RIGHT LINKS
------------------------------------------- */
#toprightlinks { position: absolute; top: 64px; left: 77%; list-style: none; padding: 0; }
 #toprightlinks li a:focus, #toprightlinks li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 630px; margin: 0 0 0 -170px; padding: 2px 0; background: #333; color: #fff; font-size: 1.2em; text-align: center; }

#toprightlinks a {color:#555555; font-family: arial; font-size:12px; font-weight:bold; text-decoration: none; }
#toprightlinks a.supp {background : url(../images/toplinks2.gif) no-repeat center 0; padding-top:27px;}
#toprightlinks a.clogin {background : url(../images/toplinks1.gif) no-repeat center 0; padding-top:27px; margin-right:5px;}


/* SIDE MENU for the subpages
------------------------------------------- */
div.nav-a { margin: 0 0 15px; background: #ecede8; }
 div.nav-a h2 { margin: 0; padding: 7px 10px; background: #f43c49 url(../images/navbg.gif) 0 100% repeat-x; color: #fff; }
 div.nav-a ul { overflow: hidden; list-style: none; width: 100%; margin: 0; padding: 0; }
  div.nav-a ul li { float: left; width: 175px; padding: 8px 10px 6px 27px; border-bottom: 1px solid #e5e5e3; border-top: 1px solid #fff; background: url(../images/crc2.gif) 10px 12px no-repeat; font-size: 14px; line-height: 1.4;  }
   div.nav-a ul li a { color:#666; font-weight:normal; text-decoration: none; }
   div.nav-a ul li a:hover { color:#000; font-weight:normal; text-decoration: none; }
   div.nav-a ul li.current-cat a,
   div.nav-a ul li.current_page_item a { color: #000; }