@charset "UTF-8";
*{margin:0;padding:0;}
body{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 10px;
	font-weight: 400;
	line-height:13px;
	height:100%;
	padding:0;
	margin:0;
	color:#000;
	width:100%;
	min-width:1000px;
}
html {
	background:#fff;
	width:100%;
	height:100%;
}
@font-face {
    font-family: 'mt_peepregulardemo';
    src: url('mtpeepdemo-webfont.eot');
    src: url('mtpeepdemo-webfont.eot?#iefix') format('embedded-opentype'),
         url('mtpeepdemo-webfont.woff') format('woff'),
         url('mtpeepdemo-webfont.ttf') format('truetype'),
         url('mtpeepdemo-webfont.svg#mt_peepregulardemo') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'jk_polarregular';
    src: url('jkpolar-webfont.eot');
    src: url('jkpolar-webfont.eot?#iefix') format('embedded-opentype'),
         url('jkpolar-webfont.woff') format('woff'),
         url('jkpolar-webfont.ttf') format('truetype'),
         url('jkpolar-webfont.svg#jk_polarregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'jk_aboderegular_demo';
    src: url('jkabode-demo-webfont.eot');
    src: url('jkabode-demo-webfont.eot?#iefix') format('embedded-opentype'),
         url('jkabode-demo-webfont.woff') format('woff'),
         url('jkabode-demo-webfont.ttf') format('truetype'),
         url('jkabode-demo-webfont.svg#jk_aboderegular_demo') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'jk_alteraregular';
    src: url('jkaltera-webfont.eot');
    src: url('jkaltera-webfont.eot?#iefix') format('embedded-opentype'),
         url('jkaltera-webfont.woff') format('woff'),
         url('jkaltera-webfont.ttf') format('truetype'),
         url('jkaltera-webfont.svg#jk_alteraregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.wrapper {
	width:1000px;
	margin:0px auto -22px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
a{cursor:pointer;}
a img {border: none; }
.header {
	background-color: #333;
	width:100%;
	min-width:1000px;
	height:60px;
	position:absolute;
	top:0;
	box-shadow:0 -1px 0px 0px #666 inset;
	z-index:2;
}
.wrap{
	width:1000px;
	margin:auto;
	margin-top:90px;
}
.slide{
	width:1000px;
	height:440px;
}
.heading{
	padding-top:10px;
	height:26px;
	width:1000px;
	border-bottom: #F4F4F4 solid 1px;
box-shadow: 0px 9px 24px -17px black;
}
.mainimg{
	height:300px;
	padding-top:41px;
	padding-bottom:46px;}
.subhead{
	width:1000px;
	height:20px;
	padding-top:8px;}
.floatright{float:right;}
.floatleft{float:left;}
.footer{width:100%;background-color:#333;height:22px;color:#fff;clear:both;margin-top:-22px;
	box-shadow:0 1px 0px 0px #666 inset;}
#slider {display:none; margin-bottom:20px;}

.control{font-size:0px;cursor:pointer;display:block;width:244px;height:5px;background-color:#ccc;margin-bottom:10px;margin-right:8px;margin-left:0;}.control-hover{background-color:#333;}.control-active{background-color:#f7941e;}
.leftarrow,.rightarrow{display:none;}
.wheel{
	width:100%;
	height:190px;
	margin-top:20px;
	border-top:1px solid #fff;
	box-shadow: 0px -5px 24px -17px black
}
.col{
	float:left;
	width:244px;
	margin-right:16px;
}
h2{
	font-size:11px; padding-top:8px;padding-bottom:8px;
}
h2 a{
	color:#333;
	text-decoration:none;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;font-weight:400;
}
h2 a:hover{
	color:#f7941e;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;
}
.gal{
	width:238px;
	margin-right:16px;
	height:156px;
	float:left;
	background-color:#333;
	border-radius:5px;
}

.headwrap{width:1000px;margin:auto;margin-top:21px;height:40px;}
.nav{float:right;height:60px;margin-top:9px;}
.nav a{color:#aaa;text-decoration:none;padding-top:4px;border-top:2px solid #333;margin-left:70px;margin-top:10px;background-image:url(navbg.gif);background-position:top right;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.nav a:hover{background-position:top left;color:#fff;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.content{
	width:1000px;padding-top:80px;padding-bottom:30px;float:left;
}
.left, .identleft{
	width:154px;
	padding-bottom:5px;
	padding-right:35px;
	margin-top:55px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	float:left;}
h3{margin:0;padding:0;}
.rightcon{
	width:770px;
	float:right;
	font-size:11px;
}
.headline{
	font-size:30px;
	padding-bottom:15px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#F7941E;
	margin-bottom:7px;
}
.testdrive, .previewimage{
	width:770px;
	height:240px;
	overflow:hidden;
	font-size:100px;
	color:#FFF;
	border:none;
	highlight:none;
	background:none;
	margin-top:9px;
	margin-bottom:9px;
}
.testdrive {
	padding:10px;
	width:750px;
	height:220px;
	background-color:#fff;
	border-radius: 7px;
	color:#262626;
	resize:vertical;}
.previewimage{
	margin-top:60px;
	margin-bottom:60px;
}
input:focus,
select:focus,
textarea:focus {
    outline: none;
}
.logo{
background-image:url(logob.png);
background-repeat:no-repeat;
}
ul{list-style: none;
margin:0;padding:0;
margin-bottom:24px;
margin-top:2px;
}
.left a, .identleft a{transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;
	text-decoration:none;
	font-weight:400;
	color:#fff;
}
.left a:hover, .identleft a:hover{
	transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;
	font-weight:400;
	color:#f7941e;
}
.identleft a{
	color:#000;
}
.identleft a:hover{
	color:#f7941e;
}
.whitebg a{
	color:#000;}
.support{
	width:600px;
	margin-right:160px;
	color:#333;
}
.support .headline{
	font-weight:300;
	border-color:#f7941e;
}
.support h3{
	margin-top:16px;
	margin-bottom:4px;}
.support p{
	margin-bottom:16px;}
.identleft li{
	margin-bottom:8px;}
.identimagetesting{
	height: 390px;
	width: 770px;
	margin-top: 30px;}
.identdescriptiontesting{
	width: 600px;
margin: 80px;
margin-top: 30px;
margin-bottom: 30px;
}
.gallery{width:1000px;float:left;}
.row{
	width:1000px;
	height:132px;
}
.gallink, .pointer{width:190px;
height:126px;
margin:5px;
float:left;
background-image:url(pluto.gif);
background-position:bottom;
}
.galtype{
	background-position:top;}
.pointer{background:none;background-color:#262626;}
#abode{background-image:url(abode.gif);}
#altera{background-image:url(altera.gif);}
#pluto{background-image:url(pluto.gif);}
#peep{background-image:url(peep.gif);}
#nia{background-image:url(nia.gif);}
#prestige{background-image:url(prestige.gif);}
#cacus{background-image:url(dyna.gif);}

.galsupport{background-image:url(support.gif);}
.gallink:hover {transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;
	background-position:bottom;}
.subtextnav{transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;height: 29px;border-radius: 6px;background-color: #262626;margin-bottom: 7px;}
.subtextnav:hover{transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;border-bottom-left-radius:0px;}
.subtextnav ul,#undertextnav li { list-style:none; padding:0; margin:0; display:inline; }
.subtextnav ul li{ 
	float:left; 
	position:relative;
	width: 191px;
	margin-right:2px;}
.subtextnav ul li a{
	background-image:url(down.png);
	background-position:left;
	background-repeat:no-repeat;
    display:block; 
    padding:8px;
	padding-left: 27px;
    font-size:11px; 
    white-space:nowrap;
	color:#FFF;
	border-radius:6px;
	text-decoration:none;
transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;
	opacity:0.5;
}
.subtextnav ul li a:hover{ 
transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;
	background-color:#262626;
	opacity:1;
}
.subtextnav ul ul{ 
    position:absolute; 
    top:-99999px;    /* Remove them out of viewport */
    left:0;  
    opacity: 0;      /* Hide sub level, we will use this in transition */
    z-index:497; 
    border-bottom-left-radius:6px; 
    border-bottom-right-radius:6px; 
}
.subtextnav ul ul li{ 
	opacity:1;
	border-left: 0;
	margin-top: 1px;
	background-color: #272727;
	padding-left:0;
	width:191px;
}
.subtextnav ul ul li a{
margin-left:0;
	background:none;
	padding: 6px;
	padding-top: 8px;
	padding-bottom: 8px;
	width:180px;
	border-radius:0;
	transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;
}
.subtextnav ul ul li a:hover{ 
	background-color:#fff;
	color:#262626;
	transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;
}
.dropend{
    border-bottom-left-radius:6px; 
    border-bottom-right-radius:6px;
}
.subtextnav ul li:hover>ul{ opacity: 1; position:absolute; top:99%; left:0; }
.subtextnav ul ul li:hover>ul{ opacity: 1; position:absolute; top:0; left:100%; }
.overtextnav{height: 22px;border-radius: 6px;background-color: #fff;margin-bottom:3px; margin-right:5px;width:190px;}
.overtextnav:hover{border-bottom-left-radius:0px;}
.overtextnav ul,#undertextnav li { list-style:none; padding:0; margin:0; display:inline; }
.overtextnav ul li{ 
	float:left; 
	position:relative;
	width: 190px;
	margin-right:2px;}
.overtextnav ul li a{
	background-image:url(down.png);
	background-position:left;
	background-repeat:no-repeat;
    display:block; 
    padding:5px;
	padding-left: 27px;
    font-size:11px; 
    white-space:nowrap;
	color:#272727;
	border-radius:6px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	text-decoration:none;
	transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;
}
.overtextnav ul li a:hover{ 
	background-color:#262626;
	color:#fff;
	transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;
}
.overtextnav ul ul{ 
    position:absolute; 
    top:-99999px;    /* Remove them out of viewport */
    left:0;  
    z-index:497; 
    border-bottom-left-radius:6px; 
    border-bottom-right-radius:6px; 
}
.overtextnav ul ul li{ 
	opacity:1;
	border-left: 0;
	margin-top: 1px;
	background-color: #fff;
	color:#272727;
	padding-left:0;
	width:190px;
}
.overtextnav ul ul li a{
padding-left: 20px;
background: none;
padding: 6px;
padding-top: 5px;
padding-bottom: 5px;
border-radius: 0;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;
}
.overtextnav ul ul li a:hover{ 
	background-color:#262626;
	transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;
	color:#fff;
}
.overtextnav ul li:hover>ul{position:absolute; top:99%; left:0; }
.overtextnav ul ul li:hover>ul{position:absolute; top:0; left:100%; }
a.back{
	display: block;
	width: 60px;
	height: 10px;
	padding-left: 30px;
	background-image: url(left.png);
	background-repeat: no-repeat;
	padding-bottom: 12px;
	padding-top: 6px;
	transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;
}
a.back:hover{background-image: url(lefth.png);
transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.container{width:1008px;margin:auto;margin-top:-40px;position:relative;float:left;border-top:#FAFAFA 1px solid;
box-shadow: 0px -5px 9px -6px 
#C4C4C4;}
.gallery .gal{margin-right:16px;margin-bottom:20px;}
.gallery .end{margin-right:0;}
.end{margin-right:0;}
.short{width:750px;float:left;border-right: 1px solid #CCC;padding-right: 4px;}
.floatright .gal{margin-bottom:20px;}
.imagedes{
	height: 18px;
	width: 100%;
	background-color: white;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-top: 1px solid white;
}
.imagedes a {
display: block;
float: left;
padding: 3px;
padding-top: 2px;
margin: 0;
padding-left: 8px;
padding-right: 10px;
border-right: 1px solid #e7e7e7; 
color:#333;
transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;
text-decoration:none;
}
.wheel .gal {
height: 142px;
}
.imagedes a:hover {
	background-color:#333;color:#fff;
	transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;
}
.logo{float:left;}
.footer a{color:#e7e7e7;text-decoration:none;margin-right:10px;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.footer a:hover{color:#f7941e;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.logoactive{opacity:0;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.logoactive:hover{opacity:1;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.overlay {filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;  background-color: #000; position: absolute; top: 0px; left: 0px; z-index: 50; width: 100%; height: 100%; display:none;}
.info{font-family:helvetica;line-height:13px;margin-left:300px;padding:30px;width:380px;background:#fff;box-shadow: 0 4px 6px #333;z-index:51;position:absolute;display:none;border-radius:4px; font-size:11px;}
#abodedemo, #alterademo, #peepdemo, #plutodemo{margin-top:20px; float:left;} 
.info a{text-decoration:none;font-weight:bold;color:#333;}
.info a:hover{color:#f7941e;}
.support a{font-size: 17px;font-weight: 300;padding: 6px;padding-top: 14px;padding-bottom: 15px;border-bottom: 1px solid #CCC;padding-left: 32px;background-position: left;background-repeat: no-repeat;text-decoration: none;color: #333;width: 563px;display: block;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.support a:hover{color:#f7941e;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
#eulaicon{background-image:url(eula.png);}
#eulaicon:hover{background-image:url(eulab.png);}
#installicon{background-image:url(install.png);}
#installicon:hover{background-image:url(installb.png);}
#othericon{background-image:url(other.png);}
#othericon:hover{background-image:url(otherb.png);}
#purchaseicon{background-image:url(purchase.png);}
#purchaseicon:hover{background-image:url(purchaseb.png);}
span{display:block;width:244px;margin-right:8px;float:left;}