/* Normalize margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin:0;
	padding:0;
	}
/* Normalize font-size for headers */
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	}
/* Remove list-styles from lists */
ol, ul {
	list-style:none;
	}
/* Normalize font-style andfont-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
	}
/* Remove list-style from lists */
table {
	border-collapse:collapse;	
	border-spacing:0;
	}
/* Remove border from fieldset and img */
fieldset, img {
	border:0;
	}
/* Left-align textin caption and th */
caption, th {
	text-align:left;
	}
/* Remove quotation marks from q */
q:before, q:after {
	content:'';
	}
	
/*----------------------------------------------------------------*/

html {
	text-align:center;
	}
body {
	width:812px;
	margin:0 auto;
	text-align:left;
	margin-bottom:18px;

	}
#branding {
	position:relative;
	height:62px;
	}
#branding img {
	float:left;
	}
#branding ul {
	position:absolute;
	top:10px;
	right:0;
	text-align:right;
	}
#branding ul li {
	display:inline;

	font-weight:bold;
	line-height:1.5em;
	}
h1{
	position:absolute;
	top:-900px;
	left:-900px;
	line-height:1.3em;
	text-indent:-9999px;
	}
.lang{
	position:absolute;
	height:100px;
	width:50px;
	top:-9999px;
	left:-9999px;
	}
#content {
	position:relative;
	width:100%;
	}
h2 {
	line-height:3em;
	text-align:right;
	padding-right:12px;
	}
h2#clients {
	padding-left:18px;
	text-align:left;
	}
h2#latest {
	margin-top:0;
	}
dl {
	clear:both;
	position:relative;
	min-height:330px;
	margin:0 0 12px 0;
	}
dl dd{
	position:relative;
	width:370px;
	}
dl dt{ 
	width:210px;
	line-height:1em;
	padding-top:52px;
	position:absolute;
	left:420px; 
	top:12px;
	text-indent:-6px;}
dl.horizverso dt {left:186px;} 
dl.vertverso dt {left:126px;}

dl.vert dt, dl.vertverso dt{width:250px;}

dl dt.dub {padding-top:28px;}
dd {
	left: 420px;

	}
dl.horizverso dd, dl.vertverso dd {left:12px;}
dl dt img {
	position:absolute; left:-414px; top:1px; border:1px solid #e8e8e8;
	}
dl.horizverso dt img {left:220px;}
dl.vertverso dt img{left:280px;}

dl img {
	position:absolute;
	top:24px;
	right:16px;
	}

/*dl.vert img, dl.vertverso img {}

dl.horizverso img, dl.vertverso img {float:left;margin-left:4px; margin-right:26px;}*/

p.proj {
	padding-top:1em;
	margin:12px 0 12px 0;
	}
p.with {
	padding-top:86px;
	line-height:2em;
	/padding-top:46px;
	margin-bottom:.5em;
	}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    p.with {padding-top:96px; }}
	
*html p.with {padding-top:96px;}

dl.vert p.comp {width:256px;}
/*dl.vert p.with {
	padding-top:152px;
	}*/


ul#column1 li, ul#column2 li, ul#column3 li {
	line-height:1.7em;
	}
ul#column1, ul#column2, ul#column3 {
	float:left;
	margin-left:30px;
	width:220px;
	margin-top:2em;
	}
ul#column3 {width:250px;}
#site_info {
	clear:both;
	width:775px;
	text-align:right;
	padding:24px 0 14px 0;
	}

dl#webref {
	height:auto;
	clear:both;
	position:relative;
	margin:0; padding:0;
	margin-left:2em; 
	padding-bottom:5em;background:none;
	}
dl#webref dd{
	position:relative;
	width:auto;
	left:0;
	}
dl#webref dt{ 
	line-height:1.2em;
	position:relative;
	text-indent:-6px;
	width:auto;
	left:0;
	top:0;}