* { font-family: verdana, arial, sans-serif; font-size:11px; }
body { margin:0; padding:0; color:#707070; }
img { border:none; }
#ws { display:block; position:relative; width:884px; height:606px; margin:20px auto; }
.box { display:block; position:relative; width:286px; height:160px; padding:1px; }
.box.tall { height:332px; }
.box.b1 { }
.box.b2x1 { width:584px; }

.box p { margin:0 0 10px 0; padding:0;}
.box ul { margin:-5px 0 0 2em; padding:0;}
.box ul li { margin:0 0 0 0; padding:0;}

.bw { width:288px; }
.bw2 { width:586px; }

.shade {background-color:black; opacity:0.1; filter:alpha(opacity=10); }

.bc0 { background-color:#007ccc; }
.bc1,
.bc2 { background-color:#1a89d1; }
.bc3,
.bc5,
.bc7 { background-color:#3496d6; }
.bc4,
.bc6 { background-color:#68b2e1; }
.bc8 { background-color:#dfeff9; }

.mt { margin-top:10px; }
.mr,
.mrb { margin-right:10px; }
.mb,
.mtb,
.mrb { margin-bottom:10px; }
.ml { margin-left:10px; }

#ws-header > .rw { overflow:hidden; }
.rw { display:block; }
.rw .fl { float:left; left:0; }
.rw .fr { float:right; right:0; }

.pr { position:relative; }

.box.btn > span,
.box.btn > h1,
.box.btn > i { position:absolute; left:1px; width:262px; margin:0; padding-left:25px; padding-bottom:0; padding-right:0; text-decoration:none; }
.box.btn > span,
.box.btn > h1 { display:block; bottom:1px; height:37px; padding-top:13px; padding-bottom:0; padding-right:0; margin:0; color:white; text-transform:uppercase; background-color:inherit; font-size:12px; }
.box.btn > span > i { display:block; font-style:normal; font-weight:normal; opacity:0.60; filter:alpha(opacity=60); }
.box.btn > i { display:none; bottom:51px; height:10px; background-color:inherit; opacity:0.35; filter:alpha(opacity=35); }
a.box.btn { text-decoration:none; }
a.box.btn:hover > i,
a.box.btn.sel > i { display:block; }
a.box.btn > .image { display:block; /* opacity:0.75; filter:alpha(opacity=75);*/ }
a.box.btn:hover > .image,
a.box.btn.sel > .image { display:block; opacity:1; filter:alpha(opacity=100);}

.box.ttl { position:relative; }
.box.ttl > span { display:block; position:absolute; bottom:1px; left:1px; right:1px; height:37px; padding-top:8px; color:white; text-transform:uppercase; background-color:inherit; font-size:12px; text-indent:25px; text-decoration:none; }

.box.ttl > span > a { font-size:inherit; text-decoration:none; color:white; text-indent:0; padding-left:15px; margin-left:-15px;}
.box.ttl > span > a.sel {background:transparent url('../images/bul2.png') no-repeat 3px 5px;}

.box.ttl a.ttl-btn { display:block; position:absolute; padding:4px 45px 3px 10px; height:31px;text-decoration:none; text-transform:uppercase; color:white; background-color: #439ED9; text-indent:0; font-size:9px;line-height:14px;}
.box.ttl a.ttl-btn:hover {background-color:#74B7E3;}
.box.ttl a.ttl-btn.right-top { right:0; top:10px;background-color:#2584c2; color:#cfe8f8;}
.box.ttl a.ttl-btn.right-top:hover { background-color:#439ED9; color:white;}
.box.ttl a.ttl-btn.right-center { right:0; top:50%; margin-top:-19px;}

.ico-down {background: url('../images/ico-download.png') no-repeat right center;}
.ico-nav {background: url('../images/ico-navigate.png') no-repeat right center;}
.ico-speaker {background: url('../images/ico-speaker.png') no-repeat right center;}
.ico-play {background: url('../images/ico-play.png') no-repeat right center;}
.ico-pause {background: url('../images/ico-pause.png') no-repeat right center;}

.box.b2x1 > .mnu { display:block; height:115px; background-color:#0070B8; overflow:hidden; }
.box.b2x1 > .mnu > .c { display:block; position:relative; float:left; height:114px; }
.box.b2x1 > .mnu > .c > .container { display:block; position:absolute; left:0; top:10px; bottom:10px; right:0; overflow:hidden; }
.box.b2x1 > .mnu > .c1 { width:134px; }
.box.b2x1 > .mnu > .c2 { width:278px; }
.box.b2x1 > .mnu > .scroll-left,
.box.b2x1 > .mnu > .scroll-right { display:block; height:114px; width:8px; background-color:white; }
.box.b2x1 > .mnu > .scroll-left { float:left; margin-right:-9px; }
.box.b2x1 > .mnu > .scroll-right { float:right; }
.box.b2x1 > .mnu > .c > .scroll-top,
.box.b2x1 > .mnu > .c > .scroll-bottom { display:block; position:absolute; left:0; right:0; height:9px; }
.box.b2x1 > .mnu > .c > .scroll-top > span,
.box.b2x1 > .mnu > .c > .scroll-bottom > span { display:block; margin:0 auto; width:9px; height:9px; background:transparent url('../images/top-mi-scroll-icon.png') no-repeat;}
.box.b2x1 > .mnu > .c > .scroll-top { top:0; }
.box.b2x1 > .mnu > .c > .scroll-top > span { background-position: right bottom; }
.box.b2x1 > .mnu > .c > .scroll-bottom { bottom:0; }
.box.b2x1 > .mnu > .c > .scroll-bottom > span { background-position: left bottom; }
.box.b2x1 > .mnu > .c > .scroll-top:hover, 
.box.b2x1 > .mnu > .c > .scroll-bottom:hover { background:#157CBE; }
.box.b2x1 > .mnu > .c > .scroll-top:hover  > span{  background-position: right top;}
.box.b2x1 > .mnu > .c > .scroll-bottom:hover  > span { background-position: left top;}
.box.b2x1 > .mnu > .scroll-left.hidden,
.box.b2x1 > .mnu > .scroll-right.hidden,
.box.b2x1 > .mnu > .c > .scroll-top.hidden,
.box.b2x1 > .mnu > .c > .scroll-bottom.hidden,
.box.b2x1 > .mnu > .c > .scroll-top.hidden > span,
.box.b2x1 > .mnu > .c > .scroll-bottom.hidden > span { background:none; cursor:default; }
.box.b2x1 > .mnu > .c > .container > a {display:block; width:100%; height:18px; margin-bottom:1px; line-height:18px; text-decoration:none; color:#80b8dc;}
.box.b2x1 > .mnu > .c > .container > a.r2 { height:37px; }
.box.b2x1 > .mnu > .c > .container > a.r3 { height:56px; }
.box.b2x1 > .mnu > .c > .container > a > span  {display:block; margin-left:15px; }
.box.b2x1 > .mnu > .c > .container > a:hover {color:#bfdbed; background:#157CBE;}
.box.b2x1 > .mnu > .c > .container > a.sel {background:#2A88C4; color:white; cursor:default; }

.box.b2x1 > .mnu1 { display:block; height:110px; padding-top:5px; background-color:#0070B8; overflow:hidden; }
.box.b2x1 > .mnu1 > a{ display:block; height:14px; margin-bottom:1px; line-height:13px; text-decoration:none; color:#80b8dc; padding-left:25px; text-transform:lowercase;}
.box.b2x1 > .mnu1 > a:hover.sel,
.box.b2x1 > .mnu1 > a.sel {color:white; background:transparent url('../images/bul2.png') no-repeat 14px 5px; }
.box.b2x1 > .mnu1 > a:hover {color:#bfdbed; }



#ws-header,
#ws-footer { display:block; overflow:hidden; }
#ws-footer { line-height:40px; color: #007ccc; padding:0 25px; font-size:10px; }
#ws-footer * { font-size:inherit; color:inherit; }
#ws-footer .fl {width:263px; margin-right:10px;}
#ws-footer .social {display:block; float:left; margin-top:8px; overflow:hidden;}
#ws-footer .social a {display:block; float:left; width:24px; height:24px; overflow:hidden; margin-right:5px;}
#ws-footer .social a:hover > img {margin-top:-24px;}
#ws-footer a:link,
#ws-footer a:visited { text-transform:uppercase; text-decoration:none; }
#ws-footer a:hover,
#ws-footer a.sel { text-decoration:underline; }
#ws-header .msg,
.tpl1 .c2 .msg { height:35px; padding-top:5px; line-height:15px; font-style:italic; text-align:center; font-size:12px; }
.tpl1 .c2 .msg { text-align:left; font-size:12px; padding-left:25px; }
#ws-header .msg *,
.tpl1 .c2 .msg * { font-size:inherit; }
#ws-main { display:block; }
#ws-main .sprite-white-circle { display:block; position:absolute; width:60px; height:60px; left:561px; top:137px; background:transparent url('../images/sprite-white-circle.png') no-repeat center center; }

.tpl1, .tpl2 { min-height:384px; }
.tpl1 .c2.fh  { height:556px; margin-top:-172px; }
.tpl1 .c2 > h1 { display:block; line-height:34px; margin:0 0 10px 0; padding:0 0 0 25px; color:#007ccc; text-transform:uppercase; background: transparent url('../images/bul1.png') no-repeat 10px center; }
.tpl1 .c2 .box > p { padding: 0 0 0 25px; }
.tpl1 .c2 .box > p strong { color:#007ccc; }
.tpl1 .c2 > p { padding: 0 0 0 25px; }
.tpl1 .c2 .box > ul { list-style-type:none; margin-left:25px; }

.tpl1 .c1 > a.mi1 { display:block; line-height:34px; background-color:#dfeff9; text-decoration: none; color:#007ccc; text-transform:uppercase; text-indent: 25px; margin-bottom:10px; font-size:12px; }
.tpl1 .c1 > a.mi1:hover { background-color:#badcf2; text-shadow: 1px 1px #dfeff9; }
.tpl1 .c1 > a.mi1.sel:hover { text-shadow:none; }
.tpl1 .c1 > a.mi1.sel { background-color:#007ccc; color:white; }
.tpl1 .c1 > a.mi2,
.tpl1 .c1 > a.mi3 { display:block; width:139px; height:162px; color:transparent; background-image:url('../images/btn-project-offer.png'); background-repeat: no-repeat; margin-top:2px; opacity:0.50; filter:alpha(opacity=50); }
.tpl1 .c1 > a.mi2:hover,
.tpl1 .c1 > a.mi3:hover,
.tpl1 .c1 > a.mi2.sel,
.tpl1 .c1 > a.mi3.sel { opacity:1; filter:alpha(opacity=100); }
.tpl1 .c1 > a.mi2 { float:left; background-position: left top; }
.tpl1 .c1 > a.mi3 { float:right; background-position: right top; }
.tpl1 .c1 > a.mi2.sel { background-position: left bottom; }
.tpl1 .c1 > a.mi3.sel { background-position: right bottom; }

.tpl1 .c2 > p.step { display:block; margin: 0 0 10px 0; padding: 3px 0 0 0; overflow:hidden; }
.tpl1 .c2 > p.step.last { margin-bottom: 12px; }
.tpl1 .c2 > p.step > span {display:block; float:left; width:86px; line-height:34px; margin:-3px 10px 0 0; background-color:#52a6dc; color:white; text-transform:uppercase; text-align:center; }





.title-nav { display:block; position:relative; height:34px; margin-bottom:16px;}
.title-nav > .prev,
.title-nav > .next { display:block; position:absolute; top:0; width:20px; height:34px; background:transparent url('../images/btn-title-nav.png') no-repeat; }
.title-nav > .prev { left:0; background-position: left top;  }
.title-nav > .next { right:0; background-position: right top; }
.title-nav > .prev:hover { background-position: left center;  }
.title-nav > .next:hover { background-position: right center; }
.title-nav > .prev.disabled,
.title-nav > .prev.disabled:hover { background-position: left bottom; cursor:default;  }
.title-nav > .next.disabled,
.title-nav > .next.disabled:hover { background-position: right bottom; cursor:default;  }
.title-nav > h1,
.title-nav > h2 { margin:0 0 0 25px; padding:2px 0 0 0; color:#007ccc; }
.title-nav > h1 { text-transform:uppercase; font-weight:bold;}
.title-nav > h1.single { line-height:34px; padding:0;}
.title-nav > h2 { text-transform:lowercase; font-weight:normal;}






.slideshow { display:block; position:relative; width:100%; height:100%; overflow:hidden; }
.slideshow > .timer { display:block; position:absolute; left:0; bottom:0; width:0; height:5px; background-color:gray; opacity:0.5; filter:alpha(opacity=50); z-index:3; }
.slideshow > .slide { display:block; position:absolute; left:0; top:0; }
.slideshow > .slide  > h3 { display:block; position:absolute; top:5px; left:0; margin:0; padding:2px 4px 2px 0; background-color:#007ccc; color:white; text-transform:uppercase; text-indent:10px; font-weight:normal; white-space:nowrap;}

.title-nav.dynamic {display:block; position:relative; height:162px; overflow:hidden; margin-bottom:10px;}
.title-nav.dynamic > h1 > span {padding-left:5px; color:gray; font-weight:normal;}
.title-nav.dynamic > h2 {text-transform:none;}
.title-nav.dynamic > .slides { display:block; position:absolute; height:123px; margin:5px -999em 0 0; padding:0; white-space:nowrap; }
.title-nav.dynamic > .slides > .slide { display:inline; float:left; white-space:normal; padding:0 25px 0 25px; width:536px; height:100%;}
.title-nav.dynamic > .slides > .slide > h2 { display:none; }
.title-nav.dynamic > .slides > .slide > p { margin:0 0 5px 0; padding:0; }
.title-nav.dynamic > .slides > .slide > p a { color:#007ccc; }

.faqtbl {width:100%;}
.faqtbl sup { font-size:7px; }
.faqtbl th:first-child,
.faqtbl tbody tr:hover td {background-color:#dfeff9;}
.faqtbl td:first-child {text-align:left;}
.faqtbl th,
.faqtbl td {text-align:center; font-size:10px; font-weight:normal; border-right:1px solid white; border-bottom:1px solid white; line-height:15px;}
.faqtbl td {color:#007ccc; }
.faqtbl th {color:white; background-color:#52a6dc; }


.tpl2 {display:block; padding:0 25px 0 35px;}
.tpl2 a {color:#007ccc;}
.tpl2 h1 {font-size:13px; text-transform:uppercase; color:#007ccc; margin-top:0px;}
.tpl2 h2 {font-size:11px; text-transform:uppercase; color:#007ccc;}
.tpl2 p {text-align:justify;}





.tpl1 > .c2 > .box > .button {display:block; position:absolute; bottom:0; color:white; width:99px; height:33px; padding:6px 35px 0 5px; text-transform:uppercase; font-size:10px; background-color:#64afe0; text-decoration:none; line-height:12px;}
.tpl1 > .c2 > .box > .button:hover { background-color:#007ccc; }


.contact-box {display:block;overflow:hidden;position:relative;margin-bottom:10px;}
.contact-box > h2 {margin:5px 0 0 0;padding:0; color:#007ccc;}
.contact-box > h3 {margin:0;padding:0;}
.contact-box > img {display:block;float:left;margin-right:10px;}
.contact-box > p {display:block;margin:5px 0 0 0;padding:0;}
.contact-box sup {font-size:8px;}
.contact-box > p.contact {display:block;position:absolute; left:110px; bottom:5px; margin:0;padding:0;}
.contact-box a {color:#007ccc;}