@import "reset.css";
body {
	background-color: #262626;
	margin: 0px;
	padding: 0px;
	text-align:center;
	font: 100%/1.2 Arial, Helvetica, sans-serif;
	color: #bfbfbf;
}

/* global
============================== */

A:link {
	color: #27abff;
	text-decoration: underline;
}
A:visited {
	color: #27ABFF;
}
A:hover {
	color: #27abff;
	text-decoration:none;
}
A:active {
	color: #edb800;
}

H1 {
	padding: 0.2em 0 0.1em;
	color: #f6bf00;
	font: bold 130% Arial, Helvetica, sans-serif;
}
H2 {
	padding: 0.5em 0 0.2em 1em;
	text-align:left;
	font-size: 130%;
	color:#f09800;
}
H3 {
	padding: 0;
	font-size:100%;
	color:#8c8c8c;
}
H4 {
	text-align:center;
	padding: 0.1em 0 0.2em 0;
	margin-top:2px;
	font-weight:normal;
	font-size:100%;
	color:#ff8d2b;
}

H4.left-aligned {
	text-align:left;
}

H5 {
	color:#d9d9d9;
	text-align:center;
	padding: 0.1em 0 0.2em 0;
	font: bold 110% Arial, Helvetica, sans-serif;
}

UL, OL {
	padding: 0;
	font-size: 100%;
}
UL LI,
OL LI {
	padding: 0.2em 0 0.1em;
}
TABLE {
	font-size: 100%;
}

.meta {
	text-decoration:none;
	font-size:0.85em;
}

/* Structure
------------------------------ */
#main-wrapper {
	width:100%;
	overflow:hidden;
	position:relative;
}
#main {
	position:relative;
	width: 695px;
	height:100%;
	border-top:1px solid #232323;
	margin:0 auto;
	padding-top:28px;
}

#main #bg-right {
	background:url('../img/bg-right.jpg') no-repeat;
	position:absolute;
	top:0;
	left:695px;
	width:452px;
	height:604px;
}

#banner {
	width:257px;
	height:117px;
	border:1px solid #39e4fb;
}

#header {
	background:#222323 url('../img/bg_dark.gif') right;
	width:100%;
	height:291px;
	border-top:1px solid #1e1e1e;
}

ul#header_menu {
	float:left;
	height:24px;
	margin:7px 0 3px 12px;
}

ul#header_menu li {
	background:url('../img/header_menu_marker.gif') no-repeat;
	float:left;
	padding:0 8px;
}

ul#header_menu li a {
	text-transform:uppercase;
	font-family: Trebuchet MS, Arial, sans-serif;
	text-decoration:none;
	font-weight:bold;
	font-size:90%;
	color:#8C8C8C;
}

#header_menu li a:hover, #header_menu li a.active{
	color:#f09800;
}

ul#lang {
	background-color:#38393a;
	float:left;
	height: 17px;
	padding:0;
	margin:0;
	margin-left:100px;
	
}

ul#lang li{
	background:url('../img/header_menu_marker.gif') no-repeat;
	float:left;
	padding:0 3px 0 5px;
	line-height:.8em;
}

ul#lang li.first {
	background:none;
}

ul#lang li a {
	text-decoration:none;
	font-size:80%;
	letter-spacing:1px;
	color:#b3b2b2;
}

ul#lang li a:hover, ul#lang li .active {
	color:#f09800;
}

/* Logo */

	#header h1 {
		background: url(../img/logo.jpg) no-repeat;
		position:absolute;
		left:-8px;
		width:712px;
		height:253px;
		margin: 0;
		font-weight: normal;
		overflow: hidden;
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:1.2em;
		color:#999999;
		
	}
		#header h1 a {
			display: block;
			width: 100%;
			height: 100%;
			text-indent:-9999em;
		}
	
	#header h1 span.block-info {
		background-position:left;
		display:block;
		text-align:left;
		padding-left:24px;
		color:#ffffff;
		font-weight:bold;
		font-size:.7em;
		height:18px;
	}
	#header .contacts {
		position:absolute; 
		top:190px; 
		right:30px;
		text-align:left;
	}
	#header h1 span.block-skype {
		background: url(../img/icon-skype.png) no-repeat left center;
	}	
	
	#header h1 span.block-icq {
		background: url(../img/icon-icq.gif) no-repeat left center;
	}
	#header h1 span.block-msn {
		background: url(../img/icon-msn.png) no-repeat left center;
	}		

#logo {
	position:absolute;
	left:-8px;
	width:712px;
	height:253px;
}

.block-content.portfolio h3 {
	text-align:left;
	padding-left:1em;
	margin-left:0;
	margin:1em 0;
}
.block-content.portfolio h3 a{
	color:#77c6e3;
}



#portfolio-menu-table tr.portfolio-menu {
	background:#222323 url('../img/bg_dark.gif') right;position:relative;
}

	#portfolio-menu-table .portfolio-menu td{
		height:30px;
		width:25%;
	}

		.portfolio-menu a, .portfolio-menu span{
			display:block;
			padding-top:7px;
			text-decoration:none;
			line-height:1em;
			font-family: Trebuchet MS, Arial, sans-serif; /*Trebuchet MS, */
			font-weight:bold;
			font-size:1.2em;
			color:#8c8c8c;
		}


		.portfolio-menu a:hover, .portfolio-menu a.active,  .portfolio-menu span.active {
			text-decoration:none;
			
			font-family: Trebuchet MS, Arial, sans-serif;
			color:#f09800;
		}

.portfolio-submenu {
	font-size:80%;
	font-weight:bold;
}

	.portfolio-submenu td{
		padding-left:2px;
		text-align:center;
	}

	.portfolio-submenu td.first{
		padding-left:0;
	}

		.portfolio-submenu td div{
			background:#222323 url('../img/bg_dark.gif') right;	
			padding:4px 2px;
			text-align:center;
		}

			.portfolio-submenu	a{
				text-decoration:none;
				color:#8c8c8c;
			}

			.portfolio-submenu	a:hover, .portfolio-submenu a.active {
				color:#f09800;
			}

#container {
	background:#2e2e2e url('../img/bg_light.gif') right;
	float:left;
	position:relative;
	width:100%;
}
#content {
	text-align:center;
}

#portfolio {
	margin:20px 66px 20px 6px;
	color:#fff;
}

.block-work {
	float:left;
	width:150px;
	margin-left:55px;
	margin-bottom:10px;
	font-size:80%;
}

.block-header {
	background:#202020 url('../img/bg_dark.gif') right;
	height:42px;
	margin:0 0 7px 0;
	padding:0 10px;
}


.block-common {
	margin:7px 10px;
}

.block-common .block-content {
	background-color:#262626;	
}

.block-common .rounded-top-corners {
	background:url(../img/ltop_block.gif) no-repeat top left;
	height:5px;
	font-size: 1px;  
}

.block-common .rounded-top-corners div {
	background:url(../img/rtop_block.gif) no-repeat top right;
	height:5px;
	font-size: 1px;  
}

.block-common .rounded-top-corners div div{
	background-color:#262626;
	height:5px;
	margin-left:5px;
	margin-right:5px;
	font-size: 1px;  
}

.block-common .rounded-bot-corners {
	background:url(../img/lbot_block.gif) no-repeat top left;
	height:5px;
	font-size: 1px;  
}

.block-common .rounded-bot-corners div {
	background:url(../img/rbot_block.gif) no-repeat bottom right;
	height: 5px;
	font-size: 1px; 
}

.block-common .rounded-bot-corners div div{
	background-color:#262626;
	height: 5px;
	margin-left:5px;
	margin-right:5px;
	font-size: 1px; 
}

.block-common .block-content {
	overflow:hidden;
   _height:1%; 
	width:100%;
	
}

.block-common-bordered .block-content {
	background-color:#262626;	
}

.block-common-bordered .rounded-top-corners {
	background:url(../img/ltop_block_bordered.gif) no-repeat top left;
	height:6px;
	font-size: 1px;  
}

.block-common-bordered .rounded-top-corners div {
	background:url(../img/rtop_block_bordered.gif) no-repeat top right;
	height:6px;
	font-size: 1px;  
}

.block-common-bordered .rounded-top-corners div div{
	background-color:#262626;
	background-image:none;
	height:5px;
	border-top:1px solid #39e4fb;
	margin-left:6px;
	margin-right:6px;
	font-size: 1px;  
}

.block-common-bordered .rounded-bot-corners {
	background:url(../img/lbot_block_bordered.gif) no-repeat top left;
	height:6px;
	font-size: 1px;  
}

.block-common-bordered .rounded-bot-corners div {
	background:url(../img/rbot_block_bordered.gif) no-repeat bottom right;
	height: 6px;
	font-size: 1px; 
}

.block-common-bordered .rounded-bot-corners div div{
	background-color:#262626;
	background-image:none;
	height: 5px;
	border-bottom:1px solid #39e4fb;
	margin-left:6px;
	margin-right:6px;
	font-size: 1px; 
}

.block-common-bordered .block-content {
	overflow:hidden;
   _height:1%; 
	height:80px;
	border:1px solid #39e4fb;
	border-width:0 1px;
	
}

#leftcol-study {
	float:left;
	width:355px;
}

#rightcol-study {
	float:left;
	width:330px; 
}

.study {
	margin-top:0;
	margin-right:0;
}

p.marked {
	text-align:center;
	padding:1em;
	font-weight:bold;
}

p.marked a {
	color:#ff9932;
}

p.marked a:hover {
	text-decoration:underline;
}

ul.service-list {
	list-style-image:url(../img/servicelist_marker.gif);
	margin-left:12px;
}

.block-common .block-content .block-wrapper, .block-common-bordered .block-content .block-wrapper {
	padding:0 7px;
}

.block-common.block-video {

	margin:10px 0 0 0;
	padding:0;
}

.block-news {
	width:259px; 
	margin-top: 8px;

}

.block-newsitem {
	border-bottom:1px dashed #cccccc;
	overflow:hidden;
	padding-top:10px;
	padding-bottom:10px;
	font-size:80%;
	clear:both;
	text-align:left;
}

.block-newsitem.last {
	border-bottom:none;
}

.block-newsitem img {
	float:left;
	margin:0 10px 0 10px;
}

.block-newsitem p{
	text-indent:0 !important;
}

.newsitem a {
	text-decoration:none;
	color:#f09800;
}

.newsdate {
	font-size:90%;
	color:#1fff24;
}

.greeting {
	float:right;
	width:408px;
	margin:0; 
	margin-right:10px;
}



.greeting .txt{
	padding:10px 10px 2px 10px !important;
}

.greeting p{
	padding-bottom:7px;
	text-indent: 1.5em;
}

.slogan {
	padding:10px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:120%;
	color:#8c8c8c;
}

#leftcol {
	float:left;
	width:250px;
	padding-left:10px;
	text-align:left;
}

#slide-images{
    position:relative;
    display:block;
    margin:0px;
    padding:0px;
    width:256px;
    height:256px;
    overflow:hidden;
} 

.work-process {
	float:left;
	width:108px;
	margin:5px 1px 0 1px;
	padding-bottom:7px;
	text-align:right;
	font-size:80%;
	color:#989898;
}

.work-process p {
	padding-right:5px !important;
	line-height:1.7em;
}

.work-process p sup {
	color:#fff;
}


#contact-left-col {
	float:left; 
	width:350px; 
	margin-left:40px;
}
	#contact-left-col .block-common {
		margin-right:2px !important;
	}

#contact-right-col {
	float:left; 
	width:230px;
}

	#contact-right-col .block-common {
		margin-left:2px !important;
	}

	
.contact-content {
}

.contact-content .info {
	text-align:center !important;
	color:#adadad !important;

}

	.contact-content .info a {
		text-decoration:none;
		color:#f09800
	}
	
	.contact-content .info a:hover {
		text-decoration:underline;
		color:#f09800
	}

#nda_block {
	background:#222323 url('../img/bg_dark.gif');
	float:left;
	width:90%;
	height:17px;
	border:1px solid #da8c05;
	margin:3px 3px 3px 10px;
	text-align:center;
	font-size:80%;
}

#nda_block a{
	text-decoration:none;
	color:#f09800;
}

.levels {
	background-color:#18191a;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
}

/*smska*/
#sms-block {
	background: url('../img/sms_bg.gif') repeat-y;
	width:426px;
	margin:187px auto 0 auto;
	text-align:left;
}
#sms-block-outheader {
	position:relative;
	top:-187px;
	left:-31px;
	width:1px;
	height:1px;
}
#sms-block-header {
	background: url('../img/sms_header.gif') no-repeat;
	position:absolute;
	top:0;
	left:0;
	width:490px;
	height:300px;
	margin: 0 auto;
}
#sms-block-wrapper {
	padding:0 15px;
}

#sms-block-wrapper img{
	margin-top:10px;
}

#sms-block-footer {
	background: url('../img/sms_bottom_bg.gif') no-repeat;
	width:426px;
	height:14px;
	margin:0 auto 10px auto;
}

#footer {
	background-color:#202020;
	height:17px;
	padding-top:6px;
	font-size:70%;
	color:#595959;
}
/*-------------------common site styles------------------------*/
ul.paging {
	float:right;
	margin-top:3px;
	margin-right:0;	
	position:absolute;
	top:50%;
	right:0;
	
}
	ul.paging li {
		
		margin: 0;
		padding: 0;
		color: #ABC;
		list-style: none;
		line-height:1em;
		font-size: 100%;
	}
		ul.paging li a,
		ul.paging li strong {
			
			font-size: 85%;
		}
		ul.paging li a {
			border-color: #C3D7E5;
			color: #48B;
			text-decoration: none;
		}
		ul.paging li strong {
			border-color: #FFD987;
			background-color: #FFFDE6;
			color: #BF4000;
			font-weight: normal;
		}
	ul.paging li.arrow_prev {
		
		width:55px;
		height:21px;
		padding: 0;
		font-size: 90%;
		margin-bottom:3px;
	}
		ul.paging li.arrow_prev a {
			margin-top: 0;
			border-width: 0;
			padding-top: 0;
			padding-bottom: 0;
			color: #fff;
			font-size: 100%;
		}
		ul.paging li.arrow_prev a:hover {
			color:#da8c05;
		}
	ul.paging li.arrow_next {
		
		width:55px;
		height:21px;
		padding: 0;
		text-align:center;
		font-size: 90%;
	}
		ul.paging li.arrow_next a {
			margin-top: 0;
			border-width: 0;
			padding-top: 0;
			padding-bottom: 0;
			color: #fff;
			font-size: 100%;
		}
		
		ul.paging li.arrow_next a:hover {
			color:#da8c05;
		}	

.clear {
	clear:both;
	height:1px;
	font-size:1px;
}

.info {
	text-align:justify;
	text-indent: 1.5em;
	
}

.txt {
	padding:0 1em;
	text-align:left;
	color:#bfbfbf;
	font-size:80%;
}

/* Forms
------------------------------ */
	fieldset legend {
		padding: 0 0 1.5em;
		font-weight:bold;
		font-size: 1em;
	}
	fieldset a {
		color:#007aab !important;
	}
	fieldset a:hover {
		text-decoration:none;	
	}
	
	.form-row {
		margin: .4em 0 .7em;
		overflow:hidden;
		clear:both;
	}

		.form-row .form-row-col {
			float:left;
			padding-right:10px;
		}
		
		.form-row .form-field input, .form-row .form-field textarea{
			background:#000;
			border:1px solid #2d3c47;
			width:270px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:.8em;
			color:#bfbfbf;
	}
	
	.form-row input.checkbox {
		width:auto !important;
		border:none;
	}
	.form-row input.radio {
		width:auto !important;
		border:none;
	}
	
	.form-row select {
		border:1px solid #bcbdb0;
	}
	
		.form-row .form-label {
			width: 170px;
			float:left;
			padding-top: .25em;
			padding-right:5px;
			text-align:right;
			font-size:.75em;
			font-weight:bold;
			color:#bfbfbf;
		}
		
		.form-row .form-label span.required {
			font-weight:bold;
			font-size:1.2em;
			color:#bfbfbf;
		}
		
		.form-row .form-field {
			text-align:left;
		}
		.form-row .form-comment {
			margin-top: .4em;
			margin-left: 140px;
			font: italic .9em Arial;
		}

	.form-submit {
		width:auto;
		margin: .4em 0 1em 0;
		text-align: center;
		overflow: hidden;
		clear:both;
	}
		
	

/* Errors in forms
------------------------------ */

.form-row.error {
	margin: .6em 0 1.5em 0;
	border: 1px solid #E0B2A8;
	padding: 9px;
	background-color: #FFF4F2;
}
	.form-row.error .form-label {
		width: 110px;
		color: #B00;
		font-weight: bold;
	}
	.form-row.error .form-field	 {
		margin-left: 130px;
	}