/* CSS Document */
html, body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, form, fieldset  
{
margin:0;
padding:0;
border:0;
}
a img{border:none;}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
body
	{
	text-align:center;
	background:url(../images/art/bg.jpg) 0 0 repeat-x;
	}
#wrap
	{
	width:970px;
	text-align:left;
	margin:0 auto;
	}
#header
	{
	width:970px;
	height:273px;
	background:#402a19 url(../images/art/header-bg.jpg) 0 0 no-repeat;
	position:relative;
	}
#header h1
	{
	width:236px;
	height:65px;
	background:url(../images/art/logo.jpg) 0 0 no-repeat;
	display:block;
	float:left;
	margin:105px 0 0 60px;
	display:inline;
	}
#header h1 a
	{
	width:236px;
	height:65px;
	display:block;
	}
#header h1 span{display:none;}
#header h2
	{
	width:245px;
	height:61px;
	display:block;
	background:url(../images/art/h2-conductor.jpg) no-repeat;
	position:absolute;
	top:114px;
	right:288px;
	}
#header h2 span{display:none;}
#header img
	{
	float:right;
	margin:0 19px 0 0;
	}
#content
	{
	width:927px;
	padding:0 19px 70px 24px;
	background:url(../images/art/content-bg.jpg) 0 0 no-repeat !important;	
	background:url(../images/art/content-bg.jpg) 0 -1px no-repeat;
	}
#left
	{
	width:690px;
	padding:20px 0 0 0;
	float:left;
	position:relative;	
	}
#left h1
	{
	font:28px Georgia, "Times New Roman", Times, serif;
	color:#21150d;
	line-height:32px;
	margin:10px 0 10px 15px;
	}
#left h2
	{
	font:18px Georgia, "Times New Roman", Times, serif;
	color:#ad5b07;
	line-height:24px;
	margin:20px 0 10px 15px;
	}
#left h3
	{
	font:bold 16px Georgia, "Times New Roman", Times, serif;
	color:#ad5b07;
	line-height:22px;
	margin:0 0 10px 0;
	}
#left h4
	{
	font:bold 20px Georgia, "Times New Roman", Times, serif;
	color:#ad5b07;
	line-height:24px;
	margin:20px 0 10px 15px;
	}
#left h6
	{
	width:227px;
	height:57px;
	background:url(../images/logo-big.jpg) 0 0 no-repeat;
	display:block;
	float:right;
	margin:75px 10px 0 0;
	}
#left h6 span{display:none;}
#left p
	{
	font:12px Arial, Helvetica, sans-serif;
	color:#434343;
	line-height:19px;
	margin:0 0 10px 15px;
	}
#left p.bot
	{
	width:227px;
	clear:right;
	float:right;
	line-height:30px;
	margin:10px 10px 0 0;
	}
#left p.bottom
	{
	width:665px;
	position:absolute;
	bottom:-50px;
	clear:both;
	right:10px;
	border-top:1px solid #ccc;
	padding:10px 0 0 0;
	}
#left p.bottom a{float:right;}
#left p.highlight
	{
	font:italic 18px Georgia, "Times New Roman", Times, serif;
	color:#b8631e;
	line-height:24px;
	text-align:center;
	margin:0 0 10px 0;
	width:400px;
	float:right;
	padding:10px 0 0 0;
	}
#left p a{color:#b8631e;}
#left br{clear:both;}
#left ul
	{
	list-style:none;
	margin:0 0 15px 35px;
	}
#left ul li
	{
	font:12px Arial, Helvetica, sans-serif;
	color:#434343;
	line-height:19px;
	margin:0 0 5px 0;
	background:url(../images/bullet.jpg) 0 6px no-repeat;
	padding:0 0 0 10px;
	}
#left ul.box2
	{
	width:650px;
	float:left;
	list-style:none;
	}
#left ul.box2 li
	{
	width:300px;
	float:left;
	margin:0 0 20px 0;
	background:none;
	padding:0;
	}
#left ul.box2 li h3
	{
	width:200px;
	font:bold 16px Georgia, "Times New Roman", Times, serif;
	color:#ad5b07;
	line-height:22px;
	margin:0;
	}
#left ul.box2 li p
	{
	font:12px Arial, Helvetica, sans-serif;
	color:#434343;
	line-height:19px;
	margin:0;
	}
#left ul.box2 li img
	{
	float:none;
	margin:0;
	}
#left ul.contact
	{
	list-style:none;
	margin:40px 0 20px 40px;
	}
#left ul.contact li
	{
	height:45px;
	font:italic 16px Georgia, "Times New Roman", Times, serif;
	color:#565656;
	margin:0 0 10px 0;
	padding:7px 0 0 151px;
	}
#left ul.contact li.demo{background:url(../images/ico-demo.jpg) 0 0 no-repeat;}
#left ul.contact li.sales{background:url(../images/ico-sales.jpg) 0 0 no-repeat;}
#left ul.contact li.email{background:url(../images/ico-email.jpg) 0 0 no-repeat;}
#left ul.contact li strong, #left ul.contact li a
	{
	font:bold 25px Georgia, "Times New Roman", Times, serif;
	color:#ad5b07;
	text-decoration:none;
	}
#left ul.contact li a:hover{text-decoration:underline;}
#left ul.clients
	{
	list-style:none;
	margin:0 0 20px 15px;
	}
#left ul.clients li
	{
	width:140px;
	height:110px;
	float:left;
	margin:0 25px 5px 0;
	background:none;
	padding:0;
	}
#left ul.testimonial
	{
	width:675px;
	float:left;
	display:inline;
	list-style:none;
	margin:30px 0 20px 15px;
	}
#left ul.testimonial li
	{
	width:675px;
	margin:0 0 20px 0;
	float:left;
	background:none;
	padding:0;
	}
#left ul.testimonial div.logo
	{
	float:left;
	margin:0 20px 0 0;
	}
#left ul.testimonial div.details
	{
	width:510px;
	float:left;
	}
#left ul.testimonial div.details p{margin:0 0 15px 0;}
#left ul.testimonial div.schools1
	{
	float:left;
	margin:0 20px 0 20px;
	}
#left ul.testimonial div.schools2
	{
	width:auto;
	float:left;
	}
#left ul.planner
	{
	list-style:none;
	width:666px;
	margin:0 0 20px 15px;
	}
#left ul.planner li
	{
	width:592px;
	height:56px;
	padding:15px 10px 0 64px;
	font:italic 14px Georgia, "Times New Roman", Times, serif;
	color:#fff;
	line-height:22px;	
	margin:0 0 9px 0;
	}
#left ul.planner li.one{background:url(../images/1-bg.jpg) no-repeat;}
#left ul.planner li.two{background:url(../images/2-bg.jpg) no-repeat;}
#left ul.planner li.three{background:url(../images/3-bg.jpg) no-repeat;}
#left ul.planner li.four{background:url(../images/4-bg.jpg) no-repeat;}
#left ul.feature
	{
	list-style:none;
	margin:20px 0 20px 15px;
	}
#left ul.feature li
	{
	width:592px;
	height:59px;
	padding:12px 10px 0 64px;	
	font:italic 16px Georgia, "Times New Roman", Times, serif;
	color:#565656;
	line-height:22px;
	}
#left ul.feature li a
	{
	color:#565656;
	text-decoration:none;
	}
#left ul.feature li a:hover{text-decoration:underline;}
#left ul.feature li.one{background:url(../images/key-1.jpg) no-repeat;}
#left ul.feature li.two{background:url(../images/key-2.jpg) no-repeat;}
#left ul.feature li.three{background:url(../images/key-3.jpg) no-repeat;}
#left ul.feature li.four{background:url(../images/key-4.jpg) no-repeat;}
#left ul.feature li.five{background:url(../images/key-5.jpg) no-repeat;}
#left ul.feature li.six{background:url(../images/key-6.jpg) no-repeat;}
#left ul.feature li.seven{background:url(../images/key-7.jpg) no-repeat;}
#left ol{margin:0 0 15px 45px;}
#left ol li
	{
	font:12px Arial, Helvetica, sans-serif;
	color:#434343;
	line-height:19px;
	margin:0 0 5px 0;
	}
#left div.left-top
	{
	width:673px;
	height:60px;
	background:url(../images/top-bg.jpg) no-repeat;
	display:block;
	margin:0 0 0 10px
	}
#left div.box
	{
	width:673px;
	background:url(../images/box-bg.jpg) repeat-y;
	margin:0 0 15px 10px;
	padding:15px 0 0 0;
	}
#left div.box p
	{
	font:11px Arial, Helvetica, sans-serif;
	color:#434343;
	line-height:18px;
	margin:0 0 20px 0;
	}
#left div.box p.highlight
	{
	font:italic 14px Georgia, "Times New Roman", Times, serif;
	color:#b8631e;
	line-height:19px;
	text-align:center;
	background:url(../images/dot.jpg) 0 bottom repeat-x;
	padding:0 0 18px 0;
	margin:0 0 24px 0;
	width:300px;
	float:left;
	}
#left div.box img
	{
	float:right;
	margin:0 0 15px 25px;
	}
#left div.left-bottom
	{
	width:633px;
	float:left;
	padding:0 20px 20px 20px;
	background:url(../images/box-bottom.jpg) 0 bottom no-repeat;
	}
#left div.ovtbox
	{
	width:388px;
	margin:0 0 15px 0;
	padding:15px 0 0 0;
	}
#left div.ovtbox h1{margin-left:0;}
#left div.ovtbox p.highlight
	{
	font:italic 14px Georgia, "Times New Roman", Times, serif;
	color:#b8631e;
	line-height:19px;
	text-align:center;
	padding:0 0 18px 0;
	margin:0 0 24px 0;
	width:300px;
	float:left;
	}
#left div.ovtbox img
	{
	float:right;
	margin:0 0 15px 25px;
	}
#left p.bottom a.bookmark{float:left;}
/*table code*/
#left table
	{
	width:662px;
	background:url(../images/table-header.jpg) 0 0 no-repeat;
	border:5px solid #d8d8d8;
	margin:0 0 30px 15px;
	}
#left table tr th
	{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:22px;
	padding:0 0 0 10px;
	height:37px;
	}
#left table tr th.include{width:104px;}
#left table tr th.more, #left table tr th.more td{width:382px;}
#left table tr td
	{
	height:43px;
	font:13px Arial, Helvetica, sans-serif;
	color:#963107;
	line-height:22px;
	padding:0 0 0 10px;
	background:url(../images/dot2.gif) 0 bottom repeat-x;
	}
#left table tr td.none{background:none;}
#left table tr td.align-ctr, #left table tr th.align-ctr{text-align:center;}
#left table tr td.none.grey{background:#e5e4e3;}
#left table tr td.grey{background:#e5e4e3 url(../images/dot2.gif) 0 bottom repeat-x;}
#left table tr td h2
	{
	width:141px;
	font:italic 16px Georgia, "Times New Roman", Times, serif;
	color:#565656;
	margin:0;
	}
#left table tr td a
	{
	color:#963107;
	text-decoration:none;
	}
#left table tr td a:hover{text-decoration:underline;}
#left table tr td a.check
	{
	width:23px;
	height:22px;
	background:url(../images/demo.jpg) no-repeat;
	display:block;
	margin:0 0 0 40px;
	}
#left table tr td a.check span{display:none;}
#left table tr td ul{margin:10px 5px 10px 0;}
/*calc table code*/
#left table.calc
	{
	width:400px;
	background:url(../images/table-header-calc.jpg) 0 0 no-repeat;
	border:5px solid #d8d8d8;
	margin:0 0 30px 15px;
	}
#left table.calc tr td.title{
	font:13px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#DDDDDD;
}
/*form code*/
#left form
	{
	padding:0 0 20px 0; 
	margin:0 0 30px 10px;
	}
#left form legend
	{
	font:bold 15px Georgia, "Times New Roman", Times, serif;
	color:#21150d;
	line-height:19px;
	}
#left form fieldset dl
	{
	width:490px;
	position:relative;
	margin:0 0 10px 0; 
	padding:10px 0 0 0;
	}
#left form fieldset dt
	{
	float:left;
	width:105px;
	text-align:right;
	line-height:20px;
	font:12px Arial, Helvetica, sans-serif;
	color:#434343;
	margin:4px 0 0 0;
	}
#left form fieldset dd
	{
	padding:0 0 7px 0;
	margin-left:125px;
	font:11px Arial, Helvetica, sans-serif;
	color:#434343;
	}
#left form dd.button{float:right; margin:10px 0 0 0;}
#left form fieldset dd .control, #left form fieldset dd .control_short, #left form fieldset dd .control_large, #left form fieldset dd .control_medium, #left form fieldset dd .control_long
	{
	background:#fff;
	font:11px Arial, Helvetica, sans-serif;
	color:#434343;
	padding:3px 0 0 5px;
	height:18px;
	}
#left form fieldset dd .control{width:auto; height:auto;}
#left form fieldset dd .control_short
	{
	border:1px solid #d6d6d6;
	width:55px;
	}
#left form fieldset dd .control_medium
	{
	width:156px;
	border:1px solid #d6d6d6;	
	}
#left form fieldset dd .control_long
	{
	width:366px;
	height:21px;
	border:1px solid #d6d6d6;	
	}
#left form fieldset dd .control_large
	{
	border:1px solid #d6d6d6;
	width:359px;
	height:101px;
	}
#left form fieldset dd input.control_long{width:359px;}
#left form fieldset dd .reset
	{
	width:64px;
	height:23px;
	}
#left form fieldset dd.submit
	{
	width:72px;
	height:23px;
	}
/*form code*/
#left form.calc
	{
	padding:0 0 0 0; 
	margin:0 0 0 0;
	}
#left a.left{float:right;}
#left a.bookmark{float:left;}
#left a.download, #left a.press
	{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#737f8d;
	line-height:27px;
	text-decoration:none;
	height:27px;
	float:left;
	}
#left a.download:hover, #left a.press:hover{color:#b8631e;}
#left a.download
	{
	background:url(../images/ico-save.jpg) 0 0px no-repeat;
	padding:0 0 0 30px;
	}
#left a.press
	{
	background:url(../images/ico-rss.png) 0 0 no-repeat;
	padding:0 0 0 30px;
	}
#right
	{
	width:189px;
	background:url(../images/right-bg.jpg) no-repeat;	
	float:right;
	padding:33px 15px 0 32px;
	min-height:702px;
	height:auto !important;
	height:702px;		
	}
#right h1.download
	{
	width:191px;
	height:30px;
	background:url(../images/headers/h1-download.jpg) no-repeat;
	display:block;
	margin:15px 0 13px 0;
	}
#right h1.contact
	{
	width:186px;
	height:27px;
	background:url(../images/headers/h1-contact.jpg) no-repeat;
	display:block;
	margin:0 0 11px 0;
	}
#right h1 span{display:none;}
#right p
	{
	font:11px Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:15px;
	margin:0 0 15px 0;
	}
#right p.call
	{
	width:153px;
	height:29px;
	padding:0 0 0 38px;
	background:url(../images/phone-bg.jpg) no-repeat;
	display:block;
	margin:-4px 0 35px -5px;
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:27px;
	}
#right a.call
	{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	}	
#right a.call:hover{color:#376251;}
#right p a
	{
	color:#fff;
	font-weight: 100;
	text-decoration: underline;
	}
#right p.blog
	{
	font:11px Arial, Helvetica, sans-serif;
	color:#376251;
	line-height:15px;
	margin:0 0 15px 0;
	}
#right a.blog
	{
	color:#376251;
	font-weight:bold;
	text-decoration:none;
	}	
#right a.blog:hover{color:#b8631e;}
#right a.download
	{
	width:122px;
	height:32px;
	background:url(../images/btn-download.jpg) no-repeat;
	display:block;
	margin:0 0 0 -5px;
	}
#right a.email
	{
	width:144px;
	height:27px;
	background:url(../images/btn-email.jpg) no-repeat;
	display:block;
	margin:0 0 0 -7px;
	}
#right a.download span, #right a.call span, #right a.email span{display:none;}
#footer-wrap
	{
	width:100%;
	height:79px;
	clear:both;
	background:#3f0e05 url(../images/art/footer-bg.jpg) 0 0 repeat-x;
	text-align:center;
	}
#footer
	{
	width:970px;
	margin:0 auto;
	text-align:left;
	}
#footer p.copyright
	{
	font:bold 10px Arial, Helvetica, sans-serif;
	color:#fff;
	float:left;
	margin:36px 0 0 37px;
	display:inline;
	}
#footer p.link
	{
	width:106px;
	height:33px;
	background:url(../images/art/small-logo.jpg) no-repeat;
	display:block;
	float:right;
	display:inline;
	margin:20px 17px 0 0;
	}
#footer p.link a
	{
	width:106px;
	height:33px;
	display:block;
	}
#footer p.link span{display:none;}

/*ADxMenu.js - v4 (4.10)
www.aplus.co.yu/adxmenu/
(c)Copyright 2003, Aleksandar Vacic, www.aplus.co.yu
This work is licensed under the Creative Commons Attribution License.
To view a copy of this license, visit http://creativecommons.org/licenses/by/2.0/ or
send a letter to Creative Commons, 559 Nathan Abbott Way, Stanford, California 94305, USA
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/*this is beginning of functionality for the AdxMenu - do not modify this*/
#nav, #nav ul
{
margin:0;
padding:0;
border:0;
list-style-type:none;
display:block;
}
#nav li
{
margin:0;
padding:0;
border:0;
display:inline;
float:left;
position:relative;
z-index:5;
}
#nav li:hover
{
z-index:10000;
white-space:normal;
}
#nav li li
{
float:none;
display:block;
}
#nav ul
{
visibility:hidden;
position:absolute;
z-index:10;
left:0;
top:0;
}
#nav li:hover>ul
{
visibility:visible;
top:100%;
}
#nav li li:hover>ul
{
top:0;
left:100%;
}
#nav:after, #nav ul:after
{
content:".";
height:0;
display:block;
visibility:hidden;
clear:both;
}
#nav, #nav ul
{
display:inline-block;
min-height:0;
}
#nav a
{
text-decoration:none;
display:block;
position:relative;
}
#nav ul
{
background-image:url(../art/empty.gif);
padding:10px 30px 30px 30px;
margin:-10px 0 0 -30px;
}
#nav ul ul
{
padding:30px 30px 30px 10px;
margin:-30px 0 0 -10px;
}
/* Fix for IE5/Mac \*//*/
#nav a
{
float:left;
}
/* End Fix */
/*this is end of functionality for the AdxMenu*/
/*this is beginning of design for the AdxMenu - modify values here*/
#nav
{
width:628px;/*give width*/
height:59px;/*give height*/
background:#671b0b url(../images/art/nav.jpg); /*set bg*/
position:absolute;
z-index:500;
bottom:-15px;
left:17px;
}
#nav a span
{
display:none;/*hide links at top level*/
}
#nav ul a span
{
display:inline;/*show links at second level*/
}
#nav a
{
height:59px;/*expand links to fill li's*/
}
#nav #pan1{width:97px;}/*set custom width, a's will follow cause they are display - block*/
#nav #pan2{width:145px;}
#nav #pan3{width:80px;}
#nav #pan4{width:166px;}
#nav #pan5{width:140px;}
#nav #pan1 a:hover, #nav #pan1 a.selected{background:url(../images/art/nav.jpg) 0 -59px no-repeat;}/*set background to hover and selected states*/
#nav #pan2 a:hover, #nav #pan2 a.selected{background:url(../images/art/nav.jpg) -97px -59px no-repeat;}
#nav #pan3 a:hover, #nav #pan3 a.selected{background:url(../images/art/nav.jpg) -242px -59px no-repeat;}
#nav #pan4 a:hover, #nav #pan4 a.selected{background:url(../images/art/nav.jpg) -322px -59px no-repeat;}
#nav #pan5 a:hover, #nav #pan5 a.selected{background:url(../images/art/nav.jpg) -488px -59px no-repeat;}
/*this have to be separate from above to make sure IE6 reades above rules*/
#nav #pan1:hover>a{background:url(../images/art/nav.jpg) 0 -59px no-repeat;}/*set background to hover and selected states*/
#nav #pan2:hover>a{background:url(../images/art/nav.jpg) -97px -59px no-repeat;}
#nav #pan3:hover>a{background:url(../images/art/nav.jpg) -242px -59px no-repeat;}
#nav #pan4:hover>a{background:url(../images/art/nav.jpg) -322px -59px no-repeat;}
#nav #pan5:hover>a{background:url(../images/art/nav.jpg) -488px -59px no-repeat;}

#left #kwick {
	position: relative;
	margin:0 0 0 10px;
}

#left #kwick .kwicks {
	display: block;
	background: #fff url(../images/tab3.jpg) 396px 0 no-repeat;
	height: 50px;
	margin:0;
}

#left #kwick li {
	float: left;
	list-style:none;
	background:none;
	padding:0;
	margin:0;
}

#kwick li a{
	outline:none;
}

#kwick .kwick {
	display: block;
	cursor: pointer;
	overflow: hidden;
	height: 50px;
	width: 221px;
	background: #fff;
}
#kwick .kwick span {
	display: none;
}
#kwick .introduction{background:#51351f url(../images/tab1.jpg);}
#kwick .video{background:#51351f url(../images/tab2.jpg);}
#kwick .screenshot{background:#51351f url(../images/tab3.jpg);}
#kwick .introduction:hover, #kwick .video:hover, #kwick .screenshot:hover, #kwick .selected{background-position: 0 -65px;}