body, html {
    font-size: 11px;
	width:100%;
    margin: 0px;
    padding: 0px;
    font-family: Tahoma, Arial;
    color: #344153;
	background: #ab44b3 url(images/body-bg.gif) top left;
}

div {padding:0; margin:0;}

a:link, a:visited { text-decoration: underline; color: #79307f;}
a:hover { text-decoration: none; color: #ef9c02;}

p, ul, td , th{ margin: 0px; font-size: 11px; line-height:140%;}
h1, h2 { font-size: 12px;  margin: 8px 0px;  padding: 10px;  color: #005e20; font-family:Verdana,Helvetica;}
h3, h4, h5, h6 { font-size: 12px;  margin: 8px 0px;  padding: 0px;  color: #005e20; font-family:Verdana,Helvetica;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0px;  padding: 0px;}

h1.header {
	font-size: 10px; 
	margin: 0px;  
	padding: 5px;  
	color: #999999; 
	text-align: center;
	font-weight: normal;
}

h3#section {clear: both;}

img { border: none; }

.b { border:1px solid red;}
.c { border:1px solid green;}

.t-100 {height: 100%;}
table.t-100 tbody {border-top:0px;}

#body-center { height: 100%; background:url(images/top-page-bg-green.gif) top left repeat-x;}

td#wrapper { width: 680px; background-color:#FFFFFF;  margin:0; padding:0; }
.left-td { height:100%; width:30px; background:url(images/left-body-shadow.png) right repeat-y;}
.right-td { height:100%; width:30px; background:url(images/right-body-shadow.png) left repeat-y;}

#footer {text-align:center; margin: 4px 0;}

#all {margin:0px 10px; width:660px;}

#logo { margin:0px; padding:0px; text-align:center; width:660px;}

#top-menu {text-align:center; font-size: 10px; text-transform:uppercase; font-weight:bold;}
#top-menu a{ text-decoration: none;}
#top-menu a:link, #top-menu  a:visited {color: #000000;}
#top-menu a:hover, #top-menu a.active {color: #ef9c02;}


ul#menu { margin: 0px 0px 0px 0px; padding: 4px 0px 0px 0px; text-align: center; list-style-type: none;}
ul#menu li { padding: 0px 8px; margin: 0px; list-style-type: none; display: inline; }

ul.secondary-links { 
	margin: 5px 0px; 
	padding: 3px 0px; 
	text-align: center; 
	list-style-type: none; 
	font-size:10px; 
	border-top: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5; 
}
ul.secondary-links li { padding: 0px 8px; margin: 0px; list-style-type: none; display: inline; }
ul.secondary-links li a:link, ul.secondary-links li a:visited, ul.secondary-links li a:hover { text-transform:uppercase; color:#000000; text-decoration:none;}
ul.secondary-links li a:hover, ul.secondary-links li span { text-transform:uppercase; color:#fa9a00; text-decoration:none;}
ul.secondary-links li a.active {color:#fa9a00;}

hr { width:660px; height:1px; clear:both; color:#d5d5d5;}

div.separator { width:100%; height:1px; clear:both; border-bottom: 1px solid #d5d5d5; margin:8px 0px; }
div.clear{clear:both;}

#index-promo { padding-left:145px;  height:211px; background: #9acbff url(images/index-promo.png) no-repeat; }
#index-promo #promo-text { width:340px; top: 16px; position:relative; margin-left:15px;}
#index-promo #promo-text table {width:100%; border:0px;}
#index-promo #promo-text p { text-align:justify; margin-bottom: 10px}

#inner-promo { width:660px; height:211px; background: #9acbff url(images/inner-promo.png) no-repeat; clear:both; float:none; text-align:center;}
#inner-promo h1 {margin:0; padding: 16px 0; color:#FFFFFF; font-weight:bold; font-size:16px;}
#inner-promo #promo-text { position:relative; left:145px; top:15px; padding:0px; width:370px; height:170px; float:left;}
#inner-promo #promo-text p { text-align:justify; font-size:11px; margin:15px; padding:0px;}

#inner-promo a:link, #inner-promo a:visited {color:#009900}
#inner-promo a:hover {color: #ef9c02; text-decoration:none;}


#baloon {
	width:196px;
	height:196px;
	background:url(images/top-baloon.png) no-repeat;
	z-index:10;
	position: relative;
	left: -190px;
	top: -155px;
	margin-bottom:-200px;
	cursor: hand;
}
#baloon p {top:10; position:relative; padding-top:10px; text-align:center; font-size:10px; font-weight:bold; color:#000000;}
#baloon p span.red { color:#FF0000; text-transform:uppercase; font-size:14px;}
#baloon p span.red2 { color:#FF0000; text-transform:uppercase; font-size:12px; line-height:18px;}
#baloon p span.red3 { color:#FF0000; text-transform:uppercase; font-size:10px; line-height:14px;}
#baloon p span.fiolet { color:#79307f; text-transform:uppercase; font-size:10px;}
a#click-here:link, a#click-here:visited, a#click-here:hover { color:#fc0707; font-size:10px; font-weight:bold; text-decoration:none; z-index:11; position: relativestatic}
a#click-here:hover {text-decoration:underline;}

#inner-baloon { width:159px; height:153px; margin:10px 0px 0px -160px; position:relative; left:160px; z-index:10;}
#inner-baloon img { behavior: url("png.htc");}
#inner-baloon p { position:relative; left:0px; top:-120px; margin-bottom:-190px; text-align:center; font-size:10px; color:#000000;}
#inner-baloon p span.red { color:#FF0000; font-size:14px; font-weight:bold;}
#inner-baloon a:link, #inner-baloon a:visited, #inner-baloon a:hover { color:#FF0000; font-size:10px; font-weight:bold;}
#macromedia { width:70px; font-size:11px; font-weight:bold; display:block; position: relative; margin:-55px -110px -20px 65px; z-index:10;}

#them-image { width:280px; height:167px; float:right; position:relative; left:0px; top:-167px; margin-bottom:-173px; z-index:10;}

#mat-rows { width:371px; float:right; position:relative; right:144px; top:0px; margin-bottom:-173px; z-index:120;}
#mat-rows table{ width:100%; position:relative; right:0px; padding:0px 10px; top:-130px; margin-bottom:-173px; z-index:10; text-align:center; font-size:11px; color:#344153; line-height:15px;}
#mat-rows td{ height: 128px; padding: 5px 10px;}

#mat-rows2 { width:371px; height:48px; float:right; position:relative; right:144px; top:0px; margin-bottom:-173px; z-index:120;}
#mat-rows2 p { height:48px; position:relative; right:0px; padding:0px 10px; top:-40px; margin-bottom:-173px; z-index:10; text-align:center; font-size:11px; color:#344153; line-height:15px;}
#mat-rows2 p span.green { font-weight:bold; color:#005e20;}
#mat-rows2 p span.fiolet { font-weight:bold; color:#79307f;}

#mat-rows3 { width:371px; height:58px; float:right; position:relative; right:144px; top:54px; margin-bottom:-173px; z-index:120;}
#mat-rows3 p { width:371px; height:58px; position:relative; right:0px; top:-55px; margin-bottom:-173px; z-index:10; text-align:center; font-size:11px; color:#344153; line-height:15px;}
#mat-rows3 p span.green { font-weight:bold; color:#005e20;}
#mat-rows3 p span.fiolet { font-weight:bold; color:#79307f;}
#mat-rows3 ul { font-weight:bold;  position:relative; top:-44px; margin:0px; padding:0px; margin-bottom:-173px; z-index:10; text-align:center;}
#mat-rows3 ul li { display:inline; list-style-type:none; margin:0px; padding:0px 7px;}
#mat-rows3 ul li span { margin:0px; padding:0px; color:#005e20; font-size:11px;}
#mat-rows3 ul li a:link, #mat-rows3 ul li a:visited, #mat-rows3 ul li a:hover { margin:0px; padding:0px; color:#005e20; font-size:11px;}

#index-slides {
	background:#ebf9ff url(images/slides-bg.png) no-repeat;
	width:660px;
	height:133px;
	margin:0;
	font-weight:bold;
	padding:-5px 0;
	text-align:center;
}
#index-slides h1 {  font-size:15px; margin:0; padding:5px 0;}
#index-slides p { text-transform:uppercase; color:#79307f; margin:10px 0px 10px 0px; font-size:11px;  text-align:center;}
#index-slides ul { margin:0px; padding:0px 0px 0px 20px; font-size:11px; list-style-type: circle;}

.li5 {margin:5px 0px 5px 20px; font-size:11px; }

#screenshots { width:660px; height:230px; margin:-3px 0px -5px 0px; clear:both;}
#screenshots #preview-slides { border:2px solid #79307f; padding:1px; float:left;}
#screenshots #screens { padding:0px; margin:15px 0px 0px 33px; float:left; width:315px; text-align:center;}
#screens .images{ padding:0px; margin:0px 15px 0px 0px; float:left;}
#screens .screens-link { clear:both; padding:5px 0px 0px 0px; font-size:10px;}
#screens a:link, #screens a:visited, #screens a:hover { font-size:10px; text-decoration:underline; clear:both;}
#screens a:hover { text-decoration:none;}
#screens .btn { padding:0px; margin:0px 10px 10px 0px; float:left; font-weight:bold; font-size:10px;}
#screens .btn img { padding:0px; margin:20px 0px 5px 0px;}
.green { color:#005e20; font-size:10px;}
.orange { color:#fa9a00; font-size:10px;}
.smalltext { font-size:10px; margin-top:5px; margin-bottom:5px;}

.index-text { clear:both;}
.index-text p { text-align:justify; margin:11px 0px;}
.index-text td { font-size:11px;}
.index-text p img { margin:20px; padding:0px;}
.index-text h3 { color:#005e20; text-transform:uppercase; font-size:11px; padding:11px 0; text-align:left;}
.index-text ol{ text-align:justify; font-size:11px; margin-top:0px; margin-bottom:0px; margin-right:10px; margin-left:20px; padding-left:20px;}
.index-text ol li { margin-bottom:5px;} 
.index-text ol li p { text-align:justify; font-size:11px; font-weight:normal; margin:5px 0px 0px 0px; padding:0px;} 
.index-text ol.tutorial { margin:0px; padding-left:40px; padding-bottom:10px;} 
.index-text ol.tutorial li { margin-bottom:5px; font-weight:bold;} 
.index-text ol.tutorial li ul { margin: 5px 0px 0px 10px;} 
.index-text ol.tutorial li ul li { font-size:11px; font-weight:normal;} 
.index-text ol.tutorial li p { text-align:justify; font-size:11px; font-weight:normal; margin:5px 0px 0px 0px; padding:0px;} 
.index-text ul { padding:0px; margin:0px 0px 20px 23px; text-align:justify; font-size:11px;}
.index-text ul li { padding:0px 0px 0px 5px; margin: 0px 0px 5px 0px; line-height:13px;}
.index-text ul li ul { padding:0px 0px 0px 17px; margin: 0px 0px 5px 0px; line-height:13px; font-size:11px;}

.index-text ul#effect-library { width:400px; float:left; margin-left:10px; padding-left:10px;}
.flash-effect { border:1px solid #d5d5d5; width:140px; float:right; padding:10px 2px 2px 2px; text-align:center;}
.flash-effect  p{text-align:center;} 

.index-text ul.main-toolbar { padding:0px 20px 20px 20px; margin:-5px 0px 0px 0px; text-align:justify; font-size:10px; float:left;}


#effect-table td { padding-left:6px; font-size:11px; height:15px; text-align:left; background-color:#EEEEEE;}

.inner-text { width:660px; margin:-5px 0px -3px 0px;}
.inner-text p { text-align:center; margin:11px;}
.inner-text p span.fiolet { color:#79307f;}
.inner-text a:link, .inner-text a:visited  { color:#3F972C; }
.inner-text a:hover { text-decoration:none;}
.inner-text h3 { color:#005e20; text-transform:uppercase; font-size:10px; padding:11px; text-align:center;}
.inner-text ol.faq { text-align:justify; font-size:11px; padding-top:10px; margin-right:10px; margin-left:20px; padding-left:20px;}
.inner-text ol.faq li { margin-bottom:15px; font-weight:bold;} 
.inner-text ol.faq li p { text-align:justify; font-size:11px; font-weight:normal; margin:5px 0px 0px 0px; padding:0px;} 
.inner-text ol.faq li a:link, .inner-text ol.faq li a:visited  { text-decoration: underline; color: #79307f; font-weight:normal;} 
.inner-text ol.faq li a:hover { text-decoration: none; color: #005e20;} 

.inner-text td { color:#362f2d; font-size:10px; text-align:center; text-transform:uppercase; height:31px; border-bottom:2px solid white;}
.inner-text .table-head { color:#344153; background-color:#ebebeb; font-weight:bold;}
.inner-text .table-sep { background-color:#efefef; border-bottom:none;}
.inner-text .row1 { background-color:#fbfbfb;}
.inner-text .row2 { background-color:#f7f6f6;}

.inner-text2 td { font-size:11px; }
.inner-text2 .table-head { color:#344153; background-color:#ebebeb; font-weight:bold;}
.inner-text2 .table-sep { background-color:#efefef; border-bottom:none;}
.inner-text2 .row1 { background-color:#fbfbfb;}
.inner-text2 .row2 { background-color:#f7f6f6;}
.inner-text2 p { text-align:justify; margin:11px;}

.foot {color:#3e3737; font-size:10px;}
.editor {font-size:11px;}

td#ico, th#ico {width: 40px;}
td#cost, th#cost {width: 50px;}
td#date, th#date, td#filesize, th#filesize{width: 50px;}

ul.primary {text-align:right;}

div.feature {clear: both; height:90px;}
div.feature img{float: left; margin-right: 15px;}
div.feature h2 a:link, div.feature h2 a:visited {color: #85bb40; ; text-decoration:none;}
div.feature h2 a:hover  { color:#fa9a00; text-decoration:underline;}

div.view-faq-onepage li {border-bottom: 1px dotted #d5d5d5; padding-bottom: 8px; margin-bottom: 8px;}
div.view-faq-onepage .views-field-title {font-weight:bold;}
div.view-display-id-block_1 .views-row-even, div.view-display-id-block_1 .views-row-odd {padding-left: 20px; margin-bottom: 6px;}
div.view-latest-news h3{padding-bottom: 0px; margin-bottom: 0px;}
div.view-latest-news span.views-field-name {padding-left: 0px;}
div.view-press-releases .views-field-teaser,
div.view-latest-news .views-field-teaser {border-bottom: 1px dotted #d5d5d5;}
div#block-views-latest_news-block_1 {border-top: 1px solid #d5d5d5; margin-top: 8px;}
div.more-link {font-size: 10px; text-align:left; margin-left:20px;}
.view, .node {margin: 0 10px;}
#node-232 {margin: 0;}
#node-232 p{margin: 10px;}
.cols3 {width: 30%; float: left; padding-left:10px;}
img.aright{margin: 0 0 0 20px;}

td#pservice, th#pservice {width: 100px; padding-left: 5px;}
td#order-link, th#order-link, td#download-link, th#download-link{
	width: 80px;
}