/*
-------------------------------------------------------- 
Printer Works West Style Sheet
05/23/2006
Author: Krystal Beisick - www.krystalbeisick.com
-------------------------------------------------------- 
*/

/* PAGE ELEMENTS
-------------------------------------------------------------*/

body {
margin: 0 0 1em 0;
padding: 0 0 0 0;
text-align: center;
background: url(export/bg_body.png) top repeat-x;
font-family: Arial, Helvetica, sans-serif;
}

div#wrap {
margin: 0 auto;
padding: 0 0 0 0;
text-align: left;
width: 766px;
}


div#top {
margin: 0 0 0 0;
padding: 0 0 0 0;
background: url(export/bg_top.png) top no-repeat;
height: 91px;
}

div#main_bluebar {
margin: 0 0 0 0;
padding: 0 0 0 0;
background: url(export/bg_bluebar.png) top no-repeat;
height: 230px;
}

div#sub_bluebar {
margin: 0 0 0 0;
padding: 0 0 0 0;
/*background image is defined on each page*/
height: 190px;
}

div#content {
margin: 0 0 0 0;
padding: 0 0 1em 0;
background: url(export/bg_content.png) center repeat-y;
}

div#main_main {
margin: 0 5px 0 0;
padding: 0 0 0 0;
width: 473px;
float: right;
}

div#sub_main {
margin: 0 0 0 0;
padding: 0 1.5em 0 1.5em;
width: 480px;
}

div#bottom {
margin: 0 0 0 0;
padding: 0 0 0 0;
text-align: center;
background: url(export/bg_bottom.png) top no-repeat;
height: 37px;
}

/* TOP NAV
-------------------------------------------------------------*/

#top ul {
margin:	0 0 0 21px;
padding: 0 0 0 0;
position: absolute;
top: 0;
width: 357px;
height: 78px;
}

#top li {
margin:	0 0 0 0;
padding: 0 0 0 0;
display: block;
position: absolute;
top: 0;
height: 78px;
}

#top #logo { left: 0px; background: url(export/logo.png) no-repeat; width: 308px; height: 78px; }
#top #supplies { left: 354px; background: url(export/nav/supplies.png) no-repeat; width: 61px; height: 57px; }
#top #service { left: 448px; background: url(export/nav/service.png) no-repeat; width: 57px; height: 57px; }
#top #whatsnew { left: 534px; background: url(export/nav/new.png) no-repeat; width: 84px; height: 57px; }
#top #contact { left: 647px; background: url(export/nav/contact.png) no-repeat; width: 64px; height: 57px; }


#top li a {
margin:	0 0 0 0;
padding: 0 0 0 0;
display: block;
height: 57px;
}

#top #supplies a:hover { background: url(export/nav/supplies_over.png) no-repeat; }
#top #service a:hover { background: url(export/nav/service_over.png) no-repeat; }
#top #whatsnew a:hover { background: url(export/nav/new_over.png) no-repeat; }
#top #contact a:hover { background: url(export/nav/contact_over.png) no-repeat; }


/* MAIN - BLUE BAR
-------------------------------------------------------------*/

#main_bluebar ul {
margin:	0 0 0 31px;
padding: 0 0 0 0;
position: absolute;
top:  91;
width: 705px;
height: 150px;
}

#main_bluebar li {
margin:	0 0 0 0;
padding: 0 0 0 0;
display: block;
position: absolute;
top: 0;
width: 217px;
height: 150px;
}


#main_bluebar #icon_cyan { left: 0px; background: url(export/nav/icon_cyan.png) no-repeat; }
#main_bluebar #icon_magenta { left: 244px; background: url(export/nav/icon_magenta.png) no-repeat; }
#main_bluebar #icon_yellow { left: 488px; background: url(export/nav/icon_yellow.png) no-repeat; }


#main_bluebar li a {
margin:	0 0 0 0;
padding: 0 0 0 0;
display: block;
width: 217px;
height: 150px;
}


#main_bluebar #icon_cyan a:hover { background: url(export/nav/icon_cyan_over.png) no-repeat; }
#main_bluebar #icon_magenta a:hover { background: url(export/nav/icon_magenta_over.png) no-repeat; }
#main_bluebar #icon_yellow a:hover { background: url(export/nav/icon_yellow_over.png) no-repeat; }

/* MAIN - SIDE BAR
-------------------------------------------------------------*/

#content dl#main_sbar {
margin:	0 0 0 14px;
padding: 0 0 0 0;
width: 247px;
background: url(export/sbar_middle.png) center repeat-y;
}

#content dl#main_sbar dd {
margin:	0 0 0 0;
padding: 0 0 0 0;
text-indent: 0;
}

#content dl#main_sbar dt.main_sbar_bottom {
width: 247px;
height: 19px;
background: url(export/sbar_bottom.png) top no-repeat;
}

#content dl#main_sbar p {
margin: 0 0 0 0;
padding: 0 0 0 1.5em;
}

#content dl#main_sbar ul li {
margin: 0 0 0.5em 0;
padding: 0 0 0 25px;
background: url(export/bullet.gif) top left no-repeat;
list-style: none;
}

/* SUB - SIDE BAR
-------------------------------------------------------------*/

#content dl#sub_sb {
margin: 0 1em 1em 0;
padding: 0 0 0 0;
width: 197px;
background: url(export/sb_middle.png) center repeat-y;
}

#content dl#sub_sb dt.sb_top {
width: 197px;
height: 37px;
/*title image defined on each box individually*/
}

#content dl#sub_sb dd {
margin:	0 0 0 0;
padding: 0.5em 0 0 0;
text-indent: 0;
}

#content dl#sub_sb dt.sub_sb_bottom {
width: 197px;
height: 18px;
background: url(export/sb_bottom.png) top no-repeat;
}

#content dl#sub_sb p {
margin: 0 0 1em 0;
padding: 0.5em 1.5em 0 1.5em;
text-align: left;
}

#content dl#sub_sb ul {
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#content dl#sub_sb ul li {
margin: 0 0 0.5em 1em;
padding: 0 0 0 25px;
background: url(export/bullet.gif) top left no-repeat;
list-style: none;
}


/* MAIN
-------------------------------------------------------------*/

div#content div#main_main p {
padding: 0 20px 0 0;
}

div#content p {
margin: 0 0 1em 0;
padding: 0 0 0 0;
text-align: justify;
font-size: 0.8em;
}

div#content h1 {
margin: 0 0 1em 0;
padding: 4px;
font-size: 1em;
background-color:  #dae1f1;
border-top: 1px solid #4764a2;
}

div#content h2 {
margin: 0 0 0 0;
padding: 0 0 0 0;
font-size: 0.9em;
color: #990000;
}

div#content a {
color: #e53e26;
text-decoration: none;
}

div#content a:hover {
text-decoration: underline;
}

div#content table {
margin: 0 0 1em 1em;
padding: 0 0 0 0;
font-size: 0.8em;
border: 1px solid #000;
border-bottom: none;
}

div#content td, th {
border-bottom: 1px solid #000;
border-right: 1px solid #000;
}

div#content ul {
margin-top: 0;
margin-bottom: 1em;
font-size: 0.8em;
}

img {
margin: 0 0 1em 0;
padding: 0 0 0 0;
}

div#content div.prod {
margin: 0 1em 0.5em 0;
padding: 0 0 0 0;
float: left;
width: 221px;
}

div#content div.prod p {
margin-bottom: 0;
font-size: 0.7em;
}

/* BOTTOM NAV
-------------------------------------------------------------*/

div#bottom ol {
margin: 0 0 0 0;
padding: 0 0 0 0;
}

div#bottom ol li {
margin: 0 1.5em 0 1.5em;
padding: 0 0 0 0;
display: inline;
font-size: 0.7em;
}

div#bottom a {
color: black;
text-decoration: none;
}

div#bottom a:hover {
text-decoration: underline;
}