* { 
	margin:0;
	padding:0;
}
html, body { 
	height:100%;
}
html {
	min-width:946px;
}
body { 
	background:#2F2F30 url('images/bg-main.gif') repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1.3125em;
	color:#fff;
}

img {
	border:0; 
	vertical-align:top; 
	text-align:left;
}
object { 
	vertical-align:top; 
	outline:none;
}
ul, ol { 
	list-style:none;
}

.fleft { 
	float:left;
}
.fright { 
	float:right;
}
.clear { 
	clear:both;
}

.col-1, .col-2, .col-3, .col-4 { 
	float:left;
}

.alignright { 
	text-align:right;
}
.aligncenter { 
	text-align:center;
}

.wrapper { 
	width:100%;
	overflow:hidden;
}
.container { 
	width:946px; 
	margin:0 auto;
	position:relative;
	font-size:.75em;
}

/*==== GLOBAL =====*/
#header {
	height:310px;
	position:relative;
}


/*----- forms parameters -----*/

input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif; font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}


/*----- other -----*/
.img-indent { 
	margin:0 20px 0 0; 
	float:left;
}
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:20px;
}
	.img-box img { 
		float:left; 
		margin:0 20px 0 0;
	}

.extra-wrap { 
	overflow:hidden;
}


p {
	margin-bottom:21px;
}
.p1 { 
	margin-bottom:10px;
}
.p2 { 
	margin-bottom:21px;
}
.p3 { 
	margin-bottom:30px;
}

.p4 { 
	margin-bottom:5px;
}

/*----- txt, links, lines, titles -----*/
a {
	color:#34b3d1; 
	outline:none;
}
a:hover{
	text-decoration:none;
}
a.h3 {
	color: #fff;
	text-decoration:none;
}
a.h3:hover{
	color:#34b3d1; 
	text-decoration:underline;
}
h2 {
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	font-size:31px;
	color:#fff;
	line-height:1.4em;
	border-bottom:1px solid silver;
	margin-bottom:15px;
	padding-bottom:3px;
}
h3 {
	font-size:24px;
	line-height:1.2em;
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-bottom:14px;
}

h3.title{
  border-bottom:1px solid silver;
}
h3.small {
  font-size: 14px;
  font-weight: bold;
  font-family: 'Arial';
}
h4 {
	font-size:1.17em;
	font-weight:normal;
	color:#34b3d1;
	margin-bottom:10px;
  line-height: 110%;
}
h5 {
	font-size:1.17em;
	font-weight:normal;
	color:#34b3d1;
}


.txt1 {
	font-size:1.17em;
	color:#34b3d1;
}

.departments { 
	padding-bottom:21px;
}
	.departments dt {
		font-size:1.17em;
		color:#34b3d1
	}
	.departments dd { 
		clear:both;
	}
		.departments dd span { 
			float:left;
			width:76px;
		}
		.departments dd a {
			color:#fff;
		}

.address { 
	font-size:1.17em;
	color:#34b3d1
}
	.address dd { 
		clear:both;
	}
		.address dd span { 
			float:left;
			width:102px;
		}


/*===== header =====*/
#header .row-1 {
	height:185px;
}
	#header .row-1 .logo {
		position:absolute;
		top:10px;
		left:320px;
	}
		
#header .nav {
	margin:0 -29px 0 65px;
	overflow:hidden;
}
	#header .nav li {
		float:left;
	}
		#header .nav li a {
			display:block;
			float:left;
			font-size:30px;
			line-height:1.2em;
			font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
			color:#fff;
			text-decoration:none;
			font-weight:bold;
			letter-spacing:-1px;
			padding:55px 60px 0 0px;
		}
		#header .nav li a:hover, #header .nav li.active  a, #header .nav li a.current {
			color:#34b3d1;
		}
    
  #header .nav  a.contacts {
    background: transparent url('images/contacts.png') no-repeat;
    background-position: 5px 0;
  }
  
  #header .nav  a.contacts:hover,
  #header .nav  li.active  a.contacts {
    background-position: 5px -95px;
  }
  
  #header .nav  a.about-us {
    background: transparent url('images/about-us.png') no-repeat;
    background-position: 5px 0;
    padding: 43px 85px 0 5px;
  }
  
  #header .nav  a.about-us:hover,
  #header .nav  li.active  a.about-us {
    background-position: 5px -83px;
  }
  
  #header .nav  a.articles {
    background: transparent url('images/articles.png') no-repeat;
    background-position: 0 0 0 3px;
    margin-top: 25px;
    padding-top: 58px;
  }
  
  #header .nav  a.articles:hover,
  #header .nav  li.active  a.articles {
    background-position: 0px -102px;
  }
  
  #header .nav  a.portfolio {
    background: transparent url('images/portfolio.png') no-repeat;
    background-position: 0 0 0 50px;
    margin-top: 30px;
    padding-top: 65px;
  }
  
  #header .nav  a.portfolio:hover,
  #header .nav  li.active a.portfolio  {
    background-position: 0px -133px;
  }
  #header .nav  a.news {
    background: transparent url('images/news.png') no-repeat;
    background-position: 0 0 0 50px;
    margin-top: 18px;
    padding-top: 65px;
  }
  
  #header .nav  a.news:hover,
  #header .nav  li.active a.news {
    background-position: 0px -108px;
  }
span.year-descr {
  font-size: 90%;
}

span.news-data {
  font-weight: bold;
  color: #34b3d1;
}

body#news  li {
  margin-bottom: 3px;
}

span.feed-start, span.feed-end {
  color:silver;
  font-size: 300%;
}

/*===== content =====*/
#content {
  min-height: 350px;
}


#content .indent {
	padding:10px 0 10px 0;
  margin: 30px 0 30px 0;
}
	#content .bg1 {
		background:#141b22;
	}
		#content .bg1 h2 {
			border-bottom:1px solid #283644;
		}
	#content .bg2 {
		background:#4b4b4b url('images/bg-2.gif') repeat-x;
	}
	#content .bg3 {
		background:#1a222a;
	}

.arrow {
	vertical-align:text-top;
	margin:4px 0 0 10px;
}

blockquote p {
	margin-bottom:10px;
}
blockquote a { 
	background:url(images/arrow1.gif) no-repeat right 2px;
	padding:0 38px 25px 0;
	display:block;
	float:right;
	font-size:1.17em;
	color:#34b3d1;
	text-decoration:none;
}
	blockquote a:hover {
		color:#fff;
	}

/* anythingSlider */
.anythingSlider                         { width: 791px; height: 365px; position: relative; margin-left:155px; padding-top:9px;}
.anythingSlider .wrapper                { width: 791px; height: 365px; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul             { width: 999999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 365px; width: 792px; position:relative;}
.anythingSlider ul li img.slide {
	float:left;
}
	.anythingSlider dl {
		float:left;
		width:141px;
		line-height:17px;
		color:#7e8c9a;
		position:absolute;
		bottom:0;
		right:0;
	}
	.anythingSlider dl dt {
		font-size:1.17em;
		font-weight:bold;
		color:#34b3d1;
		margin-bottom:8px;
	}
.anythingSlider .arrow                  { display: block; height: 80px; width: 53px; background:url(images/buttons.png) no-repeat left top; text-indent: -9999px; position: absolute; top: 146px; cursor: pointer; margin:0;}
.anythingSlider .forward                { background-position: 0 0; right:0; }
.anythingSlider .back                   { background-position: -53px 0; left: -155px; }
.anythingSlider .forward:hover          { background-position: 0 -80px; }
.anythingSlider .back:hover             { background-position: -53px -80px; }

#start-stop                             { display:none;}

.anythingSlider h2 {
	font-size:25px;
	width:100%;
	overflow:hidden;
	width:731px;
	margin-bottom:0;
	border-bottom:none;
	letter-spacing:-1px;
}
	.anythingSlider h2 a {
		font-family:Arial, Helvetica, sans-serif;
		float:right;
		font-size:12px;
		font-weight:normal;
		letter-spacing:normal;
	}
/* anythingSlider */



/* gallery */
#img {
    position: relative;
    width: 946px;
    height: 300px;
}

#gallery { 
	height:216px;
	width:776px;
}

#gallery li {
    float: left;
    cursor: pointer;
	 margin-right:34px;
}

.caption {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 96%;
    height: 50px;
    padding: 0 2%;
    line-height: 50px;
    color: #fff;
    background-color: #000;
	 display:none !important;
}


.jcarousel-container {
	position:relative;
	padding:0 86px 0 86px;
}

.jcarousel-clip {
	width:776px;
	overflow:hidden;
}

.jcarousel-prev {
    position: absolute;
    top: 68px;
    left: 10px;
    width: 53px;
    height: 80px;
    cursor: pointer;
    background:url(images/buttons_alt.jpg) no-repeat -53px top;
	 z-index:1000;
}
.jcarousel-prev:hover {
	background-position:-53px -80px;
}

.jcarousel-next {
    position: absolute;
    top: 68px;
    right: 0;
    width: 53px;
    height: 80px;
    cursor: pointer;
    background:url(images/buttons_alt.jpg) no-repeat left top;
	 z-index:1000;
}
.jcarousel-next:hover {
	background-position:0 -80px;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 236px;
    height: 216px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
/* gallery */


.social-services li {
	vertical-align:top;
	width:100%;
	overflow:hidden;
	padding-bottom:13px;
}
	.social-services li a {
		padding:5px 0 5px 43px;
		color:#fff;
		text-decoration:none;
		display:block;
		float:left;
	}
	.social-services li a:hover {
		color:#34b3d1;
	}
	.social-services li a.linkedin {
		background:url(images/icon-linkedin.gif) no-repeat left top;
	}
	.social-services li a.facebook {
		background:url(images/icon-facebook.gif) no-repeat left top;
	}
	.social-services li a.twitter {
		background:url(images/icon-twitter.gif) no-repeat left top;
	}
	.social-services li a.rss {
		background:url(images/icon-rss.gif) no-repeat left top;
	}

.list1 li {
	padding-bottom:10px;
}
	.list1 li a {
		color:#fff;
		text-decoration:none;
	}
	.list1 li a:hover {
		color:#34b3d1;
	}

.list2 dt {
	line-height:1.1em;
  padding-top: 4px;
}
	.list2 dt a {
		color:#fff;
		text-decoration:none;
	}
	.list2 dt a:hover {
		background:#34b3d1;
		color:#fff;
	}
.list2 dd {
	font-size:10px;
	color:#34b3d1;
	line-height:15px;
	padding-bottom:1px;
}
	.list2 dd a {
		text-decoration:none;
	}
	.list2 dd a:hover {
		text-decoration:underline;
	}

.list3 li {
	background:url(images/arrow2.gif) no-repeat left 2px;
	padding:0 0 5px 21px;
	font-size:1.17em;
}
	.list3 li a {
		color:#fff;
		text-decoration:none;
	}
	.list3 li a:hover {
		color:#34b3d1;
	}
	
.list4 {
	float:left;
	font-size:1.17em;
	margin-left:-9px;
}
	.list4 li {
		display:inline;
	}
	.list4 li a {
		color:#fff;
		text-decoration:none;
		padding:0 13px 0 9px;
	}
	.list4 li a:hover {
		text-decoration:underline;
	}
	
.img-list {
	width:100%;
	overflow:hidden;
	padding:10px 0 25px 0;
}
	.img-list li {
		float:left;
		margin-right:37px;
	}
	.img-list li.last {
		margin-right:0;
	}


.blogs-table {
	width:100%;
	border-collapse:collapse;
	border:1px solid #283644;
}
	.blogs-table thead td {
		font-size:1.17em;
		text-align:center;
	}
	.blogs-table td {
		border:1px solid #283644;
		padding:4px 0 4px 0;
	}
	.blogs-table tbody td {
		padding:24px 35px 31px 35px;
		vertical-align:middle;
		line-height:18px;
	}
		.blogs-table tbody td.cell-1 {
			width:140px;
		}
		.blogs-table tbody td.cell-7 {
			width:116px;
			padding-left:21px;
			padding-right:21px;
		}

/*===== footer =====*/
#footer {
  background: transparent url('images/bg-footer.gif') repeat-x;
}

#footer .indent {
	margin:40px 0 0 0;
	padding:16px 0 26px 0;
}
#footer .container {
  width: 1100px;
}
#footer a {
	color:#405466;
	text-decoration:none;
}
#footer a:hover {
	color:#fff;
	text-decoration:underline;
}
	#footer .nav {
		float:right;
    padding-top: 10px;
		margin-right:60px;
	}
		#footer .nav li {
			display:inline;
		}
			#footer .nav li a {
				color:#fff;
				text-decoration:none;
				padding:0 7px 0 4px;
			}
			#footer .nav li a:hover, #footer .nav li.active a, #footer .nav li a.current {
				color:#34b3d1;
				text-decoration:none;
			}
  
  #footer .col-2 {
    padding-top: 10px;
  }

  #footer .doggy {
    background: transparent url('images/doggy.png') no-repeat;
    width: 325px;
    height: 45px;
    padding: 45px 0 0 107px;
	}

  #footer .doggy .code {
    font-size: 120%;
    font-weight: bold;
    color: #34b3d1;
    margin-right: 5px;
  }
  
  #footer .doggy .num {
    font-size: 200%;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0px;
  }


/*----- forms -----*/
#search-form {
	background:url(images/search-bg.jpg) no-repeat left top;
	position:relative;
}
#search-form fieldset {
	border:none;
	padding:10px 0 30px 0;
}
	#search-form input.text {
		width:120px;
		padding:5px 5px 6px 5px;
		border:none;
		background:none;
	}
	#search-form input.submit {
		background:none;
		border:none;
		width:66px;
		height:63px;
		position:absolute;
		cursor:pointer;
	}

#blog-search-form {
	float:right;
	text-align:right;
	padding:10px 10px 19px 0;
}
	#blog-search-form fieldset {
		border:none;
	}
	#blog-search-form input.text {
		width:185px;
		background:#fff;
		border:none;
		padding:5px 5px 6px 12px;
		color:#4d555c;
		font-size:.91em;
		margin-right:16px;
	}
	#blog-search-form input.submit {
		background:url(images/arrow3.gif) no-repeat left top;
		width:19px;
		height:29px;
		border:none;
		vertical-align:text-top;
		margin:-5px 0 0 0;
	}

#contacts-form fieldset {
	border:none;
	width:100%;
	overflow:hidden;
}
	#contacts-form label { 
		display:block;
		height:41px;
	} 
		#contacts-form label input { 
			width:280px;
			padding:6px 0 6px 9px;
			color:#202a33;
			background:#fff;
			border:none;
		}
		#contacts-form textarea {
			width:280px;
			height:97px;
			padding:6px 0 6px 9px;
			margin-bottom:13px;
			color:#202a33;
			background:#fff;
			border:none;
			overflow:auto;
		}
		#contacts-form .col-1 { 
			width:300px !important;
			margin-right:0 !important;
		}
		#contacts-form .col-2 { 
			width:280px !important;
      text-align: right;
		}
		#contacts-form a {
			font-size:1.17em;
		}
    
div.project-container {
  position: relative;
  float: left;
  height: 250px;
  width: 250px;
  margin: 15px 50px 50px 0;
}

div.project-container .project-info{
  background: #151515 url('images/bg-project-info.gif') repeat-x;
  padding: 5px;
  min-height: 110px;
  border: 1px solid silver;
}

div.project-container .project-logo{
  position: absolute;
  z-index: 100;
  top: 100px;
  left: 25px;
  height: 200px;
  width: 200px;
}

h3.small a {
  color: #fff;
  text-decoration: none;
}

h3.small a:hover{
 text-decoration: none;
 color: #34b3d1;
}

#test {
    background-color:#B12D2D;
    float:right;
    font-size:11px;
    left:450px;
    position:absolute;
    text-align:center;
    top:20px;
    width:500px;
}
/*==========================================*/

#new_year {
	float: left;
	left: 170px;
	position: relative;
}