@import "reset.css";

body {
	margin: 0;
	padding: 0;
	background: #131313 url(/img/bg_footer.gif) repeat 0 0;
	color: #FFF;
	font: 100%/1.3 Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

a:link {
	color: #DDD;
}
a:visited {
	color: #CCC;
}
a:hover,
a:active {
	color: #F73;
}

p.author {
	color: #5096FF;
	text-align: right;
}
p.date {
	margin: 2em 0 0 !important;
	font-size: 120%;
	color: #666;
}
p.nb {
	border: 1px dashed #FFEF00;
	padding: 1em;
	color: #FFB400;
}
.highlight {
	color: #FF5A00;
	font-weight: normal;
}
.figure {
	display: block;
	margin: 1.5em 0;
}

.clear {
	clear: both;
}

/* Layout */

.global-wrap {
	min-width: 920px;
	min-height: 890px;
	background-color: #000;
	font-size: 80%;
}
	.global-wrap .wrap {
		width: 920px;
		margin-left: 50px;
		overflow: hidden;
	}
		.global-wrap .sidebar {
			float: left;
			width: 225px;
			padding: 50px 0;
		}
		.global-wrap .content {
			float: right;
			width: 615px;
			padding: 0 80px 50px 0;
			line-height: 1.4;
		}

#footer {
	min-width: 920px;
	background: transparent url(/img/bg_footer_top.png) repeat-x 0 0;
	color: #D2D2D2;
	font-size: 75%;
	line-height: 1.2;
}
	#footer .wrap {
		width: 920px;
		margin-left: 50px;
		padding: 30px 0;
		overflow: hidden;
	}
	#footer .wrap .block-copyright {
		float: left;
		width: 50%;
	}
	#footer .wrap .block-design {
		float: right;
		width: 50%;
		text-align: right;
	}
		#footer .wrap .block-design img {
			float: right;
			margin: .25em 0 0 .5em;
		}



/* Sidebar */

.sidebar h1 {
	position: relative;
	width: 81px;
	height: 90px;
	margin-bottom: 50px;
	text-indent: -9999em;
	background: transparent url(/img/logo.gif) no-repeat 0 0;
	overflow: hidden;
}
	.sidebar h1 a {
		display: block;
		height: 90px;
	}

/* Main navigation */

ul.nav {
	margin: 0 10px 50px 0;
	font-size: 115%;
}
	ul.nav li {
		padding: .25em 0 .5em;
		list-style: none;
	}
		ul.nav a,
		ul.nav a:visited {
			color: #FFF;
			text-decoration: none;
		}
		ul.nav a:hover {
			color: #F73;
			text-decoration: underline;
		}
		ul.nav strong,
		ul.nav strong a {
			color: #FF5A00 !important;
			font-weight: normal;
		}
		ul.nav ul {
			padding: .5em 0 0 15px;
			font-size: 80%;
		}
			ul.nav ul a,
			ul.nav ul a:visited {
				color: #B7B7B7;
				text-decoration: underline;
			}
			ul.nav ul strong {
				display: block;
				margin-left: -10px;
				padding-left: 10px;
				background: url(/img/bullet_nav_2nd.gif) no-repeat 0 .25em;
			}

/* Meta navigation */

ul.nav-meta {
	margin-bottom: 20px;
	overflow: hidden;
}
	ul.nav-meta li {
		float: left;
		width: 12px;
		height: 12px;
		margin: 0 6px;
		list-style: none;
	}
		ul.nav-meta a {
			float: left;
			width: 12px;
			height: 12px;
			text-indent: -9999em;
			background: transparent url(/img/i_nav-meta.gif) no-repeat 0 0;
			overflow: hidden;
		}
		ul.nav-meta #n-home a		{ background-position: 0 0; }
		ul.nav-meta #n-sitemap a	{ background-position: 0 -12px; }
		ul.nav-meta #n-contact a	{ background-position: 0 -24px; }

/* Search form */

.search {
	margin-bottom: 50px;
}
	.search input {
		vertical-align: middle;
	}
	.search input.button {
		margin: .2em 0 0 0;
	}

/* Poll and Subscribe to newsletter */

.poll,
.newsletter {
	width: 157px;
	margin: 0 0 30px;
}
	.poll h2,
	.newsletter h2 {
		height: 49px;
		padding: 0 10px;
		background: url(/img/form_top.gif) no-repeat 0 0;
		color: #F73;
		line-height: 1.1;
		font-weight: normal;
		text-align: center !important;
		overflow: hidden;
	}
		.poll h2 b,
		.newsletter h2 b {
			position: static;
			display: table;
			height: 49px;
			margin: 0 auto;
			font-weight: normal;
			overflow: hidden;
		}
			.poll h2 span,
			.newsletter h2 span {
				position: static;
				display: table-cell;
				vertical-align: middle;
			}
				.poll h2 span span,
				.newsletter h2 span span {
					position: static;
					display: block;
				}

	.poll .poll-answers,
	.newsletter .form-row,
	.done .wrapper {
		padding: .5em 10px .75em;
		border-right: 1px solid #4B4B4B;
		border-left: 1px solid #4B4B4B;
		background: url(/img/form_bg.png) repeat 0 0;
	}
		.poll .poll-answers .form-row {
			padding: 0 0 .25em;
		}
		.newsletter .form-row {
			padding-bottom: 1em;
		}
			.newsletter .form-row .form-label {
				float: none;
				width: auto;
			}
			.newsletter .form-row .form-field {
				margin: 0;
			}
			.newsletter .form-row .form-field input {
				width: 95%;
			}
		.done .wrapper {
			padding-top: 1em;
		}

	.poll a.button,
	.newsletter a.button {
		display: block;
		padding: 4px 10px 0;
		height: 15px;
		line-height: 1;
		text-decoration: none;
		font-size: 90%;
	}
		.poll a.button {
			background: url(/img/form_results.gif) no-repeat 0 0;
		}
		.newsletter a.button {
			background: url(/img/form_button.gif) no-repeat 0 0;
		}
	.done .rc-b {
		display: block;
		height: 9px;
		background: url(/img/form_bg_btm.png) no-repeat 0 0;
	}

	/* Poll results */

	.poll.done p {
		color: #999;
		font-size: 85%;
		line-height: 1.1;
	}
	.poll.done table {
		width: 100%;
		margin: 0 0 1em;
		border-collapse: collapse;
		font-size: 90%;
	}
		.poll.done table td { padding: 0; vertical-align: bottom; }
		.poll.done table td.poll-item { width: 30%; }
		.poll.done table td.percent { width: 25%; text-align: right; }

		.graph {
			display: block;
			height: 7px;
			margin: 0 0 .3em;
			border: 1px solid #666;
			background-color: #000;
		}
			.graph span {
				display: block;
				height: 7px;
				background: #700 url(/img/graph.gif) repeat-x 0 0;
			}



/* Breadcrumbs */

.breadcrumbs {
	float: right;
	width: 695px;
	padding: 20px 0 50px;
	font-size: 85%;
}
	.breadcrumbs .sep {
		margin: 0 .5em;
	}
	.breadcrumbs strong,
	.breadcrumbs strong a {
		color: #FF5A00 !important;
		font-weight: normal;
	}


/* Sub-sections */

ul.sections {
	float: right;
	width: 695px;
	margin: -2em 0 0;
	font-size: 90%;
	overflow: hidden;
}
	ul.sections li {
		float: left;
		padding: 7px 20px 0 0;
	}
		ul.sections strong {
			display: block;
			margin-top: -7px;
			padding-top: 7px;
			background: url(/img/bullet_nav_3rd.gif) no-repeat 50% 0;
			color: #FF5A00;
			font-weight: normal;
		}
		ul.sections a,
		ul.sections a:link,
		ul.sections a:visited {
			display: block;
			border-bottom: 1px dashed #5DAEFF;
			color: #5DAEFF;
			text-decoration: none;
		}
		ul.sections a:hover,
		ul.sections a:active {
			border-bottom: 1px solid #FFF;
			color: #FFF;
		}


/* Content */

.content a:link {
	color: #5DAEFF;
}
.content a:visited {
	color: #CCC;
}
.content a:hover,
.content a:active {
	color: #F73;
}
.content h2 {
	margin: 1.2em 0 1.6em;
	color: #FF5A00;
	font-weight: normal;
	font-size: 200%;
	line-height: 1.1;
}
.content h3 {
	margin: 1.4em 0 .4em;
	color: #5DAEFF;
	font-weight: normal;
	font-size: 170%;
	line-height: 1.2;
}
.content h4 {
	margin: 1.6em 0 1em;
	color: #FFF;
	font-weight: normal;
	font-size: 130%;
	line-height: 1.2;
}
.content p {
	margin: .2em 0 1em;
}
.content ul,
.content ol {
	margin: .2em 0 1em;
	padding-left: 2.1em;
}
	.content ul li {
		padding: 0 0 .75em;
		list-style: square;
	}
		.content ul ul li {
			list-style: disc;
		}
			.content ul ul ul li {
				list-style: circle;
			}
	.content ol li {
		padding: 0 0 .75em;
		list-style: decimal;
	}
.content blockquote {
	font: normal italic 100%/1.5 Georgia, "Times New Roman", Times, serif;
}
.content table {
	width: 100%;
	margin: 1em 0 1.5em;
	border-collapse: collapse;
}
	.content table th,
	.content table td {
		border: 1px solid #555;
		padding: .5em .75em;
	}

.figure-l {
	float: left;
	margin: 1em 20px 20px 0;
}
.figure-r {
	float: right;
	margin: 1em 0 20px 20px;
}


/* Two columns */

.two-columns {
	overflow: hidden;
}
	.two-columns .firstcol {
		float: left;
		width: 300px;
	}
	.two-columns .secondcol {
		margin-left: 315px;
	}

.two-columns-6040 {
	overflow: hidden;
}
	.two-columns-6040 .firstcol {
		float: left;
		width: 360px;
	}
	.two-columns-6040 .secondcol {
		margin-left: 375px;
	}


/* ToC */

ul.toc li {
	padding-bottom: .25em;
}
	ul.toc ul {
		margin-bottom: 0;
	}
	ul.toc a:link,
	ul.toc a:visited {
		color: #FFF;
	}
	ul.toc a:hover,
	ul.toc a:active {
		color: #F73;
	}

/* Forms */

.form-row {
	padding: 0 0 1em;
	overflow: hidden;
}
	.form-row .form-label {
		float: left;
		width: 200px;
	}
	.form-row .form-field,
	.form-row .form-comment {
		margin-left: 210px;
	}
	.form-row .form-comment {
		color: #CCC;
		font-size: 85%;
	}

.form-submit {
	margin: .5em 0 1em;
	text-align: center;
}

.form-row.error {
	margin: 0 -9px 1em;
	border: 1px solid #FF5A00;
	border-width: 1px 0 1px 0;
	padding: .75em 9px;
	background-color: #000;
	color: #FF5A00;
}
.msg-error,
.msg-ok {
	margin: 0 -9px 1.5em;
	padding: .5em 9px;
	color: #000;
}
	.msg-error {
		background-color: #FF5A00;
	}
	.msg-ok {
		background-color: #9BBF30;
	}


form.form-block {
	position: relative;
	margin: 1em 0 1.5em;
	background: #0F0F0F url(/img/bg_order.gif) no-repeat 0 100%;
}
	form.form-block fieldset {
		padding: 10px;
	}
	form.form-block h3 {
		width: 615px;
		height: 35px;
		margin: -10px -10px 20px !important;
		padding: 13px 0 0;
		background: #0F0F0F url(/img/bg_order_top.gif) no-repeat 0 0;
		color: #FFF;
		text-align: center;
		font-size: 130%;
		font-weight: normal;
	}
	form.form-block .form-submit a {
		color: #FF5A00 !important;
		font-size: 130%;
	}


/* Block links */

ul.block-links {
	margin: 50px 0;
	padding: 0;
	overflow: hidden;
}
	ul.block-links li {
		float: left;
		width: 205px;
		padding: 0;
		list-style: none;
	}
	ul.block-links a {
		display: block;
		padding-top: 120px;
		background: transparent no-repeat 50% 0;
		text-align: center;
	}
		ul.block-links a:link	{ color: #FFF; }
		ul.block-links a:hover	{ color: #F73; }

ul.block-links.two-links {
	width: 410px;
	margin: 50px auto;
}


	.two-columns-6040 ul.block-links {
		margin: 40px 0 0;
	}
		.two-columns-6040 ul.block-links li {
			margin-bottom: 50px;
		}



/* FAQ */

dl.faq dt {
	margin: 1.4em 0 .6em;
	color: #5DAEFF;
	font: italic 120% Georgia, "Times New Roman", Times, serif;
}
dl.faq dd {
	padding-left: 2.1em;
}


/* Paging */

p.paging {
	margin: 3em 0 2em;
	text-align: center;
	font-size: 120%;
}
	p.paging strong,
	p.paging a {
		margin: 0 .5em;
	}
	p.paging strong {
		color: #FF5A00;
		font-weight: normal;
	}


/*************************************/
/*               Pages               */
/*************************************/


/* Home page */

#home .global-wrap,
#home #footer {
	min-width: 960px;
}
#home .global-wrap {
	background: #000 url(/img/bg_page_home.jpg) no-repeat 50% 0;
}
#home .global-wrap .wrap,
#home #footer .wrap {
	margin: 0 auto;
}

#home .news {
	float: right;
	width: 180px;
	padding: 190px 0 0;
	color: #B4B4B4;
	font-size: 85%;
	line-height: 1.5;
}
	#home .news h2 {
		margin: 0 0 2em;
		color: #FFF;
		font-size: 140%;
		font-weight: normal;
	}
	#home .news h3 {
		margin: 1.5em 0 0;
		color: #6E6E6E;
		font-size: 110%;
		font-weight: normal;
	}
	#home .news p {
		margin-left: -8px;
		padding-left: 8px;
		background: url(/img/bullet_news.gif) no-repeat 0 .7em;
	}
	#home .news a		{ color: #B4B4B4; }
	#home .news a:hover	{ color: #FFF; }


/* Company */

#company .global-wrap {
	min-height: 780px;
	background: #000 url(/img/bg_page_company.jpg) no-repeat 250px 125%;
}

#company-ip .global-wrap {
	background: #000 url(/img/bg_page_company-ip.jpg) no-repeat 600px 100%;
}
	#company-ip .global-wrap .content {
		width: 300px;
		padding-right: 395px;
	}

.contact-map {
	display: block;
	margin: 2em 0 0 -10px;
}

/* Products */

ul.block-links .p-auto a		{ background-image: url(/img/i_products_auto.png); }
ul.block-links .p-industry a	{ background-image: url(/img/i_products_industry.png); }
ul.block-links .p-domestic a	{ background-image: url(/img/i_products_domestic.png); }

#products-auto .global-wrap {
	background: #000 url(/img/bg_page_products_auto.jpg) no-repeat 100px 100%;
}
	#products-auto .global-wrap .content {
		width: 300px;
		padding-right: 395px;
	}

#products-auto-effect .global-wrap {
	background: #000 url(/img/bg_page_tech_advantages.jpg) no-repeat 400px 95%;
}

#products-industry .global-wrap {
	background: #000 url(/img/bg_page_products_industry.jpg) no-repeat 380px 75%;
}
	#products-industry .global-wrap .content {
		width: 300px;
		padding-right: 395px;
	}

/* Tech */

#tech .global-wrap {
	min-height: 800px;
	background: #000 url(/img/bg_page_tech.jpg) no-repeat 0 100%;
}
	#tech .global-wrap .content {
		width: 350px;
		padding-left: 265px;
	}

#tech-nano .global-wrap {
	background: #000 url(/img/bg_page_tech_nano.jpg) no-repeat 600px 0;
}

#tech-advantages .global-wrap {
	background: #000 url(/img/bg_page_tech_advantages.jpg) no-repeat 400px 90%;
}

#tech-tests h4 {
	margin-top: .2em;
}

ul.block-links .t-tribological a	{ background-image: url(/img/i_tech_tribological.png); }
ul.block-links .t-industry a		{ background-image: url(/img/i_tech_industry.png); }
ul.block-links .t-other a			{ background-image: url(/img/i_tech_other.png); }

/* Dealers */

#dealers .global-wrap .wrap {
	overflow: visible;
}
	.map-dealers {
		display: block;
		margin: 0 0 2em;
	}

/* Press */

#press .global-wrap {
	background: #000 url(/img/bg_page_press.jpg) no-repeat 450px 0;
}
	#press .global-wrap .content {
		width: 300px;
		padding-right: 395px;
	}

#press-news .global-wrap {
	background: #000 url(/img/bg_page_press_news.jpg) no-repeat 590px 0;
}
	#press-news h3 {
		margin: .25em 0 1em;
	}
	#press-news h4 {
		margin: .2em 0 .4em;
	}

/* Search results */

#search-results h4 {
	margin-bottom: .4em;
}
#search-results .highlight {
	padding: 0 .3em;
	background-color: #000;
	color: #FF5A00;
	font-weight: bold;
}