html,body{margin:0;padding:0}

body{font: 76% arial,sans-serif;text-align:center; color: #666; background: #efefef url(images/bodybg.png) 0 0 repeat-x; }
p{margin:0 0px 10px; line-height:150%;}
a{color: #7EA5D3; text-decoration:none;}
a:hover {color: #2A507D; text-decoration:underline;}
p.more {text-align: right; padding-top:20px; display:block;}
p.more a {color: #7EA5D3; text-decoration:none; padding:3px 5px 2px 25px; background:url(images/bullet.gif) left 4px no-repeat; font-size:12px; }
p.more a:hover {text-decoration: underline}
.blue {color: #4C98CB; font-weight:bold}
h3 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-weight: bold; text-transform:uppercase; font-size: 21px; color: #4C98CB; margin-bottom: 15px;}
.left {width: 350px; float:left;border-right: 1px solid #eaeaea}
.left1 {width: 330px; float:left;border-right: 1px solid #eaeaea}
.left p, .left h3 {margin: 0 20px ; }.left1 p, .left1 h3 {margin: 0 20px 0 0 ; }
.left span.imgcaption {margin-left: 20px;}
.left h3, .left1 h3 {font-size: 16px; margin-bottom:20px;}

.bordered {border-top: 1px solid #eaeaea; padding:20px 0;}
.padded {padding-bottom: 20px;}
strong {font-weight: bold}
.boxed {border: 1px solid #eaeaea; padding: 5px; margin: 0; font-size:10px;}

.clear {
  clear: both;
  height: 1px;
  line-height: 1px;
  margin-top: -1px;
}

#mainwrapper{background:url(images/conbg.png) center top no-repeat; padding: 0px 0 40px}

#navbar {height: 31px; background:none; margin-bottom:60px; /* test background: url(images/test.png) 0 0 no-repeat;*/}
.nav {}
.nav li {display: inline; float:left}
.nav a {display: block; text-indent:-90000px; overflow: hidden;height:31px}
.nav li#home a {width: 60px; background:url(images/home.png) 0 0 no-repeat;}
.nav li#abot a {width: 80px; background:url(images/abot.png) 0 0 no-repeat;}
.nav li#prod a {width: 80px; background:url(images/prod.png) 0 0 no-repeat;}
.nav li#special a {width: 80px; background: url(images/special.png) 0 0 no-repeat;}
.nav li#ther a {width: 180px;background:url(images/ther.png) 0 0 no-repeat;}
.nav li#comp a {width: 80px;background:url(images/comp.png) 0 0 no-repeat;}
.nav li#cont a {width: 92px;background:url(images/cont.png) 0 0 no-repeat;}
.nav li#home a:hover,.nav li#abot a:hover,.nav li#prod a:hover,.nav li#special a:hover,.nav li#ther a:hover,.nav li#comp a:hover,.nav li#cont a:hover {background-position: 0 -31px;}
.nav li#home.active a,.nav li#abot.active a,.nav li#prod.active a,.nav li#special.active a,.nav li#ther.active a,.nav li#comp.active a,.nav li#cont.active a {background-position: 0 -31px;}


div#header{position:relative; height: 89px;background: none;}
div#header h1{position:absolute;left:-23px;top:0px; background: url(images/logo.png) 0 1px no-repeat; width: 237px; height: 89px;text-indent: -90000px; overflow:hidden}
div#header a{display: block; width:237px;height: 89px;}
div#container{text-align:left}
body.about div#content {margin-left: 260px; }
div#content {min-height: 1%;margin-bottom:20px }
div#content h2 {overflow:hidden; text-indent:-9000px;}
div#content h2#company {background: url(images/company.jpg) 0 0 no-repeat; width: 118px; height:27px; margin-bottom:30px}
div#content h2#technology {background: url(images/technology.jpg) 0 0 no-repeat; width: 141px; height:29px;margin-bottom:30px}
div#content div.right_o {margin-left: 320px;}

div#topcont, div#bottomcont {margin-right: 20px; margin-bottom:20px;}
h2#marine {background: url(images/maritime_title.png) 0 0 no-repeat; width: 248px; height:86px; overflow:hidden; text-indent:-9000px; margin-bottom: 30px;}

.linkwrap {float: right; width: 375px; margin-top:20px;}
.productlink {float: left; display:block; margin-right:15px;}
.productlink a{display: block; padding:5px 8px; border:1px solid #ccc; text-align:center; font-size: 10px; text-transform:uppercase;}
.pdf {
	float: right;
	display: block;
	background: url(images/pdf.jpg) left top no-repeat;
	border:1px solid #ccc;
}
.pdf a {display: block; padding:5px 4px 5px 0px; text-indent:30px;}

div#bottomcont {border-top: 1px solid #eaeaea; padding-top: 20px;}
h2#key_bene_ulysses {width: 268px; height:29px; background: url(images/key_bene_ulysesses.png) 0 0 no-repeat;overflow:hidden; text-indent:-9000px; margin-bottom: 10px;}
h2#key_bene_sentinel {width: 275px; height:29px; background: url(images/key_bene_sentinel.png) 0 0 no-repeat;overflow:hidden; text-indent:-9000px; margin-bottom: 10px;}
h2#software{width: 84px; height:19px; background: url(images/software.png) 0 0 no-repeat;overflow:hidden; text-indent:-9000px; margin-bottom: 10px;}
h2#hardware{width: 93px; height:19px; background: url(images/hardware.png) 0 0 no-repeat;overflow:hidden; text-indent:-9000px; margin-bottom: 10px;}
h2#custom{width: 332px; height:23px; background: url(images/custom.png) 0 0 no-repeat;overflow:hidden; text-indent:-9000px; margin-bottom: 10px;}
h2#specialproj{width: 154px; height:23px; background:url(images/specialproj.png) 0 0 no-repeat;overflow:hidden; text-indent:-9000px; margin-bottom: 10px;}
h2#aboutus {width: 90px; height:19px; background:url(images/aboutus.png) 0 0 no-repeat;overflow:hidden; text-indent:-9000px; margin-bottom: 20px;}
h2#technicalinfo {width: 136px; height:19px; background: url(images/technical-info.png) 0 0 no-repeat;overflow:hidden; text-indent:-9000px; margin-bottom: 20px;}
h2#productlinks {width: 133px; height:19px; background:url(images/productlinks.png) 0 0 no-repeat;overflow:hidden; text-indent:-9000px; margin-bottom: 20px;}
h2#ourservices {width: 121px; height:18px; background:url(images/ourservices.png) 0 0 no-repeat;overflow:hidden; text-indent:-9000px; margin-bottom: 20px;}
h2#csence {width: 300px; height:48px; background:url(images/c-sense_ulysses.jpg) 0 0 no-repeat;overflow:hidden; text-indent:-9000px; margin-bottom: 30px;}
h2#new-sentinel {width: 280px; height:30px; background:url(images/new-sentinel.jpg) 0 0 no-repeat;overflow:hidden; text-indent:-9000px; margin-bottom: 30px;}
h2#product-sentinel {width: 208px; height:30px; background: url(images/sentinel-product-h2.png) 0 0 no-repeat;overflow:hidden; text-indent:-9000px; margin-bottom: 30px;}
h2#military{background: url(images/military_law.jpg) 0 0 no-repeat;width:323px;height:30px;overflow:hidden; text-indent:-9000px; margin-bottom: 30px;}
h2#commercial{ background:url(images/commercial2.jpg) 0 0 no-repeat; width: 147px; height: 24px;overflow:hidden; text-indent:-9000px; margin-bottom: 30px;}
h2#recreational{background: url(images/recreational2.jpg) 0 0 no-repeat; width: 153px; height: 24px;overflow:hidden; text-indent:-9000px; margin-bottom: 30px;}
h2#key_benefits{background: url(images/key_bene.jpg) 0 0 no-repeat; width: 155px; height: 29px;overflow:hidden; text-indent:-9000px; margin-bottom: 30px;}
h2#thermal {background: url(images/thermal_imaging.jpg) 0 0 no-repeat; width: 228px; height: 22px;overflow:hidden; text-indent:-9000px; margin-bottom: 30px;}
h2#application {background: url(images/applications.jpg) 0 0 no-repeat; width: 155px; height:29px;overflow:hidden; text-indent:-9000px; margin-bottom: 30px;}
h2#omnisense {overflow:hidden; text-indent:-9000px; margin-bottom: 15px; background:url(images/omnisense.png) 0 0 no-repeat; width: 321px; height: 26px}
span.imgcaption  {border: 1px solid #eaeaea; padding: 5px;float: left; margin: 0 20px 13px 0;}
span.imgcaption2 {padding: 5px; display:block;margin-bottom: 20px;}
div#bottomcont span.imgcaption img {}
span.imgcaption p, div#bottomcont span.imgcaption p {font-size: 10px; font-style:italic; text-align:center; float:left;width: 150px; display:block; margin:5px 0 0; padding:0}
div#bottomcont p {margin-bottom: 20px;}
div#navigation ul {margin: 20px; }
div#navigation ul li {padding: 4px 0 10px 20px; background:url(images/bullet.gif) 0 5px no-repeat; line-height:17px;}


div#content p{line-height:1.4}
div#navigation{background:none; border-right: 1px solid #eaeaea;min-height: 1%}
body.home div#navigation {border-right: 3px solid #eaeaea}

div#extra{background:none}
div#extra img {margin-bottom: 10px;}
h2#tech_spec {width: 216px; height:46px; background:url(images/ulysses_tech.jpg) 0 0 no-repeat;overflow:hidden; text-indent:-9000px; margin-bottom: 30px;}

div#footer{background: #efefef;color: #333}
div#footer p{margin:0 42px;padding:15px 0px; text-align:right; display: block; border: 1px solid #eaeaea; border-left: none; border-right: none;}
div#footer a{display:inline;margin:0 0 0 20px; padding: 5px;color: #999; font-size:11px; text-decoration:none; }
div#footer a:hover {color: #ccc}

div#container{
	width:786px;margin:0 auto;background: url(images/containerbg.png) 0 0 repeat-y;}
div#wrapper {
	background-image: url(images/conbg.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0 42px;
	min-height:1%;
}
div#navigation{float:left;width:440px; height: 100%; margin-bottom:40px;padding-right: 20px;}
div#extra{float:right;width:220px}
div#footer{clear:both;width:100%; background:url(images/footerbg.png) 0 0 no-repeat; height: 110px;}

#extra ul, #content ul {
list-style: disc; 
}
#extra li {margin: 0 0 10px 20px; font-size:14px}
#content li {margin: 0 0 10px 20px;}
#content ul {margin-bottom: 20px;}