body {
background-color: #000000;
color:white;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
}
#header {
font-family:Helvetica, sans-serif;
height:25px;
margin-bottom:2px;
font-size:18px;
}
#header .dm {
color:red;
background:url(images/dm_flag.gif) right top no-repeat;
padding-right:18px;
font-weight:bold;
}
#header .tagline {
font-size:16px;
}
#tel {
margin-top:-20px;
display:block;
text-align:right;
}
#footer {
margin-top:5px;
font-size:10px;
}
#container-outer {
position:relative;
background-color: black;
border:0;
width:768px;
height:600px;
margin: 25px auto auto auto;
}
#container-inner {
position:relative;
background-color:#1a70a9;
width:768px;
height:530px;
}
#container-background-top {
position:absolute;
top:0px;
left:0px;
z-index:1;
}
#container-background-bottom {
position:absolute;
top:520px;
left:0px;
z-index:1;
}
#tracing-image {
/*
visibility:hidden;
position:absolute;
left:0;
top:0;
width:768px;
height:530px;
background-image:url(images/tracing_image.jpg);
opacity:0.1;
z-index:1;
*/
}
#logo {
padding-top:9px;
padding-left:9px;
border:0;
}
#navbar {
position:absolute;
left:350px;
top:50px;
width:450px;
height:25px; 
z-index:1
}
#navbar a {
font-size:12px;
color:#72B8EB;
text-decoration:none;
}
#navbar li {
list-style-type:none;
float:left;
text-align:center;
margin:0 1px 0 1px;
}
#navbar a:hover {
color:white;
font-weight:bold;
}
#navbar a.active {
color:white;
font-weight:bold;
}
#navbar .navbar-1 {
width:38px;
}
#navbar .navbar-2 {
width:34px;
}
#navbar .navbar-3 {
width:66px;
}
#navbar .navbar-4 {
width:42px;
}
#navbar .navbar-5 {
width:47px;
}
#navbar .navbar-6{
width:63px;
}
#navbar .navbar-7 {
width:45px;
}
/*
#intro-text {
position:absolute;
left:59px;
top:160px;
width:352px;
height:100px;
z-index:1;
color: #FFFFFF;
line-height:24px;
}
*/
#page-holder {
margin:100px;
}
.invisible {
visibility:hidden;
}
/**************/
/* INDEX PAGE */
/**************/
#index-text {
position:absolute;
top:125px;
left:60px;
width:400px;
line-height:23px;
font-size:16px;
}
#call-to-action-text {
position:absolute;
top:125px;
left:460px;
/*width:400px;*/
line-height:28px;
font-size:24px;
text-align:center;
}
#index-image {
position:absolute;
top:236px;
left:0px;
}
/**************/
/* INTRO PAGE */
/**************/
#intro-text {
position:absolute;
top:120px;
left:60px;
width:355px;
font-size:12px;
line-height:14px;
}
#intro-text p {
margin-top:0px;
margin-bottom:12px;
}
#intro-image {
position:absolute;
top:413px;
left:0px;
}
/*****************/
/* OVERVIEW PAGE */
/*****************/
#overview-image {
border:0;
position:absolute;
top:132px;
left:0px;
}
/*******************/
/* TECHNOLOGY PAGE */
/*******************/
#technology-navbar {
position:absolute;
left:0px;
top:115px;
width:225px;
}
#technology-navbar ul {
margin-top:18px;
margin-left:0;
}
#technology-navbar a {
font-size:20px;
color:#72B8EB;
text-decoration:none;
}
#technology-navbar li {
list-style-type:none;
margin:0 0 10px 0;
height:22px;
line-height:22px;
text-align:right;
}
#technology-navbar a:hover {
color:white;
font-weight:bold;
}
#technology-navbar a.active {
color:white;
font-weight:bold;
}
#technology-text {
font-size:12px;
}
#technology-text p {
margin-top:0px;
margin-bottom:10px;
}
#technology-text ul {
margin-top:10px;
margin-left:10px;
padding-left:6px;
}
#technology-text .estore {
position:absolute;
left:250px;
top:138px;
width:350px;
}
#technology-text .print {
position:absolute;
left:250px;
top:170px;
width:350px;
}
#technology-text .dm {
position:absolute;
left:250px;
top:202px;
width:350px;
}
#technology-text .design {
position:absolute;
left:250px;
top:235px;
width:350px;
}
#technology-image {
position:absolute;
top:307px;
left:0px;
}
/*************/
/* DEMO PAGE */
/*************/
#demo-navbar {
position:absolute;
left:8px;
top:110px;
z-index:1;
}
#demo-navbar ul {
margin:0;
padding:0;
}
#demo-navbar li {
list-style-type:none;
float:left;
text-align:center;
font-size:12px;
width:24px;
}
#demo-navbar a {
padding:0 5px 0 5px;
color:#72B8EB;
text-decoration:none;
}
#demo-navbar a:hover {
color:white;
font-weight:bold;
}
#demo-navbar a.active {
color:white;
font-weight:bold;
}
#demo-textbox {
position:absolute;
top:133px;
left:11px;
width:280px;
height:384px;
background-image:url(images/demo_white_box.gif);
}
#demo-text {
margin:11px;
font-size:12px;
width:256px;
}
#demo-text h1, #benefits-text h1 {
font-weight:bold;
font-size:14px;
margin-bottom:14px;
padding-bottom:0;
margin-top:0px;
}
#demo-text p, #benefits-text p {
margin-top:0px;
margin-bottom:10px;
padding-top:0px;
padding-bottom:0px;
}
#demo-text ul {
margin-top:0;
padding-top:0;
}
#screenshot {
position:absolute;
top:110px;
width:428px;
height:411px;
left:300px;
}
/*****************/
/* BENEFITS PAGE */
/*****************/
#benefits-navbar {
position:absolute;
left:60px;
top:135px;
width:300px;
}
#benefits-navbar a {
font-size:12px;
color:#72B8EB;
text-decoration:none;
}
#benefits-navbar ul {
margin-top:0px;
margin-left:10px;
padding-left:6px;
}
#benefits-navbar li {
color:#72B8EB;
line-height:20px;
}
#benefits-navbar a:hover {
color:white;
font-weight:bold;
}
#benefits-navbar a.active {
color:white;
font-weight:bold;
}
#benefits-textbox {
position:absolute;
top:137px;
left:387px;
width:370px;
height:240px;
background-image:url(images/benefits_white_box.gif);
}
#benefits-text {
position:absolute;
margin:11px;
font-size:12px;
width:348px;
height:218px;
}
#benefits-image {
position:absolute;
top:394px;
left:0px;
}
/*****************/
/* SHOWCASE PAGE */
/*****************/
#showcase-instructions {
/* No instructions for now */
visibility:hidden;
}
#showcase-nav {
position:absolute;
left:30px;
top:160px;
font-size:18px;
font-weight:bold;
color:#72B8EB;
text-decoration:none;
}
a#showcase-nav:hover {
color:white;
}
#showcase-nav .text {
font-size:10px;
display:block;
}
#showcase-box {
position:absolute;
top:136px;
left:60px;
width:700px;
height:380px;
background-image:url(images/showcase_white_box.gif);
}
#showcase-box .text {
font-size:16px;
margin:17px 0 0 20px;
}
#showcase-box .quote {
background:url(images/showcase_open_quote.gif) top left no-repeat;
}
#showcase-box img.quote-close {
vertical-align:-17px;
}
#showcase-box .name, .title, .company {
font-size:10px;
margin-left:20px;
}
#showcase-box .name {
font-size:12px;
font-weight:bold;
}
#showcase-volvo .quote {
position:absolute;
top:145px;
left:90px;
width:210px;
}
#showcase-volvo .logo {
position:absolute;
top:20px;
left:20px;
}
#showcase-volvo .collateral {
position:absolute;
top:40px;
left:335px;
}
#showcase-toshiba .quote {
position:absolute;
top:160px;
left:500px;
width:180px;
}
#showcase-toshiba .logo {
position:absolute;
top:20px;
left:20px;
}
#showcase-toshiba .collateral {
position:absolute;
top:65px;
left:160px;
}
#showcase-jh .quote {
position:absolute;
top:72px;
left:133px;
width:165px;
}
#showcase-jh .logo {
position:absolute;
top:20px;
left:20px;
}
#showcase-jh .collateral {
position:absolute;
top:128px;
left:345px;
}
#showcase-mw .quote {
position:absolute;
top:172px;
left:500px;
width:175px;
}
#showcase-mw .logo {
position:absolute;
top:20px;
left:20px;
}
#showcase-mw .collateral {
position:absolute;
top:70px;
left:150px;
}
#showcase-ftk .quote {
position:absolute;
top:140px;
left:115px;
width:200px;
}
#showcase-ftk .logo {
position:absolute;
top:20px;
left:20px;
}
#showcase-ftk .collateral {
position:absolute;
top:28px;
left:330px;
}
#showcase-fiducial .quote {
position:absolute;
top:230px;
left:20px;
width:400px;
}
#showcase-fiducial .logo {
position:absolute;
top:20px;
left:20px;
}
#showcase-fiducial .collateral {
position:absolute;
top:70px;
left:270px;
}
#showcase-fish .quote {
position:absolute;
top:20px;
left:435px;
width:190px;
}
#showcase-fish .logo {
position:absolute;
top:20px;
left:20px;
}
#showcase-fish .collateral {
position:absolute;
top:128px;
left:100px;
}
/****************/
/* CONTACT PAGE */
/****************/
#contact-text {
position:absolute;
top:120px;
left:60px;
width:375px;
font-size:12px;
}
#contact-text p {
margin-top:0px;
margin-bottom:12px;
}
#contact-text table {
margin:0 0 10px 0;
border-collapse:collapse;
}
#contact-text table tr td.col-left {
border-right:1px solid white;
padding-right:15px;
}
#contact-text table tr td.col-right {
padding-left:15px;
}
#contact-text a {
color:white;
}
#contact-image {
position:absolute;
top:279px;
left:0px;
}
/*****************/
/* OVERVIEW PAGE */
/*****************/
#overview-navbar {
position:absolute;
left:8px;
top:140px;
z-index:1;
}
#overview-navbar ul {
margin:0;
padding:0;
}
#overview-navbar li {
list-style-type:none;
float:left;
text-align:center;
font-size:12px;
width:24px;
}
#overview-navbar a {
padding:0 5px 0 5px;
color:#72B8EB;
text-decoration:none;
}
#overview-navbar a:hover {
color:white;
font-weight:bold;
}
#overview-navbar a.active {
color:white;
font-weight:bold;
}
#overview-textbox {
/*border:1px solid yellow;*/
position:absolute;
top:213px;
left:11px;
width:234px;
height:288px;
padding:8px;
z-index:1;
}