* {	margin: 0;	padding:0;  }
body {font-family:arial, verdana, Helvetica, sans-serif;	font-size: 12px;color:#7a7a7a; height:100%;}
html { background:#fff url(../images/html-bg.gif) repeat-x top; height:100%;}
body div {	text-align: left;}

body a {	outline:none; color:#298fcd;  text-decoration:underline;}
a:hover {	text-decoration:none; border:none;}
a img {	border:none;width:220px;}
p {line-height:20px;}
p.bigger {font-size:14px;}
i {color:#a6a6a6;}
strong {color:#3f3f3f;}
big {font-size:23px; font-family:din;     line-height: 27px;}


h1 {	color:#298fcd; clear:both;	font-size:42px;	line-height:50px; font-weight:100; margin-bottom:8px;text-transform:uppercase; font-family:din; clear:none; margin-right: -80px; position:relative;}
h1 img {margin-bottom:20px;}
h1 a {	color:#298fcd;	font-size:42px;	text-decoration:none;  font-family:din;}
h2 {	color:#2c2c2c; clear:both;	font-size:32px;	line-height:32px; font-weight:100;  margin-bottom:20px;  margin-bottom:10px; text-transform:uppercase; font-family:din;}
h2 a {	color:#2c2c2c;	font-size:32px;	text-decoration:none;  font-family:din;}
h3 {	color:#2c2c2c; clear:both;	font-size:24px;	line-height:30px; font-weight:100; margin-bottom:3px; text-transform:uppercase; font-family:din;}
h3 a {	color:#2c2c2c;	font-size:24px;	text-decoration:none;  font-family:din;}
h4 {	color:#2c2c2c; clear:both;	font-size:16px;	line-height:16px; margin-bottom:7px; text-transform:uppercase; font-family:din;}
h4 a {	color:#2c2c2c;	font-size:16px;	text-decoration:none; }
h5  {font-size:14px;	color:#c2c2c2;	line-height:20px; text-transform:uppercase; font-weight:100; margin-bottom:3px;  font-family:din; color:#298fcd;}
h5 a {font-size:14px; text-decoration:none;  color:#c2c2c2; line-height:15px; color:#298fcd;}

#about {margin-left:-94px;}
#blog {margin-left:-30px;}
#material {margin-left:-84px;}
#techno {    margin-left: -107px;  _margin-left: -50px;}

.f-left {float: left;}
.f-right {float: right;}
.clear {clear:both; position:relative; zoom:1; height:1px; overflow:hidden;}
.alignleft {float:left; margin:0px 10px 0px 0px;}
.alignright {float:right; margin:0px 0px 0px 10px;}
.aligncenter {text-align:center;}

#container {margin:0 auto;	padding:0px 0px 0px 0px; width:100%; position:relative; min-height:100%; _height:100%; position:relative; overflow:hidden;}

.back-link {font-size:14px;}
/*-------------------- header ---------------------*/
#header { padding:0px 0px 0px 0px; position:relative; width:1000px; width:100%; margin:0 auto; overflow:visible; }
.top {width:1000px; height:67px; padding:0 0px 0 0px; clear:both; margin:0 auto;}
.top p {color:#919191; padding-top:17px; font-size:11px; line-height:14px;}
#logo { cursor:pointer; border:none;	width:131px;	height:58px;	display:block;	background:url(../images/logo.jpg) no-repeat 0 0px; float:left; margin:0px 18px 0px 10px; _margin:0px 18px 0px 5px;}

.nav-menu {height:67px; float:right; background:url(../images/nav-a.gif) no-repeat left; padding:0 0px 0 10px; /*max-width:623px;*/ _width:623px;}
.nav {	 list-style:none outside none; padding:0px 0px 0px;	height:67px; float:right; background:url(../images/nav-li.gif) no-repeat right; padding:0 9px 0 0px;}
.nav li {	display:block;	float:left;	line-height:67px; height:67px; background:url(../images/nav-li.gif) no-repeat left; padding:0 0 0 9px;}
.nav li a{	display:block; cursor:pointer; float:left;	text-decoration:none; border:none; font-size:16px; color:#919191;  padding: 0px 10px 0 1px; height:67px; text-transform:uppercase; background:url(../images/nav-a.gif) no-repeat right;}
.nav li.active a, .nav li a:hover {color:#000; }
.nav li.active {  background:url(../images/nav-a-h.gif) no-repeat right; margin-left: -9px;    margin-right: -10px; padding: 0 18px 0 0px;   position: relative;}
.nav li.active a{background:url(../images/nav-li-h.jpg) no-repeat left;color:#fff;  padding: 0 0px 0 15px;}
 
/*------------------- blue -----------------------*/
.blue {width:100%; height:322px; background:url(../images/blue-bg.jpg) repeat-x; margin-bottom:48px;} 
.blue-in {width:100%; height:322px; background:url(../images/blue-in.jpg) no-repeat right; position:relative;} 
.blue-text {position:absolute; color:#fff; font-size:30px; font-family:din; background:url(../images/blue-text.png) no-repeat; line-height:38px; width:622px; height:77px; left:40%; top:75px; padding:35px 35px 0 5px;}
.blue-in-text {position:absolute; color:#fff; font-size:30px; font-family:din; line-height:38px; width:622px; height:77px; left:40%; top:75px; padding:35px 35px 0 5px;}
.beton {position:absolute; background:url(../images/beton.png) no-repeat; width:425px; height:362px; top:6px; right:60%;}
 
/*-------------------- sidebar --------------------*/
.right-col {width:325px; float:right; position:relative;}
.right-col2 {width:270px; float:right; position:relative;}
.right-col3 {width:231px; float:right; position:relative;}
.right-col3 {padding:10px 5px;}
.right-col3 h4 {font-size:15px;}

ul.marked{position:relative; padding: 0 0 0px; list-style:none outside none; font-size:12px;}
ul.marked li{ line-height:20px; padding-left:14px; padding-bottom: 12px; background:url(../images/mark.gif) no-repeat 0px 7px; font-size:12px;}

/*------------------- ul.butt -------------------*/
.butt {float:right; list-style: none outside none;  margin-top: 48px; position:relative;}
.butt li{float:left; height:46px;}
.butt li a{float:left; font-size:14px; color:#298fcd; width:149px; text-transform:uppercase; height:46px;  font-family:din; padding:18px 10px 0 0; width:129px; text-align:center; height:28px; line-height:28px;}
.butt li.current a{color:#fff; text-decoration:none; background:url(../images/butt-a.png) no-repeat; padding-right:20px;}
.butt li a:hover {text-decoration:none;}

/*-------------------wrapper-----------------*/
.wrapper {	width:100%;	overflow:auto;  clear:both;	 margin:0 auto; padding:0px 0px 10px; }
.content {width:100%;	padding:0px 0px 0 0px; overflow:hidden;}
.content-in {margin:0 auto; width:980px; /*overflow:hidden;*/ position:relative; overflow:visible; clear:both;}
#more {background:url(../images/more.gif) no-repeat; display:block; width:239px; font-family:din; clear:both; height:28px; font-size:14px; text-transform:uppercase; padding:18px 0 0 53px; margin-bottom:-30px; position:relative; top:-30px;}

.left-col {	float:left; width:620px; overflow:hidden;}
.left-col2 {	float:left; width:670px; overflow:hidden;}
.left-col3 {	float:left; width:730px; overflow:hidden;}
.left-col img{	max-width:620px; overflow:hidden;}
.left-col2 img{	max-width:670px; overflow:hidden;}
.left-col3 img{	max-width:713px; overflow:hidden;}
.left-col3 .post {padding-right:25px;}

.line {width:100%; clear:both; border-bottom:1px dotted #999999; overflow:hidden; height:1px; margin:20px 0 28px;}

.post {padding:0 0px 0px; font-size:14px; line-height:24px; overflow:hidden; margin-bottom:20px;}
.post .line {margin:0 0 15px;}
.post p {padding-bottom:20px; line-height: 20px;}
.main-post p {padding-bottom:25px; line-height: 24px;}
.post ul{position:relative; padding: 0 0 19px; list-style:none outside none; font-size:12px;}
.post ul li{ line-height:22px; padding-left:14px; background:url(../images/mark.gif) no-repeat 0px 7px; font-size:12px;}
/*.more {color:#fff; font-weight:bold; display:block; text-decoration:underline; margin-bottom:16px;}*/



.bord {border:1px solid #e4e1e1; padding:10px; margin-bottom:13px;}
.bord p {padding-bottom: 8px;}
#techno-bl {position:relative; padding:14px 0; margin-bottom: 20px;}
#techno-bl h4, #techno-bl h4 a{font-size:13px; color:#3796ca; clear:none;  margin: 0 0 6px;}
#techno-bl h4 a {text-decoration:underline;}
#techno-bl .bl-bg {float: left;    left: -19px;    margin-right: -38px;    position: relative;    margin-top: -46px;}
#techno-bl  p {font-size:11px; line-height: 14px;}

#techno-bl2 {position:relative; padding:5px 0 0; margin-bottom: -45px; float:right; margin-top:11px; width: 230px;}
#techno-bl2 h4, #techno-bl2 h4 a{font-size:13px; color:#3796ca; clear:none;  margin: 0 0 6px;}
#techno-bl2 h4 a {text-decoration:underline;}
#techno-bl2 .bl-bg {float: left;
    height: 76px;
    left: -6px;
   margin: -10px -8px -9px 7px;
    position: relative;}
#techno-bl2  p {font-size:11px; line-height: 14px;}
/*--------------------- advantage table ----------------------------*/
.advant {width:100%; text-align:center; margin-bottom: 13px; clear:both;}
.advant td {vertical-align:middle; border-right:1px solid #ededed; padding:0 10px 0px;}
.advant td.last {border:none;}
.advant .sign  td{vertical-align:top; padding-top:11px;}

.equip td {padding:0 40px;}
.equip .sign{text-align:left;}
.equip .sign h5, .equip .sign h5 a {color:#298fcd;}
.equip .sign p {line-height:16px;}

/*-------------------- proc -------------------------------*/
.proc-main {/*overflow:auto;*/ height:370px;  margin: 10px 0;}
.proc-img {float:left; text-align:center; width:400px;}
.proc-img img{text-align:center; max-width:400px;}
.proc-text {float:right; width:500px; padding:75px 0 0 20px;}
.slide-menu {width:500px; margin-left:-40px; height:32px; margin-top:5px; padding-right:2px; background:url(http://www.arbon.com.ua/wp-content/themes/arbon/css/images/slide-panel.gif) no-repeat top; }

/*-------------------- projects ---------------------------*/
.project-hor {height:186px; width:1000px;}
.project-hor .line{width: 980px;}
.project-hor .project {float:left; margin-right:19px;}
.project-hor a {text-decoration:none;}
.project-hor a.f-right{clear:both; color:#7a7a7a; margin-right:20px;}
.project-ver {margin-bottom:20px; overflow:auto;}
.project-ver a.f-right {clear:both; color:#7a7a7a; }
.project {width:231px; height:154px; overflow:hidden; display:block; position:relative; margin-bottom:30px; }
.project img {width:231px; }
.project span {display:block; position:absolute; bottom:0; left:0; width:211px; color:#fff; height:27px; line-height:27px; font-size:14px; padding:0 10px; font-weight:bold; background:url(../images/proj-span.gif) repeat-x bottom; background:url(../images/proj-span2.jpg) no-repeat bottom;}
.project:hover span {color:#000;}
.project span b {float:right;}

/*---------------------- project item --------------------------*/
.project-item {overflow:auto; width:100%; margin:20px 0; clear:both;}
.slider-div {width:727px; float:left; position:relative;}
.slider-div h5, .slider-div h5 a{color:#c2c2c2;}
.param {width:727px; list-style:none outside none;}
.param li {float:left; width:242px; color:#9b9b9b; line-height:19px;}
.proj-col {float:right; width:231px;}
.proj-col h3 {margin:10px 0 0;}
.proj-col p{ line-height: 18px;}

.prev, .next {display:block; position:absolute; top:165px; width:27px; height:139px; top:50%; margin-top:-70px;}
.prev {background:url(../images/arr-l.gif) no-repeat; left:0px;}
.next {background:url(../images/arr-r.gif) no-repeat; right:0px;}

/*--------------------- news ------------------------------------*/
.news {width:100%; /*overflow:auto; */width:750px; clear:both;  margin-top: 13px;}
.new {float:left; width:50%; width:335px; margin-right:40px;}
.new img {float:left; width:65px; height:65px; border:1px solid #e4e1e1; margin:5px 13px 13px 0;}
.new p {font-size:11px; line-height: 14px;     padding-top: 3px;}
.new a{font-size:14px;  line-height: 20px;}
.upp {font-size:10px; text-transform:uppercase; color:#b1b1b1;}
.tags {margin:-8px 0 0px 0}
.tags a {text-decoration:none;}
.cloud a{color:#636363; text-decoration:none;}
.cloud a:hover{color:#298fcd; }

/*--------------------- cols ----------------------------------*/
.cols {clear:both; overflow:auto; width:990px; position:relative; margin-bottom:20px; clear:both;}
.col {float:left; width:485px; padding:0px; margin-right:20px; }
.left-col2 .col {float:left; width:325px; padding:0px; margin-right:20px; }
.left-col3 .col {float:left; width:360px; padding:0px; margin-right:15px; }
.col2 {float:left; width:310px; padding:0px; margin-right:20px; }
.cols .img-div {width:100%; height:313px; text-align:center; }
.cols .img-div img{max-width:353px; height:313px; }
.col h3 {text-align:center; height:65px; line-height: 18px;}
.col h3 a{color:#298fcd; }
.col h3 span{font-size:14px; color:#2c2c2c; }

.post table, .col table {width:100%;  margin:0 0 25px 0;}
.col table { line-height:13px;}
.post table th, .col table th{background:#f6f1e8; padding:5px 5px; color:#958c7c; font-weight:100;vertical-align:middle;}
.col table th{width:125px;font-size:11px;}
.post table td, .col table td{padding:5px 15px; vertical-align:middle;}
.col table td{font-size:12px;}
.post table th.td1, .col table th.td1{background:#efe9e0;}
.post table td.td1, .col table td.td1{background:#f8f7f6;}

/*-------------------- process --------------------------------*/
.process {width:1110px; clear:both; position:relative; }
.work {float:left; width:240px; padding-right:30px; margin-right:100px; _margin-right:50px;   margin-bottom: 67px; overflow:visible; position:relative; zoom:1;}
#work4, #work5, #work6  {margin-bottom:45px;}  
.work h5 {line-height: 19px; margin-bottom:0; position: relative;}
.work p {line-height: 18px;}
.work .img-div {height:235px;}
.work .img-div img {position:relative;}
#work4 .img-div, #work5 .img-div, #work6 .img-div {height:261px;}
#work1 .img-div img{margin-left: -35px;}
#work2 .img-div img {margin-left: -4px;    margin-top: -10px;}
#work3 .img-div img {margin-left: -3px;    margin-top: -36px;}
#work4 .img-div img {margin-left: -21px;     margin-top: -39px;}
#work5 .img-div img {margin-left: -39px;}
#work6 .img-div img {margin-left: 7px;}
.work .img-div { overflow:visibe;}

/*--------------------- contacts -------------------------------------*/
.contacts { height:645px;}
.contacts .right-col {margin-right: -18px;}
.skyblue {background:url(../images/sky-blue.jpg) no-repeat; float:left; overflow:hidden; width:430px; height:530px; padding:108px 0 0 233px; margin-left:-67px; position:relative;}
.skyblue h1{font-size:60px; color:#2d8be1;}
.skyblue p{font-size:14px; color:#4ec6f3; }
.blue-block {background:url(../images/blue-block.jpg) no-repeat; overflow:hidden; margin-bottom:51px; width:162px; height:134px; padding:128px 86px 0 15px;   margin-top: 44px;}
.blue-block h3 {font-size:26px; color:#91dcfa;}
.blue-block .bigger {color:#fff; font-size:16px; font-family:din; line-height: 24px;}
.map {width:410px; height:405px; padding:0px 0 0; position:absolute; bottom:19px; right:17px;}
.contacts  big {display:block; margin-right: -7px;     padding-left: 13px; line-height: 27px;}
.contacts  big p{line-height: 27px;}

/*----------------------------------------------------------------------*/
.tooltip-div span {position:relative; display:block; background:url(../images/dot.png) no-repeat center; width:32px; height:32px; z-index:0;}
.tooltip-div:hover span {background:url(../images/dot2.png) no-repeat center; z-index:1;}
.tooltip-div .show {display:none; position:absolute; color:#fff; font-size:12px; z-index:10; bottom:16px; right:16px; line-height:16px; padding:8px 50px 20px 15px; width:175px; height:42px; background:url(../images/show-bg.png) no-repeat;}
.tooltip-div:hover .show {display:block;}

/*--------------------------------------------------------------------------*/

form {overflow:auto;	clear:both;	width:393px;	margin:0 auto;}
form label {	color:#7a7a7a;	display:block;	width:393px;	margin-bottom:0px;	clear:both;	line-height:18px;	font-size:10px;	clear:both; text-transform:uppercase;}
form label span{color:#ff0000; }
form input.text-inp {	padding:5px 5px 5px;	width:383px;	border: 1px solid #bcbcbc; 	height:19px;	font-size:13px;}
form textarea {	padding:5px 5px 5px;	width:383px;	border: 1px solid #bcbcbc; 	height:119px;	font-size:13px;}
/*form .checkbox {clear:both; padding-bottom:10px; 	overflow:auto;	position:relative;	zoom:1; padding-top:13px; }
form .checkbox p{padding-bottom:0px;overflow:auto; line-height:18px;}
form .checkbox input {width:14px; height:14px; float:left; margin-right:5px;border:none; padding:0;clear:both;}
form .checkbox label {clear:none; line-height:13px; color:#000; font-size:12px; color:#858585; float:left; width:250px; }*/

form .submit{	background:url(../images/submit.gif) no-repeat 0 0;		width:141px;	padding:0;	display:block;	cursor:pointer; height:34px; display:block; margin:0 auto;		line-height:22px;	border:none; }
form .submit:hover {background:url(../images/submit.gif) no-repeat 0 -34px;}

/*---------------------------------------------------*/
.links{	/*clear:both;*/	margin-bottom:7px; font-size:12px;}
.links a{ text-decoration:none;}
.links span{	}

/*-----------------------pagenavi------------------*/
/*.wp-pagenavi {	padding:10px 0px 0; text-align:right;}
.wp-pagenavi a, .wp-pagenavi span{	color:#aeafb1;	text-decoration:none;	padding:3px 8px; font-weight:bold;}
.wp-pagenavi span.current, .wp-pagenavi a:hover{color:#cc2000; text-decoration:none;}
*/

.model {position:relative; background:url(../images/structure2.jpg) no-repeat center; width:733px; height:460px; margin-top:20px; font-size:12px; line-height:16px; color:#7a7a7a;}
#el1 {bottom: 405px;    position: absolute;    right: 10px;    width: 227px;}
#el2 {position:absolute;  width: 237px; right:0; bottom:18px;}
#el3 {position:absolute; width:220px; left:7px; bottom:18px;}
#el4 {position:absolute; width:225px; left:7px; bottom:181px;}
#el5 {position:absolute; width:225px; left:7px; bottom:397px;}

/*------------------footer------------------*/
#footer {	width:100%;	clear:both;	margin:0px auto 0;	overflow:auto;	height:45px;	padding:15px 0px 40px 0px; }
.footer-in {position:absolute; bottom:0; height:69px;  /*width:980px; left:50%; margin:0 0 0 -490px;*/left:0; width:100%; background:url(../images/cont-bg.gif) repeat-x bottom;}
.main-foot .footer-in {background:#3d3d3d;}
.foot-cont {width:980px; margin:0 auto; padding-top:10px; padding-bottom:10px; overflow: auto; _overflow:visible;}
.footer-in  .foot-cont .f-right{width:390px; float:right; line-height:14px;}
.footer-in  .foot-cont .f-right p{line-height:14px;}
.footer-in  .foot-cont small{color:#919191; font-size:10px;}
.footer-in  p  {color:#919191; line-height:18px;}
.main-foot  .footer-in  p  {color:#ccc; line-height:18px;}
.footer-in  p a {color:#3db3eb;}
.bottom {overflow:hidden;}
.bottom .cols {overflow:hidden;}
.bottom h5 , .bottom h5 a{color:#9c9c9c;}
.main-foot .footer-in .bottom .cols {margin-bottom:40px; }
.main-foot .footer-in .bottom .cols p{margin-bottom:40px; color:#bababa;}


#quest {background:url(../images/quest.jpg) no-repeat 14px center; padding-left:96px; margin-bottom:40px;}
#quest h4, #quest h4 a{font-size:13px; color:#3796ca; clear:none;  margin: 0 0 6px;}
#quest  h4 a {text-decoration:underline;}
#quest  p {font-size:11px; line-height: 14px;}

.row {clear:both; overflow:auto; font-size:12px;}
.row h5 {color:#000; font-size:12px;}
.row .img-div {float:left; text-align:center; width:70px;}
.row .desc {float:right; width:620px;}

.sky {color:#298fcd;}
#slide-ul {list-style:none outside none; overflow:auto; width:600px; margin-left:-45px;}
#slide-ul li {float:left; text-transform:uppercase; font-size:10px; text-align:center; width:100px; text-align:center; letter-spacing: -0.6px;cursor: pointer;}
#slide-ul li#slide-li-1 {width:90px; }
#slide-ul li#slide-li-2 {width:105px; }
#slide-ul li#slide-li-3 {width:110px; padding-left:5px;}
#slide-ul li#slide-li-4 {width:90px; }
#slide-ul li a{float:left; text-transform:uppercase; font-size:10px; text-align:center; width:100px; text-align:center;}
.slider-li-current {color:#298FCD;}


#page404 {background:#fff url(../images/404.jpg) no-repeat center 50px; width:100%; height:790px; }
#page404 #logo {position:absolute; top:46px; left:50%; margin-left:400px; background:url(../images/logo2.jpg) no-repeat; width:143px;}
.text404 {position:absolute; top:475px; left:50%; width:435px; margin-left: 138px;}
.text404 h2{color:#3395e4;}
.nav2 {list-style:none outside none; margin-top:20px;}
.nav2 li {float:left; margin-right:10px;}
.nav2 li a{float:left; font-size:12px; color:#3395e4; /*font-family:din;*/ text-transform:uppercase;}



/*------------------------------------------------*/

*html img, *html .png {
     behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",this.src = "../images/clear.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("http://www.arbon.com.ua/wp-content/themes/arbon/css/','').replace('")',''),this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}