/*@font-face {
	font-family: 'OpenSans';
	src: url('../font/OpenSans-Regular.ttf');
}

@font-face {
	font-family: 'OpenSans';
	font-weight: 100;
	src: url('../font/OpenSans-Semibold.ttf');
}

@font-face {
	font-family: 'OpenSans';
	font-weight: bold;
	src: url('../font/OpenSans-Extrabold.ttf');
}*/


#skypedetectionswf{
	display: none;
}
html, body, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	border: 0;
	padding: 0;
	font-family: 'Open Sans', Arial;
}

::selection{
	background: #FFFFFF;
	color: #555555;
}
::-moz-selection{
	background: #FFFFFF;
	color: #555555;
}

body{
	background: #d4d4d4 url('img/background.png') repeat-x;
}

a{
	color: #699bb9;
	text-decoration: none;
}

#blocker{
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	background-image: url('img/black.png');
	z-index: 9001;
	text-align: center;
}

	#blocker img{
		position: relative;
		top: 50%;
		max-height: 85%;
		padding: 5px;
		box-shadow: 0px 5px 15px #000;
	}

#header{
	width: 900px;
	margin: auto auto;
}

	#header a.logo{
		position: relative;
		display: block;
		width: 361px;
		height: 74px;
		overflow: hidden;
		text-indent: -500px;
		background: url('img/logo.png') no-repeat;
		top: 35px;
	}

	#header #slider{
		width: 750px;
		height: 450px;
		margin: 50px auto 0px auto;
		overflow: hidden;
	}

	#header #navigation{
		position: absolute;
	}

	#header #elements{
		overflow: hidden;
	}

		#header #slider #elements .title{
			position: absolute;
			font-size: 36px;
			font-weight: 600;
			color: #fff;
			margin-top: 140px;
			margin-left: 310px;
			text-shadow: 0 1px 10px #000;
			z-index: 2;
		}

		#header #slider #elements .description{
			position: absolute;
			color: #fff;
			font-size: 14px;
			width: 410px;
			margin-top: 200px;
			margin-left: 311px;
			text-shadow: 0 1px 1px #000;
			z-index: 2;
		}

		#header #slider #elements .signature{
			position: absolute;
			background: url('img/signature.png') no-repeat;
			width: 133px;
			height: 53px;
			margin-top: 255px;
			margin-left: 550px;
			z-index: 1;
		}


		#header #slider #elements .image{
			position: absolute;
			background-repeat: no-repeat;
			background-image: url('img/slider/webapp.png');
			width: 750px;
			height: 450px;
			z-index: 0;
		}

		#header #slider #navigation .arrow{
			display: block;
			position: absolute;
			margin-top: 158px;
			width: 55px;
			height: 90px;
			text-indent: -500px;
			overflow: hidden;
			background-repeat: no-repeat;
			opacity: 0.75;
		}

		#header #slider #navigation .arrow:hover{
			opacity: 1 !important;
		}

			.arrow.left{
				background-image: url('img/arrow_l.png');
				margin-left: -65px;
			}

			.arrow.right{
				background-image: url('img/arrow_r.png');
				margin-left: 760px;
			}
.shade{
	width: 900px;
	height: 140px;
	margin: auto auto;
	background-repeat: no-repeat;
	background-position: center center;
}


	.shade.black{
		background-image: url('img/blackshade.png');
	}

	.shade.white{
		background-image: url('img/whiteshade.png');
	}


#content{
	width: 900px;
	margin: -130px auto -120px auto;
}

	h2, h1{
		font-weight: 300;
	}

	h1{
		font-size: 28px;
	}

	h2{
		font-size: 18px;
		color: #797979;
		margin-top: -5px;
		margin-bottom: 10px;
    border-bottom: solid 1px #bcbcbc;
	}

	#content .reference{
		word-spacing: collapse;
		margin-bottom: 35px;
	}

	#content .reference .item{
		position: relative;
		display: inline-block;
		width: 290px;
		background-repeat: no-repeat;
		background-size: 290px auto;
		-webkit-background-size: 290px auto;
		height: 165px;
		margin-left: 5px;
		margin-top: 5px;
		overflow: hidden;
		text-indent: -500px;
		background-position: center center;
	}

		/*#content .reference .item:hover{
			width: 320px;
			height: 178px;
			left: 15px;
			top: 7px;
			margin-left: -25px;
			margin-top: -10px;
			z-index: 5;
			box-shadow: 0 3px 5px #000;
		}*/

		#content .tooltip{
			position: absolute;
			width: 830px;
			padding: 15px;
			z-index: 20;
			background-color: #fff;
			margin-left: 19px;
			margin-top: -25px;
			border-radius: 10px 10px 10px 10px;
			-webkit-border-radius: 10px 10px 10px 10px;
			text-shadow: 0 1px 0px #fff;
			background: #d5d5d5 url('img/ttg.png') repeat-x;
			box-shadow: 0 3px 3px rgba(0,0,0,0.35);
		}

		#content .text{
			padding: 20px;
			margin-bottom: -140px;
		}

		#content .text p{
			margin-bottom: 1em;
		}

			.tooltip .title{
				display: block;
				font-weight: 600;
				font-size: 14px;
			}

			.tooltip .arrow{
				position: absolute;
				background-image: url('img/tta.png');
				width: 27px;
				height: 15px;
				margin-top: -30px;
				background-repeat: no-repeat;
			}

			.tooltip .arrow1{
				margin-left: 103px;
			}

			.tooltip .arrow2{
				margin-left: 398px;
			}

			.tooltip .arrow3{
				margin-left: 693px;
			}

				.tooltip .title img{
					position: relative;
					top: 3px;
					margin-right: 10px;
				}

			.tooltip .information .wrapper div{
				display: inline-block;
				vertical-align: top;
			}

			.tooltip .information .wrapper .description{
				width: 480px;
				margin-top: 10px;
				font-size: 13px;
				line-height: 16px;
				color: #585858;
				overflow: hidden;
				padding-right: 40px;
			}


			.tooltip .information .wrapper .other{
				max-width: 300px;
				font-size: 10px;
				margin-top: 10px;
				color: #787878;
			}

#footer{
	width: 800px;
	margin: auto auto;
	padding: 50px;
	text-align: center;
	font-size: 11px;
	color: #afafaf;
}

#footer a{
	color: #afafaf;
}

#footer a:hover{
	color: #969696;
}



form{
	margin-left: 5px;
}

form input[type="text"], form textarea, form input[type="submit"]{
	width: 300px;
	border: solid 1px #afafaf;
	padding: 5px;
	border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	margin-bottom: 5px;
	color: #afafaf;
	font-family: 'OpenSans', Arial;
	font-size: 13px;
}

form input:focus, form textarea:focus{
	color: #000000;
	background-color: #f0f0f0;
}

form textarea{
	width: 500px;
	height: 100px;
}

form input[type="submit"]:hover{
	cursor: pointer;
	color: #000000;
	background-color: #dcdcdc;
}

span.error, span.success{
	font-size: 12px;
}

span.error{
	position: relative;
	color: #af0000;
	top: -16px;
	left: 15px;
}

span.success{
	position: relative;
	color: #00af00;
	top: -16px;
	left: 15px;
}

#social{
	position: absolute;
	text-align: right;
	width: 365px;
	margin-top: 400px;
	margin-left: 400px;
	z-index: 50;
}

	#social a{
		display: inline-block;
		width: 32px;
		height: 32px;
		overflow: hidden;
		background-repeat: no-repeat;
		margin-right: 10px;
		opacity: 0.25;
	}

	#social a:hover{
		opacity: 0.35;
	}

	#social a.fb{
		background-image: url('img/fb_1.png');
	}

	#social a.contact{
		background-image: url('img/email.png');
	}

	#social a.skype{
		background-image: url('img/skype.png');
	}