@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(../font/Ol5u-a_WHw.woff) format('woff');
} 
body{
	background:url(../images/body-bg.png) repeat-x #F0F5F9;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	color:#555555;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
.container {
    min-height: 300px;
    min-width: 996px;
    overflow: hidden;
    width: 100%;
}

ul {
    list-style: none outside none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
hr {
    clear: both;
    margin: 0;
}
a {
    outline:none;
	text-decoration:none;
	 color: #028DB9;
    font-weight: 600;
    text-decoration: none;
}
.wc-hero-learnmore {
    padding: 0 8px 0 0;
}

#main-wrap {
    margin:0px auto;
    overflow: visible;
    padding: 10px 5px;
    position: relative;
    width: 986px;
    z-index: 1;
	background:#fff;
	
}
.one_half, .one_third, .one_fourth, .one_fifth, .two_thirds, .one_sixth, .one_ltrmain {
    float: left;
}
.HdRight{
	float:right;
	 width:auto;
	  padding:2px 8px;
	  margin-top:30px; 
	margin-right:3px;
	   }
.HdRight span{float:left; font-weight:normal; padding-top:6px; font-size:14px; color:#000; font-family:'Oswald';}
.HdRight a{text-decoration:none; padding-left:2px;}
.HdRight a:hover{text-decoration:none;}
.wc-primary-button, .wc-primary-button:visited{
    background-color: #FFD500;
    background-image: -moz-linear-gradient(center top , #FFD500, #FFBB00);
    border: 1px solid #D7A308;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset, 0 1px 1px rgba(0, 0, 0, 0.6);
    color: #3A2F06;
    font-family: adelle,"Georgia",serif;
    font-size: 16px;
    font-weight: 700;
    margin: 10px 14px;
    padding: 10px 25px 7px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);
	}
	.wc-hero-mailinglist {
    background:#084C75;
    bottom: 0;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2) inset;
    left: 0;
    padding: 11px 0 7px;
    position: absolute;
    right: 0;
    z-index: 0;
}
.mainbanner {
    width:auto;
	margin-top:1px;
}
.ja-box-ct ul.menu li a {
    background: url(../images/arrow.png) no-repeat 12px center;
    border-top: 1px solid #E5E5E5;
    color: #666666;
    display: block;
    outline: medium none;
    padding: 5px 5px 5px 20px;
    text-decoration: none;
}

ja-box-ct ul.menu li a:hover{
 text-decoration:underline;
}
.centerbgblog img{
    float: left;
    margin: 0 0px 0 0;
	text-align:center;
	width:100%;
}
.page_content_right .one_half, .page_content .one_half {
    width: 320px;
}
.one_third {
    width: 27.6%;
	margin:0 0px;
	float:right;
}
.top-aside{padding:8px 0;}
.top-aside ul, .top-aside li{list-style:none;
margin:0;
padding:0;
}
.top-aside ul li{
	float:left;
	padding:0 5px;
	font-weight:600;
}
.top-aside ul li a{
color:#fff !important;
}
.top-aside ul li a:hover{text-decoration:underline;}
.top-aside .one_half + .one_half{
text-align:right;
float:right;	
}
.social_icons{
	float:left;
}

.tt-overlay {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.center-wrap {
    margin:0 auto 5px;
    position: relative;
    width: 996px;
}
.centerbgblog{
height:455px;
display:block;
border:1px solid #13afe2;
margin:auto;
width:984px;
padding:5px;
background:#fff;
}
.col1, .col2 {
    background:#09A2D8;
    width: 327px;
border-right: 1px solid #5AC9E9;
}
.box2 div div {
    padding:10px;
}
.box2 div{
	    float: left;
color: #FFFFFF;

}
.box2 a{color:#fff;
font-size:11px;
}
.box2 a:hover{text-decoration:underline;}
.box2 h2 {
	padding:0;
	margin:0;
	text-align:left;
	font-family:'Oswald';
	border-bottom: 1px solid #87e4ff;
}
.box2 p {
    padding-bottom: 24px;
	line-height:18px;
}
.col3 {
    background:#12B1DF;
    width: 340px;
}
.main {
    margin:10px auto 0;
    overflow: hidden;
    position: relative;
    width: 996px;
}

h2 a {
    color: #0C5F7A;
    text-decoration: none;
}
.stepcarousel {
  float: right;
    height:455px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
    z-index: 100;

}
.page_content {
    float: left;
    width: 670px;
}
.page_content_right {
    float: right;
    width: 670px;
}
header {
    margin: 0 auto;
    padding:0px 0 0 0;
    position: relative;
    width: 100%;
    z-index: 100;
}
header .logo{padding:5px 3px; float:left;}
#content-container {
    width: 100%;
}
.companyIdentity{
	overflow:hidden;
	position:relative;
}
header nav {
    position: relative;
    z-index: 9999;
	height:58px;
	margin:0px auto;
	width:996px;
	padding:0 0 0px;
	background:url(../images/nav-bg.png) repeat-x left top;
}
header nav ul {
    list-style: none;
    padding: 0;
	width:100%;
	margin:0;
}
header nav li{
    cursor: pointer;
    display: inline;
    float: left;
    margin:0px 0px 0 0;
    padding: 0 0px 0 0;
	font-size: 13px;
    font-weight:normal;
    font-family:'Oswald';
	text-transform:uppercase;
}
header nav ul li a {
   color:#12B1DF;
    float: left;
    margin: 0 1px 0 0;
    padding: 19px 16px;
	font-weight:normal;
   

}
span.register{
 background-image: url("../images/btn_folded.png");
    display: block;
    height: 70px;
    position: absolute;
    right: 0;
    text-align: center;
    top: -9px;
    width: 150px;
    z-index: 50;
}
span.register a.rollover_btn {
    line-height: 64px;
    margin: 0;
    padding: 0;
    width: 132px;
}
a.rollover_btn, input.rollover_btn {
    background-color: #F6A749;
    background-image: -moz-linear-gradient(center top , #F6A749, #F57F14);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-width: 1px;
    color: #000000;
    display: inline-block;
    font-size: 1.4em;
    letter-spacing: -1px;
    line-height: normal;
    margin: 5px 5px 5px 0;
    padding: 10px 20px;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
}
header nav ul li a:hover{
    color:#fff;
	text-decoration:none;
	 text-shadow:0 1px 0 #9A7502;
	background:#12B1DF;
}
.banner-slider{
    position: relative;
}
.banner-slider .center-wrap{
	margin:2px auto 0;
	z-index:5;
}
.full-third-short{
    width:274px;
    margin: 0 0 15px;
	overflow:hidden;
	background:#09A2D8;
}

.centerbgblog p {
    color: #00141b;
    font-family: Georgia,Times New Roman Times,Serif;
    font-size: 14px;
    font-style: italic;
    margin-bottom: 8px !important;
}
.full-third-short h3, .Last-lt-blog h3, .column_big h3 {
    color:#fff;
    margin:1px 1px;
    padding: 5px 0px 5px 5px;
    font-family:'Oswald';
	font-weight:normal;
	font-size:18px;
	border-bottom: 1px solid #87e4ff;
	border-top: 1px solid #87e4ff;
	background:#2ed3ee;
}
.full-third-short .alternate{
    overflow: hidden;
    position: relative;
	padding: 10px;
	margin-left:1px;
	width:252px;
}
.full-third-short p{
	margin:5px 0;
	line-height:18px;
	text-align:justify;
	color:#fff;
}
.full-third-short a:link, .Last-lt-blog a:link{
    color:#fff;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}
.one_ltrmain{
	width:70.6%;
	color:#525252;
}
.column_big {
    min-height: 1px;
    width: 71.5%;
	float:left;
}
.featurebox_big{
	 margin: 0 0 0px;
     width: 100;
	 position: relative;
	 height:1px;
}
.Last-lt-in-blog-1{
      width: 710px;

}
.rtlblogltnew{width:100%; padding-top:10px; float:left;}
.rtlblogltnew img{border: 1px solid #DDDDDD; padding:3px; margin-right:10px; float:left;}
.rtlblogltnew p{margin:0; line-height:22px;}
#contentinfo {
	border-top:3px solid #12b1df;
	overflow: hidden;
	padding:5px 5px;
	width: 986px;
	margin:10px auto 0;
	color:#12b1df;
	background:#d8f5fd;
	}

#contentinfo a{
 text-decoration:none;
 padding:0 5px;
 font-size:12px; 
 color:#12b1df;
 font-style:normal;
 text-shadow:none;
 }
#contentinfo a:hover{text-decoration:underline;}
#contentinfo p{font-size:12px; text-align:right;}
address#about {
    float: left;
    width: auto;
}
/*************************************************** menu *****************************************/

#tutorials{visibility:hidden; width:228px; background:#fcf6ef; z-index:500000; position:absolute; top:34px;}
#tutorials li.menu{float:left; text-align:left; border-bottom:1px solid #e5eff7; padding:0px 10px;}
#tutorials li.menu a{font-size:11px !important; color:#ff4c07; width:100%; padding:0px 0; }
#validation{visibility:hidden; width:189px; background:#fcf6ef; z-index:500000; position:absolute; top:34px;}
#validation li.menu{float:left; text-align:left; border-bottom:1px solid #e5eff7; padding:0px 10px;}
#validation li.menu a{font-size:11px !important; color:#ff4c07; width:100%; padding:0px 0;}
#tutorials2{visibility:hidden; width:189px; background:#fcf6ef; z-index:500000; position:absolute; top:34px;}
#tutorials2 li.menu{float:left; text-align:left; border-bottom:1px solid #e5eff7; padding:0px 10px;}
#tutorials2 li.menu a{font-size:11px !important; color:#ff4c07; width:100%; padding:0px 0;}
#tutorials3{visibility:hidden; width:189px; background:#fcf6ef; z-index:500000; position:absolute; top:34px;}
#tutorials3 li.menu{float:left; text-align:left; border-bottom:1px solid #e5eff7; padding:0px 10px;}
#tutorials3 li.menu a{font-size:11px !important; color:#ff4c07; width:100%; padding:0px 0;}
#tutorials4{visibility:hidden; width:189px; background:#fcf6ef; z-index:500000; position:absolute; top:34px;}
#tutorials4 li.menu{float:left; text-align:left; border-bottom:1px solid #e5eff7; padding:0px 10px;}
#tutorials4 li.menu a{font-size:11px !important; color:#ff4c07; width:100%; padding:0px 0;}
#tutorials5{visibility:hidden; width:189px; background:#fcf6ef; z-index:500000; position:absolute; top:34px;}
#tutorials5 li.menu{float:left; text-align:left; border-bottom:1px solid #e5eff7; padding:0px 10px;}
#tutorials5 li.menu a{font-size:11px !important; color:#ff4c07; width:100%; padding:0px 0;}
#tutorials6{visibility:hidden; width:189px; background:#fcf6ef; z-index:500000; position:absolute; top:34px;}
#tutorials6 li.menu{float:left; text-align:left; border-bottom:1px solid #e5eff7; padding:0px 10px;}
#tutorials6 li.menu a{font-size:11px !important; color:#ff4c07; width:100%; padding:0px 0;}

#tutorials7{visibility:hidden; width:163px; background:#fcf6ef; z-index:500000; position:absolute; top:34px;}
#tutorials7 li.menu{float:left; text-align:left; border-bottom:1px solid #e5eff7; padding:0px 10px;}
#tutorials7 li.menu a{font-size:11px !important; color:#ff4c07; width:100%; padding:0px 0;}

#tutorials8{visibility:hidden; width:175px; background:#fcf6ef; z-index:500000; position:absolute; top:34px;}
#tutorials8 li.menu{float:left; text-align:left; width:88%; border-bottom:1px solid #e5eff7; padding:0px 10px;background:none;}
#tutorials8 li.menu a{font-size:11px !important; color:#ff4c07; width:100%; padding:0px 0; line-height:26px;}

#tutorials9{visibility:hidden; width:280px; background:#fcf6ef; z-index:500000; position:absolute; top:34px;}
#tutorials9 li.menu{float:left; text-align:left;  width:94%; border-bottom:1px solid #e5eff7; padding:0px 10px; background:none;}
#tutorials9 li.menu a{font-size:11px !important; color:#ff4c07; width:100%; padding:0px 0; line-height:26px;}
#tutorials9 li.menu a:hover, #tutorials8 li.menu a:hover, #tutorials9 li.menu{background:none; height:auto; line-height:26px;  border:none;}
header nav ul li ul table{width:100%; line-height:26px;}
header nav ul table li{width:88%; background:none; height:auto; border:none;}
header nav ul table li a:hover{width:88%; background:none; height:auto;}