body { font-family:arial,sans-serif; margin:0 0 0 0; padding:0; background:#fff; }
a img { border:0 }

html {overflow: scroll;}

h1 {
	color:#fff;
	background:#000; /*#CA810E;*/ /*#EC861A;*/
	margin:0;
	padding:0;
}

h1 a { 
	color:#fff; 
	background:transparent url(../img/logo04x.gif) 0px -15px;
	text-decoration:none;
	width:484px;
	height:60px;
	padding:0;
	margin:0;
	display:block;
	text-decoration: none;
	text-indent:-700em;
	font-size:1.7em;
	-moz-outline-style: none;
}

h2 { margin:0 0 0.3em 0; padding:0; font-weight:bold }

li { list-style-type:square }

dl { margin:0 }
dt { font-weight:bold; margin-bottom:0.4em }
dd { margin:0; overflow:visible }
.news dd { margin:0.2em 0 1.5em 0 }

address { font-style:normal }
#map { float:right }

.section { margin:0 0 0 0; padding:0; }
.thumb, .fwrap { float:left; margin:10px 0 0 10px; }

.welcomeblock {
	float:center;
	width:740px;
	font-family:verdana;
     font-size:9.0pt;
	text-align:left;
	margin:10px 20px 10px 20px;
	padding: 0px 0px;
}

.demoreel {
	float:center;
	width:460px;
	font-family:verdana;
     font-size:9.0pt;
	text-align:center;
	margin:10px 20px 10px 0px;
	padding: 0px 0px;
}

.clientblock {
	float:left;
	width:740px;
	font-family:verdana;
     font-size:9.0pt;
	text-align:left;
	margin:10px 0px 10px 20px;
	padding: 0px 0px;
}

.aboutblock {
	float:left;
	width:360px;
	font-family:verdana;
     font-size:9.0pt;
	text-align:left;
	margin:10px 0px 10px 20px;
	padding: 0px 0px;
}

.aboutImg {
	float:right;
	width:360px;
	font-family:verdana;
     font-size:9.0pt;
	text-align:center;
	margin:10px 20px 10px 0px;
	padding: 0px 0px;
}

.contacttext {
	float:left;
	width:190px;
	font-family:verdana;
     font-size:9.0pt;
	text-align:left;
	margin:10px 0px 10px 20px;
	padding: 0px 0px;
}

.contactImage {
	float:right;
	width:500px;
	font-family:verdana;
     font-size:9.0pt;
	text-align:left;
	margin:10px 20px 10px 0px;
	padding: 0px 0px;
}

.ourworkDesc {
	float:left;
	width:460px;
	font-family:verdana;
     font-size:9.0pt;
	text-align:left;
	margin:10px 20px 20px 20px;
	padding: 0px 0px;
}

.ourworkImg {
	float:right;
	width:240px;
	font-family:verdana;
     font-size:9.0pt;
	text-align:center;
	margin:10px 20px 20px 20px;
	padding: 0px 0px;
}

.ourworkDescWide {
	float:left;
	width:640px;
	font-family:verdana;
     font-size:9.0pt;
	text-align:left;
	margin:10px 20px 20px 20px;
	padding: 0px 0px;
}

.framebox {
	float:center;
	width:740px;
	font-family:verdana;
     font-size:9.0pt;
	text-align:left;
	margin:10px 20px 10px 20px;
	padding: 0px 0px;
}

.previewbox {
	float:center;
	width:740px;
	font-family:verdana;
     font-size:9.0pt;
	text-align:left;
	margin:10px 20px 10px 20px;
	padding: 0px 0px;
}

.downloadbox {
	float:center;
	font-family:verdana;
     font-size:9.0pt;
}

#topbar { background:#00f; margin:0; padding:0; height:1.4em }

#topmenu { color:#fff; background:#000; padding:0; margin:0; height:1.3em }
#topmenu ul, #topmenu li { display:inline;  }
#topmenu ul { margin:0 0 0 0em; padding:0; z-index: 82; clear:left; width:auto; }
#topmenu li { margin:0; padding:0; float:left; position:relative; overflow: hidden; z-index: 81; }
#topmenu a { color:#eee; text-decoration:none; padding:0.1em 0.25em 0 0.25em; }
#topmenu a:hover { color:#0000FF;  /*background:#A86600; #FFE869 */}
a.lm { padding-left:0.5em!important; }

.submenu { overflow:visible!important }
#topmenu ul li ul { 
	width:7em;
	z-index:79;
	display:none; 
	margin-top:0.0em; 
	position:absolute;
	top:1.3em;
	left:0;
	border:0;
	background:#222;
	overflow:visible;
}

#topmenu ul li:hover ul,
#topmenu ul li.hover ul {
	display:block;
}
#topmenu ul li:hover ul li { overflow:visible }


#box { width:800px; margin:auto; background:#fff;}

#shadowmid, #shadowtop, #shadowbottom { width:900px; margin:auto; padding:0; border:solid 0px #a00 }
#shadowmid { background:url(../img/bgmid_900x.png) repeat-y;  }
#shadowtop { background:#fff url(../img/bgtop_900x.png) bottom;  height:30px}
#shadowbottom { background:url(../img/bgbottom_900x.png) bottom;  height:30px}

#content a { color:#770000 }
#content a:hover { color:#fff; background:#770000; text-decoration:none }

#content { background:#fff url(../media/page.png) no-repeat; margin:0; padding:10px 10px 10px 10px }

a.anch { color:#000!important }
a.anch:hover { color:#000!important; background:transparent!important }

.imgbox { width:800px; background:#000; border:0; padding:0; margin:0; }
.imglabel { position:relative; bottom:1.5em; right:1em; float:right; clear:both;
			font-family:verdana; font-size:2em; font-weight:bold; color:#fff; 
			padding:0; margin:0; margin-bottom:-1.5em; }
.imgbox img { border:0!important }

.gallery {
	width:740px;
	background:#ddd;
	color:#000;
	font-family:verdana;
	text-align:left;
	float:left;
	padding:10px 30px 10px 30px;
	margin-bottom:1em;
}

.gallery h3 { margin:0; padding:0; font-size:1.8em; }

.tn { width:60px; height:48px; margin:0; padding:0; float:left }

.gallery img { border:2px solid black; }
.gallery img:hover { border:2px solid gold; }

.number { position:relative; left:22px; top:20px; margin-top:-18px; margin-left:-17px; float:left;
		  font-family:arial; color:#fff; background:#000; width:20px; text-align:center; text-decoration:none }

#diaporama img {position: absolute; border: 2px solid #666; width: 300px }

#bild img { margin-top:0.5em }
#bild img { border:0 }
#desc { font-family:arial }
#placeholderI { margin-left:140px; margin-top:100px; width:460px; height:335px }
#placeholderA { margin-left:140px; margin-top:20px; width:460px; height:359px }
#loading { margin-left:320px; margin-top:200px; background:orange; color:black; width:100px; height:20px; font-size:0.9em; position:absolute; display:none }

#img_front { background:#000 url("../img/img_800x240_neurons_silver_text.jpg"); }
#img_company { background:#000 url("../img/img_656_240_column_multicolor.png"); }
#img_products { background:#000 url("../img/img_656_240_column_blue.png"); }
#img_services { background:#000 url("../img/img_800x240_neuron_red_text.jpg") no-repeat; }
#img_media { background:#000 url("../img/img_656x240_column_simulation.png") no-repeat; }
#img_news { background:#000 url("../img/img_800x240_synapses_gold.png"); }
#img_contact { background:#000 url("../img/img_800x240_neurons_red.png"); }
#img_jobs { background:#000 url("../img/img_800_240_multicolor4.png") no-repeat; }
#img_bioinspire { background:#000 url("../img/img_800x240_bloodcells2.png"); }
#img_seecell { background:#000 url("../img/seeCell2_800x240.jpg"); }
#img_gallery { background:#000; height:310px; line-height:90% }

.highlight { background:#FFD585; padding:1em; margin-bottom:1em; }
.features, .requirements { padding:1em 2em 1em 2.5em;  }
.features { background:#FFFFC0; }
.requirements { background:#eee;  }

.icon { position:relative; bottom:-2px }
.label { background:#eee; padding:1em; float:left; width:22em; font-size:0.9em }

#footer { color:#666; height:60px; margin:auto; margin-top:1em; width:100%; text-align:left; font-size:0.9em; border-top: solid; border-top-width:1px; }

.footer1 {
	float:left;
	width:220px;
	font-family:verdana;
     font-size:8.5pt;
	text-align:left;
	margin:10px 20px 10px 20px;
	padding: 0px 0px;
}
.footer2 {
	float:left;
	width:200px;
	font-family:verdana;
     font-size:8.5pt;
	text-align:left;
	margin:10px 20px 10px 10px;
	padding: 0px 0px;
}
.footer3 {
	float:right;
	width:260px;
	font-family:verdana;
     font-size:8.5pt;
	text-align:right;
	margin:10px 20px 10px 10px;
	padding: 0px 0px;
}

.clr { clear:both!important }