@charset "utf-8";

* { margin : 0px; padding: 0px; }

body { color: #575757; font-size: 12px; font-family: Verdana, Geneva, sans-serif; background-image: url("../layout/bg.gif"); background-repeat: repeat-x; background-color: #fff; background-position: center -215px; }
img, fieldset { border: none; }
ul, ol { list-style: none; list-style-image: none; list-style-position: outside; }
a { text-decoration: none; }
a:link, a:visited { color: #484848; }
a:hover, a:active { color: #02aac6; text-decoration: underline; }

h2 { display: block; font-size: 16px; font-weight: normal; }
h3, h4 { display: block; font-size: 14px; font-weight: normal; }

p { display: block; }

input, textarea { border: 1px solid #b4b4b4; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; padding: 2px; background-color: #484848; color: #fff; }
select { border: 1px solid #b4b4b4; font-family: Tahoma, Geneva, sans-serif; font-size: 11px; }

#wrapper { width: 1085px; margin: 0 auto 0 auto; }

#slide { position: absolute; width: 100%; z-index: 5; background-image: url("../layout/bg_slide.jpg"); background-repeat: no-repeat; background-position: center top; text-align: center; }
#slide .jcarousel-clip-horizontal { text-align: center; width: 100%; height: 370px; }
#slide .jcarousel-item { width: 1085px; height: 370px; }


#header { height: 150px; position: relative; z-index: 10; }

#logo, .menu, #news, #login { position: absolute; }
#logo { top:10px; left: 20px; }

#login { width: 395px; height: 36px; right: 55px; top: 0px; z-index: 30; background-image: url("../layout/bg_login.png"); background-position: left bottom; background-repeat: no-repeat; }
#login-inner { width: 395px; height: 36px; position: relative; }
#login-content { position: absolute; bottom: 5px; right: 0px; z-index: 40px; color:#fff; padding: 0 7px 4px 0; text-align: right; }
#login-content #lost-password { font-size: 10px; }
#login-content a:link, #login-content a:visited { color: #fff; }
#login-content a:hover, #login-content a:active { color: #f00; text-decoration: underline; }
#login-content div { padding: 0 0 14px 0; font-size: 11px; }

.menu { top: 40px; right: 55px; }
.menu > li { position: relative; float: left; height: 27px; background: url("../layout/menu_border_right.png") right top no-repeat ; display: block; cursor: pointer; padding:0; }
.menu > li.last { background: none; } 
/*.menu > li:hover{ background:#EAEDF1; border-radius:5px 5px 0 0;}*/
.menu > li>a{ color:#FFF; text-transform:uppercase; line-height:27px; display:block;padding:0 30px 0 16px}
.menu .sub-menu { display: none; position: absolute; left: 0; top: 26px; z-index: 20; width: 150px; background-image:url("../layout/bg_sub_menu.png"); background-position:left bottom; padding: 0 0 5px 0; font-size: 11px }
.menu .sub-menu li { display: block; padding: 3px 7px; }


#news { color: #fff; width: 250px; height: 290px; top: 90px; right: 55px; background: url("../layout/bg_news.png") left top  no-repeat; }
#news h2 { text-align: center; padding: 10px 0; background:url("../layout/hr_2.png") center bottom no-repeat; margin-bottom: 10px; }
#news-list li { display: block; text-align: justify; padding: 0 10px 10px 10px; }
#news p { padding: 0 10px; text-align: right; }
#news a:link, #news a:visited { color: #fff; }
#news a:hover, #news a:active { color: #000; }

#content { padding: 0 55px 0 10px; }
#content > h2 { padding: 5px 0 10px 20px; background: url("../layout/hr_1.png") left bottom  no-repeat; }

#breadcrumbs { padding: 5px 0; }
#breadcrumbs strong { color: #7dc901;}

#slide-home { position: relative; display: block; height: 180px; }
#slide-home-left, #slide-home-right { position: absolute; top: 40px; z-index: 10; }
#slide-home-left { left: 0px; }
#slide-home-right { right: 0px; }

#jcarousel { width: 880px; margin: 0 auto; }
#jcarousel .jcarousel-clip-horizontal { width: 880px; height: 150px; }
#jcarousel .jcarousel-item { width: 210px; height: 150px; }
#jcarousel .jcarousel-item-horizontal { padding: 0 5px; }

#recall, #network, #jobs { width: 278px; height: 150px; float: left; background-repeat: no-repeat; position: relative; padding: 0 0 0 55px; }
#recall h2, #network h2, #jobs h2 { color: #7eca01; margin-top: 10px; }
#recall { margin: 0 10px 0 0; background-image: url("../../imgs/home/box/recall.png"); }
#recall p.text { font-size: 24px; padding: 5px 0; }
#recall-overall { display: none; position: absolute; top: 69px; left: 55px; background-image: url("../layout/alpha_black.png"); width: 206px; height: 46px; z-index: 80; color: #fff; padding: 15px 0 0 0; text-align: center; cursor: pointer; font-size: 11px; }
#recall input { display: block; width: 200px; margin: 2px 0 2px 0; }
#recall input[type="submit"] { background-color: #7eca01; border: 0 none; color: #fff; width: 25px; font-size: 14px; cursor: pointer; }
#recall p.go { width: 35px; height: 30px; padding: 10px 0 0 10px; }
#network { margin: 0 10px 0 0; background-image: url("../../imgs/home/box/network.png"); }
#network ul { display: block; float: left; margin: 25px 0 0 40px; padding: 0 10px 0 0px; border-right: 1px #ccc solid; }
#network ul.last { border: 0 none; margin: 25px 0 0 0; padding: 0 0 0 5px;}
#jobs { background-image: url("../../imgs/home/box/jobs.png"); }
#jobs p.text { padding: 20px 20px 0 10px; }

#reference { position: relative; width: 1020px; color: #fff; margin: 0 0 10px 0; }
#reference-content { padding: 0 5px 0 5px; }
#reference-content h3 { float: right; width: 530px; margin: 0 0 10px 0; }
#reference-img { float: left; }
#reference-description { float: right; width: 530px; margin: 0 0 10px 0; }

#achievement { padding: 0 0 0 1px; }
#achievement-filter { text-align: right; padding: 0 5px 10px 5px;}
#achievement .last { margin: 0; }
#achievement .liner { float: left; min-height: 215px; }
.achievement-item { position: relative; width: 247px; float: left; margin: 0 10px 20px 0; }
.achievement-under { position: absolute; left: 0px; top: 15px; }
.achievement-content { width: 230px; margin: 0 auto; }
.achievement-content h3 { padding: 0 0 0 0; font-size: 12px; font-weight: bold; }
.achievement-content p { padding: 5px 0; font-size: 11px; }


#slideshow { width: 1020px; position: relative; float: left; margin: 10px 0 15px 0; }
#slideshow-btn { position: absolute; right: 100px; bottom: 30px; z-index: 10; }
#slideshow-arrow-left, #slideshow-arrow-right { position: absolute; top: 150px; cursor: pointer; }
#slideshow-arrow-left { left: 0px; }
#slideshow-arrow-right { right: 0px; }
#slideshow-inner { width: 880px; height: 450px; margin: 0 auto; }

#description { float: right; width: 470px; }
#description h3 { margin: 10px 0 0 0; color: #067bb5; padding: 0 0 13px 0; font-weight: normal; background-image: url("../layout/hr_3.png"); background-repeat: no-repeat; background-position: left bottom; }

#specs { float: left; width: 500px; padding: 15px 10px 0 10px; background-color: #f3f3f3; }
#specs ul { display: block; margin: 0 0 10px 0; }
#specs ul li { display: block; margin: 0 0 5px 0; }

#staff {
	border-collapse: collapse;	
}
#staff td { padding: 0 0 30px 0; }
#staff .name { font-size: 14px; }
#staff .roles { color: #7dc901; }


#download > h3 { padding: 10px; color: #75bc01; }
#download > p { padding: 0 0 0 0; font-size: 12px; }
.download { height: 274px; }
.download li { display: block; width: 180px; height: 253px; float: left; padding: 10px; position: relative; margin: 0 5px 0 0; }
.download li.last { margin: 0; }
.download h4 { margin: 0 0 60px 0; font-weight: bold; }
.download .description { font-size: 11px; letter-spacing: -1px; }
.download .link { background-image: url('../../imgs/download/btn.png'); background-repeat: no-repeat; width: 168px; height: 28px; text-align: center; color: #fff; font-weight: bold; padding: 11px 0 0 0; position: absolute; left: 15px; bottom: 10px;  }
.dbtn-1 { background-position: 0 0px; }
.dbtn-2 { background-position: 0 -39px; }
.dbtn-3 { background-position: 0 -78px; }
.dbtn-4 { background-position: 0 -117px; }
.dbtn-5 { background-position: 0 -156px; }
.dbtn-6 { background-position: 0 -195px; }
.dbtn-7 { background-position: 0 -234px; }
.dbtn-8 { background-position: 0 -273px; }
.download a:link, .download a:visited { color: #fff; }
.download a:hover, .download a:active { color: #ccc; text-decoration: underline; }

#rub, #sub { display: block; float: left; width: 220px; border-right: 1px solid #cccccc; padding: 5px 0;  }
#rub li { display: block; border-bottom: 1px solid #e1e1e1; }
#rub li.last { border: 0 none; }
#rub li a { display: block; padding: 10px 0 10px 30px; }
#rub li a:hover, #rub li a:active { background-image:url("../layout/arrow_rub.png"); background-position:200px 3px; background-repeat: no-repeat; }

#rub-inner, #sub-inner { float: left; margin: 0 0 0 10px; }
#rub-inner div.item { display: none; float: left; } 
#rub-inner div.item-left, #rub-inner div.item-right { text-align: justify; float: left; }
#rub-inner div.item-left { width: 550px; }
#rub-inner div.item-right { width: 229px; margin: 0 0 0 10px; }
#rub-inner h3 { padding: 10px; color: #7dc901; }
#rub-inner p { margin: 0 0 20px 0; }
#rub-inner .quote { padding: 10px; font-size: 16px; font-weight: bold; font-style: italic; color: #00a7fd; }

#sub { border: none; text-align: right; }
#sub p { margin: 0 0 5px 0; }
#sub-inner { border-left: 1px solid #cccccc; padding: 0 0 0 10px; width:540px; }
#sub-inner div { clear: both; padding: 0 0 20px 0; margin: 0 0 20px 0; background-image: url("../layout/hr_4.png");  background-position:center bottom; background-repeat: no-repeat; }
#sub-inner div.last { background-image: none; margin: 0; padding: 0; }
#sub-inner h3 { color: #7dc901; }
#sub-inner .date { font-size: 10px; margin: 0 0 10px 0; }
#sub-footer { text-align: right; margin: 20px 0 0 0; }
#sub-footer a { color: #7dc901; }

#contact { float: left; width: 370px; margin: 10px 0 0 0; position: relative; }
#contact input[type="text"], textarea { padding: 3px; width: 95%; background-color: #ccc; color: #333; }
#contact input[type="submit"] { padding: 5px; cursor: pointer; font-size: 12px; }
#contact dl { padding: 0 0 10px 0; }
#contact dt { float: left; }
#contact dd { vertical-align: top; margin-left: 160px; }
#contact-overwall { display: none; position: absolute; top: -5px; left: -5px; background-image: url("../layout/alpha_black.png"); width: 280px; height: 215px; z-index: 80; color: #fff; padding: 150px 50px 0 50px; text-align: center; cursor: pointer; }

.office { float: left; width: 310px; margin: 10px 0 0 5px; text-align: right; padding: 5px; font-size: 11px; }
.office h3 { margin: 0 0 10px 0; }
.office p { margin: 0 0 10px 0; }

.sitemap { padding: 0 0 0 0px; }
.sitemap, .sitemap ul { list-style: none outside; }
.sitemap ul { padding: 3px 0 3px 30px; }
.sitemap li { padding: 3px 0 0 0; }

#footer { margin: 20px 0 0 0; background-image: url("../layout/bg_footer.gif"); background-position: center top; font-size: 11px; padding: 20px 0 0 0; }
#footer-content { width: 1020px; margin: 0 auto; padding: 0 50px 50px 0; }
#footer-content ul { display: block; float: left; width: 110px; border-right: 1px solid #999; padding: 2px 0; float: left; text-align:right;  }
#footer-content ul li { display: block; margin: 3px 8px 3px 0;   }
#footer-content p {  float: left; padding: 0 8px 0 0; width: 170px; text-align: right; margin: 0 0 0 20px; }
#footer-content p.copyright { float: right; width: 250px; }

.go { position: absolute; background-image: url("../layout/bg_btn_go.png"); background-repeat: no-repeat; background-position: left top; right: 15px; bottom: -8px; width: 30px; height: 25px; padding: 15px 0 0 15px; }
.go a:link, .go a:visited { color: #fff; }
.go a:hover, .go a:active { color: #000; }

.btl { background: url("../layout/box_top_left.png") no-repeat left top; }
.btr { background: url("../layout/box_top_right.png") no-repeat right top; }
.btg { background: url("../layout/box_gradient_top.gif") repeat-x; margin: 0 10px; height: 5px; }
.bbl { background: url("../layout/box_bottom_left.png") no-repeat left top;}
.bbr { background: url("../layout/box_bottom_right.png") no-repeat right top; }
.bbg { background: url("../layout/box_gradient_bottom.gif") repeat-x; margin: 0 10px; height: 5px; }
.bc { background: url("../layout/box_bg.gif") repeat-x #f4f4f4; border-right: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; padding: 5px 4px; }

.btlg { background: url("../layout/box_top_left_grey.png") no-repeat left top; }
.btrg { background: url("../layout/box_top_right_grey.png") no-repeat right top; }
.btgg { background: url("../layout/box_gradient_top_grey.gif") repeat-x; margin: 0 10px; height: 5px; }
.bblg { background: url("../layout/box_bottom_left_grey.png") no-repeat left top;}
.bbrg { background: url("../layout/box_bottom_right_grey.png") no-repeat right top; }
.bbgg { background: url("../layout/box_gradient_bottom_grey.gif") repeat-x; margin: 0 10px; height: 5px; }
.bcg { background: url("../layout/box_bg_grey.gif") repeat-x #5a5a5a; padding: 5px 5px; }

.btn-green { display: block; padding: 12px 0 0 0; width: 172px; height: 27px; background-image: url("../layout/bg_btn_1.png"); background-repeat: no-repeat; text-align: center; }
.btn-green a:link, .btn-green a:visited { color: #fff; }
.btn-green a:hover, .btn-green a:active { color: #000; }

.btn-grey { display: block; padding: 10px 0 0 0; width: 119px; height: 25px; background-image: url("../layout/bg_btn_2.png"); background-repeat: no-repeat; text-align: center; }
.btn-grey a:link, .btn-grey a:visited { color: #fff; }
.btn-grey a:hover, .btn-grey a:active { color: #7dc901; }

.left { float: left; }
.right { float: right;  }

.clear { clear: both; }