* {

	margin: 0;

	padding: 0;

}



:focus {

	outline: 0;

}



body {

	background: #f5f5f5 url(../images/main_background.png) repeat-x;

	text-align: center;

	font: normal 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	color: #999;

	padding: 20px 0 20px 0;

}

h1, h2 {

	font: normal 24px/20px "Trebuchet MS", Arial, Verdana, sans-serif, Tahoma;

	color: #888;

	letter-spacing: -1px;



}



h3, h4, h5, h6 {

	font: normal 17px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	color: #888;



}

blockquote {

	margin: 25px;

	padding: 15px;

}

!--input[type=text] {

	margin: 5px 0 0 0;

    border: 1px solid #d3d3d3;

	padding: 3px;

    background: #ffffff url(../images/input_bg.gif) no-repeat top left;

    font: normal 13px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;

	color: #444;

}--

textarea {

	margin: 5px 70px 0 0;

    border: 1px solid #d3d3d3;

	padding: 10px;

    background: #ffffff url(../images/shade_top.gif) repeat-x top left;

    font: normal 13px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;

	color: #444;

}

a {

	color: #64AE00;

	text-decoration: none;

}

a:hover {

	color: #99CC00;

	text-decoration: none;

}

.clearfix {

	clear: both;

	padding: 0;

	margin: 0;

}

.newstuff {

	color: #F60761;

	font-size: 10px;

}



/*  Container  */



#container-out {

	margin: 0 auto;

	text-align: left;

	background: #fff;

	width: 590px;

	padding: 5px;

}

#container-in {

}



/*  Header  */



#header {

	background: url(../images/header_background.png) repeat-x;

	width: 100%;

	height: 80px;

}

#header p {

	float: left;

	background: url(../images/logo.gif) no-repeat top left;

	width: 200px;

	height: 80px;

}

#header p a {

	display: block;

	width: 200px;

	height: 80px;

	text-indent: -7777px;

}

#header .livedemo {

	background: url(../images/live_demo.gif) no-repeat top right;

	width: 138px;

	height: 80px;

	float: right;

}

#header .livedemo a {

	text-indent: -7777px;

	width: 138px;

	height: 80px;

	display: block;

}

#graphic {

	padding-top: 5px;

	width: 590px;

	height: 200px;

	visibility: hidden;

}

#graphic object {

	width: 590px;

	height: 200px;

}



/*  Navigation  */



#menu {

	width: 590px;

	padding: 5px 0 0 0;

}

#menu ul {

	list-style: none;

}

#menu ul li {

	float: left;

	height: 24px;

}

#menu ul li a {

	display: block;

	height: 24px;

}

#menu ul li a.home {

	background: url(../images/menu0_1.gif) no-repeat;

	width: 62px;

	text-indent: -7777px;

}

#menu ul li a.product {

	background: url(../images/menu0_2.gif) no-repeat;

	width: 84px;

	text-indent: -7777px;

}

#menu ul li a.service {

	background: url(../images/menu0_3.gif) no-repeat;

	width: 74px;

	text-indent: -7777px;

}

#menu ul li a.order {

	background: url(../images/menu0_4.gif) no-repeat;

	width: 64px;

	text-indent: -7777px;

}

#menu ul li a.clientarea {

	background: url(../images/menu0_5.gif) no-repeat;

	width: 95px;

	text-indent: -7777px;

}

#menu ul li a.affiliates {

	background: url(../images/menu0_6.gif) no-repeat;

	width: 82px;

	text-indent: -7777px;

}

#menu ul li a.support {

	background: url(../images/menu0_7.gif) no-repeat;

	width: 74px;

	text-indent: -7777px;

}

#menu ul#nav {

	background: url(../images/menu0_8.gif) no-repeat right;

	width: 590px;

	height: 24px;

}

#nav, #nav ul { /* all lists */

	padding: 0;

	margin: 0;

	list-style: none;

	line-height: 1;

	height: 1%

}

#nav a {

	display: block;

	width: 12em;

}

#nav li { /* all list items */

	float: left;

	/*width: 10em;  width needed or else Opera goes nuts */

}

#nav li ul { /* second-level lists */

	position: absolute;

	width: 10em;

	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */

}

#nav li ul ul { /* third-and-above-level lists */

	margin: -1em 0 0 10em;

}

#nav li:hover ul ul, #nav li.sfhover ul ul {

	left: -999em;

}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */

	left: auto;

}

#nav ul {

	

}

#nav ul li {

	background: #fff;

	border-left: 1px solid #dfdfdf;

	border-bottom: 1px solid #f2f2f2;

	border-right: 1px solid #bbb;

	font: normal 11px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	line-height: 22px;

}

#nav ul li.top-list {

	border-top: 1px solid #DFDFDF;

	margin-top: -1px;

}

#nav ul li.shaddow {

	border-bottom: 1px solid #bbb;

}

#nav ul li a {

	text-decoration: none;

	color: #5F5F5F;

	padding: 0 10px 0 10px;

}

#nav ul li a.sub {

	background: url(../images/arrow_grey.gif) no-repeat 140px 10px;

}

#nav ul li a.sub:hover {

	background: #fafafa url(../images/arrow_color.gif) no-repeat 140px 10px;

}

#nav ul li a:hover {

	background: #fafafa;

}

#nav ul li ul {

	background: #666;

	margin-top: -24px;

	margin-left: 154px;

}



/*  Content  */



#content {

	background: url(../images/shade_top.gif) repeat-x;

	margin-top: 5px;

}

#breadcrumb {

	height: 25px;

	padding: 10px 10px 10px 17px;

	font: normal 11px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	color: #666666;

}

#breadcrumb ul {

	list-style: none;

}

#breadcrumb ul li {

	float: left;

	background: url(../images/arrow_color.gif) no-repeat 0px 6px;

	padding: 0 5px 0 10px;

	text-decoration: underline;

}

#breadcrumb a {

	text-decoration: underline;

}

#breadcrumb a:hover {

	text-decoration: underline;

}

#breadcrumb ul li.home {

	background: none;

	padding-left: 0;

}



#left {

	width: 140px;

	float: left;

	padding: 0 14px 10px 15px;

}

#center {

	width: 382px;

	float: left;

	padding: 0 10px 0 10px;

	background: transparent url(../images/index-dotted.gif) repeat-y;

}

#right {

	float: right;

	padding: 0 10px 0 0;

	width: 169px;

}



/*left styling*/

#left ul {

	list-style: none;

	padding: 15px 0 0 0;

	font-size: 12px;

}

#left ul li {

	padding: 3px 0 3px 0;

	border-bottom: 1px dotted #ddd;

}

#left ul li a {

	color: #64AE00;

	font: normal 13px/15px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	text-decoration: none;

}

#left ul li a:hover {

	color: #99CC00;

	text-decoration: none;

}



#left ul li:hover {

	border-bottom: 1px solid #ccc;

}

#left p {

	font: normal 17px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	color: #888;

}

#left .banner {

	padding: 20px 0 0 0;

	text-align: center;

}

#left .banner img {

	border: none;

}



/*index- center*/

#center .avs {

	float: left;

	padding: 10px 8px 0 4px;

}

#center .avs h1 {

	color: #64AE00;

	padding: 0 0 6px 0;

}

#center .avs p {

	font-family:"Lucida Sans Unicode","Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;

	font-size:11px;

}

#center .softwarebox {

	float: left;

	padding: 0 10px 20px 0;

	width: 170px;

}

#center .softwarebox h2 {

	background: url(../images/software-box.gif) no-repeat top left;

	width: 165px;

	height: 195px;

	float: left;

	text-indent: -7777px;

}

#center .intro {

	width: 192px;

	float: right;

	font: normal 13px/14px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	padding: 0 10px 20px 0;

}

#center .intro h1 {

	color: #64AE00;

	padding: 0 0 10px 0;

}

#center .more {

	font: normal 10px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	text-align: right;

	padding: 5px 0 0 0;

}

#center ul {

	list-style: none;

}

#center .why {

	font: normal 11px/14px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	width: 170px;

	float: left;

	padding: 0 10px 10px 0;

}

#center .why h2 {

	padding: 0 0 10px 0;

}

#center .why ul {

	list-style: none;

}

#center .why ul li {

	background: url(../images/sarrow_green.gif) no-repeat left 3px;

	padding: 0 0 0 10px;

}

#center .why ul li ul {

	list-style: none;

}

#center .why ul ul li {

	padding: 0px;

	background: none;

}

#center .new {

	font: normal 11px/14px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	color: #666;

	width: 192px;

	float: left;

	padding: 0 10px 10px 0;

}

#center .new h2{

	padding: 0 0 10px 0;

}

#center .new ul {

	list-style: none;

}

#center .new ul li {

	background: url(../images/arrow_green.gif) no-repeat 0px 4px;

	padding: 0 0 0 15px;

}



#right h3.testimonial {

	background: url(../images/dotted_horiz.gif) repeat-x top;

	margin-top: 5px;

	padding-top: 15px;

}

#right h5 {

	font: normal 11px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

}



#right h5 a {

	border-bottom: 1px dotted #CCC;

}



#right h5 a:hover {

	border-bottom: 1px solid #CCC;

}



#right .date {

	font: normal 11px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	color: #009900;

	padding-top: 10px;

}

#right p {

	font: normal 10px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

}

#ajaxticker1{

width: 162px;

height: 100px;

border: none;

padding: 10px 0 0 0;

background-color: #fff;

font: normal 10px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

}

#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/

background-color: #fff;

}

#detailpage {

	width: 540px;

	padding: 0 10px 0 25px;

	background: url(../images/dotted.gif) repeat-y;

	float: left;

	color: #777;

}

#detailpage a {

	color: #64AE00;

	text-decoration: none;

	border-bottom: 1px dotted #ccc;

}

#detailpage a:hover {

	color: #99CC00;

	text-decoration: none;

	border-bottom: 1px solid #ccc;

}

#detailpage  img {

	border: 0;

}

#detailpage  a.image, #detailpage a.image:hover {

	border: 0;

}

#detailpage ol {

	margin: 10px 25px 10px 40px;

}

#detailpage ul {

	margin: 10px 25px 10px 25px;

	list-style:none;

}

#detailpage ol li {

	margin: 0 0 20px 0;

}

#detailpage ul li {

	background: url(../images/arrow_green.gif) no-repeat 0px 6px;

	padding: 0 0 0 15px;

	margin: 0 0 10px 0;

}

#detailpage ul li ul li{

	background: url(../images/arrow_grey.gif) no-repeat 0px 8px;

	font: normal 11px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	padding: 0 0 0 10px;

	margin: 0 0 6px 0;

}

#detailpage ul li h3 {

	color: #99CC00;

	padding: 10px 0 0 0;

	margin: 0 0 10px 0;

}

#detailpage ul li h4 {

	color: #99CC00;

	margin: 0 0 10px 0;

}

#detailpage ul li.customizable {

	background: url(../images/icons/customizable.gif) no-repeat;

	padding: 0 0 0 55px;

	margin: 0 0 10px 0;

}

#detailpage ul li.conversion {

	background: url(../images/icons/conversion.gif) no-repeat;

	padding: 0 0 0 55px;

	margin: 0 0 10px 0;

}

#detailpage ul li.formats {

	background: url(../images/icons/formats.gif) no-repeat;

	padding: 0 0 0 55px;

	margin: 0 0 10px 0;

}

#detailpage ul li.flashplayer {

	background: url(../images/icons/flashplayer.gif) no-repeat;

	padding: 0 0 0 55px;

	margin: 0 0 10px 0;

}

#detailpage ul li.rate {

	background: url(../images/icons/rate.gif) no-repeat;

	padding: 0 0 0 55px;

	margin: 0 0 10px 0;

}

#detailpage ul li.messaging {

	background: url(../images/icons/messaging.gif) no-repeat;

	padding: 0 0 0 55px;

	margin: 0 0 10px 0;

}

#detailpage ul li.billing {

	background: url(../images/icons/billing.gif) no-repeat;

	padding: 0 0 0 55px;

	margin: 0 0 10px 0;

}

#detailpage strong {

	color: #444;

	font-weight: normal;

}

#detailpage p {

	margin: 20px 0;

}

#detailpage h1 {

	color: #99CC00;

	margin: 0 0 20px 0;

}

#detailpage h2 {

	font: normal 20px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	color: #555;

	margin: 20px 0;

	letter-spacing: -1px;

}

#detailpage h3 {

	font: normal 17px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	color: #888;

	margin: 20px 0;

}

#detailpage h4 {

	font: normal 15px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	color: #99CC00;

	margin: 20px 0;

}

#detailpage h5 {

	font: normal 15px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	color: #99CC00;

	margin: 8px 8px;

}

#detailpage .thumbs {

	padding: 0 40px 0 0;

	float: left;

}

#detailpage .thumbs img {

	border: none;

	padding: 2px;

	margin: 0 16px 0 0;

	border: 1px solid #fff;

}

#detailpage .thumbs img:hover {

	border: 1px solid #ddd;

}

#detailpage #leftpack {

	float: left;

}

#detailpage #rightpack {

	float: right;

}

#detailpage #rightpack ul li, #detailpage #leftpack ul li{

	background: url(../images/shade_top.gif) repeat-x 0px 2px;

	border: 1px solid #ddd;

	padding: 15px;

}

#detailpage #rightpack ul li.christmas, #detailpage #leftpack ul li.christmas{

	background: url(../images/shade_top.gif) repeat-x 0px 2px;

	border: 1px solid #f36;

	padding: 15px;

}


#detailpage td {

	padding: 4px;

	font: normal 11px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

}

#footer {

	background: url(../images/cbg2.gif) repeat-x bottom;

	height: 20px;

	padding: 30px 10px 0 10px;

}

#footer .left {

	font: normal 10px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	width: 350px; 

	float: left;

	text-align: left;

}

#footer .right {

	font: normal 10px "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

	width: 350px; 

	float: right; 

	text-align: right;

}