@charset "utf-8";
/* CSS Document */
body {
	background: url(images/background.jpg) no-repeat top;
	background-color: #333;
}

a.tooltip span {
	width:340px;
	display:none;
	padding:2px;
	margin-left:8px;
	}
a.tooltip:hover span{
	display:inline;
	position:absolute;
	background: #FF9;
	border:1px solid #cccccc;
	color: #333;
}

/* -------------------------------------------------------------------------------- WRAPPER */
#wrapper {
	width: 980px;
	margin: 0 auto;
}

/* -------------------------------------------------------------------------------- HEADER */
#header {
	height: 200px;
	margin-bottom: 10px;
}
#header .logo {
	width: 337px;
	height: 105px;
	float: left;
	padding-top: 30px;
}

#header .presentation {
	height: 140px;
	width: 300px;
	float: left;
	padding: 10px 0 0 70px;
}

#header .links {
width: 138px;
height: 200px;
float: right;
}

.links a.mspa {
	width: 138px;
	height: 120px;
	display: block;
	background: url(images/sticker-sprite.png) no-repeat;
	text-indent:  -9999px;
}
.links a.mspa:hover {
	background: url(images/sticker-sprite.png) 0 120px;
}
.links a.bg, a.en {
	float: right;
	padding: 20px 10px 0;
}
.links a.social-facebook,  a.social-linkedin {
	width: 62px;
	height: 40px;
	margin-top: 41px;
	float: left;
	display: block;
	text-indent:  -9999px;
}
.links a.social-facebook {
	background-image: url(images/social-icons.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.links a.social-facebook:hover {
	background-image: url(images/social-icons.png);
	background-position: 0px -40px;
	}
.links a.social-linkedin {
	background-image: url(images/social-icons.png);
	background-repeat: no-repeat;
	background-position: -69px 0px;
}
.links a.social-linkedin:hover {
	background-image: url(images/social-icons.png);
	background-position: -69px -40px;
	}
/* -------------------------------------------------------------------------------- HEADER NAVIGATION */
ul#main-nav {
	height: 30px;
	width: 800px;
	padding-top: 17px;
	float: left;
}

ul#main-nav li {
	float: left;
	position: relative;
	margin-left: -8px;
	display: inline;
}

ul#main-nav li a {
	position: relative;
	width: 184px;
	height: 30px;
	display: block;
	padding-top: 5px;
	background-image: url(images/menu-sprite.png);
	background-position: center center;
	text-decoration: none;
	text-transform: uppercase;
	font: 22px Century Gothic, Tahoma, Geneva, sans-serif;
	text-transform: uppercase;
	color: #FFF;
	text-align: center;
}

ul#main-nav li.about a {
	background-image: url(images/menu-sprite.png);
}

ul#main-nav li.current a {
	background-position: top;
	color: #ccff33;
}

ul#main-nav li.current a:hover {
	background-position: top;
	color: #ccff33;
}

ul#main-nav li a:hover {
	background-position: bottom;
	color: #ccff33;
}

ul#main-nav li.current {z-index: 100;}
ul#main-nav li.about {z-index: 100;}
ul#main-nav li.services {z-index: 99;}
ul#main-nav li.contacts {z-index: 98;}
ul#main-nav li.clients {z-index: 97;}

/* -------------------------------------------------------------------------------- CONTENT */

#content {
	width: 720px;
	float: left;
}

#content img {
	float: left;
}

#content img.clients-logo {
	width:160px;
	height: auto;
	padding: 10px;
	}

#content .ms-action {
	width: 700px;
	height: 160px;
	float: left;
	padding: 0 10px;
}

#content p.service {
	width: 330px;
	height: auto;
	float: left;
	display: block;
	clear: both;
	font: normal 12px Tahoma, Geneva, sans-serif;
	color: #FFF;
}

#content .level, .level-map {
	height: 340px;
	float: left;
	display: block;
	margin-top: 10px;
}
.level {
	width: 720px;
}
.level-map{
	width: 700px;
	padding: 0 10px;
}
#content .box-wrapper {
	width: 700px;
	height: 340px;
	float: left;
	display: block;
	background: url(images/box-bkg_02.png) repeat-x;
}

#content .box {
	width: 350px;
	float: left;
}

#content h1, .box h1 {
	height: 42px;
	padding: 10px 0 0 10px;
	margin-top: 10px;
	display: block;
	float: left;
	background: url(images/spy-glass.png) left center no-repeat;
	font: normal 18px Tahoma, Geneva, sans-serif;
	color: #99ff00;
}

#content h1 {
	width: 260px;
	clear: both;
}

.box h1 {
	width: 340px;
}

.box h1 {
	width: 340px;
}
.box h3 {
	width: 320px;
	padding: 20px 0 0 10px;
	margin: 0;
	font: normal 16px Tahoma, Geneva, sans-serif;
	color: #FFF;
}

.box ul {
	width: 320;
	padding-left: 10px;
}

.box li.title {
	font: bold 12px Tahoma, Geneva, sans-serif;
	color: #999;
}

.box li.mail a {
	font: normal 12px Tahoma, Geneva, sans-serif;
	color: #FFF;
	padding-bottom: 10px;
	text-decoration: none;
}

.box p {
	width: 330px;
	display: block;
	margin: 0 10px;
	float: left;
	font: normal 12px Tahoma, Geneva, sans-serif;
	color: #FFF;
	text-align: justify;
	overflow: hidden;
}
.box p {
	height: 260px;
}
.box p.service {
	height: 70px;
}

#content .slideshow {
	width: 720px;
	height: 270px;
	float: left;
}
object.test {
	width: 320px;
	height: 267px;
	float: left;
	padding: 0 20px;
}
/* -------------------------------------------------------------------------------- SIDEBAR */
#sidebar {
	width: 260px;
	float: right;
	}
	
#sidebar ul {
	height: 165px;
	width: 190px;
	float: right;
	padding: 0 35px;
	margin-top: 10px;
	clear: both;
}
#sidebar ul li {
	height: 46px;
	width: 190px;
	float: left;
	display: block;
	background: url(images/sidebar-btns.png) 0 0 no-repeat;
	margin-top: 4px;
}
#sidebar ul li a {
	height: 46px;
	width: 190px;
	display: block;
	text-indent: -9999px;
	background: url(images/sidebar-btns.png) 0 0 no-repeat;
}
#sidebar ul li.software a {background-position: 0 0;}
#sidebar ul li.join a {background-position: 0 -92px;}
#sidebar ul li.software a:hover {background-position: 0 -46px;}
#sidebar ul li.join a:hover {background-position: 0 -138px;}
#sidebar ul li.demo-software a {background-position: 0 -184px;}
#sidebar ul li.demo-software a:hover {background-position: 0 -231px;}

#sidebar h2.project, #sidebar h2.learn {
	width: 260px;
	height: 47px;
	display: block;
	text-indent: -9999px;
	
	margin-top: 10px;
	clear: both;
}

#sidebar h2.project {background: url(images/sidebar-box-01.png) no-repeat;}
#sidebar h2.learn {background: url(images/sidebar-box-04.png) no-repeat;}

#sidebar .sidebar-box {
	width: 240px;
	padding: 0 10px;
	margin: 0;	background: url(images/sidebar-box-02.png) repeat-y;
}

#sidebar p {
	width: 240px;
	display: block;
	float: left;
	padding: 10px;
	font: bold 11px Tahoma, Geneva, sans-serif;
	color: #FFF;
	text-align: justify;
	overflow: hidden;
	background: url(images/sidebar-box-02.png) repeat-y;
}

.sidebar-box form {
	width: 220px;
	display: block;
	padding: 0 10px;
	margin: 0 auto;
	clear: both;
	text-align: left;
}
form#form fieldset {
	width: 220px;
	display: block;
}
form#form label {
	font: normal 12px Tahoma, Geneva, sans-serif;
	width: 220px;
	height: 12px;
	padding: 6px;
	clear: left;
	display: block;
	float: left;
	text-align: left;
	color: #fff;
}

form#form input, form#form textarea, form#form submit, form#form select {
	width: 220px;
	float: left;
}

#sidebar img {
	padding: 0;
	margin: 0;
}
/* -------------------------------------------------------------------------------- FOOTER */
#footer {
	width: 700px;
	height: 22px;
	float: left;
	clear: both;
}
	
#footer ul {
	width: 680px;
	height: 22px;
	padding-top: 10px;
}

#footer ul li {
	height: 22px;
	display: inline;
	margin: 0 4px;
	font: normal 12px Tahoma, Geneva, sans-serif;
	color: #FFF
	
}

#footer ul li a {color: #FFF}
#footer ul li a:hover {color: #9F3}