﻿html {overflow-y: scroll;}
body {min-width: 996px; //position: relative; background: #fff url(/i/site/Default/bg-inner.png) no-repeat 50% 0;}
body.homepage {background: #fff url(/i/site/Default/bg-homepage.png) no-repeat 50% 0;}
body.projects {background: #fff url(/i/site/Default/bg-projects.gif) no-repeat 50% 0;}
	body.admin-mode {background-position: 50% 45px;}

/*helper item*/
.clear {clear: both; display: block; height: 0; line-height: 0;}
.inline-block {display: inline-block; display: -moz-inline-block; vertical-align: top; //display: inline; //zoom: 1;}
.fLeft {float: left;}
.fRight {float: right;}
.h1-height {height: 73px;}
.h1-height-projects {height: 103px;}
.line {display: block; position: relative; border-bottom: 1px solid #999; padding: 0; margin: 0 150px 0 0; clear: both;}
	.line span {display: block; position: absolute; right: 0; top: -51px; right: -150px; background: url(/i/site/Default/diagonal.png) no-repeat 100% 0; width: 150px; height: 52px;}
	
p.franklin50 {position: relative; display: none;}
p.franklin30 {position: relative; display: none;}
	

/*common style*/
.wrapper {min-height: 100%; height: auto;}
	.wrapper-content {margin: 0 auto; width: 980px;}

/*header*/
.top {height: 120px;}
	.nav {height: 40px; position: relative;}
		.nav ul {padding: 0 0 0 1px; margin: 0; float: right; list-style: none; background: url(/i/site/Default/bg-nav.gif) no-repeat 0 0;}
		.nav li {display: block; position: relative; z-index: 112; float: left; padding: 0 1px 1px 0; margin: 0 0 1px 0; background: url(/i/site/Default/bg-nav.gif) no-repeat 100% 0; font: bold 11px/1.4em Arial; text-transform: uppercase;}
			.nav li a {display: block; padding: 9px 13px 8px; border-top: 3px solid #b6b6b6; color: #434343; text-decoration: none;}
				.nav li:hover a {background: #d9d9d9;}
			.nav li a.active {border-top: 3px solid #f04e23;}
			.nav ul.sub-nav {display: none; position: absolute; top: 35px; width: 250px; background: none; left: -1px;}
			.nav li:hover ul.sub-nav {display: block;}
			.nav li ul.sub-nav li {display: block; position: relative; z-index: 111; float: left; clear: left; font: bold 11px/1.4em Arial; padding: 0; margin: 0;}
			.nav li ul.sub-nav li a,.nav li:hover ul.sub-nav li a {color: #fff; padding: 3px 13px 4px; border-top: 1px solid #fff; background: #f04e23;}
			.nav li ul.sub-nav li:hover a {background: #d9d9d9; color: #434343;}

	.logo {margin: 0 0 -3px 70px; height: 73px; position: relative; z-index: 110; top: -3px;}
		.logo p {float: left; font: normal 14px/16px Calibri; color: #999;}
		.logo img {float: left; position: absolute;}  
		
	.add-block {float: right; position: relative; z-index: 111; font: normal 11px/1.2em Arial; padding: 37px 0 0 0;}
		.add-block a {color: #999; display: block; float: right; text-decoration: none; border-bottom: 1px solid #999; margin: 0 13px 0 7px;}
		.add-block a.auth {text-decoration: none; border-bottom: none; background: url(/i/site/Default/icons/dashed.gif) repeat-x 1px 13px; padding: 0 0 3px;}
		.add-block a.search {text-decoration: none; border-bottom: none; background: url(/i/site/Default/icons/search.png) no-repeat 0 0; padding: 0; margin: 0 9px 0 0; width: 10px; height: 9px; position: relative; bottom: -4px;}			
	
	.subnav {margin: 0 0 24px; position: relative; z-index: 118;}  
		.subnav ul {padding: 0; margin: 0; list-style: none;}  
			.subnav ul li {padding: 0; margin: 0; height: 23px; float: left;}  
				.subnav ul li a {display: block; float: left; height: 23px; background: #f04e23; font: bold 12px/2em Arial; color: #fff; padding: 0 8px; margin: 0 1px 0 0; text-transform: uppercase; text-decoration: none;}  
				.subnav ul li a:hover,.subnav ul li.active a {color: #222; background: #d9d9d9;}  
				
/*content - total*/ 
.content {padding: 0;}  
.left-column {float: left; width: 570px;}  
.right-column {float: right; width: 390px;}  

.button {height: 26px;}  
	.button a {display: block; float: left; border: 1px solid #333; color: #333; text-decoration: none; font-size: 12px; padding: 2px 8px 3px;}  
	.button a:hover {color: #fff; background: #333;}  
.button-text a {text-decoration: none; font-size: 12px;}  
	.button-text a:hover {text-decoration: underline;}  
	
.contacts {position: relative; top: -13px;}	
	
/*footer*/ 
.footer {height: 120px; margin: -120px auto 0; width: 980px; background: url(/i/site/Default/bg-foot.gif) no-repeat 100% 0;}  
	.foot-content {padding: 0 150px 0 90px;}  
	.foot-info {border-top: 1px solid #999; font: normal 10px/1.2em Arial; color: #999;}  
		.foot-info p {padding: 5px 0 0 0; margin: 0;}  
		.foot-info a {color: #666; text-decoration: none;}  
		.foot-info a:hover {text-decoration: underline;}  
		.phone {font: normal 30px/1.0em Arial; color: #666; position: relative; display: block; margin: 0; padding: 10px 0 6px;}  
			.phone sup {display: block; position: absolute; font: bold 14px/1.0em Arial; top: 12px; left: -28px;}  
		.address {font-size: 12px; line-height: 16px; padding: 0 0 11px;}  
			.address a {text-decoration: none;}  
			.address a:hover {text-decoration: underline;}  
			
.last-news-wrapper {margin: 0 0 0 90px; clear: both;}
	.last-news {background: url(/i/site/Default/diagonal.png) no-repeat 100% 0; position: relative; top: -3px; margin-bottom: -3px; padding: 0 150px 0 0;}  
	.last-news ul {padding: 0; margin: 0 -20px 0 0; list-style: none;}  
	.last-news li {float: left; display: block; padding: 35px 0 0 0; margin: 0 10px 0 0; width: 240px; font: normal 11px/14px Arial; color: #666;}  
		.last-news .day {font: normal 30px/1.0em Arial; color: #999; display: block; float: left; background: #fff; padding: 0 2px 0 0;}  
		.last-news .month {font: normal 11px/1.0em Arial; color: #999; display: block; background: #fff; border-bottom: 1px solid #999; padding: 0 0 3px 0;}  
		.last-news .month small {font-size: 8px;}  
		.last-news h4 {font: normal 12px/16px Arial; padding: 11px 5px 7px 0; margin: 0;}  
		.last-news p {padding: 0 5px 0 0;}  
		.last-news p.date {padding: 0;}  
		.last-news h4 a {text-decoration: none;}  
		.last-news h4 a:hover {text-decoration: underline;}  
		
.news-list {padding: 10px 0 0 0; position: relative;}  
	.news-list div.date {float: left; width: 80px; margin: 0 10px 0 0; padding: 5px 0 0 0;}  
		.news-list .day {font: normal 30px/1.0em Arial; color: #999; display: block; position: relative; top: -17px; border-bottom: 1px solid #999; height: 30px;}  
		.news-list .day span {display: block; float: left; background: #fff; position: relative; top: 6px; left: -4px; padding: 0 2px 0 0; height: 30px;}  
		.news-list .month {font: normal 10px/1.0em Arial; color: #999; display: block; background: #fff; padding: 0 0 5px 0; position: relative; left: -3px; top: -14px;}  
	.news-list div.news-info {float: left; width: 890px; /*background:url(/i/site/Default/bg-news.gif) no-repeat 100% 0;*/}  
		.news-info  p {font: normal 14px/18px Arial; padding: 0 160px 28px 0; margin: 0;}  
		.news-title {background: url(/i/site/Default/diagonal.png) no-repeat 100% 0; padding: 51px 0 0 0; margin: -33px 0 -4px 0; position: relative;}  
			.news-title h2 {display: block; position: relative; border-bottom: 1px solid #999; font: normal 21px/24px Arial; padding: 0; margin: 0 150px 18px 0; clear: both;}  
			.news-title h2.border-img {border-bottom: none; background: url(/i/site/Default/line.gif) repeat-x 0 0; padding: 0 50px 5px 0;}  
			.news-title h2 a {background: #fff; display: block; float: left; clear: left; position: relavite; margin: -18px 0 0 0; padding: 0 8px 0 0; text-decoration: none;}  
			.news-title h2 a:hover {text-decoration: underline;}  
			.news-title h2 span {background: #fff; display: inline-block; float: left; clear: left; position: relavite; margin: -23px 0 0 0; padding: 0; color: #231f20; font: bold 27px/30px Arial;}  
			.news-img {float: left; margin: 0 15px 0 0;}  
			p.back {font-size: 12px; position: relative; left: -34px; padding: 0 0 0 34px; margin: 20px 0 40px; background: url(/i/site/Default/icons/back.gif) no-repeat 0 5px;}  
				p.back a {text-decoration: none;}  
				p.back a:hover {text-decoration: underline;}  
				
.team-list {margin: 0 0 0 90px; position: relative; width: 900px;}  
	.team-list div.team-item {float: left; width: 360px; margin: 0 20px 20px 0;}  
	.team-item h3 {font-size: 18px; font-weight: bold; line-height: 21px; padding: 23px 0 0 0; margin: 0;}  
	.team-item h3 a {text-decoration: none;}  
	.team-item h3 a:hover {text-decoration: underline;}  
	.team-item p.short {font-size: 12px; color: #666; padding: 2px 0 0 0; margin: 0; font-style: italic; line-height: 14px;}  
	.team-img {float: left; margin: -1px 19px 0 0;}  
	.team-personal {margin: -3px 0 21px 90px; position: relative; width: 900px;}  
	.team-personal p.back {left: -83px; margin: 18px 0 40px; position: absolute; background: url(/i/site/Default/icons/back-thin.png) no-repeat 0 7px; padding: 0 0 0 30px;}  
	.team-personal h2 {font-size: 24px; font-weight: bold; line-height: 27px; color: #222; padding: 10px 0 0 0; margin: 0;}  
	.team-personal p.short {font-size: 12px; color: #999; padding: 1px 0 0 0; margin: 0; font-style: italic; line-height: 14px;}  
	div.team-group {margin: 31px 0 26px 340px;}  
		div.team-group h2 {font-weight: bold; padding: 0; margin: 0;}  
	
.content-part2 {margin: 0 160px 0 90px;}  
.content-part-trends {margin: 0 0 0 338px;}  
	
.gallery-block {float: right; position: relative; top: -47px; margin: 0 0 -26px 26px;}  

.project-foot {background: url(/i/site/Default/diagonal.png) no-repeat 100% 0; padding: 37px 0 0 0; margin: 25px 0 0 0;}  
	.project-foot .left-column {width: 320px; padding: 14px 0 0 0; margin: 0 20px 0 0;}  
		.project-foot .left-column table {}  
		.project-foot .left-column td {padding: 0; vertical-align: middle;}  
		.project-foot .left-column td.arrow {padding: 0 9px 0 5px;}  
	.project-foot .right-column {width: 490px; float: left; position: relative;}  
		.project-foot .right-column h3 {display: block; position: relative; border-bottom: 1px solid #999; font: bold 16px/1.2em Arial; color: #333; padding: 0; margin: 0 0 14px 0; clear: both; height: 14px;}  
		.project-foot .right-column h3 span {background: #fff; display: block; float: left; clear: left; position: relavite; bottom: -10px; padding: 0 10px 0 0;}  
		.project-foot .right-column p {clear: both;}  
		.project-foot .right-column div.project-logo {display: block; position: relative; border-bottom: 1px solid #999; height: 100px; top: -86px; margin-bottom: -72px;}  
		.project-foot .right-column div.project-logo  img {display: block; position: relative; bottom: -6px;}  
	.project-foot a {text-decoration: none;}  
		.project-foot a:hover {text-decoration: underline;}  
		
.inner-gallery-big {position: relative; z-index: 115;}  
.corner {position: absolute; z-index: 116; right: 0; bottom: 0;}  
.galleryBigImgBg .corner {top: 380px; bottom: auto;}  

.graph-list {padding: 0 0 0 90px;}  
	.graph-item {float: left; width: 250px; height: 280px; margin: 0 0 25px; font-size: 12px; line-height: 16px;}  
	.graph-item h2 {font-size: 18px; line-height: 18px; padding: 7px 0 0; margin: 0;}  
	.graph-item a {text-decoration: none;}  
	.graph-item a:hover {text-decoration: underline;}  
	.graph-item em {color: #666;}  
	.graph-comment {float: left; width: 350px; height: 280px; margin: 0 0 25px;}  
	.graph-comment-indent {padding: 11px 0 0 28px;}  
	.graph-comment ul {margin: -1px 0 0; left: 0; list-style: none;}  
	.graph-comment ul li {background: transparent url(/i/site/Default/icons/li-other.gif) no-repeat 0 7px; padding: 0 0 2px 32px; color: #333;}  
	.graph-comment ul li.catting-age-technologies {background: transparent url(/i/site/Default/icons/li-catting-age-technologies.gif) no-repeat 0 7px;}  
	.graph-comment ul li.polycomplexes {background: transparent url(/i/site/Default/icons/li-polycomplexes.gif) no-repeat 0 7px;}  
	.graph-comment ul li.lugastil {background: transparent url(/i/site/Default/icons/li-lugastil.gif) no-repeat 0 7px;}  
	.graph-comment ul li.technology-silicon-carbide {background: transparent url(/i/site/Default/icons/li-technology-silicon-carbide.gif) no-repeat 0 7px;}  
	
.sub-sub-nav {position: absolute; width: 270px; margin: 130px 0 0 619px;}  
	.sub-sub-nav ul {margin: 0 -37px 10px 0; padding: 0; display: block; position: relative; left: -37px; list-style: none;}  
		.sub-sub-nav ul li {background: none; padding: 0 0 3px 37px;}  
			.sub-sub-nav ul li.active {background: transparent url(/i/site/Default/icons/li-arrow.png) no-repeat 0 4px;}  
			.sub-sub-nav ul li.active a {text-decoration: none; color: #333;}  
			.sub-sub-nav ul li.active a:hover {text-decoration: underline; color: #333;}  
			
.partners {margin: -23px 150px 0 90px;}  
	.partners-list {padding: 5px 0 0; margin: 0 -20px 0 0;}  
		.partners-list div {float: left; width: 230px; margin: 0 20px 0 0;}
		.partners-list p {margin: -3px 20px 9px 0; padding: 0; font-size: 11px; line-height: 13px; color: #999;}
			.partners-list p a {color: #999;}
	.partners .clear {height: 9px;}
	
#pAuth {position: absolute; z-index: 19999; width: 50%; min-width: 498px; top: 0; left: 50%; height: 381px; background: transparent url(/i/site/Default/bg-auth.png) no-repeat 340px 0;}	
	.form-auth-wrapper { height: 181px; width: 740px; position: relative; top: 200px; left: -400px; margin: 0 -400px 0 0; background: #f04e23 url(/i/site/Default/bg-auth-wrapper.png) no-repeat 0 0;}
	.form-auth-wrapper .button-close {position: absolute; right: 0; top: -16px; cursor: pointer; width: 70px; height: 21px; background: transparent url(/i/site/Default/icons/close.png) no-repeat 0 0;}
	.form-auth-wrapper .button-close-eng {position: absolute; right: 0; top: -16px; cursor: pointer; width: 70px; height: 21px; background: transparent url(/i/site/Default/icons/close-eng.png) no-repeat 0 0;}
	.form-auth-wrapper div.title {height: 51px;}
		.form-auth-wrapper div.title h2 {color: #fff; font: normal 18px/21px Arial; padding: 24px 29px; margin: 0;}
	.form-auth-wrapper .form-auth {height: 130px; width: 483px; float: left; background: transparent url(/i/site/Default/line-auth.gif) no-repeat 100% 10px;}
	.form-auth-wrapper .comment-auth {height: 130px; width: 257px; float: left; background: transparent url(/i/site/Default/line-auth.gif) no-repeat 100% 10px;}
		.form-auth-wrapper .comment-auth p {font: normal 12px/16px Arial; color: #fff; padding: 4px 20px; margin: 0;}
	#pAuth .fs-form {padding: 10px 30px 0;}
	#pAuth .field {border: none; width: 406px; height: 25px; margin: 0 0 5px; padding: 0 7px; font: normal 12px/16px Arial; color: #666;}
	#pAuth  .button {height: 26px; margin: 5px 0;}  
	#pAuth  .button a {display: block; float: left; border: 1px solid #fff; color: #fff; text-decoration: none; font-size: 12px; padding: 2px 10px 3px;}  
	#pAuth  .button a:hover {color: #f04e23; background: #fff;}  
	#pAuth .fs-error {color: #ffc1ac; font: normal 11px/13px Arial;}
	

#serviceEng {position: absolute; padding: 0; margin: 0; top: 0; left: 0; width: 100%; min-width: 996px; text-align: left; display: none}
	#serviceEng .popup-wrapper {position: absolute; z-index: 19999; width: 50%; min-width: 498px; top: 0; left: 50%; height: 381px; background: transparent url(/i/site/Default/bg-auth.png) no-repeat 340px 0;}	

#serviceSearch {display: none;}
	#serviceSearch .popup-wrapper {position: absolute; z-index: 19999; width: 50%; min-width: 498px; top: 0; left: 50%; height: 381px; background: transparent url(/i/site/Default/bg-auth.png) no-repeat 340px 0;}	
	#serviceSearch .form-auth-wrapper .form-auth {width: 740px;}
	#serviceSearch .fs-form {padding: 10px 30px 0;}
	#serviceSearch .field {border: none; width: 660px; height: 25px; margin: 0 0 5px; padding: 0 7px; font: normal 12px/16px Arial; color: #666;}
	#serviceSearch .button {height: 26px; margin: 5px 0;}  
	#serviceSearch .button a {display: block; float: left; border: 1px solid #fff; color: #fff; text-decoration: none; font-size: 12px; padding: 2px 10px 3px;}  
	#serviceSearch .button a:hover {color: #f04e23; background: #fff;}  
	#serviceSearch .fs-error {color: #ffc1ac; font: normal 11px/13px Arial;}
	
.search-words {padding: 10px 0 15px;}	
	.search-words-title {width: 79px; float: left; font: bold 11px/13px Arial; color: #222; text-transform: uppercase; padding: 3px 0 0 0;}
	.search-words-text {width: 421px; float: left; font: bold 24px/27px Arial; color: #222; margin: -9px 20px 0 0;}
	.new-search {float: left; font-size: 12px;}
.search-results {padding: 0 0 18px 0;}
		.search-results h3 {color: #006a71; font: normal 21px/24px Arial;}
			.search-results h3 a {text-decoration: none;}
			.search-results h3 a:hover {text-decoration: underline;}
		.search-results b {color: #222;}
		
.linkFLV {padding: 20px 0 7px 110px;}		
	.linkFLV img {float: left; margin: 0 18px 0 0; position: relative; top: -14px;}
	.linkFLV a {text-decoration: none;}
	.linkFLV a:hover {text-decoration: underline;}