/* === reset === */

a:hover{text-decoration:none;}

ul, ol{list-style:none;}

img, form, fieldset{border:none;}

ul, ol, form, fieldset{

	margin:0;

	padding:0;

}

body, h1, h2, h3, h4, h5, h6, dl, dt, dd, p{margin:0;}

table{width:100%; border-collapse:collapse;}

q{quotes: none;}

q:before{content:"";}

q:after{content:"";}

input:focus { outline: none; }

textarea:focus { outline: none; }

select:focus { outline: none; }

/* === end reset === */

a{color: #999;}

input, select, textarea{font-family: arial, sans-serif;;}

body{

	background:#326395 url(../images/bg-body.gif) repeat-x;

	font: 12px/1.5em arial, sans-serif;

}

.main{

	width: 982px;

	margin: 0 auto;

	padding: 7px 0 0 0;

}

/*--Top shadow--*/

.top-shadow{

	background: url(../images/bg-header-shadow.png) no-repeat;

	width: 982px;

	height: 104px;

	overflow: hidden;

}

/*--Main shadow--*/

.main-shadow{

	background: url(../images/bg-main-shadow.png) repeat-y;

	width: 982px;

}

/*--Bottom shadow--*/

.bottom-shadow{

	background: url(../images/bg-footer-shadow.png) no-repeat;

	width: 982px;

	height: 21px;

	overflow: hidden;

}

/*--Header--*/

#header{

	width: 982px;

	height: 104px;

	position: relative;

}

/*--logo--*/

.logo,

.logo a{

	display: block;

	width:136px;

	height: 88px;

}

.logo{

	position: absolute;

	top:12px;

	left: 12px;

}

.logo a{

	background: url(../images/logo.png) no-repeat;

	overflow: hidden;

	text-indent: -9999px;

	position: relative;

	cursor: pointer;

}

/*--login--*/

a.login{

	display: block;

	width:109px;

	height: 33px;

	overflow: hidden;

	text-indent: -9999px;

	background: url(../images/btn-login.gif) no-repeat;

	position: absolute;

	top:12px;

	right: 12px;

}

a.login:hover{background-position: 0 -33px;}

/*--Slogan--*/

#header h1{

	color: #c6d0d0;

	font-size: 3.333em;

	line-height: 1.1em;

	padding: 46px 0 0 165px;

	text-shadow: 1px 1px #333333;

}

#header h1 span{

	font-size: 0.4em;

}

/*--Content--*/

#content{

	width: 958px;

	margin: 0 auto;

	padding: 30px 0 0 0;

	position: relative;

	background: url(../images/bg-content.gif) repeat-x;

}

/*--first-block--*/

.first-block{

	width: 436px;

	position: relative;

	min-height: 365px;

	padding:0 0 0 40px;

	margin: 0 462px 0 0;

}

* html .first-block{height: 365px;}

/*--label--*/

.label{

	width: 92px;

	height: 92px;

	overflow: hidden;

	text-indent: -9999px;

	position: absolute;

	top:0;

	right: 0;

	z-index: 10;

	background: url(../images/label.gif);

}

/*--first-block--*/

#blockleft h2{

	color: #fff;

	font-size: 2.8em;

	line-height: 1.2em;

	font-weight: normal;

	text-align: center;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 50px;

	margin-left: 0;

	padding-right: 10px;

	padding-left: 10px;

}

#blockleft2 h2 {

	color: #fff;

	font-size: 2.8em;

	line-height: 1.2em;

	font-weight: normal;

	text-align: center;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 50px;

	margin-left: 0;

	padding-right: 10px;

	padding-left: 10px;

}

#blockleft3 h2 {

	color: #fff;

	font-size: 3.2em;

	line-height: 1.2em;

	font-weight: normal;

	text-align: center;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 50px;

	margin-left: 0;

	padding-right: 10px;

	padding-left: 10px;

}





#blockleft ul{

	width: 420px;

	overflow: hidden;

	padding-left: 15px;

}

#blockleft2 ul {

	width: 420px;

	overflow: hidden;

	padding-left: 15px;

}



#blockleft ul li{

	width: 375px;

	float: left;

	color: #fff;

	font-size: 1.333em;

	height: 30px;

	line-height: 30px;

	background: url(../images/bulet.gif) no-repeat;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 12px;

	margin-left: 0;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 20px;

	padding-left: 45px;

}

#blockleft2 ul li {

	width: 375px;

	float: left;

	color: #fff;

	font-size: 1.333em;

	height: 30px;

	line-height: 30px;

	background: url(../images/bulet.gif) no-repeat;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 12px;

	margin-left: 0;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 20px;

	padding-left: 45px;

}



.download-block{

	width: 335px;

	float: right;

	/*background: url(../images/bg-first-block.png) no-repeat;*/

	padding: 0px 124px 0 0px;

	margin-top:-20px;

}

/*--download--*/

a.download{

	display: block;

	width:216px;

	height: 35px;

	text-align: center;

	color:#fff;

	float:left;

	text-decoration: none;

	line-height: 35px;

	font-size: 1.167em;

	font-weight: bold;

	background: url(../images/btn-download.gif) no-repeat;

	position: relative;

	text-shadow: 1px 1px #333333;

}

a.downloadMac{

	display: block;

	width:216px;

	height: 35px;

	text-align: center;

	color:#fff;

	float:left;

	text-decoration: none;

	line-height: 35px;

	font-size: 1.167em;

	font-weight: bold;

	background: url(../images/btn_download_mac.gif) no-repeat;

	position: relative;

	text-shadow: 1px 1px #333333;

}

a.download:hover{background-position: 0 -35px;}

a.downloadMac:hover{background-position: 0 -35px;}

.download-block span{

	display: block;

	width:216px;

	height: 36px;

	color:#fff;

	padding:0;

	text-align: center;

}

/*--tabs--*/

#tabs{

	width: 917px;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

}

.ui-tabs .ui-tabs-hide {display: none;}

.tab-menu{

	width: 100%;

	overflow: hidden;

	height: 55px;

	position: relative;

	margin-right: 0;

	margin-bottom: -4px;

	margin-left: 0;

}

#newblock {

	width: 920px;

	margin-right: auto;

	margin-left: auto;

	height: 460px;

}

#newblock2 {

	width: 920px;

	margin-right: auto;

	margin-left: auto;

	height: 540px;

}

#newblock3 {

	width: 920px;

	margin-right: auto;

	margin-left: auto;

	height: 380px;

}





#blockleft {

	height: 460px;

	width: 460px;

	float: left;

}

#blockleft2 {

	height: 410px;

	width: 460px;

	float: left;

}

#blockleft3 {

	height: 370px;

	width: 460px;

	float: left;

}





#blockright {

	height: 460px;

	width: 460px;

	float: right;

}

#blockright2 {

	height: 390px;

	width: 460px;

	float: right;

	margin-top: 20px;

}

#blockright3 {

	height: 350px;

	width: 460px;

	float: right;

	margin-top: 20px;

}





#blockvideo {

	height: 340px;

	width: 450px;

	margin-right: auto;

	margin-left: auto;

}

.trial {

	width: 460px;

	margin-top: 20px;

	text-align: center;

}

.trial2 {

	width: 460px;

	text-align: center;

	margin-right: auto;

	margin-left: auto;

}

.trial3 {

	width: 460px;

	text-align: center;

	margin-right: auto;

	margin-left: auto;

	margin-bottom: 24px;

}









.tab-menu li{

	float: left;

	height: 55px;

	padding: 0 0 0 20px;

}

.tab-menu li.first{padding: 0 2px 0 0;}

.tab-menu li a{

	display: block;

	height: 55px;

	width: 167px;

	text-align: center;

	line-height: 55px;

	text-decoration: none;

	text-transform: uppercase;

	font-size: 1.167em;

	font-weight: bold;

	color: #a6beda;

	outline: none;

}

.tab-menu li.ui-state-active a,

.tab-menu li a:hover{

	background: url(../images/btn-tab-active.gif) no-repeat;

	color: #fff;

}

/*--tab-content--*/

.tab-content{

	background: #303031 url(../images/tab-content.gif) repeat-x;

	width: 917px;

}

.tab-content-header{

	width: 917px;

	background: url(../images/tab-content-header.gif) no-repeat;

}

.tab-content-footer{

	width: 877px;

	padding: 30px 20px 34px 20px;

	background: url(../images/tab-content-footer.gif) no-repeat 0 100%;

	position: relative;

}

/*-testimonial-content--*/

.testimonial-content{

	width: 100%;

	overflow: hidden;

}

.testimonial-content li{

	float: left;

	width: 220px;

	padding: 0 30px;

	height: auto !important;

}

.testimonial-content li h3{

	color: #66CCFF;

	font-size: 1.167em;

	border-bottom: 1px solid #fff;

	padding: 0 0 10px 0;

	margin: 0 0 20px 0;

}

.testimonial-content li p{

	color: #ccc;

	font-weight: bold;

	font-size:0.917em;

	padding: 0 0 10px 0;

}

.testimonial-content li p.name{

	color: #999;

	font-size: 1em;

	font-style: italic;

}

.testimonial-carusel{

	width: 870px;

	margin: 0 auto;

}

/*--testimonial-carusel-wrapp--*/

.testimonial-carusel-wrapp{

	width: 100%;

	position: relative;

}

.testimonial-carusel-wrapp a.prev,

.testimonial-carusel-wrapp a.next{

	width: 17px;

	height: 33px;

	display: block;

	overflow: hidden;

	text-indent: -9999px;

	position: absolute;

	top: 45%;

}

.testimonial-carusel-wrapp a.prev{

	background: url(../images/btn-testimonial-left.gif) no-repeat;

	left: -10px;

}

.testimonial-carusel-wrapp a.next{

	background: url(../images/btn-testimonial-right.gif) no-repeat;

	right: -10px;

}

/*--typo-wrapp--*/

.download-wrapp{

	width: 632px;

	padding: 40px 60px 50px 185px;

	background: url(../images/bg-download.gif) no-repeat 73px 45px;

}

.download-wrapp h3{

	color: #69c5dd;

	font-size: 1.5em;

	line-height: 1.2em;

	padding: 0 0 30px 0;

}

.about-wrapp p,

.download-wrapp p,

.support-wrapp p{

	color: #999;

	font-weight: bold;

	padding: 0 0 30px 0;

}

.vid-wpapp{

	float: left;

	display: inline;

	margin: 0 0 10px 0;

	width: 360px;

	height: 240px;

/*--	background: #ccc;--*/

}

/*--form-download-wrapp--*/

.form-download-wrapp{

	width: 100%;

	overflow: hidden;

}

/*--support-wrapp--*/

.support-wrapp{

	width: 632px;

	padding: 40px 60px 50px 185px;

	background: url(../images/bg-support.gif) no-repeat 40px 67px;

}

.support-wrapp h3{

	color: #68C5DD;

	font-size: 2em;

	line-height: 1.1em;

	padding: 0 0 30px 0;

}

.btns-support{

	width:100%;

	overflow: hidden;

}

.btns-support li{

	float: left;

	height: 36px;

	padding: 0 30px 0 7px;

}

.btns-support li a{

	width: 141px;

	height: 36px;

	overflow: hidden;

	text-align: center;

	line-height: 36px;

	color: #fff;

	text-shadow: 1px 1px #333333;

	font-size: 1.25em;

	font-weight: bold;

	display: block;

	text-decoration: none;

	background: url(../images/btn-support.gif) no-repeat;

}

.btns-support li a:hover{background-position: 0 -36px;}

/*---about-wrapp--*/

.about-wrapp{

	width:837px;

	padding: 25px 20px;

	overflow: hidden;

}

.examples-wrapp {

	width:837px;

	padding: 25px 20px;

	overflow: hidden;

	text-align: center;

}



.features-wrapp {

	width:870px;

	overflow: hidden;

	padding-top: 10px;

	padding-bottom: 25px;

	text-align: center;

}

.featureBox {

	width: 750px;

	margin-right: auto;

	margin-left: auto;

	display: block;

	margin-bottom: 25px;

	height: 70px;

}





.about-wrapp h3{

	font-size: 2em;

	line-height: 1.5em;

	padding: 0 0 30px 0;

	color: #68C5DD;

}

.examples-wrapp h3 {

	font-size: 2em;

	line-height: 1.5em;

	padding: 0 0 30px 0;

	color: #68C5DD;

	text-align: center;

}



.examples-wrapp h2 {

	font-size: 1.8em;

	line-height: 1.5em;

	color: #68C5DD;

	text-align: left;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 15px;

	padding-left: 0;

	margin-left: 124px;

}

.exampleLeft {

	height: 300px;

	width: 279px;

	float: left;

}



.exampleRight {

	height: 300px;

	width: 279px;

	float: right;

}

.exampleLeft h4  {

	font-size: 1.6em;

	line-height: 1.5em;

	color: #68C5DD;

	text-align: center;

	margin-bottom: 6px;

}

.exampleRight h4 {

	font-size: 1.6em;

	line-height: 1.5em;

	color: #68C5DD;

	text-align: center;

	margin-bottom: 6px;

}





#examplesWrap {

	width: 585px;

	margin-right: auto;

	margin-left: auto;

}







.features-wrapp h3 {

	font-size: 2em;

	line-height: 1.5em;

	color: #68C5DD;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 20px;

	padding-left: 0;

}



.column-left{

	width: 360px;

	float: left;

}

.featureIcon {

	width: 65px;

	float: left;

	height: 65px;

}

.featureCont {

	width: 665px;

	text-align: left;

	margin-left: 85px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1.6em;

	color: #68C5DD;

}

.featureText {

	color: #FFF;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 0.9em;

	margin-top: 10px;

}



.column-right{

	width: 300px;

	float: right;

}

/*--video--*/

.video-left{

	float: left;

	width: 445px;

}

.video-right{

	float: right;

	width: 330px;

}

.video-right h4{

	color: #fff;

	font-size: 1.5em;

	line-height: 1.3em;

	padding: 0 0 20px 0;

}

/*--gallery--*/

.carousel{

	width: 100%;

	overflow: hidden;

	position: relative;

	height: 100px;

}

.carousel a.prev,

.carousel a.next{

	width: 11px;

	height: 21px;

	display: block;

	overflow: hidden;

	text-indent: -9999px;

	position: absolute;

	top: 40px;

}

.carousel a.prev{

	background: url(../images/btn-video-left.gif) no-repeat;

	left: 0;

}

.carousel a.next{

	background: url(../images/btn-video-right.gif) no-repeat;

	right: 1px;

}

.jCarouselLite{

	height: 100px;

	width: 340px;

	overflow: hidden;

	margin: 0 auto;

}

.jCarouselLite ul{

	height: 100px;

	overflow: hidden;

}

.jCarouselLite ul li{

	float: left;

	height: 100px;

	padding: 0 7px;

}

.jCarouselLite ul li a{

	display: block;

	width: 98px;

}

/*--footer--*/

#footer{

	width:100%;

	overflow: hidden;

	padding: 30px 0 20px 0;

}

#footer ul{

	width: 100%;

	overflow: hidden;

	text-align: center;

	padding: 0 0 15px 0;

}

#footer ul li{

	display: inline;

	font-size: 1.167em;

	line-height: 1.5em;

	padding: 0 32px;

}

#footer ul li a{

	color: #fff;

	font-weight: bold;

	text-decoration: none;

	text-transform: uppercase;

}

#footer p{

	text-align: center;

	font-size: 0.917em;

	color: #fff;

}

#footer p a{

	color: #fff;

	text-transform: uppercase;

	text-decoration: none;

}

#footer a:hover{text-decoration: underline;}

/*==== my-videos page ====*/

.my-videos-content{

/*	width:878px;

	overflow: hidden;*/

	padding: 25px 40px 10px 40px;

	min-height: 300px;

}

* html .my-videos-content{

	height: 300px;

/*	overflow: visible;*/

}

.inner-content h2,

.my-videos-content h2{

	color: #67C5DD;

	font-size: 2em;

	line-height: 1.1em;

}

/*--pager--*/

.pager{

	width: 100%;

	overflow: hidden;

	margin: -10px 0 0 0;

	position: relative;

	padding: 0 0 20px 0;

}

.pager h3{

	float: right;

	color: #999;

	font-size: 1.167em;

	padding: 0 8px 0 0;

}

.pager ul{float: right;}

.pager ul li{

	float: left;

	padding: 0 8px;

}

.pager ul li a{

	color: #369;

	font-weight: bold;

	text-decoration: none;

	font-size: 1.167em;

}

.pager ul li.active a,

.pager ul li a:hover{color: #fff;}

.pager ul li.page-prev,

.pager ul li.page-next{

	padding-top: 3px;

}

.pager ul li.page-prev a{

	display: block;

	width: 7px;

	height: 11px;

	overflow: hidden;

	text-indent: -9999px;

	background: url(../images/btn-prev.gif) no-repeat;

}

.pager ul li.page-next a{

	display: block;

	width: 7px;

	height: 11px;

	overflow: hidden;

	text-indent: -9999px;

	background: url(../images/btn-next.gif) no-repeat;

}

/*--video-content--*/

.video-content{

	width:945px;

	overflow: hidden;

	margin: 0 0 0 -67px;

}

.video-content li{

	width: 168px;

	float: left;

	padding: 0 0 32px 67px;

}

.video-content li ul{

	width: 100%;

	padding: 6px 0 0 0;

}

.video-content li ul li{

	padding: 0 3px;

	width: auto;

}

.video-content li ul li.first,

.video-content li ul li.last{

	padding: 0;

}

.video-content li ul li a{

	background: url(../images/btn.gif) no-repeat;

	height: 22px;

	float: left;

	text-decoration: none;

}

.video-content li ul li a:hover{color: #fff;}

.video-content li ul li a span{

	cursor: pointer;

	float: left;

	height: 22px;

	line-height: 22px;

	background: url(../images/btn.gif) no-repeat 100% -22px;

	padding: 0 10px;

}

.video-content li ul li a.close{

	overflow: hidden;

	width: 28px;

	text-indent: -9999px;

	background: url(../images/btn-close.gif) no-repeat;

}

.video-content li ul li a.close:hover{background-position: 0 -22px;}

/*=== Inner page ===*/

.inner-content{

/*	width:673px;

	background: url(../images/checkblue.png) no-repeat 54px 30px;

	padding: 25px 40px 10px 245px;                               */

	padding: 25px;

	text-align:center;

	color: #999;

	min-height: 300px;

}

* html .inner-content {height: 300px;}

.inner-content h2{

	padding: 0 0 30px 0;

	line-height: 1.4em;

}

.inner-content a{

	color: #68C5DD;

}

.inner-content p{

	color: #999;

	text-align:left;

	padding:0 0 15px 0;

}

.inner-content h3{

	color: #fff;

	padding: 10px 0 15px 0;

	font-size: 1.333em;

	line-height: 1.2em;

}

.inner-content ul{

	width: 100%;

	color: #999;

	padding: 15px 0 30px 0;

	text-align:left;

}

.inner-content ul li{

	padding: 0 0 5px 30px;

	background: url(../images/bulet-2.gif) no-repeat 3px 4px;

}

/*=== inner page 2 ===*/

.user-block{

	width: 100%;

	padding: 10px 0 30px 0;

}

.user-block dl{

	width: 100%;

	overflow: hidden;

	font-weight: bold;

	font-size: 1.333em;

	line-height: 1.1em;

	color: #fff;

}

.user-block dl dt{

	float: left;

	width: 170px;

	padding: 0 30px 10px 0;

	text-align: right;

	color: #ccc;

}

.user-block dl dd{

	padding: 0 0 10px 0;

}

.bg-2{

	padding-left: 200px;

	background: url(../images/bg-inner-2.png) no-repeat 22px 0px;

}

.bg-3{

	background: url(../images/questionmark.png) no-repeat 54px 30px;

}



/*Alex added*/

a.blackbtn{

	width: 141px;

	height: 36px;

	overflow: hidden;

	text-align: center;

	line-height: 36px;

	color: #fff;

	text-shadow: 1px 1px #333333;

	font-size: 1.25em;

	font-weight: bold;

	display: block;

	text-decoration: none;

	background: url(../images/btn-support.gif) no-repeat;

}

a.blackbtn:hover{background-position: 0 -36px;}



.download-wrapp ul li {

	font-family: Arial, Helvetica, sans-serif;

	color: #FFF;

	font-size: 1.4em;

	padding-bottom: 12px;

	padding-left: 25px;

	list-style:square inside;

}