/* general elements */
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	}
body {
	font-size: 12px;
	font-family: Arial, Tahoma, Sans-Serif;
	color: #707070;
	line-height: 1.231;
	background: url('../images/body-bg.png') repeat-x top #ededed;
	}
/* reset some properties */
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, a, blockquote, table, th, td, img {
	margin: 0;
	padding: 0;
	outline: 0;
	border: 0;
	}
/* lists */
ul, li {
	list-style: none;
	}
/* links */
a {
	color: #3d84cc;
	text-decoration: none;
	}
/* paragraph */
p {
 line-height: 1.5;
	}
/* headers */
h1 {
	font-size: 28px;
	font-weight: normal;
	line-height: 1.1;
	color: #707070;
	padding: 0 0 20px 0;
	}
h2 {
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 0 0;
	padding: 0 0 0.5em 0;
	}
h3 {
	font-size: 1.2em;
	padding: 0 0 0.5em 0;
	}
h4 {
	font-size: 1.1em;
	padding: 0 0 0.5em 0;
	}
/* form elements */
input[ type = "text" ],
input[ type = "password" ],
select {
	height: 1.3em;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 1.1em;
	color: #707070;
	padding: 0.1em 0.2em 0 0.2em;
	border: 1px solid #888;
	}
input[ type = "text" ]:focus,
input[ type = "password" ]:focus {
	border: 1px solid #000;
	}
select {
	height: 1.6em;
	font-size: 1em;
	padding: 1px 1px 1px 0.1em;
	outline: 0;
	}
textarea {
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 1em;
	border: 1px solid #888;
	overflow: auto;
	}
/* general classes */
.cb {
	clear: both;
	}
.fleft {
	float: left;
	}
.fright {
	float: right;
	}
.overflow-stop {
	overflow: hidden;
	}
.bold {
	font-weight: bold;
	}
.text-center {
	text-align: center;
	}
.autoheight {
	height: auto !important;
	}
.wrap {
      width: 660px;
      overflow: auto; /* clearing floats */
      }
/* page structure */
#page {
	width: 978px;
	margin: 10px auto;
	}
	/* top and bottom rounded strips */
	.page-top {
		float: left;
		width: 100%;
		height: 12px;
		background: url('../images/page-top-bg.png') no-repeat;
		}
	.page-bottom {
		float: left;
		width: 100%;
		height: 12px;
		background: url('../images/page-bottom-bg.png') no-repeat;
		}
	/* page footer */
	.footer {
		float: left;
		width: 99%;
		padding: 7px 0 20px 1%;
		}
		.footer ul.navigation {
			float: left;
			}
			.footer .navigation li {
				float: left;
				line-height: 0.9;
				margin: 0 0 0 5px;
				padding: 0 0 0 5px;
				border-left: 1px solid #ccc;
				}
			.footer .navigation li:first-child {
				border: 0;
				padding: 0;
				}
		.footer p.copyright {
			float: right;
			font-size: 11px;
			color: #959595;
			line-height: 0.9;
			padding: 0 10px 0 0;
			}
	/* page content */
	.page-content {
		float: left;
		width: 970px;
		padding: 0 4px 0 4px;
		background: url('../images/page-content-bg.png') repeat-y;
		}
		/* page header */
		.page-header {
			float: left;
			position: relative;
			width: 100%;
			height: 100px;
			z-index: 1;
			}
			.page-header .logo {
				position: absolute;
				top: 5px;
				left: 10px;
				}
			/* navmenu */
			.page-header ul.navigation {
				position: absolute;
				top: 5px;
				right: 10px;
				}
				.page-header .navigation li {
					float: left;
					line-height: 0.9;
					margin: 0 0 0 5px;
					padding: 0 0 0 5px;
					border-left: 1px solid #ccc;
					}
				.page-header .navigation li:first-child {
					border: 0;
					}
			/* main menu */
			.page-header .menu-area {
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				height: 36px;
				background: url('../images/menu-bg.png') repeat-x;
				}
				.page-header .menu {
					position: absolute;
					bottom: 0;
					left: 14px;
					height: 31px;
					}
					.page-header .menu li {
						float: left;
						height: 31px;
						margin: 0 8px 0 0;
						}
						.page-header .menu li a {
							float: left;
							position: relative;
							height: 25px;
							font-size: 14px;
							font-weight: bold;
							text-decoration: none;
							padding: 6px 10px 0 10px;
							}
						.page-header .menu li .left,
						.page-header .menu li .right {
							position: absolute;
							top: 0;
							width: 4px;
							height: 31px;
							}
						.page-header .menu li.active a {
							color: #707070;
							background: #fff;
							}
						.page-header .menu li.active .left {
							left: -4px;
							background: url('../images/menu-item-lt.png') no-repeat;
							}
						.page-header .menu li.active .right {
							right: -4px;
							background: url('../images/menu-item-rt.png') no-repeat;
							}
						
				.page-header .lang {
					position: absolute;
					top: 8px;
					right: 10px;
					}
		/* mainarea */
		.mainarea {
			float: left;
			width: 100%;
			}
			/* promo video */
			.mainarea .promo {
				position: relative;
				height: 242px;
				color: #e3ebf3;
				margin: 15px 0 0 0;
				padding: 25px 0 0 30px;
				border-bottom: 1px solid #fff;
				background: url('../images/video-bg.jpg') no-repeat;
				}
				.mainarea .promo h1 {
					width: 490px;
					font-size: 36px;
					letter-spacing: -1px;
					color: #fff;
					padding: 0 0 20px 0;
					}
				.mainarea .promo ul {
					width: 490px;
					font-size: 18px;
					color: #fff;
					padding: 0 0 0 0;
					}
					.mainarea .promo ul li {
						padding: 0 0 25px 20px;
						background: url('../images/arrow1.png') no-repeat 0 8px;
						}
						.mainarea .promo ul li a {
							color: #fff;
							text-decoration: underline;
							}
				.mainarea .promo .movie {
					position: absolute;
					top: 28px;
					right: 52px;
					}
			/* breadcrumb */
			.mainarea ul.breadcrumb {
				position: relative;
				height: 25px;
				padding: 10px 0 0 5px;
				}
				.mainarea ul.breadcrumb li {
					float: left;
					padding: 0 0 0 4px;
					}
			/* product heading */
			.mainarea .product-head {
				position: relative;
				height: 261px;
				padding: 80px 30px 0 520px;
				border-bottom: 1px solid #fff;
				background: url('../images/product-head-bg.jpg') no-repeat;
				}
				.mainarea .product-head .photo {
					position: absolute;
					top: 0;
					left: 0;
					width: 500px;
					height: 341px;
					text-align: center;
					}
				.mainarea .product-head h1 {
					width: 490px;
					font-size: 36px;
					letter-spacing: -1px;
					color: #707070;
					padding: 0 0 10px 0;
					}
				.mainarea .product-head p {
					font-size: 1.1em;
					line-height: 1.6;
					padding: 0 0 20px 0;
					}
				.mainarea .product-head p.download a {
					display: block;
					width: 113px;
					height: 25px;
					text-decoration: none;
					text-align: right;
					padding: 5px 43px 0 0;
					background: url('../images/btn-pdf.png') no-repeat;
					}
			/* main column */
			.mainarea .col-left {
				float: left;
				width: 690px;
				padding: 20px 0 0 10px;
				*padding: 20px 0 20px 10px;
				background: url('../images/mainarea-bg.png') repeat-x top;
				}
			.mainarea .col-left.full-width {
				width: 960px;
				padding: 20px 0 10px 10px;
				}
			.mainarea .col-left.full-width.nopadding {
				width: 970px;
				padding: 20px 0 10px 0;
				}
				/* left column box */
				.mainarea .col-left .box {
					float: left;
					width: 680px;
					margin: 0 0 20px 0;
					}
					.mainarea .col-left .box-top,
					.mainarea .col-left .box-bottom {
						float: left;
						width: 680px;
						height: 4px;
						}
					.mainarea .col-left .box-top {
						background: url('../images/hp-box1-top.png') no-repeat;
						}
					.mainarea .col-left .box-bottom {
						background: url('../images/hp-box1-bottom.png') no-repeat;
						}
					.mainarea .col-left .box-content {
						float: left;
						width: 676px;
						padding: 0 2px 0 2px;
						background: url('../images/hp-box1-content.png') repeat-y;
						}
			/* side column */
			.mainarea .col-right {
				float: left;
				width: 270px;
				padding: 20px 0 0 0;
				*padding: 20px 0 20px 0;
				background: url('../images/mainarea-bg.png') repeat-x top;
				}
				/* right column box */
				.mainarea .col-right .box {
					float: left;
					width: 260px;
					min-height: 140px;
					margin: 0 0 25px 0;
					background: url('../images/hp-box2-top.png') no-repeat;
					}

/* LEFT COLUMN CONTENT */

.mainarea .col-left .box h1 {
	padding: 6px 0 9px 10px;
	}
.mainarea .col-left .box h2 {
	padding: 6px 0 9px 10px;
	}
/* article content */
.mainarea .col-left .article {
	padding: 20px 20px 20px 10px;
	}
	.mainarea .article .date {
		display: block;
		padding: 0 0 3px 0;
		}
	.mainarea .article h3.spip {
		font-size: 1em;
		padding: 15px 0 10px 0;
		}
	.mainarea .article p {
		line-height: 1.7;
		text-align: justify;
		padding: 0 0 1em 0;
		}
	.mainarea .article .image-container {
		float: right;
		clear: right;
		margin: 5px 0 10px 15px;
		padding: 5px;
		border: 1px solid #eee;
		}
		.mainarea .article .image-container .title {
			display: block;
			font-size: 0.9em;
			color: #bbb;
			margin: 5px 0 0 0;
			}
		.mainarea .article .image-container:hover .title {
			color: #555;
			}
/* homepage - list of products */
.mainarea .col-left .box ul.products {
	}
	/* default - 4 elements in a row */
	.mainarea .col-left .box .products li {
		float: left;
		width: 168px;
		padding: 0 0 10px 0;
		border-left: 42px solid #fff;
		border-bottom: 20px solid #fff;
		}
	.mainarea .col-left .box .products li:first-child {
		width: 167px;
		}
	/* 2 elements in a row */
	.mainarea .col-left .box.row-two .products li {
		width: 337px;
		}
	.mainarea .col-left .box.row-two .products li:first-child {
		width: 336px;
		}
		.mainarea .col-left .products h3 {
			height: 27px;
			font-size: 15px;
			color: #fff;
			text-align: center;
			padding: 9px 0 0 0;
			background: url('../images/products-list-head.png') repeat-x top;
			}
		.mainarea .col-left .products .photo {
			height: 140px;
			text-align: center;
			padding: 10px 0 10px 0;
			background: url('../images/products-list-content.png') repeat-x top;
			}
		.mainarea .col-left .products .more {
			display: block;
			width: 78px;
			height: 18px;
			text-decoration: none;
			text-align: right;
			margin: 0 auto;
			padding: 3px 27px 0 0;
			background: url('../images/btn1.png') no-repeat;
			}
/* tabs */
.mainarea .col-left ul.tabs {
	float: left;
	width: 100%;
	border-bottom: 1px solid #d0e1f3;
	}
	.mainarea .col-left .tabs li {
		float: left;
		position: relative;
		bottom: -1px;
		margin: 0 5px 0 0;
		}
	.mainarea .col-left .tabs .lt,
	.mainarea .col-left .tabs .rt {
		float: left;
		width: 4px;
		height: 31px;
		}
	.mainarea .col-left .tabs .lt {
		background: url('../images/product-tab-off.png') no-repeat 0 0;
		}
	.mainarea .col-left .tabs .rt {
		background: url('../images/product-tab-off.png') no-repeat 0 -31px;
		}
	.mainarea .col-left .tabs a {
		float: left;
		height: 24px;
		font-size: 13px;
		font-weight: bold;
		padding: 7px 7px 0 7px;
		background: url('../images/product-tab-off.png') repeat-x bottom;
		}
	.mainarea .col-left .tabs .active .lt {
		background: url('../images/product-tab-on.png') no-repeat 0 0;
		}
	.mainarea .col-left .tabs .active .rt {
		background: url('../images/product-tab-on.png') no-repeat 0 -31px;
		}
	.mainarea .col-left .tabs .active a {
		background: url('../images/product-tab-on.png') repeat-x bottom;
		}
/* product */
.mainarea .col-left .product {
	width: 680px;
	}
	.mainarea .col-left .product-content {
		float: left;
		width: 660px;
		padding: 25px 10px 30px 10px;
		*padding: 25px 10px 10px 10px;
		}
	
		/* list of features */
		.mainarea .col-left #product_content ul#other_tabs {
			padding: 10px 0;
			}
			.mainarea .col-left #product_content ul#other_tabs h4 {
			  color: #F88208;
			  }

		/* text: images and paragraphs */
		.mainarea .col-left .product-content .image {
			text-align: center;
			padding: 25px 0 25px 0;
			}
			.mainarea .col-left .product-content .image img {
				margin: 0 10px 0 10px;
				}
		.mainarea .col-left .product-content p {
			line-height: 1.6;
			text-align: justify;
			}
		.mainarea .col-left .product-content p.privacy {
			clear: left;
			font-size: 0.9em;
			color: #999;
			padding: 20px 0 0 0;
			}
		/* list of features */
		.mainarea .col-left .product-content ul.features {
			}
			.mainarea .col-left #features-list li {
				float: left;
				width: 200px;
				margin: 0 10px 10px 10px;
				}
				.mainarea .col-left #features-list .img {
					}
					.mainarea .col-left #features-list .img div {
						width: 100%;
						text-align: center;
						}
				.mainarea .col-left #features-list .head {
					
					}
					.mainarea .col-left #features-list .head h2 {
						margin: 5px 0 0 0;
						font-size: 13px;
						color: #f88208;
						text-align: center;
						}
				.mainarea .col-left #features-list p {
					font-size: 0.9em;
					line-height: 1.4;
					}
		/* technical data columns */
		.mainarea .col-left .technicaldata .column {
			float: left;
			width: 202px;
			margin: 0 0 0 27px;
			}
		.mainarea .col-left .technicaldata .column:first-child {
			margin: 0;
			}
			.mainarea .col-left .technicaldata h3 {
				font-size: 18px;
				font-weight: normal;
				margin: 0 0 8px 0;
				padding: 0 0 5px 0;
				border-bottom: 1px solid #b0b0b0;
				}
			.mainarea .col-left .technicaldata p strong {
				display: block;
				margin: -23px 0 5px 0;
				}
			.mainarea .col-left .technicaldata ul {
				padding: 0 0 20px 0;
				}
				.mainarea .col-left .technicaldata li {
					padding: 0 0 10px 10px;
					background: url('../images/list-dot.png') no-repeat 0 6px;
					}
/* news list */
.mainarea .col-left ul.news {
	}
	.mainarea .col-left .news li {
		padding: 0 0 5px 20px;
		background: url('../images/arrow2.png') no-repeat left 4px;
		}
		.mainarea .col-left .news h2 {
			font-size: 15px;
			font-weight: bold;
			color: #3d84cc;
			padding: 0;
			}
		.mainarea .col-left .news .date {
			color: #999;
			}
/* areas of business list */
.mainarea .col-left ul.business-areas {
	}
	.mainarea .business-areas li {
		float: left;
		width: 283px;
		height: 180px;
		padding: 0 18px 10px 22px;
		}
		.mainarea .business-areas .image {
			float: left;
			width: 100px;
			padding: 5px 0 0 0;
			}
		.mainarea .business-areas .content {
			float: left;
			width: 180px;
			}
			.mainarea .business-areas h2 {
				font-size: 18px;
				color: #3d84cc;
				padding: 0 0 3px 0;
				}
			.mainarea .business-areas p {
				font-size: 0.95em;
				text-align: justify;
				padding: 0 0 10px 0;
				}
			.mainarea .business-areas .more {
				display: block;
				width: 78px;
				height: 18px;
				text-decoration: none;
				text-align: right;
				padding: 3px 27px 0 0;
				background: url('../images/btn1.png') no-repeat;
				}
/* contact */
.mainarea .col-left .contact-main {
	float: left;
	width: 480px;
	padding: 20px 40px 0 10px;
	}
	.mainarea .contact-main .section {
		float: left;
		width: 100%;
		padding: 0 0 20px 0;
		}
	.mainarea .contact-main h1 {
		margin: 0 0 20px 0;
		padding: 0 0 3px 0;
		border-bottom: 1px solid #707070;
		}
	.mainarea .contact-main h3.spip {
		font-size: 1em;
		padding: 0 0 10px 0;
		}
	.mainarea .contact-main p {
		padding: 0 0 1em 0;
		}
	.mainarea .contact-main .person {
		float: left;
		width: 100%;
		padding: 0 0 20px 0;
		}
		.mainarea .contact-main .photo {
			float: left;
			width: 140px;
			padding: 2px 0 0 0;
			}
		.mainarea .contact-main .content {
			float: left;
			width: 310px;
			}
			.mainarea .contact-main .content h2 {
				font-size: 1em;
				font-weight: bold;
				color: #f88206;
				text-transform: uppercase;
				padding: 0;
				}
			.mainarea .contact-main .content span.role {
				display: block;
				padding: 0 0 10px 0;
				}
			.mainarea .contact-main .content h3.spip {
				padding: 0 0 5px 0;
				}
			.mainarea .contact-main .content ul {
				}
				.mainarea .contact-main .content li {
					padding: 0 0 4px 10px;
					background: url('../images/list-dot.png') no-repeat 0 6px;
					}
.mainarea .col-left .contact-images {
	float: left;
	width: 410px;
	padding: 20px 10px 20px 10px;
	}
	.mainarea .col-left .contact-images img {
		margin: 0 0 20px 0;
		}
	.mainarea .col-left .contact-images .map {
		margin: 0 0 5px 0;
		}
	.mainarea .col-left .contact-images p.full-map a {
		padding: 0 15px 0 0;
		background: url('../images/zoom.png') no-repeat right;
		}

/* RIGHT COLUMN CONTENT */

.mainarea .col-right .box h2 {
	color: #3d84cc;
	padding: 10px 0 9px 10px;
	border-bottom: 1px solid #d0e1f3;
	}
.mainarea .col-right .box h3 {
	font-size: 12px;
	color: #3d84cc;
	padding: 0;
	}
.mainarea .col-right .box p {
	}
.mainarea .col-right .box-content {
	padding: 9px 0 0 0;
	border-top: 1px solid #f7fafe;
	}
	.mainarea .col-right .content-inside {
		margin: 0 10px 10px 10px;
		padding: 0 0 10px 0;
		border-bottom: 1px dotted #3d84cc;
		}
/* more link */
.mainarea .col-right .box .more {
	margin: 0 10px 0 10px;
	padding: 0;
	}
	.mainarea .col-right .box .more a {
		text-decoration: none;
		padding: 0 17px 0 0;
		background: url('../images/arrow2.png') no-repeat right 3px;
		}
/* list of partners */
.mainarea .col-right .box ul.partners {
	padding: 0 10px 0 10px;
	}
	.mainarea .col-right .box .partners li {
		float: left;
		padding: 0 3px 0 3px;
		}
/* list of news */
.mainarea .col-right .box ul.news {
	padding: 0 10px 0 10px;
	}
	.mainarea .col-right .box .news li {
		margin: 0 0 10px 0;
		padding: 0 0 11px 0;
		border-bottom: 1px dotted #3d84cc;
		}
		.mainarea .col-right .box .news .date {
			display: block;
			font-size: 11px;
			}
		.mainarea .col-right .box .news a {
			display: block;
			text-decoration: none;
			}
		.mainarea .col-right .box .news p {
			color: #3d84cc;
			line-height: 1.25;
			padding: 0;
			}

/* SPIP STYLES */