body, div, img, ul, li, h3, p { margin: 0 auto; padding: 0; border: 0; }

body { 
 background: #ffffff url('images/header_bg.jpg') 0 -109px repeat-x; 
 text-align: center; 
 color: #6f6f6f;
 font-size: 14px;
 font-family: Helvetica, Arial, sans-serif;
 position: relative;
}

a { color: #00CCFF; text-decoration: none; }
a:hover { text-decoration: underline; }

#container { width: 900px; position: relative; }

#header {
 height: 214px; 
}
#header.gloss { background: url('images/header_gloss.png') center top no-repeat; }
#header.cmyk { background: url('images/header_cmyk.png') center top no-repeat; }

#contact_sidebar {
 position: absolute; top: 35px; right: 0;
 text-align: right;
 color: #ffffff;
 font-size: 12px;
 border-right: 1px solid #cccccc;
 padding-right: 5px;
}
#contact_sidebar a { color: #CCCCCC; text-decoration: none; }
#contact_sidebar a:hover { color: #ffffff; }

#contactinfo {
 position: absolute; right: 0;
 min-height: 30px;
 }

#contactinfo ul { list-style-type: none; margin: 0; padding: 0; }
#contactinfo ul.contact li {
 list-style-type: none;
 display: inline;
 background: url('images/bg_contact.png');
 padding-left: 10px; padding-right: 10px;
 padding-bottom: 2px; padding-top: 2px;
 color: #4f4f4f; /*cfcfcf*/
 border-bottom: 1px solid #ffffff;
 float: left;
 margin-left: 5px;
 }
#contactinfo ul.contact li:hover { color: #ffffff; }
#contactinfo ul li:hover { background: url('images/bg_contact_over.png'); color: #ffffff; cursor: default; cursor: pointer; border-bottom: 2px solid #0e9bd0; }
#contactinfo a { color: #4f4f4f; text-decoration: none; padding-top: 5px; padding-bottom: 5px; }
#contactinfo a:hover { color: #ffffff; }
#contactinfo li ul { display: none; text-align: left; position: absolute; top: 22px; background: url('images/bg_contact.png');  margin-left: -10px; }
li > ul { top: auto; left: auto; }
#contactinfo li>ul li {  clear: left; }
#contactinfo li>ul:hover { color: #ff00ff; }
#contactinfo li:hover ul { display: block; }
#contactinfo li:hover ul li { display: inherit; border: none; background: none; }
#contactinfo li:hover ul li:hover { border: 0; cursor:default; }
#contactinfo li ul ul li { display:none; }

#contactinfo li ul li>ul { display: none; }
#contactinfo li ul li:hover ul { display: block; 
	margin: -1em 0 0 5em;
}


#logo {
 float: left; 
 width: 300px; height: 120px;
 margin-top: 10px;
 background: url('images/logo.png') left no-repeat;
}

#nav.header {
 float: right;
 height: 68px; min-width: 400px;
 margin-top: 99px;
 padding-left: 10px; padding-right: 10px;
 color: #ffffff;
 text-transform: capitalize;
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 15px;
 font-weight: normal;
 line-height: 88px;
}

#nav.header ul { }
#nav.header li {
 list-style-type: none;
 display: inline;
 padding-top: 36px; padding-bottom: 15px;
}
#nav.header:hover li.current { background: none; }
#nav.header li:hover, #nav.header li.current, #nav.header li.current:hover { background: url('images/nav_highlight.png') repeat-x bottom; }
#nav.header li img { padding: 0; position: absolute; }
#nav.header li a {
 text-decoration: none;
 color: #ffffff;
 padding: 8px; padding-top: 36px; padding-bottom: 15px;
 }
#nav.header li.divider { background: url('images/nav_divider.png') no-repeat; padding: 2px; padding-top: 36px; padding-bottom: 15px; margin: -4px; }


#flash { 
 width: 1011px; height: 366px;
 margin-top: -160px;
 background: url('images/frame_flash.png') no-repeat;
 color: #ffffff;
 padding-top: 23px;
 display: none;
}
#flash.sub {
 width: 1011px; height: 215px;
 margin-top: -160px;
 background: url('images/frame_flash_sub.png') no-repeat;
 color: #ffffff;
 padding-top: 23px;
 }

#flashimg { 
 width: 965px; height: 320px;
 backround-repeat: no-repeat;
}
#flashimg.warehouse { background: url('images/warehouse.jpg') bottom; }

#flashimg.sub {  background: url('images/flash.jpg') no-repeat; height: 171px; }
#flashimgsub {  background: url('images/flash.jpg') no-repeat; height: 170px; width: 965px; }
#flashimgsub { background: url('images/printing_g.jpg') no-repeat top; }
 
#content { 
 width: 900px; 
 text-align: left;
 margin-bottom: 50px;
 line-height: 20px;
 position: relative;
 letter-spacing: .01em;
 min-height: 500px;
}

#content h3 {
 color: #0e9bd0;
 font-size: 44px;
 margin-top: 45px;
}
#content img { margin: 10px; margin-left: 20px; }
#content table.list tr:hover { background: #f4f4f4; cursor: default; }
#content ul, #content li { margin-left: 15px; }
#content blockquote {
 padding: 10px;
 background: #eeeeee;
 color: #333333;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 20px;
 border: 3px solid #666666;
 line-height: 26px;
 }

#heading {
 position: relative;
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size: 18px;
 line-height: 24px;
 font-style: italic;
 font-weight: normal;
 margin-bottom: 50px;
 padding-right: 420px;
 }
 
#heading.software { background: url('images/software_icons.jpg') top right no-repeat; min-height: 213px; }
 
#heading p.htext { width: 450px; float: left; }
#heading p { font-style: normal; }
#heading.img { background: url('images/img.jpg') right top no-repeat; }
#heading_img { position: absolute; right: 7px; top: 7px; width: 375px; height: 257px; }
#heading_img.equipment { background: url('images/sheetfed.jpg') no-repeat; }
#heading_img.about { background: url('images/warehouse2.jpg') no-repeat; }

#right {
 position: absolute;
 right: 0;
}
#right.frame {
 width: 389px; height: 271px;
 background: url('images/img.jpg') no-repeat;
}
#right img { margin-top: 5px; margin-left: 5px; }

#footer {
 height: 110px;
 background: url('images/header_bg.jpg');
 border-top: 15px solid #333333; 
}
#footer_content {
 width: 550px;
 padding: 10px; padding-right: 315px; padding-left: 35px;
 position: relative;
 color: #ffffff;
 text-align: left;
 background: url('images/cmyk_dots.png') left no-repeat; background-position: 50 0;
 font-size: 15px;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: 200; 
}
#footer_content a { color: #CCCCCC; text-decoration: none; }
#footer_content a:hover { color: #ffffff; text-decoration: underline; }
#footer_content ul { margin-top: 15px; }
#footer_content li { list-style-type: none; display: inline; padding-left: 8px; text-transform: uppercase; border-left: 1px solid #cccccc; font-size: 11px; }
#footer_content li.divider { border: none; }
#footer_content li:first-child { padding: 0; border: none; }

#address {
 float:right; text-align: right; position: absolute; right:0; top:10px; background:url('images/compass.png') no-repeat top left; padding-left: 55px; height: 88px;
 cursor: default;
 }

/* forms */
#form { 
 width: 400px; height: 300px; 
 position: absolute; top: 30px; right: 0; 
 border: 5px solid #555; 
 background: /*temp*/ no-repeat #ffffff; color: #666; 
 text-align: left;
 padding: 5px;
 z-index: 10;
}
.ghost { color: #CCCCCC; }
.normal { color: #666666; }
#form input.showform { background: #ffffff; border:none; color: #666666; border: 1px solid #cccccc; padding: 2px; }
#form input.showform:hover { border: 1px solid #0e9bd0; border-right: 2px solid #0e9bd0; border-bottom: 2px solid #0e9bd0; }

/* page specific */
#affiliates { }
#affiliates img { margin-top: 5px; }
#affiliates img:hover { border-bottom: 5px solid #1EA2D3; }
#affiliates div { height: 220px; background: #E8E8E8; margin-bottom: 10px; padding-top: 5px; }
#affiliates b { font-size: 16px; line-height: 20px; color: #2098e0; }
#affiliates a { text-decoration: none; color: #2098e0; }

/* misc */
.break { height: 25px; border-top: 1px solid #cccccc; margin-top: 25px; }
.hidden { display: none; }
.shown { display: block; }