/* screen.css file */

body { font-family: Verdana, Arial, Helvetica, sans-serif; width:100%; margin:0; padding:0; background:#220190 url(../images/body.png) repeat-y center top; }

div#Wrap { width:100%; margin:0; padding:0; background:transparent url(../images/top-bkg.png) repeat-x left top; }

div#Container { width:954px; margin:0 auto; padding:0; }

div#Header { width:954px; height:166px; margin:0; padding:0; background-color:#ffffff; }
div#Header h1.logo { float:left; height:140px; width:225px; background:transparent url(../images/logo.png) no-repeat left top; text-indent:-2000px; }
div#Header h2.tagline { float:left; height:140px; width:729px; background:transparent url(../images/tagline.jpg) no-repeat left top; text-indent:-2000px; }

div#HeaderNav { clear:both; width:954px; height:26px; margin:0; padding:0; background:#000000 url(../images/bar_bkgd.png) repeat-x left top; }
div#HeaderNav ul { margin-right:1px; }
div#HeaderNav li { float:right; height:26px; width:98px; display:block; background:transparent url(../images/bar.png) no-repeat left top; text-align:center; margin:0; padding:0; }
div#HeaderNav li a { display:block; width:98px; height:20px; color:#ffffff; text-decoration:none; font-size:75%; font-family: Arial, Helvetica, sans-serif; padding:6px 0 0 0; }
div#HeaderNav li:hover { background:transparent url(../images/bar_over2.png) no-repeat left top; }
body#contact div#HeaderNav li#contact,
body#about div#HeaderNav li#about,
body#home div#HeaderNav li#home { background:transparent url(../images/bar_over2.png) no-repeat left top; }

div#Nav { clear:both; float:left; width:225px; margin:0; padding:0; border-top:1px solid #ffffff; }
div#Nav li { display:block; width:225px; height:28px; background:transparent url(../images/nav.png) no-repeat left top; text-align:left; margin:0; padding:0; border-bottom:1px solid #ffffff; }
div#Nav li a { display:block; width:225px; height:22px; color:#ffffff; text-decoration:none; font-size:75%; font-family: Arial, Helvetica, sans-serif; text-indent:39px; padding:6px 0 0 0; }
div#Nav li:hover,
body#catalog div#Nav li#catalog,
body#packaging div#Nav li#packaging,
body#corrugated div#Nav li#corrugated,
body#wood div#Nav li#wood,
body#foam div#Nav li#foam,
body#tools div#Nav li#tools,
body#safety div#Nav li#safety,
body#partner div#Nav li#partner { background:transparent url(../images/nav_over.png) no-repeat left top; }

div#Front { float:left; width:726px; margin:1px; padding:0; }
div#Main { float:left; width:670px; margin:0 0 0 30px; padding:0; }
div#Main h2 { font-size:150%; line-height:160%; font-weight:bold; margin:1em 0; color:#f13f31; }
div#Main h3 { font-size:115%; line-height:130%; font-weight:bold; margin:1em 0; color:#f13f31; }
div#Main p, div#Main ul { font-size:90%; line-height:140%; margin:1em 0; }
div#Main li { margin: 1em 0 1em 3em; list-style-position:outside; list-style-type:disc; }
div#Main a.catalog { display:block; width:289px; height:37px; background:transparent url(../images/button.png) no-repeat center center; text-align:center; margin:3em auto 2em auto; color:#ffffff; font-size:80%; font-family: Arial, Helvetica, sans-serif; text-decoration:none; text-indent:-2000px; }
div#Main a.catalog:hover { background:transparent url(../images/button_over.png) no-repeat center center; }
div#Main a.safetyCatalog { display:block; width:289px; height:37px; background:transparent url(../images/safety_catalog.png) no-repeat center center; text-align:center; margin:3em auto 2em auto; color:#ffffff; font-size:80%; font-family: Arial, Helvetica, sans-serif; text-decoration:none; text-indent:-2000px; }
div#Main a.safetyCatalog:hover { background:transparent url(../images/safety_catalog_over.png) no-repeat center center; }
div#Main dl { margin:.5em 0; }
div#Main label,
div#Main input.text,
div#Main textarea { font-size:90%; line-height:140%; margin:.25em 0; }

div#Footer { font-size:65%; width:100%; margin:1em 0; padding:0; text-align:center; }