/* Reset - Eric Mayer: http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, 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;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent; 
	}


body {
	line-height: 1em; 
	}


ol, ul {
	list-style: none; 
	}


blockquote, q {
	quotes: none; 
	}

	blockquote:before, blockquote:after, 	q:before, q:after {
		content: '';
		content: none; 
		}


:focus {
	outline: 0; 
	}


ins {
	text-decoration: none; 
	}


del {
	text-decoration: line-through; 
	}




/* Default styles */
html {
	font-size: medium; 
	}


body {
	background: #000;
	color: #000000;
	font-style: normal;
	font-size: .781em;
	font-family: Arial, Verdana, sans;
	font-weight: normal;
	line-height: 1.25em;
	text-align: center; 
	}


h1, h2, h3, h4 {
	margin: 0;
	font-family: Arial, Verdana, sans;
	font-weight: bold; 
	}


h1 {
	margin: 0 0 10px;
	font-size: 2.4em;
	color: #0b68a5;
	line-height: 1.1em; 
	}


h2 {
	font-size: 1.44em;
	color: #000000;
	line-height: 1.1em; 
	}


h3 {
	font-size: 1.12em;
	color: #000000;
	line-height: 1.1em; 
	}


h4 {
	font-size: 0.96em;
	color: #000000;
	line-height: 1.1em; 
	}


p {
	margin: 0 0 1.25em; 
	}


a:link,
a:active,
a:visited {
	color: #0b68a5;
	text-decoration: underline; 
	}

a:hover {
	color: #ac5145;
	text-decoration: underline; 
	}


input, select, textarea, button {
	color: #000000;
	font-size: 1em;
	font-family: Arial, Verdana, sans; 
	}


form div div {
	margin: 1em 0; 
	}

form label {
	display: block; 
	}


ol, ul {
	margin: 1em 0 1em 1em; 
	}


ul li {
	list-style: inside disc none; 
	}


ol li {
	list-style: inside decimal none; 
	}


table {
	width: 100%; 
	}

	table td, table th {
		padding: .3em 0 .5em; 
		}

	table th {
		color: #000000;
		font-weight: bold;
		text-align: left; 
		}


hr {
	display: none; 
	}


quote {
	font-style: italic; 
	}


blockquote {
	font-style: italic; 
	}


/* Common elements */
.panel:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; 
	}


/* 2col layout */
.col-a1,
.col-a2 {
	float: left;
	font-size: 1.2em;
	line-height: 1.25em;
	text-align: justify;
	width: 327px; 
	}


.col-a2 {
	float: right; 
	}


.layout-a .col-a1,
.layout-a .col-a2 {
	width: 277px; 
	}


/* 3col layout */
.col-b1,
.col-b2,
.col-b3 {
	margin: 0 12px 0 0;
	float: left;
	width: 215px;
	text-align: justify; 
	}


.col-b3 {
	margin-right: 0px; 
	}


/* Splashscreen */
.splashscreen {
	margin: 5px -5px;
	width: 100%; 
	}


/* Screenshots
 * .screenshots */
/* Documents */
.documents,
.screenshots {
	clear: both;
	margin: 0 0 20px; 
	}

	.documents:after,
	.screenshots:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden; 
		}

	.documents h2,
	.screenshots h2 {
		position: absolute;
		left: -1000em;
		text-align: left; 
		}

	.documents ul,
	.screenshots ul {
		margin: 0;
		padding: 0; 
		}

		.documents ul li,
		.screenshots ul li {
			list-style: outside none none; 
			}

	.documents li,
	.screenshots li {
		float: left;
		width: 50%; 
		}

	.documents a,
	.screenshots a {
		display: block;
		padding: 20px 0 20px 60px;
		background: transparent url(../images/ico/pdf.png) no-repeat left center;
		color: #000;
		font-size: 1.275em;
		line-height: 16px;
		text-decoration: none; 
		}


.screenshots a {
	background-image: url(../images/ico/gallery.png); 
	}


/* Layouts */
#accessibility-nav {
	position: absolute;
	left: -1000em;
	text-align: left; 
	}


#page {
	margin: 0 -50px;
	padding: 0 141px 0 159px;
	margin: 0 auto;
	width: 910px;
	min-height: 943px;
	background: #000 url(../images/bg/body.jpg) no-repeat center top;
	text-align: left; 
	}


/* Header */
#header {
	padding: 46px 0 30px 32px;
	position: relative; 
	}

	#header a.logo {
		display: block;
		width: 243px;
		height: 63px;
		overflow: hidden;
		background: transparent url(../images/askia.png) no-repeat 0 0;
		text-align: left;
		text-indent: -1000em;
		position: relative;
		z-index: 10; 
		}

	#header p.description {
		position: absolute;
		left: -1000em;
		text-align: left; 
		}

	#header p.thats-us {
		display: block;
		width: 138px;
		height: 67px;
		overflow: hidden;
		background: transparent url(../images/bg/figures.png) no-repeat 0 0;
		text-align: left;
		text-indent: -1000em;
		background-position: 0px -201px;
		position: absolute;
		z-index: 9;
		left: -20px;
		top: 23px; 
		}


#languages-nav {
	position: absolute;
	z-index: 100;
	left: 0px;
	top: 195px;
	left: -86px; 
	}

	#languages-nav h3 {
		position: absolute;
		left: -1000em;
		text-align: left; 
		}

	#languages-nav ul {
		margin: 0;
		padding: 0;
		width: 88px; 
		}

		#languages-nav ul li {
			list-style: outside none none; 
			}

	#languages-nav a {
		display: block;
		width: 86px;
		height: 52px;
		overflow: hidden;
		text-align: left;
		text-indent: -100em; 
		}

	#languages-nav a.en,
	body.en #languages-nav a.en {
		background-image: none;
		background-position: 0 0; 
		}

	#languages-nav a.fr,
	body.en #languages-nav a.fr {
		background: transparent url(../images/../images/bg/languages.png) no-repeat 0 0;
		background-position: 0 -52px; 
		}

	body.fr #languages-nav a.en {
		background: transparent url(../images/../images/bg/languages.png) no-repeat 0 0;
		background-position: 0 0; 
		}

	body.fr #languages-nav a.fr {
		background-image: none; 
		}


/* Nav */
#nav {
	position: absolute;
	right: 115px;
	top: 38px; 
	}

	#nav h3 {
		position: absolute;
		left: -1000em;
		text-align: left; 
		}

	#nav ul {
		margin: 0;
		padding: 0; 
		}

		#nav ul li {
			list-style: outside none none; 
			}

	#nav li {
		margin: 0;
		float: left; 
		}

	#nav a {
		display: block;
		width: 95px;
		height: 76px;
		overflow: hidden;
		background: transparent url(../images/bg/nav.png) no-repeat 0 0;
		text-align: left;
		text-indent: -1000em; 
		}

		#nav a.solutions {
			margin-right: 41px; 
			}

			#nav a.solutions:link,
			#nav a.solutions:active,
			#nav a.solutions:visited {
				background-position: 0 0; 
				}

			#nav a.solutions:hover {
				background-position: 0 -76px; 
				}

		#nav a.services {
			margin-right: 19px; 
			}

			#nav a.services:link,
			#nav a.services:active,
			#nav a.services:visited {
				background-position: -124px 0px; 
				}

			#nav a.services:hover {
				background-position: -124px -76px; 
				}

		#nav a.news {
			margin-right: 22px; 
			}

			#nav a.news:link,
			#nav a.news:active,
			#nav a.news:visited {
				background-position: -248px 0px; 
				}

			#nav a.news:hover {
				background-position: -248px -76px; 
				}

		#nav a.about-us:link,
		#nav a.about-us:active,
		#nav a.about-us:visited {
			background-position: -369px 0px; 
			}

		#nav a.about-us:hover {
			background-position: -369px -76px; 
			}

		body.fr #nav a.produits {
			margin-right: 29px; 
			}

			body.fr #nav a.produits:link,
			body.fr #nav a.produits:active,
			body.fr #nav a.produits:visited {
				background-position: 0 -152px; 
				}

			body.fr #nav a.produits:hover {
				background-position: 0 -228px; 
				}

		body.fr #nav a.services {
			margin-right: 14px; 
			}

			body.fr #nav a.services:link,
			body.fr #nav a.services:active,
			body.fr #nav a.services:visited {
				background-position: -124px -152px; 
				}

			body.fr #nav a.services:hover {
				background-position: -124px -228px; 
				}

		body.fr #nav a.infos {
			margin-right: 32px; 
			}

			body.fr #nav a.infos:link,
			body.fr #nav a.infos:active,
			body.fr #nav a.infos:visited {
				background-position: -248px -152px; 
				}

			body.fr #nav a.infos:hover {
				background-position: -248px -228px; 
				}

		body.fr #nav a.askia {
			margin-right: 13px;
			width: 113px; 
			}

			body.fr #nav a.askia:link,
			body.fr #nav a.askia:active,
			body.fr #nav a.askia:visited {
				background-position: -369px -152px; 
				}

			body.fr #nav a.askia:hover {
				background-position: -369px -228px; 
				}


/* Products nav */
#products-nav {
	margin: 0;
	position: relative; 
	}

	#products-nav:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden; 
		}

	#products-nav h3 {
		display: block;
		width: 214px;
		height: 53px;
		overflow: hidden;
		background: transparent url(../images/bg/figures.png) no-repeat 0 0;
		text-align: left;
		text-indent: -1000em;
		background-position: 0 -268px;
		position: absolute;
		left: -4px;
		top: -47px; 
		}

	#products-nav ul {
		margin: 0;
		padding: 0; 
		}

		#products-nav ul li {
			list-style: outside none none; 
			}

		#products-nav ul:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden; 
			}

	#products-nav li {
		float: left; 
		}

	#products-nav a {
		margin: 0 -25px 0 -4px;
		padding: 13px 0 5px;
		display: block;
		width: 131px;
		height: 15px;
		float: left;
		position: relative;
		background: transparent url(../images/bg/products_nav.png) no-repeat 0 0;
		color: #000;
		font-weight: bold;
		line-height: 15px;
		text-align: center;
		text-decoration: none; 
		}

		#products-nav a.askiadesign {
			z-index: 7;
			background-position: 0 0; 
			}

			#products-nav a.askiadesign:hover {
				background-position: 0 -66px; 
				}

		#products-nav a.askiavoice {
			z-index: 6;
			background-position: -131px 0; 
			}

			#products-nav a.askiavoice:hover {
				background-position: -131px -66px; 
				}

		#products-nav a.askiaface {
			z-index: 5;
			background-position: -262px 0; 
			}

			#products-nav a.askiaface:hover {
				background-position: -262px -66px; 
				}

		#products-nav a.askiaweb {
			z-index: 4;
			background-position: -393px 0; 
			}

			#products-nav a.askiaweb:hover {
				background-position: -262px -66px; 
				}

		#products-nav a.askiaanalyse {
			z-index: 3;
			background-position: -524px 0; 
			}

			#products-nav a.askiaanalyse:hover {
				background-position: -524px -66px; 
				}

		#products-nav a.askiavista {
			z-index: 2;
			background-position: -655px 0; 
			}

			#products-nav a.askiavista:hover {
				background-position: -655px -66px; 
				}

		#products-nav a.askiasurf {
			z-index: 1;
			background-position: -786px 0; 
			}

			#products-nav a.askiasurf:hover {
				background-position: -786px -66px; 
				}

	body.askiadesign #products-nav a.askiadesign {
		background-position: 0px -33px; 
		}

	body.askiavoice #products-nav a.askiavoice {
		background-position: -131px -33px; 
		}

	body.askiaface #products-nav a.askiaface {
		background-position: -262px -33px; 
		}

	body.askiaweb #products-nav a.askiaweb {
		background-position: -393px -33px; 
		}

	body.askiaanalyse #products-nav a.askiaanalyse {
		background-position: -524px -33px; 
		}

	body.askiavista #products-nav a.askiavista {
		background-position: -655px -33px; 
		}

	body.askiasurf  #products-nav a.askiasurf {
		background-position: -786px -33px; 
		}

	body.askiadesign #products-nav a.askiadesign,
	body.askiavoice #products-nav a.askiavoice,
	body.askiaface #products-nav a.askiaface,
	body.askiaweb #products-nav a.askiaweb,
	body.askiaanalyse #products-nav a.askiaanalyse,
	body.askiavista #products-nav a.askiavista,
	body.askiasurf  #products-nav a.askiasurf {
		z-index: 11; 
		}


#container {
	position: relative;
	margin: 0;
	padding: 15px 158px 55px 58px;
	height: 577px;
	position: relative;
	z-index: 10;
	background: transparent url(../images/paper/default.jpg) no-repeat 0 0;
	text-align: justify; 
	}


#content {
	height: 577px;
	width: 685px;
	padding: 0 10px 0 0;
	overflow: auto; 
	}

	#content:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden; 
		}



body.layout-a #content {
	padding-left: 107px;
	width: 578px; 
	}


/* Footer */
#footer {
	padding: 36px 15px 0 45px;
	color: #FFF;
	font-size: 1.2em;
	line-height: 1.25em; 
	}

	#footer:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden; 
		}

	#footer .nav {
		float: left; 
		}

		#footer .nav h3 {
			position: absolute;
			left: -1000em;
			text-align: left; 
			}

		#footer .nav ul {
			margin: 0;
			padding: 0; 
			}

			#footer .nav ul li {
				list-style: outside none none; 
				}

		#footer .nav li {
			padding: 0 15px;
			float: left; 
			}

		#footer .nav a {
			color: #FFF; 
			}

			#footer .nav a:link,
			#footer .nav a:active,
			#footer .nav a:visited {
				text-decoration: none; 
				}

			#footer .nav a:hover {
				text-decoration: underline; 
				}

	#footer p {
		margin: 0 0 0 -20px;
		float: right;
		text-align: right; 
		}


body {
	position: relative; 
	}


#overlay {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10000;
	width: 100%;
	height: 100%;
	background: #000;
	-moz-opacity: .6;
	filter: alpha(opacity=6);
	opacity: .6; 
	}


#lightbox {
	padding: 30px 70px;
	position: absolute;
	top: 100px;
	left: 200px;
	z-index: 10001; 
	}

	#lightbox .content {
		background: url(../images/lb/bg.png) repeat 0 0; 
		}

		#lightbox .content img {
			display: block; 
			}

		#lightbox .content .loading,
		#lightbox .content .error {
			margin: 0;
			padding: 30px 0;
			width: 300px;
			font-weight: bold;
			font-size: 1.44em;
			line-height: 1.25em;
			text-align: center; 
			}

		#lightbox .content .loading {
			color: #333; 
			}

		#lightbox .content .error {
			color: #FF0000; 
			}

	#lightbox a.close {
		display: block;
		width: 27px;
		height: 23px;
		overflow: hidden;
		background: transparent url(../images/lb/close.png) no-repeat 0 0;
		text-align: left;
		text-indent: -1000em;
		position: absolute;
		right: 15px;
		top: 10px; 
		}

	#lightbox a.next,
	#lightbox a.prev {
		display: block;
		width: 29px;
		height: 32px;
		overflow: hidden;
		background: transparent url(none) no-repeat 0 0;
		text-align: left;
		text-indent: -1000em;
		position: absolute;
		top: 50%;
		margin-top: -16px; 
		}

	#lightbox a.next {
		background-image: url(../images/lb/next.png);
		right: 20px; 
		}

	#lightbox a.prev {
		background-image: url(../images/lb/prev.png);
		left: 20px; 
		}

	#lightbox span.tl,
	#lightbox span.tr,
	#lightbox span.t,
	#lightbox span.bl,
	#lightbox span.br,
	#lightbox span.b,
	#lightbox span.l,
	#lightbox span.r {
		display: block;
		overflow: hidden;
		position: absolute;
		background: transparent no-repeat 0 0; 
		}

	#lightbox span.tl,
	#lightbox span.tr,
	#lightbox span.bl,
	#lightbox span.br {
		width: 70px;
		height: 30px; 
		}

	#lightbox span.tl,
	#lightbox span.tr {
		top: 0px; 
		}

	#lightbox span.bl,
	#lightbox span.br {
		bottom: 0px; 
		}

	#lightbox span.tl,
	#lightbox span.bl {
		left: 0px; 
		}

	#lightbox span.tr,
	#lightbox span.br {
		right: 0px; 
		}

	#lightbox span.tl {
		background-image: url(../images/lb/tl.png); 
		}

	#lightbox span.tr {
		background-image: url(../images/lb/tr.png); 
		}

	#lightbox span.bl {
		background-image: url(../images/lb/bl.png); 
		}

	#lightbox span.br {
		background-image: url(../images/lb/br.png); 
		}

	#lightbox span.t,
	#lightbox span.b {
		height: 30px;
		left: 70px;
		right: 70px;
		background-repeat: repeat-x; 
		}

	#lightbox span.t {
		top: 0px;
		background-image: url(../images/lb/t.png); 
		}

	#lightbox span.b {
		bottom: 0px;
		background-image: url(../images/lb/b.png); 
		}

	#lightbox span.l,
	#lightbox span.r {
		width: 70px;
		top: 30px;
		bottom: 30px;
		background-repeat: repeat-y; 
		}

	#lightbox span.l {
		left: 0px;
		background-image: url(../images/lb/l.png); 
		}

	#lightbox span.r {
		right: 0px;
		background-image: url(../images/lb/r.png); 
		}


/* Elements */
body.solutions #content {
	padding-left: 42px;
	width: auto;
	overflow: visible; 
	}

	body.solutions #content h1 {
		font-size: 3.04em;
		line-height: 1.25em; 
		}

	body.solutions #content p {
		font-size: 1em;
		line-height: 1.25em; 
		}

	body.solutions #content .col-b1,
	body.solutions #content .col-b2,
	body.solutions #content .col-b3 {
		width: 205px; 
		}


.our-solutions {
	margin: -20px 0px 10px -55px; 
	}


/* Pen figure */
.pen {
	display: block;
	width: 80px;
	height: 477px;
	overflow: hidden;
	background: transparent url(../images/figures/pen.png) no-repeat 0 0;
	text-align: left;
	text-indent: -1000em;
	position: absolute;
	z-index: 100;
	left: -32px;
	top: 62px; 
	}


/* Latest news */
#latest-news {
	padding: 86px 24px 0;
	position: absolute;
	z-index: 100;
	top: 100px;
	right: -84px;
	height: 226px;
	width: 169px;
	background: transparent url(../images/bg/latest_news.png) no-repeat 0 0; 
	}

	#latest-news h3 {
		position: absolute;
		left: -1000em;
		text-align: left; 
		}

	#latest-news a.subscribe {
		display: block;
		position: absolute;
		right: 38px;
		top: 35px;
		width: 32px;
		height: 32px;
		text-align: left;
		text-indent: -1000em; 
		}

	#latest-news p {
		text-align: justify; 
		}


#user-area {
	position: absolute;
	z-index: 100;
	right: -113px;
	top: 458px; 
	}

	#user-area h3 {
		position: absolute;
		left: -1000em;
		text-align: left; 
		}

	#user-area a {
		display: block;
		width: 265px;
		height: 201px;
		overflow: hidden;
		background: transparent url(../images/bg/figures.png) no-repeat 0 0;
		text-align: left;
		text-indent: -1000em; 
		}


.news-entry {
	margin: 0 0 1.5em; 
	}

	.news-entry p.published {
		margin: 0; 
		}

	.news-entry p {
		margin: .5em 0 0; 
		}


#news {
	margin: 0;
	padding: 0; 
	}

	#news li {
		list-style: outside none none; 
		}

	#news li {
		margin: 0 0 1em; 
		}

	#news h2 {
		font-size: 1.2em;
		line-height: 1.25em; 
		}

	#news p {
		margin: .5em 0 0; 
		}

		#news p.published {
			margin: 0; 
			}


.pager {
	margin: 0;
	padding: 0;
	margin-top: 1em; 
	}

	.pager li {
		list-style: outside none none; 
		}

	.pager li {
		margin: 0 1em 0 0;
		display: inline; 
		}


#nav-pages {
	clear: both;
	margin: 1em 0 0; 
	}

	#nav-pages ul {
		margin-left: 0px;
		font-size: 1.12em;
		line-height: 1.25em; 
		}


.sliderwrapper .contentdiv {
	background: transparent url(../images/paper/default.jpg) no-repeat -58px -15px; 
	}

	.sliderwrapper .contentdiv strong {
		margin: 0 0 5px;
		display: block;
		font-size: 1.44em;
		line-height: 1.25em;
		color: #000000; 
		}


/* Products */
body.askiadesign #container h1,
body.askiavoice #container h1,
body.askiaface #container h1,
body.askiaweb #container h1,
body.askiaanalyse #container h1,
body.askiavista #container h1,
body.askiasurf #container h1 {
	display: block;
	width: 484px;
	height: 114px;
	overflow: hidden;
	background: transparent url(../images/bg/headers.png) no-repeat 0 0;
	text-align: left;
	text-indent: -1000em; 
	}

body.askiadesign #container {
	background-image: url(../images/paper/design.jpg); 
	}

	body.askiadesign #container h1 {
		background-position: 0px -0px; 
		}

body.askiavoice #container {
	background-image: url(../images/paper/voice.jpg); 
	}

	body.askiavoice #container h1 {
		background-position: 0px -114px; 
		}

body.askiaface #container {
	background-image: url(../images/paper/face.jpg); 
	}

	body.askiaface #container h1 {
		background-position: 0px -228px; 
		}

body.askiaweb #container {
	background-image: url(../images/paper/web.jpg); 
	}

	body.askiaweb #container h1 {
		background-position: 0px -342px; 
		}

body.askiaanalyse #container {
	background-image: url(../images/paper/analyse.jpg); 
	}

	body.askiaanalyse #container h1 {
		background-position: 0px -456px; 
		}

body.askiavista #container {
	background-image: url(../images/paper/vista.jpg); 
	}

	body.askiavista #container h1 {
		background-position: 0px -570px; 
		}

body.askiasurf  #container {
	background-image: url(../images/paper/surf.jpg); 
	}

	body.askiasurf  #container h1 {
		background-position: 0px -684px; 
		}

#slideshow {
	width: 650px;
	height: 550px;
}