.titleblock {padding:2em; margin:0; text-align:left;
background-image:url(celsense_logo.jpg); background-repeat: no-repeat; background-position:top left;}

.titleblock p {
text-indent:4em; color:#3B4471;}

body {
margin:0; font-family:arial; font-size:80%; color:#666666; text-align:center;
background-color:black;}



p {margin:0.2em 3em 1.2em 0; max-width:750px;; padding:0.3em; color:white; line-height: 1.3;}

p3 {font-size: 90%; font-family:arial; font-weight:normal; color:#FFFFFF;}

p2 {
position:relative; left:20px; color:white;}

h1 {
padding:0; margin:0;font-size:180%; max-width:750px; font-weight:normal;  
color:#FFFFFF; font-family: arial;}

h2 {
color:#FFFF33; font-size:140%; margin:0.1em; padding:0; 
font-family:arial;}

h4 {
color:#FFFFFF; font-size:90%; padding:0; 
font-family:arial;}

h3 {
color:#FFFF33; font-size:140%; padding:0; 
font-family:arial;}

div {
margin:0; padding:0; display:block;}

a:link, a:visited {
color:#FFFFFF; text-decoration:underline;}
a:hover {
color:#FFFFFF; text-decoration:none;}
a:active {
color:#FFFFFF; text-decoration:underline;}

<style>

body {
margin: 0;
padding: 0;
background: #00000;
font: verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute; /* Menu position that can be changed at will */
top:100px;
left:20px;
z-index:100;
width: 100%; /* precision for Opera */
}
#menu dl {
float: left;
width: 12em;
}
#menu dt {
text-align: center;
font-weight: bold;
font-size: medium;
margin: 1px;
}
#menu dd {
display: none;
}
#menu li {
text-align: center;
background-color: #000000;
}

#menu li a, #menu dt a {
color: #FFFF33;
text-align: center;
display: block;
text-decoration: none;
border: 0 none;
}
#menu li a:hover {
display: block;
}

#menu li a:focus { 
}

#site {
position: absolute;
left:100px;
top:150px;
background-color: #ddd;
padding: 5px; 
}

</style>

.container {
background-color:gray; margin:0 auto 0 auto; padding:0; width:10opx;}





ul.navbar {
list-style-type:none; float:left; display:block; width:100%; line-height:1.5em; 
clear:both; margin:0; padding:0; }

ul.navbar li {
}
a.nav:link, a.nav:visited {
display: block; float:left; width:25%; padding:1.2em 0 1.2em 0; margin:0; 
text-decoration:none; background-color:#990000; color:#FFFFFF;}

a.nav:hover {
display:block; float:left; width:25%; padding:1.2em 0 1.2em 0; margin:0; 
text-decoration:none; background-color:black; color:#FFFFFF;}

a.nav:active {
display:block; float:left; width:25%; padding:1.2em 0 1.2em 0; margin:0; 
text-decoration:none; background-color:#999999; color:#FFFFFF;}



.rightcontainer {
float:right;  width:20em; margin:5.6em 0em 3em 0; padding:0;}

.rightbox {
 margin:0.5em; padding:0.2em; border:1px solid #999999; text-align:center;}

.rightcontainer h2 {
text-align:left; padding:0 0 0 1.5em;}

.linkbox a {display:block;}



.content {
clear:left; text-align:left; border-top:3px solid #999999; 
margin:2.0em 0em 0 0; padding:2em 1ex 1em 1.5ex;}

.content h2 {text-indent:3em;}



.footer {
color:#999999; font-size:100%; margin:2.5em 0.2em 0.5em 0.5em; padding:0.8em; 
border-top:1px solid #999999; text-align:center; clear:both;}

.footer .right {
float:right; clear:right; text-align:right;}

.footer p {margin:0;}