body * { position:relative;
		background-color:transparent; }
h1 { 	font-size:20px; }
h2 { 	font-size:16px; }
h3 {	font-size:14px; }
code, th, #links, #linkbar { font-size:13px; }
body, h4, input.button { font-size:12px; }
a.back, #breadcrumb, #breadcrumb a { font-size:11px; }
sup, sub { font-size:10px; }


body {	margin:0px;
		color:#000;
		background-color:#fff;
		font-family:Arial, Helvetica, sans-serif; }

a:link { color:#00f; }
a:visited { color:#509; }
a:active,a:hover,a:focus { color:#00f; }
a img { border:0px; }
img { 	top:2px; }

h1, h2, h3 { display:block; font-weight:bold; }
h4 { 	display:inline; font-weight:bold; }
em { 	font-style:italic; }
strong { font-weight:bold; }
u { 	text-decoration:underline; }
sup { 	vertical-align:super; }
sub { 	vertical-align:sub; }


a.back { color:#025; text-decoration:none; z-index:100; }
a.back:before { content:url(img/arrowup.png); padding-right:2px; }
a span { height: 1px; 
		width: 1px; 
		position: absolute; 
		overflow: hidden; 
		top: -1px; }

p.intro {  }
p.intro:first-letter { font-size:180%; font-weight:normal; }
p.intro span { font-weight:bold; }
p.summary { width:55%; margin:0px; }

code {	display:block;
		white-space:pre;
		margin:0% 0% 0% 5%;
		padding:5px;
		border:1px solid #bbc;
		background-color:#eef; }


ul { 	list-style-type:disc; }
ul.sub { list-style-type:circle; }
ol { 	list-style-type:decimal; }
li { 	display:list-item; }

dl { 	padding:10px 0px 10px 0px; }
dt { 	font-weight:bold; }
dd { 	padding-bottom:5px; }

table {	display:table; border-collapse:collapse; width:99%; }
tr { 	display:table-row; }
th, td { display:table-cell;
		padding:2px;
		border:2px outset #778;
		vertical-align:top; }
th {	text-align:center; font-weight:bold; }
td { 	width:50%; text-align:left; }


input { color:#000; background-color:#fff; }
input:focus, textarea:focus, select:focus { color:#000; background-color:#ffb; }
input.button { border:1px solid #ade; color:#fff; background-color:#025; }
input.button:hover, input.button:focus { background-color:#444; }

form span.redo { color:#f00; font-size:10px; font-weight:bold; }


.caption { display:block;
		padding:5px 0px 5px 0px;
		text-align:center;
		font-weight:bold; }
.desc {  }
.section { padding:10px 0px 15px 0px; }
.listblock { width:96%;
		padding:5px 5px 5px 10px;
		margin:0px 0px 30px 0px;
		border-style:solid;
		border-color:#bbc;
		border-width:1px 0px 0px 1px; }
#firstblock { padding:10px 5px 10px 10px;
		border-color:#778;
		border-right-width:1px; }

.infobox { float:right;
		clear:right;
		z-index:10;
		width:200px;
		height:auto;
		overflow:visible;
		padding:0px 0px 8px 0px;
		margin:10px 0px 10px 10px; }
.boxtitle, .indboxtitle { padding:3px 10px 3px 5px;
		color:#000;
		background:#abd url(img/graydoth.png) bottom repeat-x;
		text-align:left;
		font-weight:bold;
		border-top:3px double #778;
		z-index:10; }
.boxtitle { line-height:0px; }
.indboxtitle { background:#fff url(img/boxtitleback.png) left top repeat-x;
		padding:6px 10px 6px 5px;
		border:none; }
.boxcontent { padding:8px 5px 2px 5px; z-index:10;
		border-left:1px solid #bbc;
		font-size:11px; }

.si, .ssi { display:list-item; list-style-type:none; }
.si a { left:5px; }
.ssi a { left:20px; padding-right:25px; }


#body { position:absolute;
		top:0px;
		left:0px;
		width:100%; } /* because opera is a bit strange */

#top { 	width:100%;
		top:0px;
		left:0px;
		background-color:#eef; }
#banner { color:#025;
		background:#eef url(img/banner.jpg) right no-repeat;
		text-align:left; }
#logo { padding:5px 0px 8px 5px; }
#breadcrumb { display:block;
		padding:2px 0px 2px 10px;
		color:#fff;
		background:#025 url(img/barback.png) top left repeat-x;
		text-align:left;
		height:16px; }
#breadcrumb a { color:#fff; text-decoration:none; }
#breadcrumb img { position:absolute;
		right:0%;
		top:100%; }


#links { width:100%;
		height:20px;
		background:#025 url(img/barback.png) repeat-x; }
#linkbar { position:absolute;
		top:0px;
		left:180px;
		width:590px;
		height:20px;
		padding:0px 0px 0px 1px;
		text-align:center;
		color:#fff; }
#linkbar .bannerlink { float:left;
		height:20px;
		padding:0px;
		margin:0px;
		background:#589 url(img/barback2.png) right repeat-x;
		font-size:12px; }
#linkbar .bannerlink a { display:block;
		padding:3px 0px 0px 0px;
		margin:0px;
		color:#fff;
		text-decoration:none; }
#linkbar .bannerlink a:hover, #linkbar .bannerlink a:active, #linkbar .bannerlink a:focus { text-decoration:underline; }
#linkbar .bannerlink ul { display:none; }

#linkbar .over, #linkbar .bannerlink:hover { background-color:#589; }
#linkbar .over ul, #linkbar .bannerlink:hover ul { display:block;
		position:absolute;
		top:0px;
		left:0px;
		height:auto;
		background:transparent url(listback.png) left no-repeat;
		padding:0px 0px 5px 0px;
		margin:0px;
		z-index:100; }
#linkbar .over li, #linkbar .bannerlink:hover li { list-style-type:none;
		background:#589 url(img/menuback.png) left repeat-y;
		color:#fff;
		text-align:left;
		margin:0px;
		padding:0px 2px 4px 7px; }
#linkbar .over li.header, #linkbar .bannerlink:hover li.header { text-align:center;
		text-decoration:underline;
		padding:0px 0px 4px 0px;
		background:#589 url(img/headerback.png) top left no-repeat; }
#linkbar .over li.last, #linkbar .bannerlink:hover li.last { 
		background:#589 url(img/menubottomback.png) bottom left no-repeat; }

#linkbar #client ul, #linkbar #cont ul { display:none; }

#linkbar #proj, #proj ul { width:15em; }
#linkbar #cons, #cons ul { width:11.5em; }
#linkbar #about, #about ul { width:7.2em; }
#linkbar #client, #client ul { width:5em; }
#linkbar #cont, #cont ul { width:5.5em; }


#page { width:790px;
		margin:0px auto 0px 0px;
		background-color:#eef;
		text-align:right; }
#side { float:left;
		width:166px;
		margin:5px 0px 0px 0px;
		padding:5px 0px 5px 7px;
		text-align:center; }
#sidebar { text-align:left; background-color:#eef; }
#sidebar a { display:block;
		color:#000;
		text-decoration:none; }
#sidebar a:hover, #sidebar a:active, #sidebar a:focus { text-decoration:underline; }
#sidebar a:visited { color:#457; }
#sidebar .sh, #sidebar .si, #sidebar .ssi { margin:0px;
		background:transparent url(img/graydoth.png) bottom repeat-x; }
#sidebar .sh { padding:3px 3px 3px 5px;
		display:block;
		font-size:12px;
		font-weight:bold; }
#sidebar .si, #sidebar .ssi { padding:2px 3px 2px 5px; }
#sidebar .t { /*background-image:none;*/ }
#sidebar .current { color:#000; background-color:#cde; }
#sidebar .current a { color:#000; }

#searchbox { padding:25px 0px 15px 0px; }
#searchbox * { margin:0px; }
#sticker { padding:0px 5px 0px 15px; text-align:left; }


#main { width:590px;
		min-height:300px;
		padding:20px 0px 20px 20px;
		margin:0px 0px 0px auto;
		background:#fff url(img/graydotv.png) left repeat-y;
		text-align:left; }
#main a:hover, #main a:active, #main a:focus { background-color:#cde; }
#titleblock { display:block;
		text-align:center;
		padding:.7em 0em .7em 0em;
		font-size:20px;
		border-style:solid;
		border-color:#dde;
		border-width:1px 0px 1px 0px; }
#title { display:inline;
		padding:.5em 2em .5em 2em;
		text-align:center;
		border-style:solid;
		border-color:#bbc;
		border-width:1px 0px 1px 0px;
		font-weight:normal; }
#center { padding:30px 10px 20px 10px; }
#center a img { background-color:#fff; }
#center h2 { color:#025;
		background-color:#eef;
		border:1px solid #bbc;
		padding:1px 5px 0px 5px; }

#foot { top:-1px;
		width:100%;		
		padding:1px 0px 1px 0px;
		background:#fff url(img/graydoth.png) top repeat-x; }
#footer { width:780px;
		padding:5px 0px 5px 0px;
		font-size:11px;
		text-align:right; }
#footer p { margin:10px 10px 5px 0px; }
#footer p.left { float:left;
		z-index:10;
		margin-left:10px;
		text-align:left; }
#footer p.right { z-index:0; }
#foot a:hover, #foot a:active, #foot a:focus { background-color:#cde; }
#footlinks { width:35em;
		padding:2px;
		margin:0px auto 0px auto;
		border-bottom:1px solid #778;
		color:#fff;
		text-align:center; }
#footlinks a { margin:0px 3px 0px 3px; text-decoration:none; }
#foot #copyright {  }
#foot #modified { display:none; }

a.access, a.skip { float:right;
		display:none;
		z-index:10; }