@charset "utf-8";
/* CSS Document */
*:focus{ outline:none}
body{
	margin:0px auto; padding:0px; background:#fff url(../images/bg.header.gif) repeat-x; font: normal 14px  "Trebuchet MS", Georgia, "Times New Roman"; color:#4f4e4e; border:none;
}
div, h1, h2, h3, h4, img, span, label, p, a, ul{ margin:0px; padding:0px; border:none; }
#wrapper{ margin:0px auto 25px auto; padding:0px; width:960px; }
#wrapper #header{ width:960px; height:100px; }
#wrapper #header h1{ padding:16px 0px 0px 37px; display:block; background:none; margin:0px; }
#wrapper #menu{ width:960px; height:38px; background:#fff; text-align:right; }
#wrapper #menu ul{ float:right; }
#wrapper #menu ul li{ float:left; padding:10px 12px 0px 12px; list-style:none; font-size:15px; font-weight:bold; }
#wrapper #menu ul li a{ text-decoration:none; color:#037aa6; }

#wrapper #menu ul li.versions {
  float:left;
  /*width:160px;*/
  position:relative;
  height:28px;
}

#wrapper #menu ul li.versions ul {
  float:left;
  width:170px;
  position:absolute;
  background:#fff;
 /* left:50px;*/
 left:-38px;
  top:38px;
  display:none;
  border:1px solid #eee;
  border-top:none;
  margin:0px;
  padding:0px;
  
  z-index:100;
}

#wrapper #menu ul li.versions ul li {
  float:left;
  width:170px;
  border-bottom:1px solid #eee;
  padding:5px 0px 0px 0px;
  margin:0px;
  text-align:center;
  height:27px;
}

#wrapper #menu ul li:hover ul {
  display:block;
}

#wrapper #menu ul li:hover ul li:hover{
	background-color: #7B967C;
}
#wrapper #menu ul li:hover a {
  color:#000;
}
#wrapper #menu ul li:hover ul li a {
  color:#037aa6;
}

#wrapper #menu ul li:hover ul li:hover a {
  color:#000;
}

#wrapper #banner { margin:2px 0px 20px 0px; width:960px; height:337px; background:url(../images/bg.banner.gif) no-repeat }
#wrapper #banner span { display:block; padding:208px 0px 0px 437px; width:129; height:28px; }
#wrapper #banner p { display:block; margin:23px 0px 0px 0px; padding:19px 0px 0px 510px; }
#wrapper #banner p a { margin:0px 20px 0px 0px; }
#wrapper #contentWrapper { display:inline-block; padding:0px 25px; width:910px; }
#wrapper #contentWrapper #openSource { float:left; width:427px; }
#wrapper #contentWrapper #openSource h1 { padding:7px 0px 0px 23px; width:404px; height:32px; background:url(../images/bg.heading.main.gif) no-repeat; font-size:18px; color:#000; }
#wrapper #contentWrapper #openSource h1 a {
   text-decoration:none;
   color:#000;
}

#wrapper #contentWrapper #openSource ul { margin-top:12px; padding:17px 10px 0 10px; width:407px; color:#3a5e86; background:url(../images/bg.newFeatures.gif) no-repeat top; line-height:20px; }
#wrapper #contentWrapper #openSource ul li { padding:0px 0px 0px 20px; background:url(../images/ico.arrow.gif) no-repeat 0px 5px; list-style:none; vertical-align:top; }


#wrapper #contentWrapper #openSource span { display:block; margin:12px 0px 20px 0px; width:427px; height:111px; text-align:center; }
#wrapper #contentWrapper #openSource p { margin:0px 0px 15px 0px; padding:0px 5px; text-align:justify; }
#wrapper #contentWrapper #hosted { float:right; width:427px; }
#wrapper #contentWrapper #hosted  h1 { padding:7px 0px 0px 23px; width:404px; height:32px; background:url(../images/bg.heading.main.gif) no-repeat; font-size:18px; color:#000; }
#wrapper #contentWrapper #hosted  h1 a {
   text-decoration:none;
   color:#000;
}
#wrapper #contentWrapper #hosted  span { display:block; margin:12px 0px 20px 0px; width:427px; height:111px; text-align:center; }
#wrapper #contentWrapper #hosted  p { margin:0px 0px 15px 0px; padding:0px 5px; text-align:justify; }
#wrapper #homeFeatures { padding:25px 0px 20px 40px; width:920px; background:url(../images/bg.features.gif) no-repeat; }
#wrapper #homeFeatures h1 { margin:0px 0px 10px 0px; font-size:18px; font-weight:normal; color:#153354; }
#wrapper #homeFeatures ul { padding:0px 0px 0px 20px; color:#3a5e86; }
#wrapper #homeFeatures ul li { padding:0px 0px 0px 10px; height:20px; list-style:url(../images/ico.arrow.gif); }
#footer { margin:0px auto; padding:14px 0px 0px 0px; height:32px; background:#232b36 url(../images/bg.footer.gif) repeat-x; color:#737e8f; text-align:center; }
#footer a{ display:inline-block; padding:0px 5px; width:24px; height:32px; background:url(../images/logo.vtc.gif) no-repeat top; }
#footer span{ display:inline-block; height:32px; }


#wrapper #contentBg { display:inline-block; margin:13px 0px 0px 0px; padding:25px 40px 20px 40px; width:880px; background:url(../images/bg.features.gif) no-repeat; }
#wrapper #contentBg #contact{
	margin:0px auto; padding:0px 0px 0px 50px; width:830px; height:530px;
	color:#037aa6; line-height:20px;
}
#wrapper #contentBg #contact div.add{ float:left; margin:25px 0px 0px 0px; padding:0px; width:400px; height:270px; }
#wrapper #contentBg #contact div.add h1{
	margin:0px; padding:0px 0px 0px 40px; font: bold 16px  "Trebuchet MS", Georgia, "Times New Roman"; color:#000;
	background:url(../images/ico.address.gif) no-repeat left;
}
#wrapper #contentBg #contact div.add h2{ margin:15px 0px 0px 0px; padding:0px; font: bold 14px  "Trebuchet MS", Georgia, "Times New Roman"; color:#037aa6; }
#wrapper #contentBg #contact div.add p{ margin:0px; padding:10px 0px 0px 20px; }
#wrapper #contentBg #contact div.add a{ margin:0px; padding:0px; text-decoration:none; color:#9f8118; }

#wrapper #contentBg #company{ color:#4f4e4e; }
#wrapper #contentBg #company p{ margin:0px 0px 20px 0px; }

#wrapper #contentBg #supportLeft { float:left; width:450px; }
#wrapper #contentBg #supportLeft p { margin:20px 0px 30px 0px; }
#wrapper #contentBg #supportLeft label { float:left; padding:5px 0px 0px 0px; width:165px; height:32px; }
#wrapper #contentBg #supportLeft span { float:left; padding:4px 0px; width:280px; }
#wrapper #contentBg #supportLeft span input { padding:5px 0px 0px 0px; width:273px; height:24px; border:1px solid #e8e8e8; background:#f7f7f7; }
#wrapper #contentBg #supportLeft span select { display:block; padding:5px 0px 0px 0px; width:273px; height:29px; border:1px solid #e8e8e8; background:#f7f7f7; }
#wrapper #contentBg #supportLeft span textarea { display:block; width:273px; height:100px; border:1px solid #e8e8e8; background:#f7f7f7; }
#wrapper #contentBg #supportLeft span input.submit { width:96px; height:30px; border:none; background:url(../images/btn.submit.gif) no-repeat; }

#wrapper #contentBg #supportRight { float:right; width:405px; height:400px; }
#wrapper #contentBg #supportRight h1{ padding:20px 0px 0px 0px; width:auto; height:32px; font-size:18px; color:#000; }

#wrapper #contentBg #supportLeft span #captchVal {
  width:174px;
}
a.captext {
  float:left;
}

#wrapper #contentBg #supportLeft span.captchTxt {
  width:187px;
  float:right;
}

form div.error,div.message{
	clear:both;
	float:left;
	/*background:#FAFAFA;*/
	padding:7px 15px 17px 5px;
	margin:2px 0 2px 0;
	width:400px;
} 

form div.message div{
	padding:6px 0px 6px 5px;
	margin:6px 0px 20px 1px;
	font: normal 18px  "Trebuchet MS", Georgia, "Times New Roman"; color:#006633;
	line-height:22px;
	min-height:30px;
	width:380px;
	text-align:left;
	float:left;
	border:1px solid #AFD872;
	background-color:#F0F7F0;
}	


form div.error p{
	border:1px solid #E8B098;
	background:#FEEAEB url(../images/ico.error.jpg) no-repeat 30px;
	margin:0px;
	padding:6px 10px 6px 100px;
	color:#cc0000;
	line-height:22px;
	min-height:40px;
	width:400px;
}


#wrapper #contentBg #features{ color:#4f4e4e; }
#wrapper #contentBg #features h1{ padding:0px 0px 10px 0px; width:auto; font-size:24px; color:#000; }
#wrapper #contentBg #features p{ margin:0px 0px 15px 0px; }
#wrapper #contentBg #features p b{ display:block; }
#wrapper #contentBg #features ul{ padding:0px 0px 0px 25px; }
#wrapper #contentBg #features ul li{ margin:0px 0px 5px 0px; padding:0px 0px 0px 5px; }


#wrapper #contentBg #plans{ color:#4f4e4e; }
#wrapper #contentBg #plans h1{ padding:0px 0px 10px 0px; width:auto; font-size:24px; color:#000; }
#wrapper #contentBg #plans ul { margin:0; padding:0; }
#wrapper #contentBg #plans ul li{ float:left; margin:0px; padding:7px 0px 7px 20px; width:674px; list-style:none; background:#e9e9e9; border-bottom:1px solid #fff; color:#3a5e86; } 
#wrapper #contentBg #plans ul li.gridTwo{ background:#f4f4f4; }
#wrapper #contentBg #plans ul li.plan01{ margin:0 0 10px 0; background:none; background:url(../images/bg.plan.gif) no-repeat; border:none; font-weight:bold; color:#000; font-size:16px; }
#wrapper #contentBg #plans ul li.planFeatures{ background:none; border:none; font-weight:bold; font-size:16px; }
#wrapper #contentBg #plans ul li.forButton{ margin-top:10px; background:none; border:none; }
#wrapper #contentBg #plans ul li label{ float:left; width:250px; }
#wrapper #contentBg #plans ul li span{ float:left; width:400px; }