/** LAYOUT ************************************************************************************* */
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; background: url(../images/back_page.png) 0 30px repeat-x #000; }
#wrapper { position: relative; margin: 0 auto; width: 980px; }
.home-page .col-1 { float:left; width: 260px; }
.home-page .col-2 { float:right; width: 716px; }
.std-page .col-1 { float:left; width: 160px; }
.std-page .col-2 { float:left; width: 816px; }
.body { position: relative; }
#map_canvas { width: 320px; height: 590px; }
h1 a,
h2 a,
h3 a { text-decoration: none; color: #999; }
h1 a:hover,
h2 a:hover,
h3 a:hover { text-decoration: none; color: #00B4AE; }

.home-spot-wrapper { position: absolute; top: 165px; width: 205px; left: 4px; }

/** HEADER ************************************************************************************* */
.header { height: 30px; width: 980px; background:  url(../images/back_top.png) no-repeat #000; }
.header a { color: #666; }
.header .left { float:left; width: 163px; height: 30px; position: relative; }
.header .center { float:left; width: 400px; height: 30px; position: relative; }
.header .right { float:right; width: 300px; height: 30px; position: relative; }
.header .left .content { padding: 0 0 0 9px; position: absolute; bottom: 0; }
.header .center .content{ padding: 0 0 0 8px; position: absolute; bottom: 0; }
.header .right .content { padding: 0 9px 0 0; position: absolute; bottom: 0; right: 0; }
.nav-item { display: block; float: left; padding: 0px 20px 4px 0px; }
.right .nav-item { display: block; padding: 0px 0px 4px 20px; }
a.nav-item:hover,
a.nav-item-on { color: #00B4AE; }

.lang-img { float: left; display: block; }
.lang-lnk { float: left; display: block; padding: 0 0 4px 4px; }

/** COL-1 ************************************************************************************** */


/** COL-2 ************************************************************************************** */
.wrapper { margin-top: 2px; background: url(../images/neon_pageTop.png) no-repeat;  padding: 47px 0 0 0; position: relative; }
.wrapper .content-shadow { padding: 0 8px 0 8px; background-image: url(../images/borderShadow_page.png); background-repeat: repeat-y; }
.wrapper .content { background-color: #CCC; }
.page-title { position: relative; height: 80px; background: url(../images/back_titleLabel.png) 0 0 repeat-x #333; }
.page-title .content { position: absolute; bottom: 8px; left: 8px; color: #999; font-weight: normal; font-size: 30px; background: none; }


/** HOME *************************************************************************************** */
.home-page .wrapper { background: url(../images/neon_homeTop.png) no-repeat; padding: 17px 0 0 0; margin-top: 16px; }
.home-page .wrapper .content-shadow { background-image: url(../images/borderShadow_full.png); }
.home-page .wrapper div.content { background: url(../images/back_homeBox.png) 0 0 repeat-x #000; }
.home-page .header .left { width: 263px; }

.home-logo-box { text-align: right; padding: 65px 0 0 0; }
.legend-splash .image-legend-back { width: 700px; }
.home-box-wrapper { top: 270px; right: 12px; background: url(../images/neon_homeYellow.png) no-repeat; padding: 17px 0 0 0; position: absolute; }
.home-box-wrapper .content-shadow { padding: 0 8px 0 8px; background-image: url(../images/borderShadow_full_250.png); background-repeat: repeat-y; }
.home-box-wrapper .content { background: #333; width: 250px; }
.home-box-wrapper .box-title { background-color: #333; }
.box-title { font-size: 18px; font-weight: normal; color: #999; padding: 8px 4px 4px 4px; }
.legend-small .image-legend-back { width: 250px; }
.legend-small .image-legend-txt { font-size: 11px; }
.image-legend-txt .em { color: #999; }
.home-product-box { float: left; padding: 0px 5px 15px 5px; width: 206px; }
.home-product-box .title { border-bottom: 1px solid #666; font-weight: normal; color: #00B4AE; font-size: 14px; padding: 0 0 4px 0; margin-bottom: 5px; }
.home-product-box .title a { color: #00B4AE; }
.home-product-box .txt { float:right; width: 110px; color: #CCC; }
.home-product-box .icon { float:left; width: 90px; }

.home-highlight-box { padding: 15px 5px; }
.home-highlight-box .title { font-weight: normal; color: #FFF; font-size: 12px; padding: 5px; margin-bottom: 5px; border-bottom: 1px solid #666; }
.home-highlight-box .item { float:left; width: 223px; }
.home-highlight-box .link { text-decoration: underline; color: #00B4AE; display: block; margin: 0 5px 0 5px; }

/** PAGE **************************************************************************************** */
.page-logo-box { text-align: right; padding: 30px 0 0 0; }
.payoff { background-color: #3d3d3d; color: #999; font-size: 16px; padding: 5px 8px; }
.payoff .em,
.payoff-alpha-content .em { color: #FF9900; }
.payoff-alpha { width: 800px; position: absolute; top: 0; left: 0; background-color: #000; opacity: 0.7; filter:alpha(opacity=70); height: 32px; }
.payoff-alpha-content { position: absolute; top: 0; left: 330px; padding: 5px 0; font-size: 16px; color: #999; }
.abstract { font-family: Georgia, serif; font-size: 13px; color: #333; }

/** SUBNAV ************************************************************************************** */
.sub-nav { position: absolute; top: 20px; left: 20px; list-style-type: none; }
.sub-nav li { float: left; padding-right: 10px; }
.sub-nav a { color: #666; }
.sub-nav a:hover,
.sub-nav a.on { color: #00B4AE; }

/** PRODUCTS ************************************************************************************ */
.product-box-wrapper { float:left; margin-right: 10px; position: relative; background: url(../images/neon_blueSmall_noAlpha.png) 0 30px repeat-x #CCC; }
.product-box-icon { position: absolute; right: 10px; top: 0px; }
.product-box-content { margin-top: 40px; background-color: #333; width: 250px; padding-top: 10px; height: 140px; position: relative; padding-bottom: 40px; }
.product-box-title { color: #999; font-size: 18px; font-weight: normal; height: 60px; padding: 0px 100px 0px 5px; }
.product-box-txt { color: #999; font-size: 12px; padding: 5px 5px 5px 5px; }
.product-box-txt a { color: #FF9900; text-decoration: underline; }
.product-box-but { position: absolute; bottom: 10px; right: 10px; }

/** PROJECTS ************************************************************************************ */
.prj-box { float:left; }
.prj-box-header { height: 57px; background-color: #333; position: relative; }
.prj-box-header h2 { position: absolute; bottom: 0; padding: 5px; font-size: 25px; color: #999; font-weight: normal; }
.prj-box-img { background-repeat: no-repeat; position: relative; }
.prj-box-payoff { position: absolute; top: 0; left: 0; background-color: #333; filter:alpha(opacity=80); opacity: 0.8; height: 30px; }
.prj-box-payoff p { position: relative; font-size: 16px; color: #999; padding: 4px 5px; }
.prj-box-footer { position: relative; height: 40px; background: #7f7f7f url(../images/back_projectShowcase.png) repeat-x; }
.prj-box-moreLink { position: absolute; bottom: 5px; left: 5px; font-size: 10px; color: #FFF; }

.prj1 { width: 520px; margin-right: 8px; }
.prj1 .prj-box-img { width: 520px; height: 155px; }
.prj1 .prj-box-payoff { width: 520px; }

.prj2 { width: 255px; }
.prj2 .prj-box-img { width: 255px; height: 155px; }
.prj2 .prj-box-payoff { width: 255px; }

.prj3 { width: 256px; margin-right: 8px; }
.prj4 { width: 256px; margin-right: 8px; }
.prj5 { width: 256px; }
.prj3 .prj-box-img,
.prj4 .prj-box-img,
.prj5 .prj-box-img { width: 256px; height: 80px; }
.prj3 .prj-box-payoff,
.prj4 .prj-box-payoff,
.prj5 .prj-box-payoff { width: 256px; }
.prj3 .prj-box-payoff,
.prj4 .prj-box-payoff,
.prj5 .prj-box-payoff { height: 26px; bottom: 0; top: auto; }
.prj3 .prj-box-payoff p,
.prj4 .prj-box-payoff p,
.prj5 .prj-box-payoff p { font-size: 12px; color: #FF9900; padding: 6px 10px; }

.prj2 .prj-box-header h2,
.prj3 .prj-box-header h2,
.prj4 .prj-box-header h2,
.prj5 .prj-box-header h2 { font-size: 18px; }

.prj-tit-list { background: url(../images/neon_blueSmall_noAlpha.png) bottom left repeat-x; padding: 10px 5px 10px 5px; color: #00b3ad; float:left; }

.prj-list { background: #CCC url(../images/back_list.png) repeat-x; padding: 10px 5px; }
.prj-list-item { font-size: 14px; color: #666; padding-top: 8px; }
.prj-list-name { float:left; padding: 0 0 10px 2px; width: 320px; display: block;  color: #666; }
.prj-list-client { float:left; color: #ff9900; padding: 0 0 10px 0; }
.prj-list-date { float:right;  padding: 0 2px 10px 0;}

/** PRODUCT DETAIL ****************************************************************************** */
.prd-detail-ico { position: absolute; top: 55px; right: 15px; }
.prd-detail-col1 { float:left; width: 458px; padding-top: 55px; font-family: Georgia, serif; font-size: 13px; color: #333; }
.prd-detail-col2 { float:right; width: 313px; padding-top: 236px; }
.prd-detail-section-tit { font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; padding: 10px 0; }
.prd-detail-feature { padding: 10px 0; }
.prd-detail-feature-tit { font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #666; padding-bottom: 5px; }
.prd-detail-feature-ico { width: 95px; float:left; }
.prd-detail-feature-txt { width: 347px; float:left; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #333; }

.prd-info-box-blue   { background: #333 url(../images/neon_blueSmall_noAlpha.png) repeat-x; margin: 10px 0; }
.prd-info-box-orange { background: #333 url(../images/neon_yellowSmall_noAlpha.png) repeat-x; margin: 10px 0; }
.info-box-content { padding: 20px 5px 10px 5px; color: #CCC }
.info-box-tit { font-size: 18px; color: #999; font-weight: normal; }
.prd-info-box-blue .info-box-content a   { color: #00b3ad; text-decoration: underline; }
.prd-info-box-orange .info-box-content a { color: #ff9900; text-decoration: underline; }

.prd-detail-download-item { padding: 5px 0px; }
.prd-detail-download-ico { width: 66px; float: left; }
.prd-detail-download-txt { width: 242px; float: left; padding-top: 8px; }
.prd-detail-download-txt a { text-decoration: underline; color: #333; }

/** PROJECT DETAIL ****************************************************************************** */
.prj-detail-col1 { width: 320px; float: left; background-color: #333; color: #ccc; }
.prj-detail-col2 { width: 480px; float: right; padding-top: 40px; }

.prj-detail-client-data { padding: 5px; }
.prj-detail-client-data-col1 { float:left; width: 210px; }
.prj-detail-client-data-col2 { float: right; width: 90px; }
.prj-detail-client-data-col1 h2 { font-size: 18px; color: #999; font-weight: normal; height: 65px; }
.prj-detail-client-data a { color: #00b3ad; }

.prj-detail-products { padding: 15px 5px 5px 5px; }
.prj-detail-products-tit { font-size: 18px; font-weight: normal; color: #999; }
.prj-detail-product { padding-top: 10px; }
.prj-detail-product-col1 { float: left; width: 70px; }
.prj-detail-product-col2 { float: left; width: 230px; padding-top: 5px; }
.prj-detail-product-link { color: #00b3ad; text-decoration: underline; }
.prj-detail-product-txt {  }

.prj-detail-tit { font-size: 16px; color: #333; font-weight: normal; padding-bottom: 15px; }
.prj-detail-txt { font-family: Georgia, serif; font-size: 13px; color: #333; }
.prj-detail-txt ul { list-style-type: square; margin-left: 20px; padding-top: 10px; }
.prj-detail-txt ul li { padding: 0 0px 10px 0px; }

.prj-detail-partners-top { background: url(../images/neon_blueSmall_noAlpha.png) bottom left repeat-x; }
.prj-detail-partners-list { background: #ccc url(../images/back_list.png) repeat-x; color: #333; padding: 5px 0px 5px 5px; }
.prj-detail-partners-list a { color: #00b3ad; text-decoration: underline; }
.prj-detail-partners-tit { color: #999; font-size: 18px; padding: 5px 0px; font-weight: normal; }
.prj-detail-partners-item { float: left; width: 210px; margin-right: 15px; padding: 5px 0; }
.prj-detail-partners-item-data { padding: 5px 2px 0 2px; }

/** MONO **************************************************************************************** */
.mono-col1 { width: 320px; float: left; }
.mono-col2 { width: 480px; float: right; padding-top: 40px; }
.mono-tit { font-size: 16px; color: #333; font-weight: normal; padding-bottom: 15px; }
.mono-txt { font-family: Georgia, serif; font-size: 13px; color: #333; }
.mono-txt a:hover { color: #00B4AE; }
.mono-txt a { color: #333; }

/** JOBS **************************************************************************************** */
.job-box-accordion-but { padding: 5px 0px 0px 5px; }
.job-box-content { padding: 15px 0px 0px 0px; background: #FFF url(../images/job-content-bg.png) 0 0 repeat-x; display: none; }
.job-box-content-text { font-family: Georgia, serif; color: #666; padding: 0px 10px 10px 10px; }
.job-box-wrapper { padding: 4px 0 30px 0; background: url(../images/job_wrapper_bg.png) 0 0 repeat-x; }
.job-box-header { height: 80px; position: relative; background:  url(../images/jobs_headerBack.jpg) 0 0 repeat-x; }
.job-box-title { font-size: 16px; color: #666; position: absolute; top: 5px; left: 5px; }
.job-box-cod { font-size: 16px; color: #ff9900; position: absolute; top: 5px; right: 5px; }
.job-box-footer { background:  url(../images/job_footer_bg.png) 0 0 repeat-x; height: 44px; }
.job-box-form { position: relative; height: 41px; background: url(../images/job-form-bg.png) 0 0 repeat-x;  }
.job-box-submit { position: absolute; right: 5px; top: 4px; }
.job-box-form label { color: #999; padding-right: 15px; }
.job-box-form form { padding: 10px 5px 0px 5px; }
.job-auto-box { padding: 10px; background: #3d3d3d url(../images/jobs_cvTopBorder.gif) 0 0 repeat-x ; color: #999; }
.job-auto-box h3 { font-weight: normal; font-size: 16px; padding-bottom: 15px; }
.job-auto-box label { display: block; padding-bottom: 5px; }
.job-auto-box .col-1 { width:300px; float: left; }
.job-auto-box .col-2 { width:300px; float: left; }
.job-form-field { width: 250px; }
.job-auto-box a { color: #999; }

/** SPRITES ************************************************************************************* */
.sprite-link .sprite-login { width: 79px; height: 32px; background-position: 0 0; }
.sprite-link:hover .sprite-login { background-position: 0 -32px; }
.sprite-link .sprite-prdMore { width: 79px; height: 32px; background-position: 0 0; }
.sprite-link:hover .sprite-prdMore { background-position: 0 -32px; }
.sprite-link .sprite-contactMe { width: 262px; height: 32px; background-position: 0 0; display: block; margin: 0 auto; }
.sprite-link:hover .sprite-contactMe { background-position: 0 -32px; }
.sprite-link .sprite-job-open { width: 212px; height: 32px; background-position: 0 0; }
.sprite-link .sprite-job-close { width: 76px; height: 32px; background-position: 0 0; }
.sprite-link .sprite-job-submit { width: 125px; height: 32px; background-position: 0 0; }
.sprite-link .sprite-job-auto-submit { width: 237px; height: 32px; background-position: 0 0; }
.sprite-link:hover .sprite-job-auto-submit,
.sprite-link:hover .sprite-job-open,
.sprite-link:hover .sprite-job-submit,
.sprite-link:hover .sprite-job-close { background-position: 0 -32px; }

/** FORMS *************************************************************************************** */
.input-login { width: 100px; }
fieldset { border: 0; }
.block-label { display: block; padding-bottom: 5px; }
.form-feed-ok { padding: 10px 0 0 45px; font-size: 16px; color: #698D2F; height: 40px; background: url(../images/feed_ok_bg.png) 0 0 no-repeat; }
.form-feed-ko { padding: 10px 0 0 45px; font-size: 16px; color: #ff9900; height: 40px; background: url(../images/feed_ko_bg.png) 0 0 no-repeat; }

/** POPUP *************************************************************************************** */
.pop-page h1 { font-size: 25px; padding-bottom: 20px; }

/** SOCIAL ************************************************************************************** */
.social-box { padding-top: 213px; color: #666; }
.social-box-tit { color: #666; padding: 0px 0 20px 0; }
.social-box-content { padding: 5px; }
.social-box-content a { display: block; padding-bottom: 5px; color: #666; }

/** FOOTER ************************************************************************************** */
.page-address,
.footer { color: #999 }
.page-address a,
.footer a { color: #999 }
.footer-address { float: left; width: 200px; color: #999 }
.footer-jobs { float: right; width: 435px; }
.footer-jobs .content { width: 430px; }
.footer-reserved { float: right; width: 265px; }
.footer-reserved .content { width: 250px; }

.page-address { position: absolute; bottom: 0px; left: 0px; }

.footer .box-title { height: 52px; background: url(../images/back_bottomBox.png) 0 0 repeat-x; padding:0 }
.footer .box-title h3 { font-size: 18px; color: #999; padding: 15px 0px 0 5px; line-height: 18px; font-weight: normal; }
.footer .box-content { height: 125px; background-color: #333; }
.footer .box-content p { padding: 10px; }
.footer .box-content a { color: #00B4AE; }