@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'Oswald';
	src: url('../font/Oswald-Regular.eot');
	src: local('☺'), url('../font/Oswald-Regular.woff') format('woff'), url('../font/Oswald-Regular.ttf') format('truetype'), url('/nt/Oswald-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


body{
    background: url(../images/bg.jpg) repeat-x #E6F1F7;
    color: #000033;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 20px;
	font-weight:normal;
	font-style:normal;
	margin:0;
	padding:0;
}

.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: 24px 0 0 0;
    position: relative;
    width: 996px;
   /* z-index: 1;*/
}
.one_half, .one_third, .one_fourth, .one_fifth, .two_thirds, .one_sixth, .one_ltrmain {
    float: left;
}
.HdRight{
	 width:auto;
  }
.HdRight span{float:left; font-weight:bold; padding-top:8px; color:#ccc;}
.HdRight a{text-decoration:none; padding-left:2px;}
.HdRight a:hover{text-decoration:none;}
.header-right {
    float: right;
    margin:20px 10px 0 0;
}
.one_half {
    width:auto;
    float:left;
    height:34px;
	padding-top:5px;
    margin-top:5px;
}
.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;
}
.sidebar-widget{float:right; width:auto; padding-top:20px;}
.sidebar-widget a{color:#259abd; text-decoration:underline; padding:5px 5px; float:left;}
.sidebar-widget a:hover{color:#259abd; text-decoration:none;}

.page_content_right .one_half, .page_content .one_half {
    width: 320px;
}

.one_third {
    width: 220px;
	margin:0 0px;
	float:left;
	background:url(../images/bg-sidebar.jpg) no-repeat left top;

}
.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;
    position: relative;
    width: 996px;
}
.centerbgblog{
    display: block;
    float: left;
    height: 235px;
    overflow: hidden;
    width: 100%;
	margin-bottom:10px;
}

h2 a {
    color: #0C5F7A;
    text-decoration: none;
}
.stepcarousel {
  float: right;
    height: 273px;
    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%;
}
header .logo{padding:5px 3px 0; float:left;}
#content-container {
    width: 100%;
}
.companyIdentity{
	float: left;
   /* overflow: hidden;*/
    padding-bottom: 12px;
    position: relative;
    width: 100%;
}
.hed-top{display:block; width:100%; padding-bottom:5px;}
header nav {
    position: relative;
    z-index: 9999;
	height:auto;
	margin:0px 0 0 0;
	width:100%;
	float:left;
	padding:0 0 10px;
	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:#003366;
    float: left;
    margin: 0 1px 0 0;
    padding: 11px 16px;
	font-weight:normal;
	text-shadow:none;
	 border-right:1px solid #c6d8e3;
   

}
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:#5F9EC1;
	text-decoration:none;
	 text-shadow: 0 1px 0 #508D01;
	background:url(../images/nav-bg.png) repeat-x left  -144px;
}
.banner-slider{
    position: relative;
}
.banner-slider .center-wrap{
	margin:2px auto 0;
	z-index:5;
}
.full-third-short{
    width:100%;
    margin: 0 0 8px;
	overflow:hidden;
}

.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 {
    background: url(../images/bg-headline-sidebar.png) left top no-repeat;
    clear: both;
    font-size: 12px;
    line-height: 25px;
    margin: 0;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 1px;
    width: 210px;
   color:#003366;

}
.full-third-short .alternate{
    overflow: hidden;
    position: relative;
	padding: 10px;
	margin-left:1px;
	width:76%;
}
.full-third-short p{
    padding: 4px;
	margin:5px 0;
	line-height:18px;
	text-align:justify;
	color:#525252;
	border-bottom:1px solid #b5c3cc;
}
.full-third-short a:link, .Last-lt-blog a:link{
    color:#224500;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}
.one_ltrmain{
	width:70.6%;
	color:#525252;
}
.rtlblogltnew{
	color:#525252;
	padding:5px;
}
 .Last-lt-blog p{
	line-height:18px;
	margin:0;
}
.column_big {
   float: right;
    min-height: 1px;
    width:77.6%;
	position:relative;
	right:0;
}
.featurebox_big{
	 margin: 0 0 0px;
     width: 100%;
	 position: relative;
	 height:1px;
}
.Last-lt-in-blog-1{
      width: 100%;
	  float:left;
	  background:#fff;
	  border:1px solid #d0cece;

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

#contentinfo a{
 text-decoration:none;
 padding:0 5px;
 font-size:12px; 
 color:#000;
 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;
}

/**************************** General Section Ends ****************************/
/*************************************************** menu *****************************************/

#tutorials{visibility:hidden; width:220px; background:#f4f4f4; z-index:500000; position:absolute; top:35px;}
#tutorials li.menu{float:left; text-align:left; border-bottom:1px solid #ccc;}
#tutorials li.menu a{font-size:11px !important; color:#000; width:100%;}
#validation{visibility:hidden; width:220px; background:#f4f4f4; z-index:500000; position:absolute; top:35px;}
#validation li.menu{float:left; text-align:left; border-bottom:1px solid #ccc;}
#validation li.menu a{font-size:11px !important; color:#000; width:100%;}
#tutorials2{visibility:hidden; width:220px; background:#f4f4f4; z-index:500000; position:absolute; top:35px;}
#tutorials2 li.menu{float:left; text-align:left; border-bottom:1px solid #ccc;}
#tutorials2 li.menu a{font-size:11px !important; color:#000; width:100%;}
#tutorials3{visibility:hidden; width:278px; background:#f4f4f4; z-index:500000; position:absolute; top:35px;}
#tutorials3 li.menu{float:left; text-align:left; border-bottom:1px solid #ccc;}
#tutorials3 li.menu a{font-size:11px !important; color:#000; width:100%;}
#tutorials4{visibility:hidden; width:140px; background:#f4f4f4; z-index:500000; position:absolute; top:35px;}
#tutorials4 li.menu{float:left; text-align:left; border-bottom:1px solid #ccc;}
#tutorials4 li.menu a{font-size:11px !important; color:#000; width:100%;}
#tutorials5{visibility:hidden; width:176px; background:#f4f4f4; z-index:500000; position:absolute; top:35px;}
#tutorials5 li.menu{float:left; text-align:left; border-bottom:1px solid #ccc;}
#tutorials5 li.menu a{font-size:11px !important; color:#000; width:100%;}
#tutorials6{visibility:hidden; width:199px; background:#f4f4f4; z-index:500000; position:absolute; top:35px;}
#tutorials6 li.menu{float:left; text-align:left; border-bottom:1px solid #ccc;}
#tutorials6 li.menu a{font-size:11px !important; color:#000; width:100%;}
#tutorials7{visibility:hidden; width:220px; background:#f4f4f4; z-index:500000; position:absolute; top:35px;}
#tutorials7 li.menu{float:left; text-align:left; border-bottom:1px solid #ccc;}
#tutorials7 li.menu a{font-size:11px !important; color:#000; width:100%;}

#tutorials8{visibility:hidden; width:175px; background:#f4f4f4; z-index:500000; position:absolute; top:35px;}
#tutorials8 li.menu{float:left; text-align:left; border-bottom:1px solid #ccc;}
#tutorials8 li.menu a{font-size:11px !important; color:#000; width:100%;}
#tutorials9{visibility:hidden; width:309px; background:#f4f4f4; z-index:500000; position:absolute; top:35px;}
#tutorials9 li.menu{float:left; text-align:left; border-bottom:1px solid #ccc;}
#tutorials9 li.menu a{font-size:11px !important; color:#000; width:100%;}
nav ul li table{width:100%; margin:0;}
nav ul li table td{margin:0; padding:0;}
nav ul li ul{margin:0;}
nav ul li ul li{background:#f4f4f4; margin:0; height:auto; padding:4px 3px 4px 5px; width:97%;}
nav ul li ul li a{padding:0 0; border:none; text-transform: none;}
nav ul li ul li a:hover{background:none; padding:0 0;  text-shadow:none;}
nav ul li table li a{padding:0 0; border:none; text-transform: none;}
nav ul li table li a:hover{background:none; padding:0 0;  text-shadow:none;}
nav ul li table li{padding:4px 3px 4px 5px; background:#f4f4f4; margin:0; height:auto; width:97%;}