/* Site
   -------------------------------- */

html {overflow-y: scroll; background: #cccccc url('images/html_bg.png') repeat-x scroll;}

body {margin: 0; padding: 0 0 20px; background: transparent url('images/body_bg.jpg') no-repeat center top; min-height: 100%; font-family: "Verdana"; font-size: 12px;}

#wrapper {margin: 0 auto; width: 914px; position: relative;}

#banner {height: 126px; background: url('images/header_bg.png') repeat-x left top; border-left: 3px solid #333399; border-right: 3px solid #333399;}

form {margin: 0;} 

a img {border-style: none;}

.logo-link img {padding: 5px 5px 20px 0; clear: both;}


/* Logo
   -------------------------------- */

h1.logo {position: absolute; top: 8px; left: 4px; margin: 0;}

h1.logo,
h1.logo a {width: 374px; height: 111px;}

h1.logo a {display: block; background: url('images/logo.gif') no-repeat;}

h1.logo a span {display: none;}


/* Dock
   -------------------------------- */

#dock {height: 23px; float: left; position: absolute; top: 60px; right: 10px;}

#dock ul,
#dock ul li {float: left; list-style-type: none; margin: 0; padding: 0; line-height: 22px;}

#dock ul {height: 23px;}

#dock ul li a {float: left; display: block; height: 23px; padding: 0;}

#dock ul li a span {display: none;}

#dock ul li a.contact {width: 78px; background: url('images/top-nav/contact_off.gif') no-repeat right top;}
#dock ul li a.contact:hover {width: 78px; background: url('images/top-nav/contact_on.gif');}


/* Navigation
   -------------------------------- */

#navigation .top-nav {height: 23px; float: left; position: absolute; top: 97px; right: 10px;}

#navigation .bottom-nav {height: 23px; float: right; position: absolute; top: 0px; right: 10px;}

#navigation ul,
#navigation ul li {float: left; list-style-type: none; margin: 0; padding: 0; line-height: 22px;}

#navigation ul {height: 23px;}

#navigation ul li a {float: left; display: block; height: 23px; padding: 0;}

#navigation ul li a span {display: none;}

#navigation ul li a.home {width: 61px; background: url('images/top-nav/home_off.gif') no-repeat right top;}
#navigation ul li a.ourcompany {width: 104px; background: url('images/top-nav/ourcompany_off.gif') no-repeat right top;}
#navigation ul li a.solutions {width: 71px; background: url('images/top-nav/solutions_off.gif') no-repeat right top;}
#navigation ul li a.industries {width: 91px; background: url('images/top-nav/industries_off.gif') no-repeat right top;}
#navigation ul li a.experience {width: 79px; background: url('images/top-nav/experience_off.gif') no-repeat right top;}

#navigation ul li a.home:hover {width: 61px; background: url('images/top-nav/home_on.gif');}
#navigation ul li a.ourcompany:hover {width: 104px; background: url('images/top-nav/ourcompany_on.gif');}
#navigation ul li a.solutions:hover {width: 71px; background: url('images/top-nav/solutions_on.gif');}
#navigation ul li a.industries:hover {width: 91px; background: url('images/top-nav/industries_on.gif');}
#navigation ul li a.experience:hover {width: 79px; background: url('images/top-nav/experience_on.gif');}


/* Left-nav
   -------------------------------- */

#left-nav ul {float: left; width: 150px; font-size: 16px; padding: 30px 10px 40px 10px;}

#left-nav ul li a {border-bottom: 1px solid #333399; display: block; margin: 2px; padding: 1px; width: 199px; height: 16px;}

#left-nav ul li a span {display: none;}

#left-nav ul li a.printingsolutions {background: url('images/left-nav/printingsolutions_off.gif') no-repeat left top;}
#left-nav ul li a.hardware {background: url('images/left-nav/hardware_off.gif') no-repeat left top;}
#left-nav ul li a.software {background: url('images/left-nav/software_off.gif') no-repeat left top;}
#left-nav ul li a.maintenance {background: url('images/left-nav/maintenance_off.gif') no-repeat left top;}
#left-nav ul li a.supplies {background: url('images/left-nav/supplies_off.gif') no-repeat left top;}

#left-nav ul li a.printingsolutions:hover {background: url('images/left-nav/printingsolutions_on.gif') no-repeat left top;}
#left-nav ul li a.hardware:hover {background: url('images/left-nav/hardware_on.gif') no-repeat left top;}
#left-nav ul li a.software:hover {background: url('images/left-nav/software_on.gif') no-repeat left top;}
#left-nav ul li a.maintenance:hover {background: url('images/left-nav/maintenance_on.gif') no-repeat left top;}
#left-nav ul li a.supplies:hover {background: url('images/left-nav/supplies_on.gif') no-repeat left top;}

 
/*Main Menu*/
#left-nav ul {}
 
#left-nav ul li {
list-style:none;
}

#left-nav ul li:hover {position:relative;}
 
/*Sub Menu*/
#left-nav ul ul {padding: 0; font-size: 12px; width: 220px; display: none; position: absolute; left: 75px; top: 7px; border: 2px solid #5b33d6; background-color: #fafaff;}
#left-nav ul ul li a {color: #333399; border: none; display: block; margin: 2px; padding: 1px; width: 220px; height: 16px; text-decoration: none; font-weight: bold;}
#left-nav ul li:hover ul {display: block;}
 
#left-nav ul ul li {width: 200px; float: left; display: inline; border: none;}
#left-nav ul ul li:hover {text-decoration: underline; border: none;}
 
#left-nav li:hover ul li ul {display:none;}







/* Flash
   -------------------------------- */

#flash-wrapper {background-color: #fff; margin: 0 4px 10px 4px; text-align: center;}

#flash-wrapper object {border: 1px solid #333399;}

/* Layout
   -------------------------------- */
   
#content-wrapper {background-color: #FFF; border-left: 3px solid #333399; border-right: 3px solid #333399;}

#content {}

.content {padding: 0; overflow: hidden; background-color: #fff; background: url('images/content_bg.gif') repeat-x left top;}

#content .content {min-height: 500px;}

.layout-grid {width: 100%; margin-top: 20px;}

.layout-grid td {vertical-align: top;}

.layout-grid td.left {width: 227px; background: #9f9fff url('images/leftcol_border.gif') repeat-y right top;}

.layout-grid td.right {width: 223px; background: #9f9fff url('images/rightcol_border.gif') repeat-y left top;}

.layout-grid td .left-top {width: 227px; height: 17px; background: url('images/leftcol_top.gif') no-repeat left top;}

.layout-grid td .right-top {width: 223px; height: 17px; background: url('images/rightcol_top.gif') no-repeat left top;}

.layout-grid td .left-content {min-height: 880px; padding: 0px; margin-right: 4px; background: url('images/col_bg.gif') repeat-x left top;}

.layout-grid td .right-content {min-height: 880px; padding: 5px; margin-left: 3px; background: url('images/col_bg.gif') repeat-x left top; text-align: center;}

.layout-grid td.main {padding: 0 14px 0 14px;}


/* Content Area
   -------------------------------- */

#page-wrapper {}

#page-wrapper .page {width: 440px; background: url('images/page_wrapper_bg.png') repeat-y top left;}

#page-wrapper .page-content {min-height: 300px; margin: 0 4px 0 1px; padding: 7px; background: #f6f6ff url('images/page_bg.gif') repeat-x top left;}

#page-wrapper .page-top {width: 440px; height: 20px; background: url('images/page_top_bg.png') no-repeat top left;}

#page-wrapper .page-bottom {margin-bottom: 20px; width: 440px; height: 14px; background: url('images/page_bottom_bg.png') no-repeat top left;}



/* Footer
   -------------------------------- */

#footer {padding: 0; position: relative;}

#footer .link-bar {background-color: #333399; height: 18px; padding-top: 4px;}

#footer .link-bar ul {height: 13px; position: relative; left: 160px;}

#footer .link-bar ul,
#footer .link-bar ul li {float: left; list-style-type: none; margin: 0; padding: 0;}

#footer .link-bar ul li a {border-right: 1px solid #fff; color: #fff; float: left; display: block; height: 13px; padding: 0 10px 0 10px; text-transform: uppercase; text-decoration: none; font-weight: bold;}

#footer .link-bar ul li.last a {border: none;}

#footer .link-bar ul li a:hover {text-decoration: underline;}

#footer .footer-text {text-align: center; font-size: 10px; padding: 10px;}

#footer .footer-text a {color: #0f318b; text-decoration: none;}

#footer .footer-text a {text-decoration: underline;}