/* 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:274px;
	background:#14181e 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:104px 0 0 64px;
	display:inline;
	}
#header h1 a
	{
	width:236px;
	height:65px;
	display:block;
	}
#header h1 span{display:none;}
#header h2
	{
	width:284px;
	height:54px;
	display:block;
	background:url(../images/art/h2-student.jpg) no-repeat;
	position:absolute;
	top:115px;
	right:321px;
	}
#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 0 no-repeat;
	clear:both;
	}
#left
	{
	width:690px;
	padding:20px 0 0 0;
	float:left;
	display:inline;
	position:relative;	
	}
#left h1
	{
	font:bold 28px Georgia, "Times New Roman", Times, serif;
	color:#717d8b;
	line-height:32px;
	margin:10px 0 10px 15px;
	}
#left h2
	{
	font:bold 20px Georgia, "Times New Roman", Times, serif;
	color:#1f5077;
	line-height:24px;
	margin:20px 0 10px 15px;
	}
#left h2.screen
	{
	background:url(../images/ico-screen.jpg) 0 0 no-repeat;
	padding:0 0 0 30px;
	}
#left h2.media
	{
	line-height:30px;
	background:url(../images/ico-media.jpg) 0 0 no-repeat;
	padding:0 0 0 30px;
	}
#left h2.release
	{
	line-height:30px;
	background:url(../images/ico-press-release.jpg) 0 0 no-repeat;
	padding:0 0 0 35px;
	}
#left h2.blank
	{
	line-height:30px;
	background:url(../images/ico-blank.jpg) 0 0 no-repeat;
	padding:0 0 0 30px;
	}
#left h3
	{
	font:bold 16px Georgia, "Times New Roman", Times, serif;
	color:#1c649d;
	line-height:24px;
	margin:20px 0 10px 15px;
	}
#left h4
	{
	font:bold 14px Georgia, "Times New Roman", Times, serif;
	color:#74808e;
	line-height:24px;
	margin:20px 0 10px 15px;
	}
#left h5
	{
	font:14px Georgia, "Times New Roman", Times, serif;
	color:#74808e;
	line-height:18px;
	}
#left h6
	{
	width:227px;
	height:57px;
	background:url(../images/logo-big.jpg) 0 0 no-repeat;
	display:block;
	float:right;
	margin:40px 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 a{color:#74808e;}
#left ul a{color:#74808e;}
#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:14px Georgia, "Times New Roman", Times, serif;
	color:#74808e;
	background-color:#eee;
	margin:10px 10px 10px 10px;
	width:640px;
	padding:10px 10px 10px 10px;
	}
#left p.bot
	{
	width:227px;
	clear:right;
	float:right;
	line-height:30px;
	margin:10px 10px 0 0;
	}
#left p a{color:#74808e;}
#left a.read
	{
	width:68px;
	height:27px;
	background:url(../images/btn-read.jpg) 0 0 no-repeat;
	display:block;
	position:absolute;
	z-index:500;
	right:0;
	bottom:-14px;
	}
#left a.read:hover{background:url(../images/btn-read.jpg) 0 -27px no-repeat;}
#left a.read span{display:none;}
#left a.bookmark{float:right;}
#left a.download, #left a.press, #left a.rss
	{
	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, #left a.rss:hover{color:#2b67ad;}
#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-press.jpg) 0 0px no-repeat;
	padding:0 0 0 30px;
	}
#left a.rss
	{
	background:url(../images/ico-rss.png) 0 0px no-repeat;
	padding:0 0 0 30px;
	}
#left p.controls
	{
	width:653px;
	height:62px;
	background:url(../images/controls.jpg) 0 0 no-repeat;
	margin:0;
	padding:0;
	position:absolute;
	bottom:25px;
	left:17px;
	}
#left a.video
	{
	width:391px;
	height:62px;
	background:url(../images/controls.jpg) 0 0 no-repeat;
	float:left;
	display:block;
	}
#left a.video:hover{background:url(../images/controls.jpg) 0 -124px no-repeat;}
#left a.screenshot
	{
	width:270px;
	width:260px;
	height:62px;
	background:url(../images/controls.jpg) -391px 0 no-repeat;
	display:block;
	float:left;
	}
#left a.screenshot:hover{background:url(../images/controls.jpg) -391px -62px no-repeat;}
#left a.video span, #left a.screenshot span{display:none;}
#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;
	position:relative;
	}
#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:#717d8b;
	text-decoration:none;
	}
#left ul.contact li a:hover
	{
	text-decoration:underline;
	color:#296ba8;
	}
#left ul.feature
	{
	width:667px;
	list-style:none;
	margin:20px 0 50px 10px;
	float:left;
	}
#left ul.feature li
	{
	width:667px;
	padding:12px 10px 0 0;	
	font:italic 16px Georgia, "Times New Roman", Times, serif;
	color:#565656;
	line-height:22px;
	clear:left;
	background:none;
	}
#left ul.feature h3, #left ul.feature p{margin-left:0;}
#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:388px;
	margin:0 0 15px 0;
	padding:15px 0 0 0;
	}
#left div.box h1{margin-left: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.box2
	{
	width:325px;
	float:left;
	margin:0 0 0 15px;
	display:inline;
	}
#left div.box2 h2
	{
	margin:20px 0 10px 0;
	}
#left div.box2 p.none{margin:0;}
#left div.box2 ul
	{
	width:319px;
	float:left;
	background:#e2e6eb url(../images/press-top.jpg) 0 0 no-repeat;
	padding:20px 0 0 0;
	margin:-10px 0 0 0;
	display:inline;
	position:relative;
	}
#left div.box2 ul li
	{
	width:309px;
	float:left;
	background:url(../images/press-top2.jpg) 0 top no-repeat;
	padding:20px 0 0 10px;
	margin:0;
	display:inline;	
	font:11px Arial, Helvetica, sans-serif;
	color:#434343;
	line-height:16px;
	}
#left div.box2 ul li.none{background:none; padding:0 0 0 10px;}
#left div.box2 ul li p
	{
	font:11px Arial, Helvetica, sans-serif;
	color:#434343;
	line-height:16px;	
	}
#left div.box2 ul.press
	{
	width:319px;
	float:left;
	background:#e2e6eb url(../images/press-top.jpg) 0 0 no-repeat;
	padding:10px 0 0 0;
	margin:-10px 0 0 0;
	display:inline;
	}
#left div.box2 ul.press li{background:none;}
#left div.box2 ul.press li h3{margin:0;}
#left div.box2 ul.press li p
	{
	font:11px Arial, Helvetica, sans-serif;
	color:#434343;
	line-height:16px;
	margin:0;
	}
#left div.box2 ul.press p strong{font:bold 13px Arial, Helvetica, sans-serif;}
#left div.box2 ul.press li p a
	{
	color:#2c6388;
	text-decoration:none;
	}
#left div.box2 div.image
	{
	width:70px;
	height:70px;
	float:left;
	background:none;
	padding:10px 0 0 0;
	margin:0 10px 10px 5px;
	}
#left div.box2 div.image2
	{
	width:100px;
	float:left;
	margin:0 10px 0 0;
	}
#left div.box2 div.text
	{
	width:200px;
	float:left;
	margin:10px 0 0 0;
	background:none;	
	}
#left div.box2 div.press-bottom, #left div.box2 div.press-bottom2
	{
	width:319px;
	height:21px;
	background:url(../images/press-bottom.jpg) 0 0 no-repeat;
	float:left;
	margin:0 0 0 -10px;
	display:inline;
	}
#left div.box2 div.press-bottom2{margin:0;}
#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.image
	{
	width:76px;
	height:101px;
	padding:13px 0 0 15px;
	background:url(../images/image-bg.jpg) 0 0 no-repeat;
	float:left;
	}
#left div.screen
	{
	padding:13px 15px 13px 15px;
	background:url(../images/image-bg2.jpg) 0 0 no-repeat;
	float:right;
	}
#left div.text
	{
	width:566px;
	float:left;
	background:url(../images/dots.jpg) 0 bottom repeat-x;	
	margin:-13px 0 0 10px;
	position:relative;	
	}
#left div.bottom
	{
	width:602px;
	height:40px;
	padding:17px 30px 0 30px;
	clear:both;
	float:left;
	background:#d7dde4 url(../images/art/bot-bg.jpg) 0 0 no-repeat;
	margin:30px 0 0 15px;
	display:inline;
	}
#left div.bottom a
	{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#2b67ad;
	text-decoration:none;
	float:left;
	}
#left div.bottom a.bookmark{float:right;}
#screen
	{
	width:669px;
	height:386px;
	padding:13px 0 0 18px;
	background:url(../images/art/screen-bg.jpg) 0 0 no-repeat;
	position:relative;
	}
/*table code*/
#left table
	{
	width:670px;
	background:#fff url(../images/links-bg.jpg) 0 0 repeat-x;
	border:7px solid #ccc;
	margin:0 0 0 15px;
	padding: 5px;
	border-collapse: collapse;
	}
#left table caption
{
	font:12px Arial, Helvetica, sans-serif;
	color:#fff;
	padding-top:-5px;
}
#left table tr th
	{
	font:12px Arial, Helvetica, sans-serif;
	color:#435d73;
	line-height:20px;
	height:45px;
	text-align: center;
	font-weight: bold;
	padding: 0 0 0 5px;
	width: 130px;
	}
#left table tr td
	{
	height:43px;
	font:11px Arial, Helvetica, sans-serif;
	color:#435d73;
	padding:5px 3px 5px 3px;
	text-align: center;
	vertical-align: top;
	width: 130px;
	height: 45px;
	}
#left table tr td.criteria
	{
	color: #fff;
	text-align: right;
	vertical-align: middle;
	font-weight:bold;
	height: 45px;
	background-color: #7396a9;
	width: 130px;
	border-bottom: 1px solid #ccc; 
	}
#left table tr td.alt
	{
	text-align: center;
	vertical-align: middle;
	width: 130px;
	}
#left table tr td.alt2
	{
	text-align: center;
	vertical-align: middle;
	width: 130px;
	}
#left img.top
	{
	margin-top:11px;
	}
/*form code*/
#left form
	{
	padding:0 0 20px 0; 
	margin:0 0 30px 42px;
	}
#left form legend
	{
	font:bold 20px Georgia, "Times New Roman", Times, serif;
	color:#1f5077;
	line-height:24px;
	}
#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:115px;
	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;
	}
#right
	{
	width:224px;
	background:url(../images/art/right-bg.jpg) no-repeat;	
	float:right;
	padding:23px 0 0 0;
	min-height:809px;
	height:auto !important;
	height:809px;		
	display:inline;
	margin:0 0 0 0px !important;
	margin:0 -24px 0 0;
	}
#right h1.im
	{
	width:135px;
	height:27px;
	background:url(../images/h1-im.jpg) 0 0 no-repeat;
	display:block;	
	float:left;
	display:inline;
	margin:0 0 0 10px;
	}
#right h1.featured
	{
	width:189px;
	height:25px;
	background:url(../images/headers/h1-featured.jpg) 0 0 no-repeat;
	display:block;
	margin:46px 0 10px 15px;
	}
#right h1.download
	{
	width:189px;
	height:27px;
	background:url(../images/headers/h1-download.jpg) no-repeat;
	display:block;
	margin:0 0 13px 0;
	}
#right h1.contact
	{
	width:188px;
	height:23px;
	background:url(../images/headers/h1-contact.jpg) no-repeat;
	display:block;
	clear:both;
	float:left;
	display:inline;
	margin:25px 0 11px 15px;
	}
#right h1 span{display:none;}
#right h2
	{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:15px;
	margin:40px 0 0 20px;
	}
#right br.clear{clear:both;}
#right p
	{
	font:11px Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:15px;
	margin:0 0 15px 20px;
	}
#right p.blue
	{
	color:#020f24;
	clear:both;
	}
#right p.none{margin:0 0 0 20px;}
#right p.links
	{
	height:100px;
	float:right;
	display:inline;
	margin:-20px 0 0 0;
	text-align:right;
	}
#right p.call, #right p.email, #right p.download, #right p.rss
	{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#020f24;
	line-height:27px;
	padding:3px 0 0 40px;
	margin:0 0 0 15px;
	}
#right p.call
	{
	width:192px;
	height:34px;
	background:url(../images/call-bg.jpg) 0 0 no-repeat;
	display:block;
	}
#right p.email
	{
	width:192px;
	height:34px;
	background:url(../images/email-bg.jpg) 0 0 no-repeat;
	display:block;
	padding:2px 0 0 40px;
	}
#right p.download
	{
	width:192px;
	height:34px;
	background:url(../images/download-bg.jpg) 0 0 no-repeat;
	display:block;
	padding:0 0 0 40px;
	}
#right p.rss
	{
	width:192px;
	height:34px;
	background:url(../images/rss-bg.png) 0 0 no-repeat;
	display:block;
	padding:0 0 0 40px;
	}
#right p.call a, #right p.email a, #right p.download a, #right p.rss a
	{
	color:#020f24;
	text-decoration:none;	
	}
#right p.call a:hover, #right p.email a:hover, #right p.download a:hover, #right p.rss a:hover{color:#296ba8;}
#right p a
	{
	color:#fff;
	font-weight:bold;
	}
#right img
	{
	border:5px solid #fff;
	margin:0 -10px 0 16px;
	}
#right a.download
	{
	width:135px;
	height:34px;
	background:url(../images/btn-download.jpg) no-repeat;
	display:block;
	margin:10px 14px 0 0;
	float:right;
	display:inline;
	}
#right a.get
	{
	width:187px;
	height:44px;
	background:url(../images/btn-get.jpg) 0 0 no-repeat;
	display:block;
	float:left;
	display:inline;
	margin:20px 0 0 20px;
	}
#right a.get:hover{background:url(../images/btn-get.jpg) 0 -44px no-repeat;}
#right a.get span{display:none;}
#right a.call
	{
	width:142px;
	height:34px;
	background:url(../images/btn-call.jpg) no-repeat;
	display:block;
	margin:-4px 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.lender
	{
	width:42px;
	height:23px;
	padding:10px 10px 0 10px;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#8ca4bf;
	text-decoration:none;
	background:url(../images/lender-bg.jpg) 0 0 no-repeat;
	display:block;
	}
#right a.lender:hover{background:url(../images/lender-bg.jpg) 0 -33px no-repeat;}
#right a.admin
	{
	width:125px;
	height:23px;
	padding:10px 10px 0 10px;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#8ca4bf;
	text-decoration:none;
	background:url(../images/admin-bg.jpg) 0 0 no-repeat;
	display:block;
	clear:right;
	}
#right a.admin:hover{background:url(../images/admin-bg.jpg) 0 -33px no-repeat;}
#right a.students
	{
	width:100px;
	height:23px;
	padding:10px 10px 0 10px;
	background:url(../images/parents-bg2.jpg) 0 0 no-repeat;
	display:block;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#8ca4bf;
	text-decoration:none;
	clear:right;
	}
#right a.students:hover{background:url(../images/parents-bg2.jpg) 0 -33px no-repeat;}
#right a.lender, #right a.admin, #right a.students
	{
	float:right;
	display:inline;
	margin:0 0 3px 0;
	}
#right a.lender:hover, #right a.admin:hover, #right a.students:hover{color:#fff;}
#right a.download span, #right a.call span, #right a.email span{display:none;}
#right div.box
	{
	width:224px;
	float:left;
	}
#footer-wrap
	{
	width:100%;
	height:79px;
	clear:both;
	background:#1b242d 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:30px 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:626px;/*give width*/
height:45px;/*give height*/
background:#2b333d url(../images/art/nav.jpg); /*set bg*/
position:absolute;
z-index:500;
bottom:0;
left:19px;
}
#nav a span
{
display:none;/*hide links at top level*/
}
#nav ul a span
{
display:inline;/*show links at second level*/
}
#nav a
{
height:45px;/*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:66px;}
#nav #pan4{width:97px;}
#nav #pan5{width:145px;}
#nav #pan1 a:hover, #nav #pan1 a.selected{background:url(../images/art/nav.jpg) 0 -45px no-repeat;}/*set background to hover and selected states*/
#nav #pan2 a:hover, #nav #pan2 a.selected{background:url(../images/art/nav.jpg) -97px -45px no-repeat;}
#nav #pan3 a:hover, #nav #pan3 a.selected{background:url(../images/art/nav.jpg) -242px -45px no-repeat;}
#nav #pan4 a:hover, #nav #pan4 a.selected{background:url(../images/art/nav.jpg) -308px -45px no-repeat;}
#nav #pan5 a:hover, #nav #pan5 a.selected{background:url(../images/art/nav.jpg) -405px -45px 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 -45px no-repeat;}/*set background to hover and selected states*/
#nav #pan2:hover>a{background:url(../images/art/nav.jpg) -97px -45px no-repeat;}
#nav #pan3:hover>a{background:url(../images/art/nav.jpg) -242px -45px no-repeat;}
#nav #pan4:hover>a{background:url(../images/art/nav.jpg) -308px -45px no-repeat;}
#nav #pan5:hover>a{background:url(../images/art/nav.jpg) -405px -45px 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;}


.flash-movie {
	margin: 0 0 10px 15px;
}
.alt {
	background-color: #eee;
}
.alt2 {
	background-color: #ddd;
}
.thumb {
	border: solid #c5c8cc 3px;
}
div#compareUs
{
  margin: 0px 20px 0px 20px;
  display: none;
  font: 12px Arial, Helvetica, sans-serif;
  color: #434343;
  line-height: 19px;
}
div#compareUs1
{
  margin: 0px 20px 0px 20px;
  display: none;
  font: 12px Arial, Helvetica, sans-serif;
  color: #434343;
  line-height: 19px;
}
div#compareUs2
{
  margin: 0px 20px 0px 20px;
  display: none;
  font: 12px Arial, Helvetica, sans-serif;
  color: #434343;
  line-height: 19px;
}
div#compareUs3
{
  margin: 0px 20px 0px 20px;
  display: none;
  font: 12px Arial, Helvetica, sans-serif;
  color: #434343;
  line-height: 19px;
}
div#compareUs4
{
  margin: 0px 20px 0px 20px;
  display: none;
  font: 12px Arial, Helvetica, sans-serif;
  color: #434343;
  line-height: 19px;
}
div#compareUs5
{
  margin: 0px 20px 0px 20px;
  display: none;
  font: 12px Arial, Helvetica, sans-serif;
  color: #434343;
  line-height: 19px;
}
div#compareUs6
{
  margin: 0px 20px 0px 20px;
  display: none;
  font: 12px Arial, Helvetica, sans-serif;
  color: #434343;
  line-height: 19px;
}