body {
margin: 0;
padding: 0;
color: #fff;
font: 69% Arial, Helvetica, sans-serif;
background: #fff url(/images/ui/page-bg.gif);
text-align: center;
}
a:link {
color: #4bc5e0;
text-decoration: none;
}
a:visited {
color: #9ae;
}
a:hover {
color: #8bcfff;
text-decoration: underline;
}
#body-text a:link {
color: #3998ad;
}
#body-text a:visited {
color: #0e6578;
}
#body-text a:hover {
color: #6da2b5;
}
#container {
position: relative;
width: 955px;
height: 600px;
margin: 0 auto;
background: #10285c;
text-align: left;
}
#header {
position: relative;
height: 104px;
overflow: hidden;
}
h1#top-logo {
width: 295px;
height: 0;
margin: 0;
padding: 104px 0 0;
background: url(/images/ui/logo-top.gif) no-repeat;
overflow: hidden;
}
ul#navbar {
position: absolute;
top: 0;
left: 293px;
list-style: none;
margin: 0;
padding: 0;
width: 660px;
}
ul#navbar li {
float: left;
height: 69px;
}
ul#navbar li a {
display: block;
height: 0;
padding: 69px 0 0;
background-image: url(/images/ui/navbar.gif);
overflow: hidden;
}
li#nav-home a:link, li#nav-home a:visited {
width: 74px;
background-position: 0 0;
}
li#nav-home a:hover {
background-position: 0 -69px;
}
li#nav-products a:link, li#nav-products a:visited {
width: 93px;
background-position: -74px 0;
}
li#nav-products a:hover {
background-position: -74px -69px;
}
li#nav-about a:link, li#nav-about a:visited {
width: 94px;
background-position: -167px 0;
}
li#nav-about a:hover {
background-position: -167px -69px;
}
li#nav-press a:link, li#nav-press a:visited {
width: 67px;
background-position: -261px 0;
}
li#nav-press a:hover {
background-position: -261px -69px;
}
li#nav-conferences a:link, li#nav-conferences a:visited {
width: 121px;
background-position: -328px 0;
}
li#nav-conferences a:hover {
background-position: -328px -69px;
}
li#nav-datasheets a:link, li#nav-datasheets a:visited {
width: 117px;
background-position: -449px 0;
}
li#nav-datasheets a:hover {
background-position: -449px -69px;
}
#breadcrumb {
position: absolute;
top: 86px;
left: 320px;
margin: 0;
}
#breadcrumb span.chevron {
color: #00abeb;
}
#splash {
float: left;
margin: 0;
width: 478px;
}
#splash p {
margin: 0;
}
#body-text {
float: left;
width: 282px;
height: 486px;
margin: 0;
padding: 3px 18px 6px;
color: #10285c;
background: #adcfee;
border-bottom: 1px solid #10285c;
overflow: auto;
}
#sidebar {
position: relative;
float: left;
width: 159px;
background: url(/images/ui/sidebar-bg.gif) left top no-repeat;
height: 426px;
padding: 6px 0 64px;
}
#extra-info {
position: relative;
margin: 0;
padding: 0 12px;
height: 426px;
overflow: auto;
}
#body-text, #extra-info {
line-height: 1.545em;
}
#body-text p, #extra-info p {
margin: .5em 0;
}
#body-text ul, #extra-info ul {
margin-top: .5em;
margin-bottom: .5em;
}
#body-text h2 {
font-size: 1.363em;
margin: .5em 0;
}
#extra-info h2 {
font-size: 1.272em;
margin: .5em 0;
}
p.center {
text-align: center;
}
ul.icon-list {
margin: .5em 0;
padding: 0;
font-size: .919em;
list-style: none;
}
ul.icon-list li {
position: relative;
padding: 0;
}
ul.icon-list li a.doc-link {
position: relative;
display: block;
padding: 2px 0 2px 24px;
min-height: 1px;
_height: 1px;
}
ul.icon-list li.icon-doc {
background: url(/images/ui/icon-doc.gif) no-repeat;
}
ul.icon-list li.icon-pdf {
background: url(/images/ui/icon-pdf.gif) no-repeat;
}
ul.icon-list li.icon-mov {
background: url(/images/ui/icon-mov.gif) no-repeat;
}
#mini-logo {
position: absolute;
bottom: 0;
left: 0;
width: 159px;
height: 0;
margin: 0;
padding: 64px 0 0;
background: url(/images/ui/logo-bot.gif) no-repeat;
overflow: hidden;
}