@charset "UTF-8";
/* CSS Document */

/* was Georgia, Arial, Helvetica .. 89% */
html, body{ 
 margin:0; 
padding:0;
text-align:center; 
background:url(../images/bgmain.gif);
color:#333;
font-family:Georgia, Arial, Helvetica, sans-serif;
font-size:110%;
} 
 
body {font-size:1em; line-height:1.5em }
 
* {padding:0;margin:0;}
 
 a {outline: none;}
a:link {color:#4F87C6}
a:visited {color:#4F87C6}
a:hover {color:#666}
a img { border-width:0;}

.float-r {float:right;}
.float-l {float:left;}
body.home div.float-r {width:355px;margin:20px 0 0 0;}
body.home div.float-l {width:326px;height:304px;display:block;padding:20px 0 0 0;}
body.home div.float-r p {padding:15px 0 0 0;font-size:.75em;text-align:right;}

/* 4/28/15 added for html5-animation*/
body.html5 div.float-r {width:355px;margin:20px 0 40px 0;}
body.html5 div.float-l {width:326px;height:304px;display:block;padding:20px 0 40px 0;}
body.html5 div.float-r p {padding:15px 0 0 0;font-size:.75em;text-align:right;}

span.larger {font-size:1em;font-weight:bold;}

body.whatsnew #content p {
color:#666;
font:bold 1.5em/1.8em Arial, Helvetica, sans-serif;
padding:10px 0 5px 0;
margin:0 0 5px 0;
border-bottom:1px solid #ddd;
}

body.home div.buttons {margin:10px 0 0 15px;width:340px;}

div.buttons a {float:left;}

ul {position:relative;}

a.learnmore, a.tryit, a.buyit, a.screenshot {
	height:0px !important;
	height /**/:31px; /* for IE5/Win */
	padding:31px 0 0 0;
	overflow:hidden;
	display:block;
	margin:0 10px 0 0;
}

a.learnmore {
	width:102px;
	background:url(../images/learn-more.gif) 0 0 no-repeat;
}

a.tryit {
	width:97px;
	background:url(../images/try-it-free.gif) 0 0 no-repeat;
}

a.buyit {
	width:96px;
	background:url(../images/buy-it.gif) 0 0 no-repeat;
}

a.screenshot {
	width:102px;
	background:url(../images/screen-shot.gif) 0 0 no-repeat;
}

a:hover.learnmore, a:hover.tryit, a:hover.buyit, a:hover.screenshot{
	background-position:0 -31px;
}


p.price {font-family:Arial, Helvetica, sans-serif;font-size:20px;padding:0;font-weight:bold;}
p.price span {font-size:.85em;}
p.small {font-family:Arial, Helvetica, sans-serif;font-size:.75em;padding:0;}

div#header {
position:relative;width:968px;height:30px;background:url(../images/header.gif) center top no-repeat;
} 

div#pagewidth{ 
 width:968px; 
 text-align:left;  
margin:10px auto 0 auto;} 
 


div#replacementtext {
display:block;
width:705px;
padding:0px 20px;
height:100px;
overflow-y: auto;
border:1px solid #ddd;
} 

div#replacementtext h1 {
font-size:.95em;
}

h1, h2, h3, h4, h5, h6, p {
	line-height:140%;
	padding:10px 0;
}

h5 {
font-size:.95em;
color:#666;
}

p {line-height:150%;}
body.about p {}
h1,h2,h3, h4, h5, h6 {
	font-family:Arial, Helvetica, sans-serif;

}

body.html5 p {}
h1 {
	font-family:Arial, Helvetica, sans-serif;

}

body.flash p {}
h1 {
	font-family:Arial, Helvetica, sans-serif;

}

body.nestedeffects p {}
h1 {
	font-family:Arial, Helvetica, sans-serif;

}

body.error404 p {}
h1 {
	font-family:Arial, Helvetica, sans-serif;

}

body.createapp p {}
h1 {
	font-family:Arial, Helvetica, sans-serif;

}


h3 {font-size:1.5em;color:#777;}
h4 {font-size:1.1em;color:#4F87C6;}

/* Logo	*/


div#logo  {
	position:relative;
	width:105px;
	height:85px;
	display: block;
	overflow: hidden;
	margin: 0 auto 0 auto;
	padding:0 0 0 5px;
	clear:both;


	}
div#logo a {
	float: left;
	padding: 85px 0 0 0;
	overflow: hidden;
	width:105px;
	height: 0px !important; 
	height /**/:85px; /* for IE5/Win */
	background:url(../images/logo.png) center top no-repeat;
}



/* LEFT COLUMN	*/

#leftcol {
 width:154px; 
 float:left; 
 position:relative; 
 padding-bottom:30;
}

#nav-wrapper-outter {
 width:100%;
 padding:0 0 49px 0;
 background:url(../images/navbtm.gif) 0% 100% no-repeat; 
}
 
 #nav-wrapper-inner{
 width:100%; 
 background:url(../images/navbg.gif) repeat-y; 

 }
 
 div#stars {
 background:url(../images/stars.gif) 0 0 no-repeat;
 width:92px;
 height:0px!important;
 padding:163px 0 0 0;
 overflow:hidden;
 clear:both;
 margin:0 0 0 35px;
 }
 
 
 /* Left Navigation	*/

#nav {
	margin:0 0 15px 40px;
	width: 100px;
	height: 342px;  /* was 252px */
	text-align:left;
	padding: 0;
	overflow:hidden;
}

#nav ul {
	list-style: none;
	padding: 0;
	height: 342px; /* was 252px */
	width: 100px;
	}
	
#nav ul li {
	margin: 0; 
	padding: 0;
	display:inline;
	list-style-type: none;
	}

#nav ul li a {
	padding: 38px 0 0 0; /* was 28px 0 0 0; */
	overflow: hidden;
	float:left;
	text-indent: -9999px;
	width:100px;
	height: 0px !important; 
	height /**/:38px; /* for IE5/Win  -- was 28px*/
}

#nav a:hover {background-position: 0 -28px;} /* was -28px; */
	
#nav a:active, 
#nav a.selected,
body.home a#home, 
body.purchase a#purchase, 
body.testimonials a#testimonials, 
body.download a#download, 
body.details a#details, 
body.detailsalt a#details, 
body.gallery a#gallery, 
body.support a#support, 
body.whatsnew a#whatsnew,
body.about a#about
{background-position: 0 -28px;} /* was -28px; */
	
#home {	background: url(../images/home.gif) 0 0 no-repeat;}
#purchase {background: url(../images/purchase.gif) 0 0 no-repeat;}
#testimonials {background: url(../images/testimonials.gif) 0 0 no-repeat;}
#download {background: url(../images/download.gif) 0 0 no-repeat;}
#details {background: url(../images/details.gif) 0 0 no-repeat;}
#gallery {background: url(../images/gallery.gif) 0 0 no-repeat;}
#whatsnew {background: url(../images/whatsnew.gif) 0 0 no-repeat;}
#support {background: url(../images/support.gif) 0 0 no-repeat;}
#about {background: url(../images/about.gif) 0 0 no-repeat;}


body.support #content ul li, body.whatsnew #content ul li {
padding-left: 15px;
background-image: url(../images/bullet.gif);
background-repeat: no-repeat;
background-position: 0 6px;

}

 #navlist, body.support #content ul, body.whatsnew #content ul
{
margin-left: 0;
padding: 0	0 20px 0;
list-style: none;
}

body.whatsnew #content ul {
margin:0 40px;
}


#navlist li
{
padding-left: 15px;
background-image: url(../images/bullet.gif);
background-repeat: no-repeat;
background-position: 0 50%;
}

#navlist li a {
color:#333;
text-decoration:none;
}

#navlist li a:hover {
color:#4F87C6;
}
 
#wrapper {
width:100%;
height:1%;
position:relative;
background:url(../images/body.gif) top left repeat-y;
 }
 
#content{
 float: right; 
 display:inline; 
 position: relative;
padding:20px 40px 0 0;
 width:747px; 
 }

body.home #content {
padding:0 40px 0 0;
}

 
#footer{
 padding:39px 0 0 0;
 margin:0 auto;
  background:url(../images/footer.gif) 0 0 no-repeat; 
 clear:both;
 width:968px;
 } 
 
/****************** product page ****************/

div#kudos {padding:10px 0;width:192px;background:url(../images/detail-rcol-top.gif) 100% 0 no-repeat}
div#details-outterwrapper {background:url(../images/detail-rcol-body.gif) 100% 0 repeat-y}
div#details-innerwrapper {background:url(../images/detail-rcol-btm.gif) 100% 100% no-repeat}
div.koolinfo {width:540px;}
div.koolmoves {width:100%;background:url(../images/detail-stars.gif) 100% 100% no-repeat;}
div.koolwizard {width:100%;padding:40px 0 0 0;}
div.koolshow {width:100%;padding:40px 0 0 0;}
img.kwlogo {padding:10px 10px 10px 0;}

body.details div.buttons, body.detailsalt div.buttons {margin:15px 0 0 0;width:340px;}

body.detailsalt div#kudos {display:none;}
body.detailsalt div#details-outterwrapper, body.detailsalt div#details-innerwrapper {background-image:none;}

body.detailsalt div.koolinfo {width:100%;}

body.detailsalt div.koolmoves p.price {clear:both;padding-top:15px;}

body.detailsalt p.price, body.detailsalt div.buttons, body.detailsalt p.small {}

/* Gallery page */

p.gallery {padding:10px 0 30px 0;}


div.gallery {
	padding:0 0 10px 0;
	margin:0 0 20px 0;
	border-bottom:0px solid #ddd;
}	
	div.gallery ul {
	list-style-type:none;
	padding:0;margin:0;
	width:100%;
	}
	
	div.gallery li {
	float:left;
	margin:0 60px 0 0;	}

div.gallery li.glast {
	margin:0 0 0 60px;
}

div.gallery li.gmiddle {
	margin: 0;
} 

div.gallery ul li a {
	cursor: hand;
}

div.gallery p {
padding:0 0 15px 0;
font:11px/14px Arial, Helvetica, sans-serif;
}

div.textani li {
margin:0 20px 0 0;
}




 /*table styles*/ 
 
table  {border-collapse:collapse;font-family:Arial, Helvetica, sans-serif;}
table#comparisonchart {clear:both;margin:30px 0 0 0;}
table#comparisonchart td {padding:8px 0;}
table#comparisonchart td {border-bottom:1px solid #ddd;}
td.lightgray, td.medgray, td.center {font-weight:bold;text-align:center;}
td.lightgray {background:#f8f8f8;}
td.medgray {background:#eee;} 
td.bold {font-weight:bold;border-bottom:1px solid #ddd;}
 
 /* *** Float containers fix: *** */ 
.clearfix:after, .gallery:after, .block-quote-inner-wrapper:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix, .gallery, .block-quote-inner-wrapper {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix, * html .gallery, * html .block-quote-inner-wrapper{height: 1%;}
.clearfix, .gallery, .block-quote-inner-wrapper {display: block;}
/* End hide from IE-mac */  


div.downloadwrapper {
border:0px solid #ddd;
margin:20px 0;
}

body.purchase table {
border:0px solid #ddd;
margin:10px 0 10px 0;
}

body.purchase select {
border:1px solid #ccc;
color:#333;
padding:3px;
background:#ddd;
font-family:Arial, Helvetica, sans-serif;
}

table.download td, body.purchase table td {
padding:5px 10px 5px 5px;
}

table.download {
margin:10px 0 20px 0;
width:737px;
}

img.kwthumb {padding-left:20px;}
/**************** footer navigation ****************/

#footer p, ul#footerlist {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	margin:0 0 0 154px;
	color:#ccc;
	padding:0 0 10px 0;

}


#footer li.testimonials {}

#footer p {font-size:11px;}

#footerlist li {
	display:inline;
	padding:0 .9em;
	border-right:1px solid #777;
}
#footerlist li.last {
	border:none;
}

#footerlist a {
	color:#ccc;
	text-decoration:none;
}
#footerlist a:hover {
	color:#fff;
	text-decoration:underline;
}


/*Testimonials*/

blockquote {margin:0 30px;}

/*body.testimonials div#content {
background:url(../images/leftquote.gif) 0 100px no-repeat;}*/

body.testimonials #content div.block-quote-inner-wrapper p {padding:8px 0;}

body.testimonials blockquote {
margin: 0;
font-family:Arial, Helvetica, sans-serif;
	/*margin: 20px 0 20px 30px;*/
	/*background: transparent url(../images/leftquote.gif) 0 10px no-repeat;*/

}

/*body.testimonials blockquote p {
font-size:18px;
line-height:28px;
}*/

body.testimonials blockquote div {
  padding: 0 20px 0 30px;
text-align:left;
 /* background: transparent url(../images/rightquote.gif) 98% 100% no-repeat;*/
}

body.testimonials .blockquotewrap {
	border-right: solid 0px #ddd;
	margin: 0;
	padding:0 10px 0 0;
	position:relative;
	height:auto;
	width:360px;
	float:left;
}

div.block-quote-background-wrapper {background:url(../images/testimonials-bg-btm.gif) 50% 100% no-repeat;}

div.block-quote-inner-wrapper div.alt {width:740px;}
div.block-quote-inner-wrapper strong {color:#4F87C6;}
div.block-quote-inner-wrapper p.right {text-align:right;font-size:11px;padding:0;}
div.block-quote-outter-wrapper {background:url(../images/testimonials-bg-top.gif) 50% 0% no-repeat;padding:30px 0;}
div.block-quote-inner-wrapper {background:url(../images/testimonials-bg-center.gif) top center repeat-y;}

/*body.testimonials blockquote .last {
  background: transparent url(../images/rightquote.gif) 98% 100% no-repeat;

}*/



/* Text Replacement in the Headlines	*/

h2.hometext {
	width:314px;
	height:0px !important;
	height /**/:55px; /* for IE5/Win */
	padding:55px 0 0 0;
	margin:0 0 20px 0;
	background:url(../images/so-easy-and-powerful.gif) no-repeat;
	overflow: hidden;
}

h2.html5text {
	width:314px;
	height:0px !important;
	height /**/:55px; /* for IE5/Win */
	padding:55px 0 0 0;
	margin:0 0 20px 0;
	background:url(../images/so-easy-and-powerful-html5.gif) no-repeat;
	overflow: hidden;
}

h1.koolmovesheader, h2.koolwizardheader, h2.koolshowheader {
	width:213px;
	height:0px !important;
	height /**/:41px; /* for IE5/Win */
	padding:41px 0 0 0;
	margin:0 0 20px 0;
	background:url(../images/h-koolmoves.gif) no-repeat;
	overflow: hidden;
}


h2.koolwizardheader {
	background:url(../images/h-koolwizard.gif) no-repeat;
}

h2.koolshowheader {
	background:url(../images/h-koolshow.gif) no-repeat;
}

h1.testimonials, h1.gallery, h1.purchase, h1.galleryalt, h1.about, h1.support, h1.download, h1.h-whats-new-km, h2#h-whats-new-kw, h2#h-whats-new-ks {
	width:464px;
	height:0px !important;
	height /**/:52px; /* for IE5/Win */
	padding:52px 0 0 0;
	margin:0 0 0 0;
	overflow: hidden;
}

h1.html5 {
	width:700px;
	height:0px !important;
	height /**/:52px; /* for IE5/Win */
	padding:52px 0 0 0;
	margin:0 0 0 0;
	overflow: hidden;
}

h1.flash{
	width:700px;
	height:0px !important;
	height /**/:52px; /* for IE5/Win */
	padding:52px 0 0 0;
	margin:0 0 0 0;
	overflow: hidden;
}

h1.nestedeffects{
	width:700px;
	height:0px !important;
	height /**/:52px; /* for IE5/Win */
	padding:52px 0 0 0;
	margin:0 0 0 0;
	overflow: hidden;
}

h1.error404{
	width:700px;
	height:0px !important;
	height /**/:52px; /* for IE5/Win */
	padding:52px 0 0 0;
	margin:0 0 0 0;
	overflow: hidden;
}

h1.createapp {
	width:700px;
	height:0px !important;
	height /**/:52px; /* for IE5/Win */
	padding:52px 0 0 0;
	margin:0 0 0 0;
	overflow: hidden;
}

h1.h-whats-new-km, h2#h-whats-new-kw, h2#h-whats-new-ks {
	background:url(../images/h-whats-new-km.gif) no-repeat;
	width:482px;
}

h1.download {
	background:url(../images/h-download.gif) no-repeat;
}

h1.purchase {
	background:url(../images/h-order.gif) no-repeat;
}

h1.about {
	background:url(../images/h-aboutus.gif) no-repeat;
}

h1.html5 {
	background:url(../images/h-html5.gif) no-repeat;
}

h1.flash {
	background:url(../images/h-flash.gif) no-repeat;
}

h1.nestedeffects {
	background:url(../images/h-nestedeffects.gif) no-repeat;
}

h1.createapp {
	background:url(../images/h-createapp.gif) no-repeat;
}

h2#h-whats-new-kw {
	background:url(../images/h-whats-new-kw.gif) no-repeat;
}

h2#h-whats-new-ks {
	background:url(../images/h-whats-new-ks.gif) no-repeat;
}

h1.testimonials {
	background:url(../images/h-kudos.gif) no-repeat;
}

h1.gallery {
	background:url(../images/h-gallery.gif) no-repeat;
}
h1.galleryalt {
	width:635px;
	background:url(../images/h-gallery-2.gif) no-repeat;
}

h1.support {
	background:url(../images/h-support.gif) no-repeat;
}


div.blogheader {
	width:261px;
	height:65px;
	padding:0;
	margin:0 0 20px 0;
	display:block;
	background:url(imgs/h_misc.jpg) no-repeat;
}
	
div#kudos p, div#kudos img {
	padding:5px 15px;
}
 
 div#kudos p {
	font:.90em/1.4em Arial, Helvetica, sans-serif;
	margin:0 15px;
	padding:8px 0;
	border-top:1px solid #ddd;
}


 /*Forms*/
 
 .IR {
  position: relative;
  overflow: hidden;
  font-size: 1em;
}

.IR em {
  display: block;
  position: absolute;
  top: 0; left: 0;
  z-index: 1;
}

button#IRbutton {
  background: none;
  border: none;
  float: left;
  display: inline;
  cursor: hand;
}

#IRbutton:hover { cursor: hand; /* cursor: hand; for IE5 */ }
#IRbutton, #IRbutton em { width: 96px; height: 31px; }
#IRbutton em { background: url(../images/buy-it.gif) no-repeat; }
#IRbutton:hover em, #IRbutton:focus em { background-position: 0 -31px; }

/* for ie5.x/mac only */
* html>body .IR {
  position: static;
  overflow: visible;
  font-size: 10px;
}
* html>body .IR em { position: static; }
* html>body #IRbutton em { margin-bottom: -31px; }

 
 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#content{width:100%; float:none;}
}