@charset "utf-8";
body {
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: small;
	line-height: 125%;
	font-weight: normal;
	color: #333333;
	background-color: #eee;
	background-image: url(../images/bg.png);
	background-repeat: no-repeat;
	background-position: center top;
}
p {
line-height:18px;
}
#wrap {
	width: 900px;
	margin: 0 auto;
	background-color:#FFFFFF;
	
}
#header {
	margin-top: 20px;
	padding-top:5px;
	text-align:right;
	background: url(../images/header_logo.jpg);
	height:70px;	
}
#header img {
	float:left;
	padding-left:20px;
	padding-top:15px;
}
#header li {
display: inline;
color:#FFFFFF;
font-weight:bold;
padding:0 .5em;
}
#header li a {
font-size:90%;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
.right_bdr {
	border-right:solid #ffffff 1px;
}

#main {
	background-color:#d6d4d4;
	padding: 10px;
	float:left;
}

#access {
	float:left;
	width: 560px;
	padding:20px;
	margin-right:10px;
	background-image:url(../images/pic_bg.jpg);
	height:200px;
}
#access h1 {
	font-family:Tahoma, Arial, Verdana;
	font-size:270%;
	font-variant:normal;
	font-weight: bold;
	line-height: 1.25em;
	color: #6A9226;
	padding-bottom: 30px;
	padding-top: 20px;
}
#access h4 {
	font-family: Tahoma, Arial, Verdana;
	font-size: 150%;
	color: #000000;
	font-weight: normal;
	padding-top: 10px;
	padding-left: 15px;
	font-style: normal;
	padding-bottom: 5px;
}

#access p {
	width:220px;
	padding-top:20px;
	font-size:95%;
	font-weight:bold;
}
#access img {
	padding-top:20px;	
}

#trial {
	width: 250px;
	float:right;
	background-color:#FFFFFF;
	height:220px;
	padding:10px;
}

#trial h2 {
	color: #6a9226;
	font-size: 300%;
	text-align:center;
	line-height: 1.2em;
}
#trial p {
	text-align:center;
	font-size:95%;
	font-weight:bold;
	padding: 10px 20px 0 20px;
	}
#trial a {
	text-align:center;
}
#trial_echo {
	width: 250px;
	float:right;
	background-color:#FFFFFF;
	height:220px;
	padding:10px;
}
#trial_echo h1 {
	color: #000;
	font-size: 165%;
	text-align:center;
	line-height: 1.2em;
	padding-bottom:7px;
}
#trial_echo h2 {
	color: #6a9226;
	font-size: 210%;
	text-align:center;
	line-height: 1.2em;
}
#trial_echo p {
	text-align:center;
	font-size:95%;
	font-weight:bold;
	padding: 10px 20px 0 20px;
	}
#trial_echo a {
	text-align:center;
}
#content {
	border-right: solid 10px #d6d4d4;
	border-left: solid 10px #d6d4d4;
	background-color:#fff;
	float:right;
	width:880px;
}
#content_left {
	float:left;
	width:600px;
}
#content h3 {
	font-size:120%;
	padding-bottom:10px;
}
#content p {
	padding-bottom: 10px;
}
a {
	font-weight:bold;
	color:#6a9226;
	text-decoration:none;
}
a:hover {
	color:#333333;
}
#company {
	background-color:#FFFFFF;
	margin:10px 0 10px 10px;
	padding-right:10px;
	width:279px;
	float:left;
	border-right: 1px #d6d4d4 solid;
	height: 225px;
}
#solution {
	background-color:#FFFFFF;
	margin:10px 0 10px 10px;
	padding-right:10px;
	width:279px;
	float:right;
	border-right: 1px #d6d4d4 solid;
	height:225px;
}
#news {
	float:right;
	background-color:#FFFFFF;
	margin:10px;
	width:260px;
}
#footer {
	clear:both;
	padding-top: 10px;
	background-image:url(../images/footer.jpg);
	text-align:center;
	height:40px;
}
#footer ul {
	background-color:#FFFFFF;
}
#footer li {
	display:inline;
	text-align:center;
}
#footer p {
	background-color:#ffffff;
	color:#676767;
	font-size:80%;
	height:40px;
}
#footer a {
	color:#676767;
	text-decoration:none;
	font-weight:normal;
	font-size:80%;
	display:inline-block;
	padding:1em 1em .5em 1em;
}
#footer a:hover {
	text-decoration:underline;
}
#main_sub {
	background-color:#ffffff;
	float:left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#access_sub {
	float:left;
	width: 660px;
	padding-right:20px;
	background-image: url(../images/sidebar_bg.png);
	background-repeat: no-repeat;
	background-position: right top;
}
#trial_sub {
	width: 200px;
	float:right;
	background-color:#FFFFFF;
}
#breadcrumb {
	color:#4a4a4a;
	background-image:url(../images/subpage_header.png);
	height:60px;
	padding:5px 20px 5px 20px;
	font-size:75%;
}
#breadcrumb a {
	color:#4a4a4a;
	font-weight:normal;
	text-decoration:underline;
}	
#breadcrumb h1 {
	color:#FFFFFF;
	font-size:250%;
	font-weight:normal;
	padding-top:10px;
}
#content_sub {
	padding:20px;
	float:left;
}
#content_sub p {
	padding-bottom:10px;
}
   .tabbed-box {
	width: 620px;
	border: 1px solid #ddd;
	font-size:90%;
	
}
	   .tabbed-box .tabs  {
	   	background-color:#ddd;
       }
   .tabbed-box .tabs li {
      list-style: none;
      float: left; }
   .tabbed-box .tabs li a {
	display: block;
	width: 100px;
	padding: 5px 0;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #888;
	background: #eee ;
	border-bottom-width: 1px;
	border-right-width: 1px;

	border-bottom-style: solid;
	border-right-style: solid;

	border-bottom-color: #ddd;
	border-right-color: #ddd;
}

#overview {
	list-style-position: outside;
	list-style-type: square;
	padding-left:20px;
	padding-bottom:10px;
}
#overview li {
	padding-bottom:5px;
}
#features {
	list-style-position: outside;
	list-style-type: square;
	padding-left:20px;
	padding-bottom:10px;
}
#features li {
	padding-bottom:2px;
}
   .tabbed-box .tabs li a:hover {
      color: #000;
	  
	  }
   .tabbed-box .tabs li a:focus {
      outline: none; }
   .tabbed-box .tabs li a.active {
      background: #fff;
      color: #333;
	  border-top:solid 2px #9bce43; 
      border-bottom: 1px solid #fff; }
   .tabbed-content {
      padding: 3em 1em 1em 1em;
      display: none; }
#content_sub h2 {
	color:#6F9829;
	font-size:150%;
	font-weight:normal;
	padding-bottom:5px;
	padding-top:5px;
}
.date {
	font-size:75%;
	display:block;
	color:#666666;
}
#news a.news {
	color:#333333;
	font-weight: normal;
	}
	#news a.news:hover {
	color:#B56415;
	}
.news {
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

	
#menu {padding:0; margin:0; list-style:none; height:30px; position:relative; z-index:500; font-family:tahoma, arial, verdana, sans-serif; background-image:url(../images/nav_bg.jpg);}
#menu li {float:left; }
#menu li a {display:block; float:left; height:30px; line-height:30px; color:#545454; text-decoration:none; border-right:solid 1px #545454; font-weight:bold; padding:0 30px 0 30px;}


#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {z-index:200; position:relative; color:#9bce43;}
#menu li:hover {position:relative; z-index:200;}

#menu li:hover > a {color:#6F9829;}
#menu li:hover > a.sub {color:#6F9829;}

#menu li.current a {color:#fff; background:#840;}


#menu li.current a.sub {color:#fff; background:#840 url(down-arrow.gif) no-repeat right center;;}

#menu :hover ul {left:0; top:30px; width:210px; background:#444;}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu :hover ul :hover ul
{left:120px; top:-1px; background:#222; white-space:nowrap; width:100px; z-index:200; height:auto;}

#menu :hover ul li {margin:0; border-top:1px solid #666;}
#menu :hover ul li a {width:210px; padding:0; text-indent:10px; background:#333; color:#ccc; height:30px; line-height:30px;}
#menu :hover ul li a.fly {background:#333 url(right-arrow.gif) no-repeat right center;}

#menu :hover ul :hover {background-color:#6F9829; color:#fff;}
#menu :hover ul :hover a.fly {background-color:#c60; color:#fff;}

#menu :hover ul li.currentsub a {background:#840; color:#fff;}
#menu :hover ul li.currentsub a.fly {background:#840 url(right-arrow.gif) no-repeat right center; color:#fff;}

#menu :hover ul :hover ul li a {width:100px; padding:0; text-indent:10px; background:#3e3e3e; color:#ccc;}
#menu :hover ul :hover ul :hover {background-color:#d70; color:#fff;}

#menu :hover ul :hover ul li.currentfly a,
#menu :hover ul :hover ul li.currentfly a:hover {background:#840; color:#fff;}

label
{
	width: 12em;
	float: left;
	text-align: right;
	margin-right: 1em;
	display: block;
}

.submit input
{
margin-left: 13em;
} 
input
{
color: #781351;
background: #fff;
border: 1px solid #6a9226;
}
select
{
color: #781351;
background: #fff;
border: 1px solid #6a9226;
}
.submit input
{
color: #fff;
background: #6a9226;
} 
fieldset
{
border: 1px solid #6a9226;
width: 35em;
padding:2em;
}
#trial_sub {
	background-image:url(../images/questions.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 200px;
}
#trial_sub p {
	color:#FFFFFF;
	padding: 8px 0 5px 15px;
}
#trial_sub ul {
	padding:20px 0 15px 20px;
}
#trial_sub a {
	font-weight:normal;
	text-decoration:none;
	color:#333333;
	padding-left:30px;
	height:30px;
}
#trial_sub a:hover {
	text-decoration:underline;
}
li.products {
	background-image:url(../images/products.png);
	background-repeat: no-repeat;
	background-position: left top;
	height:30px;
}
li.sales {
	background-image:url(../images/sales.png);
	background-repeat: no-repeat;
	background-position: left top;
	height:30px;
}
li.support {
	background-image:url(../images/support.png);
	background-repeat: no-repeat;
	background-position: left top;
	height:30px;
}


#content_left h1 {
	font-size: 200%;
	color: #6A9226;
	font-weight: normal;
	padding-bottom: 10px;
}