/* Default Tags */

:root 
{ overflow-y:scroll; }
BODY, HTML
{ margin:0; padding:0; height:100%; font-family:verdana, arial, helvetica, sans-serif; color:#3e3e3e; font-size:82%; background:#fff url("../images/bg_page.jpg") repeat-x top }
IMG, TABLE
{ border:0; border-collapse:collapse; empty-cells:show; }
TD
{ vertical-align:top; padding:0 }
UL, LI, H1, H2, H3, H4
{ margin:0; padding:0 }
A
{ color:#2b56ab; text-decoration:none;  }
A:hover
{ color:#2b56ab; text-decoration:underline;  }
LI
{ list-style-type:none }
LI, H1, H2, H3, H4
{ line-height:1.4em }
P
{ margin:0; padding:0 0 1.5em 0; line-height:1.6em }
H1
{ font-size:160%; color:#555555; font-weight:normal; margin:0; padding:0; }
H2
{ margin:7px -10px 17px -12px; padding:6px 10px; font-size:120%; font-weight:bold; line-height:1.2em;  color:#333; background:#eee; border:1px solid #ccc; }
H3
{ font-family:verdana, arial, helvetica, sans-serif; font-size:140%; font-weight:normal; margin:5px 0 5px 0; line-height:1.4em; color:#565656; padding:0;   }
H4
{ font-size:100%; color:#666; line-height:1.4em; padding-bottom:5px;  }
INPUT
{ font-family:verdana, arial, helvetica, sans-serif; color:#333; font-size:11px; }
FORM
{ display:inline }
SUB
{ font-size:80%; vertical-align:-15% }
SUP
{ font-size:80%; vertical-align:35% }
:lang(en) SUB 
{ font-size:70%; vertical-align:-20% }
LABEL
{ padding:5px 0; width:160px; display:block; float:left; font-weight:bold; }
INPUT
{ display:block; margin:5px 0 }


/* Template */

#navskip
{ position:absolute; overflow:hidden; width:0; height:0 }
#wrapper
{ text-align:left; width:917px; min-height:689px;  margin:0 auto; padding:0; background:url("../images/bg_wrapper.gif") repeat-x; position:relative; min-height:100%; }
#header
{ padding:0 14px; margin:0 -1px }
#logo
{ float:left; width:212px; margin:30px 0 16px 36px; }
#logo A
{ width:212px; height:35px; }
#toplinks
{ float:right; text-align:right; width:30em; padding:12px 12px 0 0; height:14px; color:#ccc }
#toplinks A
{ padding-right:2px; padding-left:2px; }
#tagline
{ float:right; width:180px; height:19px; margin-top:40px; margin-right:-30em; }
#content
{ padding:0 14px; margin:0 -1px }
.contentfooterbar
{ margin:1px 13px; clear:both; border-top:4px solid #989898; padding-bottom:75px; }
.clear
{ clear:both }


/* Primary Navigation */

#nav
{ clear:both; height:36px; background:#f0f0f0  }
#nav LI
{ height:36px; float:left }
#nav LI A
{ display:block }
#nav LI A:hover
{ background:#e8e8e8 }


/* Secondary Navigation */

#leftbar
{ float:left; width:177px; background:url("../images/bg_leftbar.gif") no-repeat; min-height:500px; margin-left:13px }
#secnav
{ float:right; margin-right:-4px; width:171px; background:#fff url("../images/secnav_top.gif") no-repeat top; padding-top:4px }
.secnav_header
{ padding:20px 0 0 0; text-align:right; margin-right:1px }
#secnav LI A
{ display:block; margin:0 4px; padding:6px 12px 6px 0; border-bottom:1px solid #ccc; text-align:right; color:#808080; }
#secnav LI A:hover
{ text-decoration:none; background:#eee; color:#333; }
#secnav LI A.selected
{ background:url("../images/bg_secnav_selected.gif") no-repeat center right; color:#fff}
.secnav_footer
{ font-size:1px; background:url("../images/secnav_bottom.gif") no-repeat bottom; height:4px; margin-top:-1px }


/* Homepage */

#focus
{ }
#subfocus A
{ font-weight:bold; }
#col1
{ width:297px; height:317px; background:url("../images/bg_home_col1.jpg") no-repeat; float:left }
#col1 P
{ width:137px; float:left; margin:52px 0 0 143px; font-size:11px; line-height:1.3em }
#col2
{ width:594px; height:317px; background:url("../images/bg_home_col2.gif") no-repeat; float:left;  }
.col
{ float:left; width:161px; padding:15px; margin:50px 0; }
.col .thumb
{ text-align:center; height:80px;  }
.col H3
{ font-size:100%; padding-top:10px; text-transform:capitalize }
.col P
{ font-size:11px; line-height:1.3em }
.stornext
{ padding-top:20px;  }
.disk
{ padding-top:10px;  }
.tape
{}


/* Secondary Template */

#sec #content
{ float:right; width:714px; padding:0; margin-right:13px }
#content_inner
{ padding:30px 0 50px 20px; width:470px; }
#sec #content H1
{ padding-top:60px; padding-bottom:25px }
.company
{ background:url("../images/bg_content_company.jpg") no-repeat; min-height:600px }
.products
{ background:url("../images/bg_content_products.jpg") no-repeat; min-height:600px }
.solutions
{ background:url("../images/bg_content_solutions.jpg") no-repeat; min-height:600px }
.support
{ background:url("../images/bg_content_support.jpg") no-repeat; min-height:600px }
.intro
{ font-size:121%; color:#656565;}
#sec .col
{ height:auto; width:120px; margin:0; padding-top:0; }
#sec .col H3
{ padding-top:0; font-weight:bold }
.product_image
{ padding:10px; background:#fff; border:5px solid #ccc; margin-bottom:20px }
#content UL LI
{ padding:10px 0; border-bottom:1px solid #eee; clear:both; }
#content UL LI H3
{ margin-top:0; padding-top:0;}
#content UL LI P
{ margin-bottom:0; padding-bottom:0;}
.line
{ border-top:4px solid #ccc; margin:20px 0 }
.next
{ background:#eee; padding:20px; }
.error
{ padding:10px; margin:10px 0; color:#c00; border:1px solid #c00 }

.rightbar
{ float:right; width:195px; margin-right:-215px; margin-top:105px; color:#656565 }
.rightbar_inner
{ margin-top:120px; padding-left:5px }
.rightbar_inner H3
{ padding:4px; background:#eee; font-size:100%; font-weight:bold; text-transform:uppercase }


/* Footer */

#footer
{ background:#ececec url("../images/bg_footer.gif") repeat-x top; position:relative; margin:-55px auto 0 auto; height:55px; color:#656565 }
#copyright
{ float:left; width:45%; padding:15px; }
#footernav
{ float:right; text-align:right; width:45%; padding:15px; }

