html { background: #011015; }
body { padding: 0; margin: 0; background: #fff; }
* { padding: 0; margin: 0; font-family: "Trebuchet MS", Verdana; white-space: normal; }
p { font-size: 12px; }
.clr { clear: both; height: 1%; font-size:0px;}
span.par { display: block; margin: 10px 0; }

.no-margin { margin: 0 !important; }
*:focus, a:active, input:active { outline: none; }
*:focus, a:focus, input:focus { -moz-outline-style: none; }

.head-universe { width: 100%; background: url(../img/head-absolute-bg.png) top repeat-x; height: 350px; }
.head-section { width: 1002px; margin: 0 auto; background: url(../img/head-wrap-bg.jpg) no-repeat; height: 350px; }

.head-banner-home { width: 100%; height: 350px; background: url(../img/head-banner-home.jpg) 172px 0 no-repeat;}

.head-content { padding: 10px 5px 0 5px;}
.head-content h1.logo a { display: block; height: 76px; width: 167px; background: url(../img/logo-head.jpg) top left no-repeat; text-indent: -300em; }
.head-content h1.logo a:hover { background-position: bottom left; }
.logo { margin-bottom: 70px; }

.main-nav ul { list-style: none; padding-left: 10px; }
.main-nav ul li a { font-size: 14px; color: #fff; text-decoration: none; padding-left: 13px; background: url(../img/nav-off.gif) no-repeat; font-weight: bold; text-transform: lowercase; }
.main-nav ul li a:hover { text-decoration: underline; }
.main-nav ul li.active {font-size: 14px; color: #00beed; background: url(../img/nav-on.gif) top left no-repeat; padding-left: 23px;font-weight: bold; text-transform: lowercase; }

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

.head-content .right { width: 240px; }
.head-content h6 {  text-shadow: #7d7d7d 0px 1px 0; font-size: 16px; color: #fff; margin-bottom: 5px; }
.head-content h6 a { font-size: 12px; color: #c2c2c2; font-weight: normal; text-decoration: none; float: right; margin-top: 4px; text-shadow: none; }
.head-content h6 a:hover { color: #fff; }

.client-login, .latest-news { margin-bottom: 20px; }
.client-login input.type-text {font-size: 12px; border: 0; padding: 0 6px; height: 18px; width: 90px; background: url(../img/input-user.png) no-repeat; }
.client-login input.type-submit { border: 0; background: url(../img/input-user-ok.jpg) 0px 1px no-repeat; text-indent: -300em; overflow: hidden; font-size: 12px; width: 24px; height: 18xp;}

.latest-news .date-added { background: url(../img/date-balloon.png) no-repeat; padding-right: 8px; width: 52px; height: 55px; color: #707070; text-align: center; float: left; margin-right: 10px; }
.latest-news .date-added .day { text-shadow: #000 1px 1px 1px; font-size: 32px; font-weight: bold; display: block; line-height: 36px; letter-spacing: -1px;}
.latest-news .date-added .month-year { font-size: 12px; display: block; line-height: 14px; letter-spacing: -1px;}
.layout-2-right .date-added .day { text-shadow: #000 0px 0px 1px; font-weight: bold; }
.layout-2-right .latest-news .date-added, .layout-2-left .latest-news .date-added  { background: url(../img/date-balloon-grey.jpg) no-repeat; }
.layout-2-right .latest-news .one, .layout-2-left .latest-news .one { margin-bottom: 10px; }
.text { width: 170px; float: left; }
.layout-2-left .text { width: 640px; }
.layout-2-left .text h1 a { color: #00728e; }
.layout-2-left .text h1 a:hover { color: #000; }
.text h6 a { font-size: 12px; font-weight: bold; color: #fff; text-decoration: none; float: none; margin: 0 !important;}
.text h6 a:hover { text-decoration: underline; }
.layout-2-right h6 a { color: #00728e !important; font-size: 14px; }
.text p { color: #c2c2c2; }
.layout-2-left .text p { color: #464646; }
.text p a { color: #c2c2c2; font-weight: bold; text-decoration: underline; }
.layout-2-left .text p a { color: #444444; }
.text p a:hover { color: #fff;}
.layout-2-left .text p a:hover { color: #000;}
.text ul { margin-left: 50px; }

.quick-offer a { clear: both; display: block; height: 120px; width: 109px; background: url(../img/custom-offer.png) bottom left; text-indent: -300em; overflow: hidden; float: right;}
.quick-offer a:hover { background-position: top left; }

.footer-universe { width: 100%; background: url(../img/footer-absolute-bg.png) bottom repeat-x;  padding-top: 0px; }
.footer-section { width: 1002px; margin: 0 auto; background: url(../img/footer-wrap-bg.jpg) no-repeat; padding-top: 20px; padding-bottom: 20px; }
.footer-section .left { margin-right: 20px; width: 180px; }
.footer-section .right {}
.footer-section { color: #fff; }
.footer-section h1 { color: #fff; font-size: 18px; }
.footer-section ul {list-style: none; }
.footer-section li { line-height: 14px; }
.footer-section li a, .footer-section .right p a { font-size: 12px; color: #999999; text-decoration: none; }
.footer-section li a:hover, .footer-section .right p a:hover { text-decoration: underline; color: #fff; }
.footer-section .right p { padding-left: 20px; }
.rights { text-align: center; margin-top: 10px; }

.address { background: url(../img/address.png) left center no-repeat; }
.phone { background: url(../img/phone.png) left center no-repeat; }
.mail { background: url(../img/mail.png) left center no-repeat; }
.skype { background: url(../img/skype.png) left center no-repeat; }
.facebook { background: url(../img/facebook.png) left center no-repeat; }


.content-section-top { background: url(../img/cont-top.png) top repeat-x; display: block; }
.content-section-bot { background: url(../img/cont-bot.png) bottom repeat-x; display: block; }
.content-section { width: 982px; margin: 0 auto; margin-bottom: 0px; padding: 35px 10px; }
.content-section p { margin: 10px 0; }

.content-section h1, .content-section h2, .main-left h2 { color: #00728e;font-weight: normal; font-size: 24px; letter-spacing: -1px; margin-bottom: 10px; border-bottom: 1px solid #e4e4e4; }
.content-section h1 strong, .content-section h2 strong { font-weight: normal; }


.main-right { width: 680px; float: right; color: #464646; }
.main-right h1 a { color: #00728e;}
.main-right h2 { color: #8d8d8d; font-size: 18px; }
.main-right a { text-decoration: none; color: #444444; text-decoration: underline; }
.main-right a:hover { text-decoration: underline; color: #000;}
.main-right ul { margin-left: 20px; }
.main-right li { font-size: 12px; }
.smaller { font-size: 18px; color: #8d8d8d;}
.project-summary { width: 320px; float: right; }
.project-summary a.title { font-size: 18px; color: #575757; }
.project-summary a.title:hover { color: #000; }
.project-summary a strong { font-weight: normal; }
.image-preview { background-position: 17px 5px; background-repeat: no-repeat; }
.image-preview a { display: block; text-indent:-300em; overflow: hidden; width: 349px; height: 113px; background: url(../img/folio-img-preview.png) no-repeat; }
.main-right .one { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #999999; }

.paging { margin-top: 20px; text-align: right; font-size: 12px; }
.paging a { font-size: 12px; color: #3e3e3e; text-decoration: none; font-weight: normal; padding: 2px 4px; background-color: #f9f9f9; }
.paging a:hover { text-decoration: none; border-bottom: 1px solid black; background-color:#CCCCCC; }
.paging span { font-size: 12px; font-weight: bold; padding: 2px 4px; color: #3e3e3e; background-color: #e3e3e3; border-bottom: 1px solid black; }

.breadcrumbs { font-size: 12px; margin-bottom: 10px; }
.breadcrumbs a { font-weight: normal; color: #8d8d8d;}
.specs { font-size: 12px; }
.project-summary div { margin-bottom: 5px; }
.project-summary div span { color: #00728e; font-weight: bold; }

.main-left { float: left; width: 270px; }
.main-left ul { list-style: none; }
.main-left ul li { font-size: 12px; padding-left: 10px; background: url(../img/bullet-off.jpg) left center no-repeat; margin-bottom: 5px; }
.main-left ul a { text-decoration: none; color: #8d8d8d; font-size: 14px; font-weight: bold; }
.main-left ul a:hover, .main-left ul .active { color: #333333; font-size: 14px; font-weight: bold; }
.main-left ul .active { height: 24px; background: url(../img/menu2-active.jpg) left center no-repeat; padding-top: 6px; }

.style {background: url(../img/bullet-off.jpg) left center no-repeat; color: #00728e !important; font-size: 12px; font-weight: bold; padding-left: 10px;}
.style:hover { color: #000 !important; }
.layout-2-left { width: 710px; float: left; color: #7d7d7d}

.layout-2-right { float: right; width: 240px; }

.cube { width: 541px; margin: 0 auto; }
.cube-container { width:100%; background: url(../img/3d-bg.jpg) bottom center no-repeat; padding-bottom: 50px;}

label { clear: both; float: left; font-size: 12px; margin-right: 10px; width: 200px; text-align: right; }
.input-submit { clear: both; margin-left: 210px; }
.input-text, select, textarea, .input-submit { float: left; font-size: 12px; margin-bottom: 5px; }
.input-text { width: 200px; }
textarea { width: 300px; height: 200px; }
.error { color: #FF0000; clear: both; margin-left: 210px !important; margin-bottom: 5px; }

.simple_overlay { display:none; z-index:10000; background-color:#333; width:800; min-height:102px; border:1px solid #666; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; } 
 
.simple_overlay .close { background-image:url(../img/overlay/close.png); position:absolute;  right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; }

/* -------------- February update ----------------- */

.refer-list { list-style: none; }
.refer-list li { display: block; float: left; }
.refer { display: block; height: 90px; text-indent: -300px; overflow: hidden; margin: 10px;}
.refer:hover { background-position: 0 -90px; }

.clivia { background: url(../resources/refer/thumbs/clivia.png) top left no-repeat; width: 110px;}
.rakovina { background: url(../resources/refer/thumbs/rakovina.png) top left no-repeat; width: 339px; }
.anton { background: url(../resources/refer/thumbs/anton.png) top left no-repeat; width: 74px; }
.pirgos { background: url(../resources/refer/thumbs/pirgos.png) top left no-repeat; width: 82px; }
.konsumativ { background: url(../resources/refer/thumbs/konsumativ.png) top left no-repeat; width: 84px; }

.content-wrap { min-width:600px; }

/* -------------------- March update PROLETNA PROMCIQ --------------------- */

.alternate-style-mid { min-width: 1002px; }
.spring { display: block; background: #eefcd8; }
.spring .alternate-style-top { background: url(../img/spring-top.jpg) top center no-repeat; }
.spring .alternate-style-bot { background: url(../img/spring-bot.jpg) bottom center no-repeat; }
.spring .content-section {}
.spring .content-section-bot { padding-bottom: 260px; }
.alternate-css { margin-left: 530px; margin-top: 300px; width: 400px; }
.spring .button-1, .spring .button-2 { position: relative; top: 27px; left: 13px; display: block; text-indent: -300em; overflow: hidden; float: left; }
.spring .button-2 { left: 21px; }
.button-1 { background: url(../img/spring-btn-1.jpg) top left no-repeat; width: 171px; height: 174px; }
.button-2 { background: url(../img/spring-btn-2.jpg) top left no-repeat; width: 219px; height: 174px; }
.button-1:hover, .button-2:hover { background-position: bottom left; }
.spring a { color: #333333; font-weight: bold; }
.spring .promotion-terms { width: 500px; margin-left: 60px; margin-top: 50px; }
.spring ul { font-size: 12px;  padding-left: 40px;}
.spring h1 { color: #2c2c2c; border-bottom: 1px solid #2c2c2c;}
.banner-spring { display: block; width: 198px; height: 135px; text-indent: -300em; overflow: hidden; background: url(../img/spring-banner-1.png) no-repeat; margin-top: 10px; margin-left: 20px;}
.banner-spring:hover { background-position: bottom; }