@charset "utf-8";
/* CSS Reset ************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, #header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
p{ margin-bottom: 20px;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, #header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Common Element ************************************************************/
body{
	font-family:Arial, Helvetica, sans-serif;
	color: #434343;
	font-size: 12px;
	line-height: 20px;
	background-color: #EEEEEE;
}
a{
	text-decoration: none;
	color: #1679CE;
}
a:hover{ text-decoration: underline;}
.clear{ clear:both;}

/* Layout ************************************************************/
.l-left{ float: left;}
.l-right{ float: right; }

#header{
	height: 65px;
	padding-top: 10px;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eeeeee 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eeeeee 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #eeeeee 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
#header h1{ float: left; }
#header .l-header-opt{ float: right; text-align: right;}
#header .l-header-opt ul{ margin-bottom: 25px;}
#header h1 a{
	display: inline-block;
	font-size: 0px;
	background: url(../img/logo.png) 0 0 no-repeat;
	width: 244px;
	height: 49px;
}
#header a{
	color: #5D5D5D;
	text-decoration: none;
}
#header a:hover{ text-decoration: underline; }

.main-wrapper{ width: 960px; margin: 0 auto; }
.banner .main-wrapper{ width: 100%; position: absolute; text-align: center; top: 122px;}
nav .main-wrapper{ position: relative; }

.l-inline, .l-stacked{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.l-inline > *{
	float: left;
}
#header .l-inline > *{ padding: 0 10px 0 20px; }
.l-stacked > *{
	display: block;
}

nav.main{
	height: 45px;
	line-height: 45px;
	border: 1px solid #03264B;
	background: #174f7b; /* Old browsers */
	background: -moz-linear-gradient(top, #174f7b 0%, #03264b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#174f7b), color-stop(100%,#03264b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #174f7b 0%,#03264b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #174f7b 0%,#03264b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #174f7b 0%,#03264b 100%); /* IE10+ */
	background: linear-gradient(to bottom, #174f7b 0%,#03264b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#174f7b', endColorstr='#03264b',GradientType=0 ); /* IE6-9 */
	box-shadow: inset 1px 0 0 #2F6189;
	text-align: center;
	box-shadow: 0 5px 10px;
}
nav.main li{
	width: 132px;
	border-left: 1px solid #0A2E4E;
	box-shadow: inset 1px 1px 0 #285A84;
	line-height: 44px;
}
nav.main li:last-child{ border-right: 1px solid #0A2E4E; }
nav.main a{
	color: #FFF;
	font-size: 15px;
	text-decoration: none;
}
nav.main li[data-state=selected], nav.main li:hover{
	border: 1px solid #DAAA1F;
	background: #ffeb20; /* Old browsers */
	background: -moz-linear-gradient(top, #ffeb20 0%, #e2af1d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffeb20), color-stop(100%,#e2af1d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffeb20 0%,#e2af1d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffeb20 0%,#e2af1d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffeb20 0%,#e2af1d 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffeb20 0%,#e2af1d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeb20', endColorstr='#e2af1d',GradientType=0 ); /* IE6-9 */
	box-shadow: inset 1px 0 0 #FEEF55;
	margin-top: -1px;
}
nav.main li[data-state=selected] a, nav.main li:hover a{
	color: #333;
	text-shadow: 1px 1px 0 #F8E9A0;
	font-weight: bolder;
}

.mainDIV > div.banner{
	height: 400px;
	overflow: hidden;
	clear: both;
	margin: 0px;
}
.banner .bg{
	width: 100%;
	min-width: 1200px;
}
.banner nav{
	position: absolute;
	top: 460px;
	width: 100%;
	text-align: center;
}
.banner nav a{ display: inline-block; width: 12px; height: 12px; background-color: #FFF; border-radius: 10px; margin: 0 2px;}
.banner nav a[data-state=selected], .banner nav a:hover{background-color: #032951;}

.mainDIV > div.l-information{
	margin-top: -40px;
	position: relative;
	width: 100%;
	text-align: center;
}
.l-information .columns{
	background: url(../img/information_bg.png) 0 0 repeat-y;
	padding-bottom: 20px;
}
.l-information .column{
	width: 278px;
	padding: 0 16px;
	margin-right: 15px;
	display: inline-block;
	float: left;
	text-align: left;
}
.l-information .column[col-series=last]{
	margin-right: 0px;
}
.l-information h2{
	color: #1679CE;
	font-size: 19px;
	font-weight: bolder;
	margin: 24px 0;
}
.l-information h3{ font-weight: bolder; }
.l-information .column ul{
	list-style: disc;
	margin: 0 0 20px 20px;
	color: #1679CE;
}
.l-information img[alt=Arrow]{ vertical-align: middle;}
.l-information .partners{text-align: left;}
.l-information .partners h2{margin-top: 0px;}
.l-information .partners p{ width: 310px; float: left;}
.l-information .partners img{float: right;}

footer{margin-top: 20px;}
.site-map{ background-color: #333; color: #878787; border-top: 1px solid #1F1F1F; border-bottom: 1px solid #1F1F1F; box-shadow: inset 0 0 6px #1F1F1F;}
.site-map .main-wrapper{ border-left: 1px solid #1F1F1F; border-right: 1px solid #5C5C5C;}
.site-map h2{ font-size: 15px; font-weight: bolder; margin: 20px 0 8px;}
.site-map a{ display: block; color: #878787;}
.site-map tr{ border-left: 1px solid #5C5C5C; }
.site-map td{ padding: 0 24px 20px; vertical-align: baseline;}
.site-map td.last-child{ padding: 0 22px 0 21px; border-right: 1px solid #1F1F1F;} /* for IE */

.copyright{padding: 20px 0; font-size: 12px;}
.copyright .l-left li{padding:0 10px; border-right:1px solid #A2A2A2;}
.copyright .l-left li:first-child{ padding-left: 0;}
.copyright .l-left li:last-child{ border-right: none;}
.copyright .l-left a{color:#5D5D5D;}
.copyright .l-right{ text-align: right;}
.copyright .l-right a{ display:inline-block; width: 24px; height: 24px;}
.copyright .l-right a[share-target=youtube]{background: url(../img/icon_youtube.png) 0 0 no-repeat;}
.copyright .l-right a[share-target=facebook]{background: url(../img/icon_facebook.png) 0 0 no-repeat;}
.copyright .l-right a[share-target=linkedin]{background: url(../img/icon_linkedin.png) 0 0 no-repeat;}
.copyright .l-right a[share-target=twitter]{background: url(../img/icon_twitter.png) 0 0 no-repeat;}
.copyright .l-right a[share-target=rss]{background: url(../img/icon_rss.png) 0 0 no-repeat;}

/* Modules ************************************************************/
.lang-opt{
	background: url(../img/lang-opt-global.png) 0 2px no-repeat;
	padding-left: 20px;
}
.lang-opt ul{
	position: absolute;
	z-index: 10;
	margin-left: -30px;
	display: none;
}
.lang-opt ul li{
	background-color: #5D5D5D;
	line-height: 24px;
	padding: 0 8px;
}
.lang-opt ul li:hover{ background-color: #CCCCCC;}
#header .lang-opt ul a{
	color: #FFF;
	text-decoration: none;
}
#header .lang-opt a:hover{ color: #333; }

.more-triangle{
	position: relative;
	top: -1px;
	border-style: solid dashed dashed;
	border-color: transparent;
	border-top-color: #5D5D5D;
	display: -moz-inline-box;
	display: inline-block;
	font-size: 0;
	height: 0;
	line-height: 0;
	width: 0;
	border-width: 3px 3px 0;
	padding-top: 1px;
	left: 4px;
}
.search input{
	border-top: 1px solid #A7A7A7;
	border-bottom: 1px solid #A7A7A7;
	border-left: 1px solid #A7A7A7;
	border-right: none;
	height: 22px;
	line-height: 24px;
	border-radius: 12px 0 0 12px;
	background: #EEEEEE; /* Old browsers */
	background: -moz-linear-gradient(top, #dbdbdb 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #dbdbdb 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #dbdbdb 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #dbdbdb 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #dbdbdb 0%,#ffffff 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#ffffff',GradientType=0 );  IE6-9 */
	padding: 1px 2px 1px 12px;
}
.search input.btn{
	display: inline-block;
	border: 1px solid #0E7ED5;
	height: 22px;
	line-height: 24px;
	border-radius: 0 24px 24px 0;
	margin-left: -2px;
	vertical-align: top;
	padding: 2px 10px 0 6px;
	background: #44b2e2; /* Old browsers */
	background: -moz-linear-gradient(top, #44b2e2 0%, #0597d8 1%, #0076bc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#44b2e2), color-stop(1%,#0597d8), color-stop(100%,#0076bc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #44b2e2 0%,#0597d8 1%,#0076bc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #44b2e2 0%,#0597d8 1%,#0076bc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #44b2e2 0%,#0597d8 1%,#0076bc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #44b2e2 0%,#0597d8 1%,#0076bc 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44b2e2', endColorstr='#0076bc',GradientType=0 );  IE6-9 */
}
.l-information .btn{
	display: block;
	width: 278px;
	height: 26px;
	line-height: 26px;
	background: url(../img/home_link_button.png) 0 0 no-repeat;
	padding-left: 32px;
	margin-bottom: 12px;
}
.sub-menu{
	padding: 15px 0 0 15px;
	background: #174f7c; /* Old browsers */
	background: -moz-linear-gradient(top,  #174f7c 0%, #032950 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#174f7c), color-stop(100%,#032950)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #174f7c 0%,#032950 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #174f7c 0%,#032950 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #174f7c 0%,#032950 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #174f7c 0%,#032950 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#174f7c', endColorstr='#032950',GradientType=0 ); /* IE6-9 */
	box-shadow: 0px 1px 6px black;
	position: absolute;
	z-index: 10;
}
.sub-menu .column{ float: left; margin: 0 15px 0 0; }
.sub-menu ul{ margin-bottom: 20px;}
.sub-menu a{ color: #FFF;  line-height: 25px; }
.sub-menu h2{ color: #FFEA00; font-size: 15px; margin-bottom: 3px; }
.sub-menu h2 a { color: #FFEA00; }
.sub-menu[nav-item=Solutions]{ left: 135px; }
.sub-menu[nav-item=Products]{ left: 268px; }
.sub-menu[nav-item=Library]{ left: 402px; }
.sub-menu[nav-item=Partners]{ left: 534px; }
.sub-menu[nav-item=Support]{ left: 486px; }
.sub-menu[nav-item=Company]{ left: 425px; }
.sub-menu .l-stacked a img{ margin-bottom: 6px; }