@charset "utf-8";
html, body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, blockquote, form, fieldset, legend, table, td, th {
	margin: 0;
	padding: 0;
}
html {font-size: 100.01%;}
body {
	color: #212121;
	font: 0.75em/1.42em Arial, Helvetica, sans-serif;
	position: relative;
	}
a {
	color: #006699;
	text-decoration:underline;
	outline:none;
	}		
	a:hover {
		color:#D65129;
		}
		
.ui-link { cursor: pointer; text-decoration: none; border-bottom: #ccc dashed 1px; }		
		
img {border: 0;}

p,address,blockquote {
	margin: 0 0 .6em;
	}

hr {
	border: 0 hidden;
	border-top: 1px solid #ccc;
	clear: both;
	height: 0;
	margin: 2em 0 2em 0;	
	}

/** ul ol li **/

ul {
	margin: 0 0 1em .5em;
	list-style-type: none;
	}
	ul li {
		margin: 0 0 .3em 0;
		padding:0 0 0 20px;
		zoom:1;
		background:url(../i/list-item-line.gif) no-repeat 0 0.8em;
		}
ol {
	margin: 0 0 1em 0;
	padding:0 0 0 3em;
	}
	ol li {
		margin: 0 0 .3em 0;
		padding:0;
		background:none;
		vertical-align:top; 
		display: list-item;
	}

li ul,
li ol {
	margin: .3em 0 1em 0.5em;
}
li li {
	font-size:1em;
}
ol ul { margin-left:.5em;}
ol ul li {background:url(../i/list-item-line.gif) no-repeat 0 0.8em; padding-left:20px;}


/**  h1 ... h4 **/


h1, .h1 {
	font-size: 22px;
	line-height: normal;
	margin: 14px 0 14px 0;
}

h2, .h2 {
	font-size: 18px;
	margin: 14px 0 14px 0;
}
.clear .main-content-block .clear h1 { 
	font-size: 18px;
	margin: 5px 0 10px 0;
}

h2.project-h2 { 
	font-size: 21px;
	line-height: normal;
	margin: 14px 0 14px 0;
}
.clear .main-content-block h1 {
	font-size: 18px;
	line-height: normal;
	margin: 14px 0 14px 0;
}

h3, .h3 {
	font-size: 16px;
	margin: 0 0 .3em;
}

h4, .h4 {
	font-size: 14px;
	margin: 1.5em 0 .3em;
}
h1, h2, h3, h4 {
	color: #111;
	font-weight: normal;
	line-height: 1.2;
}

h2 label a { color: #999; text-decoration: none; font-size: 11px;}

/** table  **/
table {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	margin:1em 0 2em 0;
}

td,th {
	border: #ccc solid 1px;
	padding: 10px;
	text-align: left;
	vertical-align: top;
}
/** CLEAR, FLOAT  ******************/
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */
/***/


/**/
.main-page h2 a, .side-content-block h2 a { color:#111111; text-decoration:none;}
	.main-page h2 a:hover, .side-content-block h2 a:hover { color:#111111; text-decoration:underline;}
	
.projects-list h2 a {color: #006699; text-decoration:underline;}
	.projects-list h2 a:hover {color: #D65129;}
/* -- PAGE ----------------------------------------------------------------------------------------- */
.column-a, .column-b {
	float:left;
	}
.main-page  .column-a {
	width:280px;
	margin-right:60px;
	}
.main-page  .column-b {
	width:460px;
	}
.wide-list {
	margin:0;
	padding:0;
	list-style:none;
	}
	.wide-list li {
		background:none;
		margin:0 0 15px 0;
		padding:0;
		line-height:1.3em;
		}
		
.wide-list-2 li{
	margin-bottom:15px;
	}

ul.projects-list {
		padding:0 0 0 80px;
		margin:0;
		}
		ul.projects-list li, next-page ul.projects-list li{
			clear:left;	
			background:none;
			margin:0;
			padding:0 0 10px 0;
			}
			 ul.projects-list li h2, .next-page ul.projects-list li h2{
					margin:0 0 5px 0;
					font-size:15px;
					line-height:1.5em;
					position:relative;
					}					
		ul.projects-list div.img-holder {		
			position:relative;			
			margin:0 0 10px -90px;
			display:inline;
			width:80px;					
			float:left;
			padding:5px 0 0 0;
			/*text-align:center;*/	
			}
	
.next-page .projects-list {
	padding: 10px 0 0 90px; 	/*padding:35px 0 0 90px;*/
	}	
	/*.next-page ul.projects-list li {
		padding-bottom:30px;
		}*/
	/*.next-page ul.projects-list li h2 {
		font-size:18px;
		padding-bottom:0;
		}*/
	/*.next-page ul.projects-list div.img-holder {
		padding-top:10px;
		}*/
	

.side-content-block	.projects-list {
	padding:0px 0 30px 0;
	}
	.side-content-block ul.projects-list li h2 {
		font-size:14px;}
		.side-content-block ul.projects-list div.img-holder {
			margin: 8px 0 0 0;
			padding:0;			
			}
		.side-content-block ul.projects-list div.content {
			float:left;
			width:178px;
			font-size:12px;
			margin: 5px 0 0 0;
			line-height:18px;
			}
			
.side-content-block .wide-list {
	padding:23px 0 0 0;
	margin:0 0 -10px 0;
	position:relative;
	}

/** Clients connents **/
.clients-comment {
	margin:0 0 50px 0;
	}
	.clients-comment li {
		margin: 15px 0 0 0;
		padding:0;
		width:100%;
		background:none;
		font-size:13px;
		font-style:italic;
		line-height:20px;
		clear:left;
		overflow:hidden;
		}
		.clients-comment .img-holder {margin:0 10px 10px 0; float:left;}
		.clients-comment .box {width:338px;}
			.clients-comment .img-holder img { display:block;}
		.clients-comment ins {
			text-decoration:none;
			font-style:normal;
			font-size:11px;
			line-height:1.2em;
			float:right;
			display:block;
			padding-top:5px;
			}
			.clients-comment ins span {
				font-size:16px;
				display:block;
				margin-bottom:10px;
				text-align:right;
				}
		.clients-comment .comment-img {
			float:right;
			padding-left:20px;
			margin-left:20px;
			width:150px;
			background: url(../i/company-info-divider.png) repeat-y scroll 0 0;
			}
			.clients-comment .comment-img img , .side-no-shadow img{
				display:block;
				margin-bottom:10px;
				border:#eee solid 3px;
				}
				.clients-comment .comment-img p {
					text-align:center !important;
					font-style:normal;
					margin-bottom:10px;
					}
				.clients-comment .comment-img p span, .clients-comment .comment-img p a {
					padding:0 5px;
					}
			 .comment-img p .current-img { text-decoration:none; cursor:default; color:#212121;}
			

.clients-comment-short {
	margin:0 0 50px 0;
	}
	.clients-comment-short li {
		margin:0 0 40px 0;
		padding:0;
		background:none;
		}
		.clients-comment-short .img-holder {
			float:left;
			margin:0 10px 10px 0;
			}.clients-comment-short .img-holder img { display:block;}
		.clients-comment-short ins {
			text-decoration:none;
			}

.licenses-list {
	width:550px;
	margin-bottom:0;
	}
.licenses-list li {
	float:left;
	clear:none;
	width:164px;
	height:300px;
	margin:0 18px 0 0;
	}
	.licenses-list li .comment-img {
		background:none;
		margin:0;
		padding:0;
		float:none;
		width:100%;
		}
	.licenses-list li span.license-name {
		display:block;
		text-align:center;
		float:none;
		font-size:11px;
		line-height:17px;
		}

a.more { color:#666;}
	a.more:hover { color:#333;}
			
		
			
#billboard-heading span.services, #billboard-heading span.company, #billboard-heading span.contacts, #billboard-heading span.clients {
	font-size:18px;
	line-height:1em;
	padding:0 0 2px 32px;
	color:#fff;
	margin:11px 0 0 0;
	float:left;	
/*	text-indent:-10000px;
*/	}
	
/*#billboard-heading .projects {
    width:90px;
	color: #D65129;
    text-shadow:0 0 2px #000;
    }
#billboard-heading .company {
    width:78px;
    text-shadow:0 0 2px #000;
    }
#billboard-heading .services {
    width:72px;
    text-shadow:0 0 2px #000;
    }

#billboard-heading .contacts {
    width:77px;
    text-shadow:0 0 2px #000;
    }
#billboard-heading .clients {
    width:70px;
    text-shadow:0 0 2px #000;
    }*/

.definition-custom { margin:20px 0 30px 0;}
.definition-custom dt { font-weight:bold; font-size:14px; color:#666; padding:1px 0 0 32px; width:150px; float:left;}
.definition-custom dd { width:385px; float:left; margin:0 0 20px 0;}

.category-list-2 {
	margin:11px 0 0 40px;
	padding:0;
	list-style:none;
	float:left;
	display:inline;
	}
	.category-list-2 li {
		background:none;
		margin:0;
		padding:0;
		float:left;
		display:inline;
		margin-left:1px;
		position:relative;
		font-size:11px;
		height:21px;
		overflow:hidden;
		line-height:1em;
		}
		.category-list-2 li a { color:#fff; text-decoration: none; }
		.category-list-2 li a:hover, .category-list li span { background-position:100% -21px;}
			
			
.main-content-block {
	float:left;
	width:528px;
	min-height: 300px;
	margin: 10px 0 0 16px;
	}
.side-content-block {
	float:left;
	width:258px;
	margin:15px 0 20px 0;
	padding:0 0 0 54px;
	position:relative;
	background:url(../i/side-panel-shadow.png) no-repeat -24px 100%;
	}
    .side-no-shadow {
        background:none;
        }

	.side-content-shadow-top {
		position:absolute;
		top:0;
		left:0;
		width:24px;
		height:22px;
		overflow:hidden;
		background:url(../i/side-panel-shadow.png) no-repeat 0 100%;	
		}	
	.side-content-block h2 { padding: 0 0 0 26px; line-height:1.15em; margin:0; position:relative; left:-26px;}
		h2.other-project-heading { background:url(../i/ico16-other-projects.png) no-repeat 0 3px;}	
		h2.services-heading { background:url(../i/ico16-services.png) no-repeat 0 3px;}
	
	
	
	/* SIDE NAV */
	.side-content-block ul.side-nav {
		margin: -30px 0 10px -30px;
		/*padding: 30px 0 10px 0px;*/
		position:relative;
		background:url(../i/side-nav-bg.png) repeat-y 0 0;
		}
		.side-content-block ul.side-nav li {
			padding:0;
			margin:0 0 0 0;
			font-size:14px;
			line-height:16px;
			width:205px;
			background:none;
            }
			.side-content-block ul.side-nav li a{
				display:block;
				width:175px;
				padding:10px 0 10px 30px;
				color:#D65129;
				}
				.side-content-block ul.side-nav li a:hover {color:#EBAE30;}
				
			
			.side-content-block ul.side-nav li.active p {
				left:-15px;
				width:220px;
				margin:0;
				position:relative;
				background:url(../i/side-nav-but-bg.png) no-repeat -220px 100%;
				}			
				.side-content-block ul.side-nav li.active p span {
					display:block;
					width:165px;
					padding:10px 10px 10px 45px;
					background:url(../i/side-nav-but-bg.png) no-repeat 0 0;
					}
				
		.side-content-block ul.wide                  {margin-top:0px; background:none !important;}
		.side-content-block ul.wide li               {width:235px !important;}
		.side-content-block ul.wide li.active p  {left:-15px; width:250px; background:url(../i/side-nav-but-wide-bg.png) no-repeat -250px 100% !important;}
		.side-content-block ul.wide li.active p span {width:195px; background:url(../i/side-nav-but-wide-bg.png) no-repeat 0 0; font-weight: bold;}
		
		.side-content-block ul.side-nav li ul         {margin:0px 0 9px 0; padding:0; position:relative;}
		.side-content-block ul.side-nav li ul li      {		background:url(../i/list-item-line.gif) no-repeat 20px;
margin: -8px 0; padding:0;	position:relative; font-size:12px;}
		.side-content-block ul.side-nav li ul a       {margin:0; padding:10px 10px 10px 46px; color:#ba4624;}
		.side-content-block ul.side-nav li ul a:hover {color:#EBAE30;}
		
		.side-content-block ul.side-nav li ul li.active span { padding-left:66px; width:129px;}
		.side-content-block ul.wide li ul li.active span { padding-left:61px; width:179px;}
		
		
	/* side-filter */
.side-content-block ul.side-nav {z-index:0;}
.side-content-block ul.side-nav li {position:relative;  z-index:2; font-weight: bold;}
.side-content-block ul.nobold li {position:relative;  z-index:2; font-weight: normal;}
.side-content-block ul.side-nav li ul li { font-weight: normal;}
.side-content-block ul.side-nav li a { position:relative; z-index:3;}

.side-content-block ul.side-nav li.all a{ color:#666; }	


.side-content-block ul.side-nav li.movable-type {
    position:absolute;    
    top:17px;
    z-index:1;
    cursor:default;
    }
    .side-content-block ul.side-nav li.movable-type span {
        z-index:2;
        position:relative;
        }		


		
/**/		
.description-block {
	float:left;
	width:287px;
	margin:0 28px 10px 0;
	}
	.company-info {
		float:left;
		width:191px;
		padding-left:21px;
		line-height:1.3em;
		color:#666;
		background:url(../i/company-info-divider.png) repeat-y 0 0;
		}
		.company-logo {			
			margin-bottom:10px;
			}
	.company-info .download-block {
		padding:3px 0 20px 40px;
		margin:20px 0 10px 0;
		height:10px;
		position:relative;
		}
		.company-info .download-block img {
			position:absolute;
			top:1px;
			left:-5px;
			}
		.company-info .download-block p {
			margin:0;
			}
	

.fotoset-name { color:#666; margin-top:10px; overflow:hidden; width:100%;}


.labeled-list {
	margin:0;
	padding:0;
	list-style:none;
	}
	.labeled-list li {
		clear:left;
		padding:15px 0;
		margin:0;
		background:none;
		border-bottom:#C0CED5 solid 1px;
		}
		.labeled-list li.last { border:none;}
.labeled-list dt{
	float:left;
	width:187px;
	color:#333;
	font-weight:bold;
	line-height:1.4em;
	}
.labeled-list dd{
	float:left;
	width:340px;
	color:#333;
	line-height:1.4em;
	}
	.images-set { margin:0 0 50px -10px; width:577px;}
	.images-set img { float:left; margin:0 0 10px 10px;}
	
dl.history dt {
	float:left;
	width:60px;
	clear:left;
	padding-bottom:20px;
	font-weight:bold;
	}
dl.history dd{
	float:left; 
	width:507px;
	padding-bottom:20px;
	}
	
.no-list-line li {
	background:none;
	margin-bottom: 15px;}
	
	
dl.contacts-info {
	/*margin:20px 0 50px 0;
	float:left;*/
	width:400px;
	}
	dl.contacts-info dt { 
		float:left;
		width:80px;
		color:#999;		
		}
	dl.contacts-info dd {
		float:left;
		width:320px;
		margin-bottom:10px;
		}
#map {
	float:left;
	width:428px;
	margin-right:-261px;
	position:relative;
	margin-top:-29px;
	}	
	
.block {
	margin:20px 0 20px -24px;
	padding:20px 10px 20px 35px;
	position: relative;	
	background:url(../i/side-panel-shadow.png) no-repeat -24px 100%;
	}
	.block .block-inner {
			position:absolute;
			top:0;
			left:0;
			width:24px;
			height:24px;
			overflow:hidden;
			background:url(../i/side-panel-shadow.png) no-repeat 0 100%;
			}
.block .file-icon 		{ float: left; width: 50px; }
.block .file-about 		{ float: left;  }
.block .file-title 		{ font-size: 15px; margin-bottom:4px;}
.block .file-download 	{ font-size: 11px; line-height:18px; color: #777;}
.block .file-download a {  }

		
		


.licences-block {
	margin:0 0 80px 0;
	position:relative;	
	}
	.licences-block .col {
		float:left;
		display:inline;
		width:190px;
		margin-right:74px;
		color:#666;
		font-size:12px;
		line-height:16px;		
		}
		.licences-block .col img, .licences-block .col-b img {
			display:block;
			margin-bottom:10px;
			border:#eee solid 3px;
			}
	.licences-block .supported-links {
		padding-top:5px;
		}
		.licences-block .supported-links a {
			display:block;			
			font:normal 10px/16px Arial;
			}
	
	
/** SLIDER GALLERY for images **/
	.sliderGallery {
            overflow: hidden;
			height: 120px;            
			width: 100%;
			position:relative;
			}        
			.sliderGallery ul,.sliderGallery .sliderInner {
				position: absolute;
				list-style: none;
				overflow:visible;
				white-space: nowrap;
				padding: 0;
				margin: 0;
				left:0;
				top:0;
				}        
				.sliderGallery ul li {
					display: inline;
					margin:0 10px 0 0;
					padding:0;
					background:none;
					}
					.sliderGallery ul li a { text-decoration:none;}



/* status-filter */
.category-list {
	padding:0;
	list-style:none;
	/*float:left;*/
	/*display:inline;*/
   /* position:relative;*/
    z-index: 1;
	margin: 0 0 0 5px;
	}
	.category-list li {
		margin:0;
		float:left;
		display:inline;
		font-size:12px;
		height:21px;
		overflow:hidden;
		line-height:1em;
        background:none;
        padding:0 0 0 9px;
		margin:0 0 0 -23px;
		position:relative;
        z-index:0;
        }
        .category-list li span.left {
            display:block;
            position:absolute;
            top:0;
            left:0;
            background:none;
            visibility:hidden;
            font-size:0px;
            line-height:0px;
            height:21px;
            width:9px;
            z-index:3;
            }
        .category-list li span.div {
            display:block;
            position:absolute;
            top:0;
            right:0;
            /*background:url(../i/status-selection-div.png) no-repeat 0 0;*/
            font-size:0px;
            line-height:0px;
            height:21px;
            width:9px;
            z-index:4;
            }
        .category-list li a {
            display:block;
            color:#D65129;
            text-decoration:none;
			border-bottom: 1px dashed #D65129;
            background:none;
            white-space:nowrap;
            margin:4px 18px 5px 9px;
            /*text-shadow:0 0 2px #000, 0 0 0 #ff0;*/
            position:relative;
            z-index:3;
            }
        .category-list li.all a {
            color:#D65129;
            }
        .category-list li a.all {
            color:#666;
            }
			.category-list li a:hover {
                color:#ebae30;
                }			
        .category-list li.active {
			font-weight: bold;
            }
            /*.category-list li.active a {
            background:url(../i/status-selection.png) no-repeat 100% 0;
            }*/

        /*.category-list li.active span.left {
            background:url(../i/status-selection.png) no-repeat 0 0;
            visibility:visible;
            }*/

	.category-list li.movable-status {
		position:absolute;
        z-index:1;
        }
        .category-list li.active span.left {
        /*    z-index:1;    */
            }
        .category-list li.active span.right {
           /* background:url(../i/status-selection.png) no-repeat 100% 0;*/
            display:block;
            color:#fff;
            white-space:nowrap;
            padding:4px 18px 5px 9px;
            position:relative;
            z-index:1;
            }
    .category-list li.active a:hover {
		color:#d65129;
        cursor:default;
        }		
/* ------------------------------------ */

a.fancy {
    text-decoration: none;
    border-bottom: #999 dashed 1px
    }

	
	/*slider*/
#slide-container {width:920px; height:231px; position:relative; margin:0; padding:0; z-index:1;}
#slide-container ul#slide-box {margin: 0}
#slide-container #slide-box li{width:920px; height:231px; display:none; background: none; margin: 0 0 0 -20px;}

#slide-container .prev{ position:absolute; left:8px; bottom:3px; z-index:1}
#slide-container .next{ position:absolute; left:35px; bottom:3px;z-index:1}

#slide-container .slider_navigation{ width:66px; height:28px; position:absolute; left:0px; bottom:0px; background:url("../images/transparent_slider.png") repeat 0 0; z-index:1}

#slide-container .slider_navigation a{ display:block; width:19px; height:20px;}

#slide-container .slider_navigation .prev a{ background:url("../images/slider_button_left.png") no-repeat 0 0;}
#slide-container .slider_navigation .next a{ background:url("../images/slider_button_right.png") no-repeat 0 0;}

#slide-container .slider_navigation a:hover{ background-position:0 100%;}

.allproject { margin: 0 0 0 10px;} 
.siteimage img { position: relative; top: 5px;}