﻿*{margin:0px; padding:0px}
#wrapper{background:url(images/header.jpg) no-repeat center top}
body{background:#002227}
a{color:#906;text-decoration: none;outline:none}
a:hover{color: #066;}
a img{border:none; outline:none}
.clr{clear:both}
.float{margin:0px 10px; display:inline; float:left; position:relative}
.overflow{overflow:hidden}
.cont960{width:960px; margin-right:auto; margin-left:auto}
.cont460{width:460px}
.contpage{width:700px}
.contmenu {width:240px}
.cont300{width:300px; padding-right:10px; padding-left:10px; float:left}
.cont3001{width:300px; margin-left:10px; float:left}
#header{height:200px}
#logo{height:85px; padding-top:70px}
#logo h1 a{height:60px; width:300px; display:block}
#logo h1 a span{display:none}
#menu{height:45px; overflow:hidden}
ul#nav, ul#lang, ul{list-style:none}
ul#nav li, ul#lang li{display:inline}
ul#nav{float:left}
ul#nav li a{font:bold 12px/45px Arial,Helvetica,sans-serif; text-transform:uppercase; color:#FFF; background:url(images/nav.jpg) repeat-x center -2px; height:45px; padding:0px 20px; display:block; float:left; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; border:1px solid #00323D; margin:0px 15px 0px 0px; text-decoration:none}
ul#nav li  a:hover{background:url(images/nav.jpg) repeat-x left -100px; border-top:1px solid #912366; border-right:1px solid #912366; border-bottom:1px none #912366; border-left:1px solid #912366}
ul#nav li  a.current{background:url(images/nav.jpg) repeat-x center -50px}
ul#lang{float:right; height:60px; width:60px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:15px; border:1px solid #01353D; background:url(images/nav.jpg) repeat-x center -2px; overflow:hidden; padding:0px 5px}

ul#lang li{float:left; height:15px; width:20px; margin:12px 5px 0px}
ul#lang li a.en{background:url(images/en.gif) no-repeat left top; display:block; height:15px; width:20px}
ul#lang li a.en:hover{background:url(images/en.gif) no-repeat left bottom}
ul#lang li.active a.en{background:url(images/en.gif) no-repeat left bottom}

ul#lang li a.bg{background:url(images/bg.gif) no-repeat left top; display:block; height:15px; width:20px}
ul#lang li a.bg:hover{background:url(images/bg.gif) no-repeat left bottom}
ul#lang li.active a.bg{background:url(images/bg.gif) no-repeat left bottom}

h2{font:normal 20px/30px Arial,Helvetica,sans-serif; color:#000}
h3{font:normal 20px/25px Arial,Helvetica,sans-serif; color:#666}
h4{font:bold normal 16px/25px Arial,Helvetica,sans-serif; color:#000}
p{font:12px/20px Tahoma,Geneva,sans-serif; color:#666}
#content-wrapper{background:#F2F2F2 url(images/headlines-bg.jpg) repeat-x left -40px}

#content{padding-bottom:20px}
.headline{height:80px; width:960px; overflow:hidden; padding-bottom:10px}
.headline .left{float:left; height:45px; width:660px; background:url(images/header_arrpow.jpg) no-repeat 10px bottom; padding:15px 0px 20px; display:block}
.headline .left h2{text-transform:uppercase}
.headline .left h2 img{vertical-align:middle; padding-right:10px; padding-left:10px}
.headline .right{float:right; width:285px; display:block; padding-right:15px; padding-top:10px}
a.get{background:url(images/get.jpg) left top; clear:right; float:right; height:30px; width:180px; font:bold 16px Arial,Helvetica,sans-serif; color:#FFF; padding-left:40px; text-decoration:none; padding-top:10px}
a.get:hover{background:url(images/get.jpg) left bottom}

.projects{display:block; padding-bottom:20px}
.bor1{-moz-border-radius:5px; -webkit-border-radius:5px; border:5px solid #E9E9E9; background:#F3F3F3}
.bor2{-moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #fff}
.welcome{height:auto;width:940px;margin:auto auto 20px;}
.welcome h3{color:#333;	background: url(images/welcome_h3.png) no-repeat left top;height: 73px;	width: 940px;line-height: 60px;}

.welcome-in, .page{padding:10px; background:url(images/inbox-bg.png) repeat-x center top}
.page p{font:13px/21px Verdana,Geneva,sans-serif; margin-bottom:10px; color:#333}
.page ul{margin-top:10px; margin-bottom:20px; margin-left:40px; color:#666}
.page ul li{font:13px/23px Verdana,Geneva,sans-serif; list-style:none; background:url(images/bullet.gif) no-repeat left 5px; padding-left:18px}
.block1{float:left; width:220px; margin-right:10px; margin-left:10px; display:inline}
.block1 a img{padding:1px; border:4px solid #E9E9E9; -moz-border-radius:5px; -webkit-border-radius:5px}
.block1 a:hover img{border:4px solid #DDD}
.debug{background:#0F0}
span.btitle{float:left; display:block; width:190px}
a.link{background:url(images/link.gif) no-repeat left top; float:right; height:16px; width:16px; text-decoration:none; display:block; margin-top:2px; margin-right:5px}
a.link:hover{background:url(images/link.gif) no-repeat left bottom}
#blocks{padding-top:20px; padding-bottom:20px; width:960px; overflow:auto}
.block{float:left; width:220px; margin-right:10px; margin-left:10px}

.middle{padding-top:30px}
.smc-block h2{margin-bottom:25px}
.smc-block h2 img{vertical-align:middle; padding-right:10px}
.adr1{padding:10px 0px 10px 20px; background:url(images/phone.gif) no-repeat 15px 18px}
.pad{padding:10px}
p.company{padding-bottom:42px}
span.skype{background:url(images/ico_skype.gif) no-repeat left center; padding-right:15px; padding-left:20px}
span.e-mail{background:url(images/ico_mail.gif) no-repeat left center; padding-left:28px}
ul.services{list-style:none; padding-left:20px}
ul.services  li{font:13px/23px Verdana,Geneva,sans-serif; color:#666; background:url(images/bullet.gif) no-repeat left 5px; padding-left:18px}
/*forms*/
.contacts{width:350px; float:right; margin-top:10px; margin-right:10px}
.contacts p{margin:0px}
.contacts .bor1{margin-bottom:15px; background:url(images/inbox-bg.png) repeat-x left top}
li .reqtxt, li .emailreqtxt {
	display:none;
	visibility: hidden;
}
/*forms*/
/* jQuery lightBox pluginThis jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) */
#jquery-overlay{position:absolute; top:0; left:0; z-index:90; width:100%; height:500px}
#jquery-lightbox{position:absolute; top:0; left:0; width:100%; z-index:9000; text-align:center; line-height:0}
#jquery-lightbox a img{border:none}
#lightbox-container-image-box{position:relative; background-color:#000; width:250px; height:250px; margin:0 auto}
#lightbox-container-image{padding:10px}
#lightbox-loading{position:absolute; top:50%; left:0%; height:25%; width:100%; text-align:center; line-height:0}
#lightbox-nav{position:absolute; top:0; left:0; height:100%; width:100%; z-index:9001}
#lightbox-container-image-box >#lightbox-nav{left:0}
#lightbox-nav a{outline:none}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext{width:49%; height:100%; display:block}
#lightbox-nav-btnPrev{left:0; float:left}
#lightbox-nav-btnNext{right:0; float:right}
#lightbox-container-image-data-box{font:10px Verdana,Helvetica,sans-serif; background-color:#000; margin:0 auto; line-height:1.4em; overflow:auto; width:100%; padding:0 10px 0}
#lightbox-container-image-data{padding:0 10px; color:#ccc}
#lightbox-container-image-data #lightbox-image-details{width:70%; float:left; text-align:left}
#lightbox-image-details-caption{font-weight:bold}
#lightbox-image-details-currentNumber{display:block; clear:left; padding-bottom:1.0em}
#lightbox-secNav-btnClose{width:24px; float:right; padding-bottom:0.7em}

.debug{background:#0FF}
#footer{border-top:5px solid #001417; background:url(images/footerbg.png) no-repeat center top; padding-top:10px; padding-bottom:30px}
#footer p{color:#005F6C; font:10px Verdana,Geneva,sans-serif; margin:0px; padding:0px}
#footer .left{float:left; padding-left:10px}
#footer .right{float:right; padding-right:10px}
/*portfolio format*/
.portfolio{background:url(images/pfcont_bg.gif) repeat-x left bottom; margin:0px 0px 20px; padding:0px 0px 21px}
.portfolio h3{font:19px Arial,Helvetica,sans-serif; color:#000; padding-bottom:20px}
.pf_image a{display:block; height:190px; width:440px; overflow:hidden; border:10px solid #FFF; background:#FFF}
.pfcont .top_pf{height:180px}
.pfcont .bot_pf{height:30px}
.pfcont .bot_pf img{vertical-align:middle}
.pfcont .bot_pf a{font:12px Arial,Helvetica,sans-serif; color:#906; text-decoration:none}

.pfcont .bot_pf a:hover{color:#000; text-decoration:underline}

a.pf_pad{padding:0px 30px 0px 0px; float:right}

.p_left{float:left}
.p_right{float:right}

/*page pagination*/
.pagination{font:12px Verdana,Geneva,sans-serif; color:#666; display:block; padding:20px 0px}
.pagination a{color:#9F1497; background:url(images/pag_normal.jpg) repeat-x left top; border:1px solid #CCC; margin-right:4px; padding:5px 8px; text-align:center; text-decoration:none}
.pagination a:hover, .pp-paginate a:active{color:#FFF; background:url(images/pag_hover.jpg) repeat-x left top; border:1px solid #A91971}
.pagination .pp-title{color:#666; background:url(images/pag_normal.jpg) repeat-x left top; border:1px solid #CCC; margin-right:4px; padding:5px 8px; font-family:Verdana,Geneva,sans-serif}
.pagination .pp-gap{color:#999; margin-right:4px}
.pagination .pp-current{color:#fff; background:url(images/pag_current.jpg) repeat-x left top; border:1px solid #00333A; margin-right:4px; padding:5px 8px}
.pagination .pp-page{}
.pagination .pp-prev, .pp-paginate .pp-next{}
#prev span, #next span{color:#ccc}/* lighter than the normal anchor text */


/* Easy Slider */
/*slide divs*/
.slideholder { position:relative; background: url(images/welcome_line.png) no-repeat center bottom;padding: 0px 0px 2px;}
.slides {height: 290px;	width: 940px;display: block;}
.slides .left {	height: 204px;}
.slides .left h4 {font: 20px/50px Arial, Helvetica, sans-serif;	color: #666;}
.li {font: 12px/25px Verdana, Geneva, sans-serif;color: #666;background: url(images/bullet_slide.png) no-repeat left center;padding: 0px 0px 0px 30px;margin: 0px 0px 0px 30px;}
.pack-small-bg {background: url(images/pack_small_bg.jpg) no-repeat left top;}
.pack-prodcat-bg {background: url(images/pack_product_cat.jpg) no-repeat left top;}
.read-more {height: 48px;width: 140px;margin-left: 230px;}
.read-more a { font: bold 12px/37px Arial, Helvetica, sans-serif;color: #FFF;background: url(images/pak_read_more.jpg) no-repeat left top;height: 48px;width: 140px;text-decoration: none;display: block;padding: 0px 0px 0px 20px;}
.read-more a:hover {background: url(images/pak_read_more.jpg) no-repeat left bottom;}
#slider {height: 290px;	width: 940px; }	
#slider, .slides{overflow:hidden;position: relative;	}	
#prevBtn, #nextBtn,	#slider1next, #slider1prev{ display:block;width:40px;height:40px;position:absolute;left:-50px;top:100px;z-index:1000;}	
#nextBtn, #slider1next{ left:950px;}														
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a{display:block;position:relative;width:40px;height:40px;background:url(images/arrow_left.jpg) no-repeat 0 top;}
#nextBtn a:hover {background:url(images/arrow_right.jpg) no-repeat 0 bottom;}
#prevBtn a:hover {background:url(images/arrow_left.jpg) no-repeat 0 bottom;}
#nextBtn a, #slider1next a{background:url(images/arrow_right.jpg) no-repeat 0 top;}	
#prevBtn, #nextBtn, #slider1prev, #slider1next{margin:0; padding:0;display:block;overflow:hidden;text-indent:-8000px;}

		
/* // Easy Slider */

