/* general styles */
html {
height: 100%;
}
body{
min-width:970px;
min-height: 100%;
position:relative;
font:12px Arial, Helvetica, sans-serif;
margin:0;
padding:0;
color:#fff;
background:#0c364e url(images/body-bg.gif) repeat-x;
}
* html body {height:100%;}
a{
color:#fff;
text-decoration:underline;
}
a:hover{
text-decoration:none;
}
a:focus{
outline:none;
}
p{
margin:0;
padding:0 0 20px;
line-height:18px;
}
ul{
margin:0;
padding:0;
list-style:none;
}
img{
border:none;
}
h1{
position:absolute;
left:0px;
top:42px;
z-index:99;
margin:0;
padding:0;
}
h1 a{
display:block;
width:248px;
height:110px;
background:url(images/logo.png) no-repeat;
text-indent:-9999px;
font-size:0;
}
h2{
margin:0;
padding:0;
}
h3{
margin:0 0 10px;
padding:0;
font-weight:normal;
font:22px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
h4{
margin:0 0 10px;
padding:0;
font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
h5{
margin:0 0 10px;
padding:0;
font-weight:normal;
font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
/* structure */
.container{
width:100%;
overflow:hidden;
}
.container.holder{
padding:38px 0 0;
}
.hidden{
display:none;
}
#main{
width:970px;
margin:0 auto;
position:relative;
padding:111px 0 75px;
background:url(images/main-bg.jpg) no-repeat 0 25px;
}
.column1{
width:574px;
float:left;
display:inline;
margin-left:23px;
overflow:hidden;
}
#sub .column1{
margin-left:15px;
}
#client .column1{
margin-left:40px;
}
.column2{
float:right;
display:inline;
width:310px;
overflow:hidden;
margin-right:32px;
}
#sub .column2{
margin:0 26px 0 0;
}
#client .column2{
margin-top:8px;
}
#content{
width:876px;
overflow:hidden;
margin:0 0 0 35px;
padding:2px 0 0;
font-size:14px;
}
#content p{
padding:0 0 30px 2px;
}
/* navigation */
#navigation{
position:absolute;
right:30px;
top:64px;
z-index:9;
}
#navigation li{
float:left;
padding:0;
}
#navigation li a{
float:left;
padding:1px 6px;
text-decoration:none;
font:16px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#navigation li a:hover,
#navigation li.current_page_item a,
#navigation li.current_page_parent a{
background:#4083b2;
}
/* sub navigation */
#subnav1{
position:absolute;
right:0;
top:3px;
z-index:4;
overflow:hidden;
padding:2px 0 0;
}
#subnav1 li{
float:left;
padding:0 8px;
background:url(images/bullet1.gif) no-repeat 0 2px;
margin-left:-1px;
font:11px Tahoma, Arial, Helvetica, sans-serif;
color:#b4c3d1;
}
#subnav1 li.twitter{
float:left;
height:25px;
padding-left:23px;
background:url(images/twitter.png) no-repeat 3px 0px;
margin-left:-1px;
font:11px Tahoma, Arial, Helvetica, sans-serif;
color:#b4c3d1;
}
#subnav1 li a{
color:#b4c3d1;
text-decoration:none;
}
#subnav1 li a:hover{
text-decoration:underline;
}
#subnav2{
width:267px;
overflow:hidden;
}
#subnav2 li{
width:100%;
overflow:hidden;
background:url(images/subnav2-line.gif) no-repeat 0 100%;
padding-bottom:1px;
}
#subnav2 li a{
width:100%;
display:block;
overflow:hidden;
padding:5px 0 ;
text-decoration:none;
position:relative;
}
#subnav2 li.current_page_item a,#subnav2 li a:hover{
background:url(images/subnav2-hover.png) repeat-y;
color:#cecece;
}
#subnav2 li a span{
display:block;
background:url(images/subnav2-bullet1.gif) no-repeat 4px 2px;
padding:0 0 0 20px;
}
/* title */
.wel_title{
width:357px;
height:50px;
background:url(images/wel_title.png) no-repeat;
margin:27px 0 9px;
padding:0;
text-indent:-9999px;
font-size:0;
}
.title1{
width:565px;
height:50px;
background:url(images/title1.png) no-repeat;
margin:27px 0 9px;
padding:0;
text-indent:-9999px;
font-size:0;
}
#title2{
width:265px;
height:36px;
background:url(images/title2.png) no-repeat;
margin:27px 0 5px;
padding:0;
text-indent:-9999px;
font-size:0;
}
#title3{
width:271px;
height:29px;
background:url(images/title3.png) no-repeat;
margin:0 0 17px;
padding:0;
text-indent:-9999px;
font-size:0;
}
/* content styles */
.block1{
width:100%;
overflow:hidden;
margin:4px 0 0 25px;
padding-bottom:72px;
}
.box1{
width:100%;
overflow:hidden;
margin-bottom:-165px;
}
.box1-inner{
width:458px;
min-height:330px;
float:left;
display:inline;
margin:20px 0 0 10px;
}
* html .box1-inner{
height:300px;
}
.box1-inner p{
padding-bottom:162px;
}
.list1{
width:450px;
overflow:hidden;
background:url(images/list1-bg.png) no-repeat;
margin:6px 0 0;
padding:0 0 0 5px;
}
.list1 li{
width:88px;
float:left;
overflow:hidden;
padding:0px 5px 0;
text-align:center;
}
.list1 li.item1{
background:url(images/item1.png) no-repeat;
}
.list1 li.item2{
background:url(images/item2.png) no-repeat;
}
.list1 li.item3{
width:70px;
background:url(images/item3.png) no-repeat;
}
.list1 li.item4{
width:70px;
background:url(images/item4.png) no-repeat;
}
.list1 li a{
font-size:10px;
text-decoration:none;
}
.list1 li a:hover{
color:#99FFFF;
}
.img1{
float:left;
display:inline;
margin:0 0 0 48px;
}
.img2{
display:block;
margin:0 0 -86px -20px;
}
.img3{
border:3px #fff solid;
display:block;
margin:-2px 0 3px;
}
.img-center{
display:block;
text-align:center;
}
.box2{
width:540px;
overflow:hidden;
background:url(images/box2-bg.png) no-repeat;
padding:20px 15px 0 19px;
}
.box2 p{
width:490px;
padding:0 0 14px;
}
.box2 h4{
width:100%;
text-align:center;
margin:0 0 10px;
}
.list2{
width:550px;
height: 250px;
background-image: url(images/list2-bg.gif);
background-repeat: repeat-y;
background-position: 177px 0px;
}
.list2 li{
float:left;
width:180px;
}
.list2 li.item5{
padding:0 0 0 5px;
}
.list2 .item5 div
{
width: 165px;
display: block;
}
.list2 li img{
display:block;
margin:0 0 6px;
border:3px #fff solid;
}
.list2 li div {
width:160px;
margin:0 0 0 3px;
color:#869ba7;
font-size:11px;
line-height:16px;
display: inline;
}
.box3{
width:291px;
min-height:311px;
float:left;
background:url(images/box3-bg.png) no-repeat;
padding:20px 0 0 19px;
}
.box3 img{
border:3px #fff solid;
display:block;
margin:0 0 20px;
}
.box3 p{
font-size:11px;
color:#869ca8;
}
.block2{
padding:0;
}
.box4{
width:550px;
overflow:hidden;
background:url(images/box4-bg.png) no-repeat;
padding:21px 0 0 24px;
}
.box4.first{
margin-top:8px;
}
.box4 h3{
margin-bottom:6px;
}
.box4-left{
display:table;
overflow:hidden;
}
* html .box4-left{
height:1%;
}
*+html .box4-left{
height:1%;
}
.box4-left p{
padding-bottom:18px;
}
.box4-right{
width:170px;
min-height:193px;
float:right;
display:inline;
margin:32px 27px 0 10px;
font-size:11px;
}
.box4-right .png{
margin:10px;
min-height:193px;
display:inline;
}
.box4-right .png img{
border:none;
}
* html .box4-right{
height:193px;
}
.box4-right img{
display:block;
border:3px #fff solid;
}
.box4-right p{
text-align:center;
padding:1px 5px 0;
}
.box5{
width:310px;
overflow:hidden;
padding-left:20px;
font-size:11px;
}
.box5 img{
display:block;
}
.box5 h4{
font-size:18px;
font-weight:normal;
margin:0;
padding:0;
}
.box5 p{
width:300px;
padding:0;
line-height:17px;
}
.box5 a{
text-decoration:none;
color:#ffd200;
}
.box5 a:hover{
text-decoration:underline;
}
.box5 a.more-link{
display:block;
}
.descr{
display:block;
width:100%;
overflow:hidden;
font-size:11px;
text-align:center;
font-style:normal;
color:#a8c3d3;
padding:3px 0 8px;
}
.link1{
display:block;
width:100%;
overflow:hidden;
text-align:right;
margin:-16px 0 0;
}
.link1 a{
font-size:10px;
color:#ffd21d;
text-decoration:none;
}
.link1 a:hover{
text-decoration:underline;
}
/* footer styles */
#footer{
position:absolute;
bottom:0;
left:0;
z-index:1;
margin:-60px 0 0 0 !important;
width:100%;
height:60px;
min-width:994px;
overflow:hidden;
background:#082636 url(images/footer-bg.gif) repeat-x;
font-size:11px;
line-height:12px;
color:#6b7d86;
}
#footer .inner p{
margin:0;
line-height:14px;
padding:15px 0 0 161px;
}
#footer .inner ul{
width:100%;
margin:0 0 0 154px;
padding:0;
overflow:hidden;
}
#footer .inner ul li{
float:left;
margin-left:-1px;
padding:0 5px 0 6px;
background:url(images/bullet2.gif) no-repeat 0 2px;
}
#footer .inner ul li a{
color:#6b7d86;
text-decoration:none;
}
#footer .inner ul li a:hover{
text-decoration:underline;
}
#footer .impel{position:absolute; right:0; margin:-25px 154px 0px 0px;}
#footer .impel a { display:block; width:71px; height:22px; text-indent:-9999px; background: transparent url(images/impel_logo.gif) top left no-repeat; }
#footer .impel a:hover { background: transparent url(images/impel_logo.gif) top right no-repeat; }
.list2 a{
position:relative;
}
/* Additional formatting by Fen */
.topspace
{
margin-top: 5px;
}
.column1 h2{
margin-bottom: 10px;
padding:0;
font-weight:normal;
font:22px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.column1 ul
{
margin: 10px;
padding: 0px;
}
.column1 li
{
list-style-image: square;
list-style-position: inside;
list-style-type: square;
line-height: 16px;
}
.column1 p
{
line-height: 16px;
}
.column1 .box2 li
{
list-style: none;
}
.zx
{
margin-top: 15px;
}
.letsgohigh
{
margin-top: -35px;
margin-left: 10px;
margin-right: 30px;
}
.letsgohigh h4
{
margin-bottom: 5px;
}
.letsgohigh a, .letsgohigh a:hover
{
color: yellow;
text-decoration: none;
}
.ie6 #footer{
width:expression(document.documentElement.clientWidth < 994 ? "994px" : "auto");
}
.ie6 .box2 p, .ie7 .box2 p
{
width: 400px;
}
.ie6 .full2 p, .ie7 .full2 p
{
width: 490px;
}
/*FAQ SLIDER*/
.technology{ /*header of 2nd demo*/
cursor: pointer;
font: bold 12px Arial,Helvetica,sans-serif;
margin: 5px 0;
}
.technology img{
margin:0!important;
}
.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: #99FFFF;
}
.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: #ffffff;
}
table.sample {
border-width: 0px 0px 0px 2px;
border-spacing: 9px;
border-style: none none none none;
border-color: white white white white;
border-collapse: separate;
}
table.sample tr {
width:530px;
}
table.sample td {
border-width: 0px 0px 1px 0px;
border-style: dotted dotted dotted dotted;
border-color: white white white white;
-moz-border-radius: 0px 0px 0px 0px;
}
table.sample1 {
border-width: 0px 0px 0px 2px;
border-spacing: 1px;
border-style: none none none none;
border-color: white white white white;
border-collapse: separate;
}
table.sample1 tr {
width:530px;
}
table.sample1 td {
border-width: 0px 0px 1px 0px;
padding:8px;
border-style: dotted dotted dotted dotted;
border-color: white white white white;
-moz-border-radius: 0px 0px 0px 0px;
}
.stripViewer .panelContainer .panel ul {
text-align: left;
margin: 0 15px 0 30px;
}
.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
margin: 20px 0;
position: relative;
width: 100%;
}
/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 460px; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}
.stripViewer { /* This is the viewing window */
position: relative;
overflow: hidden;
margin: auto;
width: 880px; /* Also specified in .stripViewer .panelContainer .panel below */
clear: both;
background: transparent;;
}
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS */
position: relative;
left: 0; top: 0;
width: 100%;
list-style-type: none;
/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
float:left;
height: 100%;
position: relative;
width: 880px; /* Also specified in .stripViewer above */
}
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
padding: 10px;
}
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
margin: auto;
}
.stripNav ul { /* The auto-generated set of links */
list-style: none;
}
.stripNav ul li {
float: left;
margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}
.stripNav a { /* The nav links */
font-size: 10px;
font-weight: bold;
text-align: center;
line-height: 32px;
color: #fff;
text-decoration: none;
display: block;
padding: 0 15px;
}
.stripNav li.tab1 a { background: #287098 }
.stripNav li.tab2 a { background: #287098 }
.stripNav li.tab3 a { background: #287098 }
.stripNav li.tab4 a { background: #287098 }
.stripNav li.tab5 a { background: #287098 }
.stripNav li.tab6 a { background: #287098 }
.stripNav li.tab7 a { background: #287098 }
.stripNav li.tab8 a { background: #287098 }
.stripNav li.tab9 a { background: #287098 }
.stripNav li.tab10 a { background: #287098 }
.stripNav li.tab11 a { background: #287098 }
.stripNav li.tab12 a { background: #287098 }
.stripNav li.tab13 a { background: #287098 }
.stripNav li.tab14 a { background: #287098 }
.stripNav li.tab15 a { background: #287098 }
.stripNav li.tab16 a { background: #287098 }
.stripNav li a:hover {
background: #11415D;
}
.stripNav li a.current {
background: #11415D;
color: #fff;
}
.stripNavL, .stripNavR { /* The left and right arrows */
position: absolute;
top: 230px;
text-indent: -9000em;
}
.stripNavL a, .stripNavR a {
display: block;
height: 40px;
width: 40px;
}
.stripNavL {
left: 0;
}
.stripNavR {
right: 0;
}
.stripNavL {
background: url("images/arrow-left.gif") no-repeat center;
}
.stripNavR {
background: url("images/arrow-right.gif") no-repeat center;
}