* {
margin:0;
padding:0;
}
body {
padding:18px 0 0;
font-family:Arial, Helvetica, sans-serif;
background:#ffffff;
}
p {
font-size:12px;
}
a {
color:#004FA0;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
#wrapper {
position:relative;
margin:0 auto;
width:920px;
}
.both {
clear:both;
}
.header {
width:920px;
height:111px;
}
.logo {
padding-left:12px;
width:311px;
float:left;
}
.references {
float:left;
width:350px;
}
.header .right {
float:left;
width:207px;
height:110px;
padding:1px 0 0 40px;
}
.language {
width:207px;
height:19px;
font-size:11px;
}
.language ul li a {
color:#838484;
}
.language ul li {
float:left;
list-style:none;
padding-right:8px;
padding-left:8px;
border-right:1px solid #d9d9d9;
}
.language ul li.first {
padding-left:0;
}
.language ul li.last {
padding-right:0;
border:none;
}
/*.eng, .fra, .ger, .spa {
display:block;
text-indent:-9999px;
width:24px;
height:20px;
}
.eng {
background:url(../images/flag_eng.png) no-repeat;
}
.fra {
background:url(../images/flag_fra.png) no-repeat;
}
.ger {
background:url(../images/flag_ger.png) no-repeat;
}
.spa {
background:url(../images/flag_spa.png) no-repeat;
}*/
.email-us {
padding:19px 0 0 100px;
float:none;
}
.email-us a {
display:block;
height:22px;
padding:20px 10px 10px 40px;
width:57px;
font-size:11px;
color:#004fa0;
background:url(../images/bg_email.png) no-repeat;
text-decoration:none;
font-weight:bold;
}
.email-us a:hover {
text-decoration:underline;
}
.nav {
width:920px;
background:url(../images/menu_separator.png) repeat-x;
height:45px;
margin-bottom:10px;
}
.nav ul li {
float:left;
list-style:none;
}
.nav ul li a {
margin-right:1px;
display:block;
text-indent:-9999px;
height:45px;
}
.nav ul li.home a {
background:url(../images/menu_home.png) no-repeat;
width:98px;
}
.nav ul li.feat a {
background: url(../images/menu_features.png) no-repeat;
width:165px;
}
.nav ul li.how a {
background: url(../images/menu_how-it-works.png) no-repeat;
width:148px;
}
.nav ul li.ref a {
background: url(../images/menu_references.png) no-repeat;
width:135px;
}
.nav ul li.tech a {
background: url(../images/menu_tech-spec.png) no-repeat;
width:236px;
}
.nav ul li.cont a {
margin-right:0;
background: url(../images/menu_contact-us.png) no-repeat;
width:133px;
}
.nav ul li a:hover, .nav ul li a.active  {
background-position:0 -45px;
}
/*Center*/
.home_center {
width:896px;
height:280px;
background: url(../images/bg_center_home.png) no-repeat;
padding:12px;
margin-bottom:11px;
}
.home_center .left {
float:left;
width:520px;
height:280px;
margin-right:11px;
z-index:1;
}
.sticky {
left:-26px;
position:absolute;
top:443px;
z-index:2;
}
.home_center .right {
float:left;
width:365px;
height:280px;
}
.boxes {
width:920px;
margin-bottom:10px;
overflow:hidden;
}
.boxes p {
line-height:18px;
color:#464646;
}
.boxes .red, .boxes .blue, .boxes .grey {
float:left;
width:252px;
height:180px;
padding:36px 24px 4px 24px;
}
.boxes .red h2, .boxes .blue h2, .boxes .grey h2 {
height:10px;
display:block;
text-indent:-9999px;
margin-bottom:20px;
}
.boxes .red h2 {
/*background:url(../images/h2-about.png) no-repeat;*/
margin-left:155px;
width:91px;
}
.boxes .blue h2 {
/*background: url(../images/h2_how.png) no-repeat;*/
margin-left:112px;
width:137px;
}
.boxes .grey h2 {
/*background: url(../images/h2_con.png) no-repeat;*/
margin-left:138px;
width:105px;
}
.boxes .red, .boxes .blue {
margin-right:10px;
position:relative;
}
.boxes .red {
background:url(../images/box-red.png) no-repeat;
}
.boxes .blue {
background:url(../images/box-blue.png) no-repeat;
}
.boxes .grey {
background:url(../images/box-grey.png) no-repeat;
position:relative;
}
.boxes .link {
left:191px;
position:absolute;
/*top:176px;*/
top:146px;
}
.boxes .link a {
display:block;
height:20px;
width:78px;
color:#004fa0;
text-decoration:none;
font-size:11px;
font-weight:bold;
padding:4px 0 0 11px;
}
.boxes .link a:hover {
text-decoration:underline;
}
.boxes .red .link a {
background:url(../images/button_yellow.png) no-repeat;
}
.boxes .blue .link a {
background:url(../images/button_yellow.png) no-repeat;
}
.boxes .grey .link a {
background:url(../images/button_yellow.png) no-repeat;
}
.footer {
padding:22px 0 17px 0;
background:url(../images/bg_footer.png) no-repeat;
height:37px;
}
.footer p, .footer a{
text-align:center;
font-size:11px;
color:#004fa0;
}
/* subpage */
.center {
width:920px;
}
.center .left {
float:left;
width:600px;
margin:0 10px 10px 0;
}
.center #content {
background:#eff6fe;
border:1px solid #d9d9d9;
border-top:none;
border-bottom:none;
padding:15px 20px;
min-height:464px;
height:auto !important;
height:464px;
}
.center .left .top {
background:url(../images/bg_sub_head.png) no-repeat;
height:40px;
}
.center h1 {
font-family:"Trebuchet MS", Helvetica, Arial, Tahoma;
font-size:20px;
font-weight:normal;
color:#fff;
padding:7px 0 0 20px;
}
#content h2 {
color:#01509f;
font-size:15px;
margin:13px 0 9px;
}
#content h3 {
color:#01509f;
font-size:13px;
margin-top:3px;
}
#content ul {
margin:8px 0;
padding:0 0 8px 5px;
background: url(../images/bg_ul.png) no-repeat bottom center;
}
#content ul li {
padding-left:10px;
list-style:none;
font-size:13px;
line-height:19px;
background:url(../images/arrow.png) no-repeat 0 7px;
}
#content ul.first {
background:none;
padding-left:14px;
}
#content ul.first li {
list-style:square;
background:none;
margin:0 0 5px 0;
padding:0;
color:#363636;
}
.center .left .bottom {
background:url(../images/bg_sub_content_bottom.png) no-repeat;
height:5px;
overflow:hidden;
}
.center .right {
float:left;
width:310px;
}
.center .right .boxes {
width:310px;
margin:0;
}
.center .right .boxes .red, .center .right .boxes .blue, .center .right .boxes .grey {
float:none;
height:113px;
margin:0 0 10px;
padding:56px 18px 4px;
width:274px;
}
.center .right .boxes .red {
background: url(../images/h_references.png) no-repeat;
}
.center .right .boxes .blue {
background: url(../images/h_how-it-works.png) no-repeat;
}
.center .right .boxes .grey {
background: url(../images/h_contact-us.png) no-repeat;
}
.center .right .boxes .link {
	left:191px;
	position:absolute;
	top:132px;
}
.center .right .boxes p {
color:#464646;
line-height:17px;
font-size:11px;
}
.center .right .boxes .link a {
background:url(../images/button_yellow.png) no-repeat;
}
#content p {
line-height:17px;
font-size:13px;
margin-bottom:6px;
color:#363636;
}
#content p span {
color:#01509f;
font-size:16px;
font-family:"Trebuchet MS", Helvetica, Arial, Tahoma;
}
.float-img {
float:right;
margin:6px 0 6px 10px; 
}
.separator {
height:1px;
background:url(../images/bg_ul.png) no-repeat;
overflow:hidden;
margin-bottom:10px;
}
.separator2 {
height:1px;
background:url(../images/bg_ul.png) no-repeat;
overflow:hidden;
margin:10px 0;
}
.video a {
font-weight:bold;
display:block;
height:16px;
padding:15px 0 0 39px;
background:url(../images/video.png) no-repeat;
width:145px;
}
#content table.spec {
border:1px solid #969696;
border-bottom:none;
border-right:none;
}
#content table.spec td {
height:18px;
border:none;
padding:4px 6px;
vertical-align:top;
}
#content table.spec td p {
font-size:13px;
margin-bottom:0;
}
#content table.spec td.head {
background:url(../images/bg_sub_head.png) no-repeat center center;
padding-top:5px;
}
#content table.spec td.head p {
color:#fff;
font-size:15px;
font-family:"Trebuchet MS", Helvetica, Arial, Tahoma;
margin-bottom:3px;
}
#content table.spec tr td {
border:1px solid #999999;
border-left:none;
border-top:none;
}
#content p span.tel {
padding-left:35px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#363636;
}
object:focus, a:focus {
outline:none;
}