﻿@charset "utf-8";
/* CSS Document */

body{ background:#EEEAE2 url(../images/bg.png) repeat-x 0 0; color:#5D5E58; font:normal 12px Arial, Helvetica, sans-serif;}
body, div, form, h1, h2, h3, h4, h5, p, ul, ol, li{ margin:0; padding:0;}
#wrapper{ width:100%;}
#header{ width:997px; margin:0 auto; position:relative; height:241px;}
#header .logo{ position:absolute; top:12px; left:0;text-indent:-9999pt;width:149px; height:229px;}
#header .logo a{background: url(../images/asian-energy-logo.png) no-repeat;display:block;height:229px;width:149px;}
a, .questionbox span{ color:#FF6D00; text-decoration:underline; outline:none;}
a:hover{ color:#FF6D00; text-decoration:none;}

.menu{float:left; margin:43px 0 0 209px; display:inline;}
.menu li{ display: inline; list-style:none; }
.menu li a{ color:#F89945; text-decoration:none; font-size:14px; padding:0 12px; text-align:left;}
.menu li a:hover, .menu li a.active{ color:#FFFFFF; text-decoration:none;}

.searchbox{ float:right; margin:44px 0 0 0;width:147px; background:url(../images/search-sprite.png) repeat-x 0 -23px; height:22px;}
.searchbox .sb-lt{ float:left; background:url(../images/search-sprite.png) repeat-x 0 0; height:22px; width:8px;}
.searchbox input{ float:left; width:108px; background:none; border:0; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:11px; height:18px; padding-top:4px; line-height:12px;}
.searchbox .search-btn{ width:29px; height:22px; float:right; padding-top:0;}

.siteSlogan{color:#FFFFFF;font-size:32px; float:left; clear:both; position:absolute; top:79px; left:149px; width:848px; vertical-align:middle;}
.siteSlogan .ss-lt{ float:left; width:708px;background:url(../images/slogan-bg-sprite.png) repeat-x; height:100px; line-height:normal; padding:63px 65px 0 65px; text-align: center;}
.siteSlogan .ss-rt{ float:left; background:url(../images/slogan-bg-sprite.png) repeat-x 0 -163px; width:10px; height:162px;}

#content{ border-left:#ADA491 1px solid;  border-right:#ADA491 1px solid; background:#E7E4DE url(../images/content-bg.png) repeat-x 0 0; width:939px; padding:20px 28px 20px 28px; margin:0 auto; clear:both;}
.leftcontent{ float:left; width:645px;}
.leftcontent h2{ font-size:20px; margin-bottom:15px;}
.leftcontent p{margin-bottom:10px;}
/*.leftcontent p a{ color:#ff7d00; text-decoration:underline;}
.leftcontent p a:hover{ color:#ff7d00; text-decoration:none;}*/
.more{ text-align:right; font-size:14px;}
.more a{ color:#FF6B00; text-decoration:none;}
.more a:hover{ color:#FF6B00; text-decoration:underline;}
.rightbar{ float:left; width:273px; padding:10px 0 0 20px;}
.rightbar .news{width:269px; border:#B7B6AF 1px solid; background:#fff url(../images/rightbar-box-bg-repeat.png) repeat-x 0 38px; margin-bottom:40px;}
.rightbar .news ul{ padding:10px;}
.rightbar .news li{ list-style:none; margin-bottom:10px; background:url(../images/bullet.png) no-repeat left 5px; padding-left:10px; }
.rightbar .news li a{ color:#6B6B65; text-decoration:none;}
.rightbar .news li a:hover{ color:#6B6B65; text-decoration:underline;}

.rightbar .modules{ margin-bottom:40px;}
.rightbar .careers{}

.csscurve{ padding:10px 0; width:645px; clear:both; position:relative; z-index:3;}
.csscurve h1{ color:#464842; font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-weight:bold; font-size:36px; letter-spacing:-1px;}
.csscurve p{ font-size:14px; padding-bottom:22px; color:#5D5E58;}
.tl{ float:left; background:url(../images/curve-sprite.png) no-repeat; width:18px; height:81px; font-size:0;}
.tc{ float:left; background:url(../images/curve-sprite.png) repeat-x 0 -166px; width:584px; height:46px; padding-top:35px; padding-left:25px;}
.tr{ float:left; background:url(../images/curve-sprite.png) no-repeat 0 -83px; width:18px; height:81px;font-size:0;}
.cc{clear:both; background:#fff url(../images/cc-bg.png) repeat-x;border-left:#B7B6AF 1px solid;  border-right:#B7B6AF 1px solid; width:555px; padding:0 44px;}
.bl{float:left; background:url(../images/curve-sprite.png) repeat-x 0 -269px;width:18px; height:18px;font-size:0;}
.bc{float:left; background:#fff ;border-bottom:#B7B6AF 1px solid;width:609px; height:17px;font-size:0;}
.br{float:left; background:url(../images/curve-sprite.png) repeat-x 0 -249px; width:18px; height:18px;font-size:0;}

.tl-2-active{ background-position:0 -290px;}
.tl-2{ background-position:0 -373px;}
.tr-2{ background-position:0 -456px;}
.tc-2{ width:879px;}
.cc-2{ width:850px;}
.bc-2{ width:904px;}
.page{ width:800px;}
.csscurve2{ width:940px;}

.image{ padding-bottom:25px;}
.image2{ margin:0 29px;}

.tabmenu{ width:100%;float:left; bottom:-12px; z-index:1; left:0; position:relative;display:inline;}
.tabmenu a{ font-weight:bold; background:url(../images/tab-sprite.png) repeat-x 0 -35px; height:34px; color:#fff; float:left;text-decoration:none; line-height:34px; padding:0 9px; border-left:#FF9836 1px solid; border-top:1px solid #C7C6BF; text-transform:uppercase;}
.tabmenu a:hover, .tabmenu a.active-tab{ background:url(../images/tab-sprite.png) repeat-x 0 0; text-decoration:none; border:1px solid #B7B6AF; border-bottom:0; border-right:0; color:#464842;}
.sub-title{ background:#CE5C0D;color:#fff; font-size:14px; float:left; width:auto; margin-bottom:15px;}
.sub-title div{ background:#FF6D00; border:1px solid #FC902F; margin:1px; padding:4px 9px;}
.applicationForm, .contactForm{ clear:both;}
.applicationForm p{padding:25px 0 15px 0; display:block; clear:both; line-height:18px;}
.applicationForm .row, .contactForm .row-2{ display:block; margin-bottom:10px; float:left; width:100%;}
.contactForm .row-2{ margin-bottom:16px;}
.applicationForm label{ float:left; text-align:right; width:170px; margin-right:10px; cursor:pointer; margin-top:6px; font-size:14px;}
.applicationForm select{font:normal 12px Arial, Helvetica, sans-serif;color:#6F6F6F;}
.applicationForm .col-field, .contactForm .col-field-2{ float:left; width:246px;border:1px solid #ccc;  }
.applicationForm .input-lt, .contactForm .input-lt-2{ float:left; background:url(../images/form-input-sprite.png) no-repeat left 0; width:11px; height:27px;}
.applicationForm input, .contactForm input{ float:left;border:0; height:20px; padding:6px 10px 0 0; width:225px; font:normal 12px Arial, Helvetica, sans-serif; background:url(../images/form-input-sprite.png) repeat-x 0 -28px;color:#6F6F6F;}
.applicationForm textarea, .contactForm textarea{ background:url(../images/textarea.png) no-repeat left top; border:0; width:470px; height:128px; padding:3px;border:1px solid #ccc;overflow:auto; font:normal 12px Arial, Helvetica, sans-serif; color:#6F6F6F;}
.applicationForm textarea{ border:0;}
.contactForm label{ margin-bottom:5px; display:block; font-size:14px;cursor:pointer;}
.contactForm select, .applicationForm select{ width:245px; padding:5px; border:0; background:#fff url(../images/textarea.png) no-repeat left top;font:normal 12px  Arial, Helvetica, sans-serif; color:#666666;}
.contactForm .c-submit-btn, .applicationForm .af-submit-btn{ background:none; width:70px; height:27px;padding:0;}
.contactForm .c-r-1, .contactForm .c-r-2{ float:left; width:50%;}


.list, .pr-list{ clear:both; background:#EDEDED; padding:1px; float:left; width:555px; margin-right:7px; font-size:14px;}
.list ul li, .pr-list ul li{  list-style:none; display:inline; float:left; width:349px; padding:0 0 0 18px;}

.list ul li.l-t-lt{ text-align:left; padding-left:18px; clear:both;}
.list ul li.l-t-rt{ text-align:right; width:450px; padding-right:18px;}
.list ul.list-title, .pr-list ul.pr-list-title{ background:#464842; font-weight:bold; color:#fff; height:34px; line-height:34px; text-transform:uppercase;}
.list ul.list-detail, .pr-list ul.pr-list-detail{ padding:10px 0 15px 0; width:auto; display:block; float:left;} 
.list ul.list-detail li, .pr-list ul.pr-list-detail li{ padding-top:8px; padding-bottom:8px; border-bottom:1px solid #CECECE;}
.pr-list ul.dl-list-detail{ padding:10px 0 1px 0; float:left;}
.pr-list ul.dl-list-detail li{ float:left;border-bottom:0; padding-top:6px; padding-bottom:1px;}
.pr-list{ width:830px;}
.pr-list .pr-date{ width:125px; clear:both;}
.pr-list .pr-title{ width:618px; color:#464842;}
.pr-list .dl-title{ width:694px;}
.pr-list .dl-download{ width:100px;vertical-align: middle; text-align:center;}
.pr-list ul li.print{ width:33px;text-align:center; padding-bottom:11px !important; padding-bottom:8px; line-height:70%;}
.pr-list ul li.print img, .pr-list .dl-download img{ border:0;}
.pr-list ul.pr-list-detail{ padding-bottom:1px;}
.pr-list ul li.list-bdr{ border-bottom:1px solid #CECECE; float: left; width:98%;}
.navigation{ background:#89867F; clear:both; padding:0 15px; text-align:right;}
.navigation a{ color:#fff; text-decoration:none; height:34px; line-height:34px; padding:0 5px;}
.navigation a:hover, .navigation a.nav-active{ color:#464842; text-decoration:underline;}
.rss{ background:url(../images/rss-icon.png) no-repeat 10% 0; font-size:14px; color:#FF6B00; margin-bottom:10px; padding:3px 0;}
.year-link a, .year-link{ color:#6B6B65; text-decoration:none;}
.year-link a:hover{ color:#FF7400; text-decoration:none;}
.year-link a.yl-active{ color:#FF7400; text-decoration:none; border-bottom:1px solid #ff7400;}

.faq{ background:#f4f4f4; display:block; float:left; width:96.2%; padding:16px;}
.faq .answerbox, .faq .questionbox{background:#fff; border:1px solid #B7B6AF;}
.faq .answerbox{ width:528px;float:right; margin-left:14px;}
/*.faq .answerbox{ width:528px;float:left; margin-right:14px;}*/
.faq .questionbox{width:271px; float:left;}
.faq .faq-title{ background:url(../images/faq-title-bg.png) repeat-x; color:#FFFFFF; font:bold 17px "Arial Black"; text-transform:uppercase; height:33px; padding-top:5px; padding-left:20px; margin-bottom:19px;}
.faq h4{ text-transform:uppercase; font-size:18px; color:#FF8200; font-weight:normal; margin-left:20px;}
.faq ul{ padding:10px 17px; font-size:12px;}
.faq ul li{ padding-bottom:8px;}
.faq p{ padding:0 17px 15px 17px;}
.faq-link{ display:block; float:left; width:100%; background:url(../images/faq-link-bg.png) repeat-x 0 -39px;}
.faq-link li{ display:inline; list-style:none; float:left; background:url(../images/faq-link-separator.png) no-repeat right 0; padding-right:2px;}
.faq-link li a{ float:left; color:#fff; text-decoration:none; text-transform:uppercase; font-weight:bold; padding:10px 19px;}
.faq-link li a:hover{color:#fff; text-decoration:underline; background:url(../images/faq-link-bg.png) repeat-x 0 -76px; }
.faq-link li a.fl-active{text-decoration:none; background:url(../images/faq-link-bg.png) repeat-x 0 0;}

.product-feature{ padding:10px 0; font-size:14px; line-height:18px;}
.product-feature li{ background:url(../images/bullet.png) no-repeat left 5px; list-style:none; padding:0 0 15px 10px;}

.projectProfile{ float:left; padding-top:10px;}
.projectProfile h3{ text-transform:uppercase; font-size:14px; margin-bottom:10px;}
.projectProfile .d-p-lt{ float:left; width:336px; margin-right:56px;}
.projectProfile ul{ margin-top:20px;}

.view-opening-btn{ position:absolute; right:20px; top:40px;}
.view-opening-btn a{ background:url(../images/view-opening-btn.png) no-repeat 0 0; width:118px; height:27px; display:block; text-indent:-9999pt;}

.commercial{ margin-top:10px;}
.commercial h3{ font-size:14px; text-transform:uppercase; font-weight:normal; background:#464842; color:#fff; padding:6px 11px 5px 11px; margin-bottom:18px;}
.commercial ul{padding:0 24px 10px 24px; font-size:14px;}
.commercial ul li{ list-style:none; display:inline; float:left; width:82px; margin-bottom:15px;}
.commercial ul li.com-l-1{ clear:both; color:#FF6D00;}
.commercial ul li.com-l-2{width:172px; color:#464842}
.commercial .com-small, .commercial .com-large{ width:302px; float:left; background:#E7E4DE; padding:1px;}
.commercial .com-large{ margin-right:40px;}


.info{  background: url(../images/info-img.png) no-repeat 7px 19px; padding:30px 20px 30px 47px; }
.clear{ clear:both; font-size:0; line-height:0;height:0;}

#footer-wrap{clear:both; width:100%; height:302px; background:url(../images/footer-repeat.png) repeat-x;}
#footer{ width:997px; margin:0 auto;}
#footer h2{ color:#464842;letter-spacing:-1px; font:normal 28px "Arial Black"; padding:24px 0;}
#footer .copyrite{ text-align:center; height:37px; padding-top:28px; margin-bottom:26px;}
.flbox{ float:left; width:482px; padding:0 0 0 16px; background:url(../images/footer-separator.png) no-repeat 100% 0; height:205px;}
.frbox{ float:left;width:430px; padding:0 34px 0 34px}
.frbox p{ padding-right:74px; margin-bottom:20px;}
.frbox input{ float:left; width:222px;height:22px; background:url(../images/footer-input-sprite.png) repeat-x 0 -29px; border:0; line-height:15px; padding-top:5px;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#464842;}
.frbox .box-lt{ float:left; width:11px; height:27px; background:url(../images/footer-input-sprite.png) no-repeat;}
.frbox .box-rt{ float:left; width:11px; height:27px; background:url(../images/footer-input-sprite.png) no-repeat 0 -58px;}
.frbox .email-submit-btn{ width:70px; height:27px; margin-left:10px; padding:0;}
.flbox li{ font-size:14px; list-style:none; padding-left:10px; line-height:18px; padding-bottom:2px;}
.flbox li a{ color:#565656; text-decoration:none;}
.flbox li a:hover{ color:#000; text-decoration:underline;}
.flbox li  img{ border:0; vertical-align:middle; margin-right:10px;}

.bottom_title{padding-top:20px;padding-bottom:20px;}

/* Borut Jegrisnik (borut@medianova.hr) */
.form-error {font-size:10px !important; color:#FF6D00 !important; margin-bottom:0px !important; padding-bottom:0px !important;}

