html {
background: #fff; //changed to #fff to fix some browser errors. Was #0D0D6B
}
body {
background: #fff;
margin:0;
padding:0;
font-size: 62.5%;
line-height: 180%;
font-family: Arial, sans-serif;
float: left;
width:100%;
}
body p {
text-align: justify;
}
div#header {
width: 880px;
height: 107px;
float: left;
margin-left: 10px;
position: relative;
margin-top: 15px;
}
div#header h1 {
margin:0;
padding:0;
display: block;
float: right;
height: 34px;
width: 830px;
background: url(/site_images/header_frame.png) right top no-repeat;
font-size: 200%;
font-weight: bold;
font-style: italic;
color: #171585;
text-align: right;
padding-right: 20px;
padding-top: 74px;
}
div#header h2 {
display: block
margin:0;
padding:0;
margin-top: -10px;
width: 270px;
height: 117px;
background:#fff url(/site_images/logo.png) 10px bottom no-repeat;
position: absolute;
left:0;
top:0;
text-indent: -999999px;
}
ul#navigation {
float:left;
width: 880px;
margin:0;
padding:0;
background: url(/site_images/nav_tile.gif) repeat-x;
position: relative;
margin-bottom: 36px;
margin-left:10px;
}
ul#navigation li {
font-family: Verdana, sans-serif;
float: left;

list-style: none;
font-size: 110%;
text-transform: uppercase;
letter-spacing: 0.1em;
}
ul#navigation li a {
text-decoration:none;
color: #fff;
padding-top: 11px;
padding-left: 10px;
padding-right: 10px;
display: block;
height: 25px;
}
ul#navigation li a:hover {
background: url(/site_images/nav_hover2_tile.gif);
color: #171585;
}
ul#navigation li ul {
display: none;
width: 720px;
margin:0;
padding:0;
padding-left: 140px;
b/ackground: #fff url(/site_images/subnav_icon.gif) 130px 13px no-repeat;
z-index: 10;
}
ul#navigation li.home {
padding-left:50px;
background: url(/site_images/left_nav.gif) no-repeat;
height: 36px;
}
#current_home #navigation .home a,  #current_tech #navigation .tech a,  #current_about #navigation .about a, #current_press #navigation .press a, #current_contact #navigation .contact a, #current_partners #navigation .partners a{
padding-top: 11px;
padding-left: 10px;
padding-right: 10px;
display: block;
height: 25px;
color: #171585;
background: url(/site_images/nav_active_tile.gif);
}
#current_tech #navigation .tech li a , #current_about #navigation .about li a, #current_press #navigation .press li a, #current_partners #navigation .partners li a  {
background: white;
}

ul#navigation li:hover {
background: url(/site_images/nav_hover2_tile.gif);
}
ul#navigation li.home:hover {
background: url(/site_images/left_nav.gif) no-repeat;
}
ul#navigation li.home:hover a {
background: url(/site_images/nav_hover2_tile.gif);
}
ul#navigation li:hover a {
color: #171585;
}
#current_home ul#navigation li.home ul,#current_contact ul#navigation li.contact ul,#current_tech ul#navigation li.tech ul, ul#navigation li:hover ul, #current_about ul#navigation li.about ul, #current_press ul#navigation li.press ul, #current_partners ul#navigation li.partners ul {
display: block;
position: absolute;
top: 36px;
left: 0px;
}
ul#navigation li:hover ul {
z-index: 30;
}
#current_home ul#navigation li.home ul, #navigation li.home ul, #navigation li.home:hover ul, #current_home #navigation li.home:hover ul, #current_contact ul#navigation li.contact ul, #navigation li.contact ul, #navigation li.contact:hover ul, #current_contact #navigation li.contact:hover ul{
left: 0px;
background: #fff;
height: 30px;
}
#current_about ul#navigation li.about ul, #navigation li.about ul, #navigation li.about:hover ul, #current_about #navigation li.about:hover ul{
left: 0px;
padding-left: 145px;
background: #fff url(/site_images/subnav_icon.gif) 130px 13px no-repeat;
}
#current_tech ul#navigation li.tech ul, #navigation li.tech ul, #navigation li.tech:hover ul, #current_tech #navigation li.tech:hover ul{
left: -60px;
padding-left: 260px;
background: #fff url(/site_images/subnav_icon.gif) 250px 13px no-repeat;
}
#current_partners ul#navigation li.partners ul, #navigation li.partners ul, #navigation li.partners:hover ul, #current_partners #navigation li.partners:hover ul {
left: -120px;
padding-left: 435px;
background: #fff url(/site_images/subnav_icon.gif) 425px 13px no-repeat;
}
#current_press ul#navigation li.press ul, #navigation li.press ul, #navigation li.press:hover ul,  #current_press #navigation li.press:hover ul {
left: -180px;
padding-left: 590px;
background: #fff url(/site_images/subnav_icon.gif) 575px 13px no-repeat;
}
ul#navigation li ul li a {
color: #171585;
color: #383838;
font-family: Verdana, sans-serif;
font-size:72.72%;
font-weight: bold;
background: white;
}
ul#navigation li ul li a:hover {
color: #383838;
height: 16px;
background: white;
font-size:72.72%;
font-weight: bold;
}
ul#navigation li.search {
float: right;
margin:0;
background: url(/site_images/right_nav.gif) right no-repeat;
height: 36px;
padding-right: 10px;
}
ul#navigation li.search form{
margin: 0;
padding:0;
}
ul#navigation li.search form label {
display: none;
}
ul#navigation li.search form input {
top: -5px;
position: relative;
}
ul#navigation li.search form input[type=text] {
background: url(/site_images/search_1.png) no-repeat;
border: none;
height: 20px;
width: 156px;
padding-top: 4px;
padding-left: 25px;
padding-right: 10px;
}
ul#navigation li.search form input[type=text]:focus {
background: url(/site_images/search.png) no-repeat;
}
ul#navigation li.search form input[type=submit] {
background: none;
border: none;
color: #fff;
text-transform: uppercase;
font-size: 90.90%;
font-family: Verdana, sans-serif;
}
div.content {
width: 838px;
margin-left: 50px;
float: left;
position: relative;
}
div.content p{
font-size: 120%;
}
ul#navigation li ul li:hover {
background: white;
}
div.content h2 {
font-size: 180%;
text-transform: uppercase;
color: #171585;
padding-bottom: 0.5em;
border-bottom: 2px solid #DDDDDD;
}
div.content h3 {
color: #727272;
font-family: Verdana, sans-serif;
text-transform: uppercase;
letter-spacing: 0.1em;
clear: right;
}
div.content h4 {
color: #000;
font-family: Verdana, sans-serif;
text-transform: uppercase;
letter-spacing: 0.1em;
clear: right;
font-size: 100%;
}
h4 a {
color: #000;
text-decoration: none;
}
div.content li {
font-size: 120%;
}
.section1, .section2, .section3 , .section{
width: 470px;
}

div.photo {
position: absolute;
right: 0;
top: 54px;
display: block;
width: 190px;
height: 360px;
}
div.photo span {
position: absolute;
left: 0px;
top: 0px;
display: block;
width: 190px;
height: 360px;
text-indent: -999999px;
background: url(/site_images/content_image_frame.gif) no-repeat;
}
div#footer {
width:100%;
background: #0D0D6B; 
float: left;
clear: both;
height: 88px;
position: relative;
margin-top: 36px;
}
div#footer ul {
margin: 0;
padding:0;
background: #07074F;
width: 100%;
float: left;
}
div#footer ul li {
float: left;
margin-left: 10px;
margin-right: 10px;
list-style: none;
text-transform: uppercase;
}
div#footer li.home {
margin-left: 92px;
}
div#footer ul li a {
padding-top: 7px;
display: block;
color: #DADDE5;
text-decoration: none;
height: 23px;
font-weight: bold;
}
div#footer ul li  a:hover {
color: #fff;
}
div#footer p.copyright, div#footer p.trademark {
margin:0;
margin-left: 92px;
color: #C1C5D6;
color: #3c517f;
line-height: 1.4;
}
div#footer p.contact {
margin:0;
margin-left: 92px;
color: #fff;
color: #536ba0;
font-weight: bold;
clear:both;
}
div#footer a {
color: #fff;
color: #3c517f;
}
div#footer p {
width: 600px;
}
.kode_device {
display: block;
height: 52px;width: 59px;
background: url(/site_images/kode_device.png) no-repeat;
position: absolute;
top: 13px;
left: 20px;
}
a.top {
display: block;
float: right;
background: url(/site_images/top.gif) left center no-repeat;
padding-left: 10px;
color: #B3B3B3;
text-transform:uppercase;
text-decoration: none;
font-weight: bold;
}
ul.section1 {
font-size: 120%;
}
ul.section1 li {
list-style-image: url(/site_images/subnav_icon.gif);
}
ul.section1 a {
color: #171585;
}
div.content p.caption {
font-size: 91.66%;
text-align: center;
}
div.content p img {
display: block;
    margin-left: auto;
    margin-right: auto;
}
