html {
}
body {
background: url("/images/bg_all.jpg") no-repeat top center;
font: 12px "Lucida Grande", Verdana, Helvetica, sans-serif;
margin: 0;
padding: 0;
}

body * {
margin: 0;
padding: 0;
}

a {
color: #525151;
}

h1 {
font-size: 14px;
font-weight: normal;
padding-bottom: 22px;
padding-top: 18px;
}

h2 {
font-size: 12px;
font-weight: bold;
padding-bottom: 5px;
}

p {
line-height: 18px;
padding-bottom: 18px;
}

#wrapper {
background: url("/images/body_trans.png") no-repeat top center;
margin: 0 auto;
height: 880px;
position: relative;
width: 930px;
}

#container {
height: 880px;
left: 15px;
position: relative;
width: 900px;
}

#header h1 {
}
#header .logo {
float: left;
height: 79px;
width: 600px;
}

#header .util {
float: right;
height: 79px;
width: 225px;
}

#header .util div {
display: block;
float: left;
}

#header .util div a {
display: block;
text-indent: -9999em;
}

#header .util .quote a {
height: 30px;
width: 115px;
}

#header .util .ftp a {
height: 30px;
width: 105px;
}

/* === NAVIGATION === */
#header .nav {
clear: both;
height: 28px;
padding: 0 0 0 300px;
}

#header .nav ul {
margin: 0;
padding: 0;
list-style: none;
}

#header .nav li {
float: left;
margin: 0;
padding: 0;
}

#header .nav li a {
display: block;
float: left;
height: 36px;
outline: none;
padding: 0;
text-indent: -9999em;
}

#header .nav li.current a {
background-position: bottom left;
}

#header .nav li.home a {
background-image: url("/images/nav/home.jpg");
width: 103px;
}

#header .nav li.about a {
background-image: url("/images/nav/about.jpg");
width: 103px;
}

#header .nav li.uv a {
background-image: url("/images/nav/uv.jpg");
width: 145px;
}

#header .nav li.commercial a {
background-image: url("/images/nav/commercial.jpg");
width: 144px;
}

#header .nav li.news a {
background-image: url("/images/nav/news.jpg");
width: 100px;
}

#header .nav li.contact a {
background-image: url("/images/nav/contact.jpg");
width: 103px;
}

#header .subnav {
background-color: #fff;
clear: both;
height: 10px;
}

#header .subnav ul {
margin: 0;
padding: 0;
list-style: none;
}

#header .subnav li {
float: left;
margin: 0;
padding: 0;
}

#header .subnav li a {
color: #fff;
display: block;
float: left;
outline: none;
padding: 5px 15px 5px 15px;
text-decoration: none;
}

div.home #header .nav li.home a,
div.about #header .nav li.about a,
div.uv #header .nav li.uv a,
div.commercial #header .nav li.commercial a,
div.news #header .nav li.news a,
div.contact #header .nav li.contact a {
background-position: bottom left;
}

div.overview #header .subnav li.overview a,
div.reprographics #header .subnav li.reprographics a,
div.trade #header .subnav li.trade a,
div.point_of_sale #header .subnav li.point_of_sale a,
div.safetouch #header .subnav li.safetouch a,
div.accreditations #header .subnav li.accreditations a,
div.finishing #header .subnav li.finishing a {
font-weight: bold;
}

div.uv.overview #header .subnav,
div.uv.reprographics #header .subnav,
div.uv.trade #header .subnav,
div.uv.point_of_sale #header .subnav,
div.uv.safetouch #header .subnav,
div.uv.accreditations #header .subnav,
div.uv.finishing #header .subnav {
background: url("/images/blue.jpg");
height: 27px;
}

div.commercial.overview #header .subnav,
div.commercial.reprographics #header .subnav,
div.commercial.trade #header .subnav,
div.commercial.point_of_sale #header .subnav,
div.commercial.safetouch #header .subnav,
div.commercial.accreditations #header .subnav,
div.commercial.finishing #header .subnav {
background: url("/images/burgandy.jpg");
height: 27px;
}

/* === PAGE BODY === */
#page_body {
height: 620px;
}

#content_outer {
float: left;
height: 620px;
width: 501px;
}

#content {
margin: 0 auto;
width: 460px;
}

#content span.super {
font-size: 8px;
vertical-align: super;
}

#page_body.content_blue {
height: 637px;
}

.content_blue a {
color: #fff;
text-decoration: none;
}

.content_blue a:hover {
text-decoration: underline;
}

#page_body.content_blue #content_outer {
color: #fff;
background: url("/images/bg_navy.jpg");
height: 637px;
}

/* === SIDEBAR === */
#sidebar {
background: url("/images/bg_side.jpg") no-repeat;
float: right;
height: 600px;
width: 399px;
}

/* === CAROUSEL === */
#carousel {
overflow: hidden;
height: 327px;
width: 399px;
}

#carousel ul {
list-style: none;
}

#carousel li {
display: block;
height: 327px;
width: 399px;
}

#quotes {
overflow: hidden;
position: relative;
height: 200px;
width: 369px;
padding-top: 80px;
margin-left: 15px
}

#quotes ul {
position: relative;
height: 200px;
width: 1476px;
}

#quotes li {
color: #fff;
display: block;
float: left;
font-style: italic;
line-height: 18px;
height: 200px;
width: 369px;
}


/* === FOOTER === */
#footer {
  height: 60px;
  position: absolute;
  top: 762px;
}

#footer .links {
float: left;
width: 500px;
}

#footer .links ul {
list-style: none;
margin: 0;
padding: 0 0 0 100px;
}

#footer .links li {
display: inline;
}

#footer .links a {
display: block;
float: left;
padding: 22px 30px 26px 0;
text-decoration: none;
}

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

#footer .logos {
float: right;
padding-top: 1px;
width: 400px;
}

#footer .logos ul {
list-style: none;
margin: 0;
padding: 0 0 0 25px;
}

#footer .logos li {
margin: 0;
padding: 0;
display: block;
float: left;
}

#footer .logos a {
display: block;
float: left;
height: 60px;
text-indent: -9999em;
}

#footer .logos .iso { width: 105px; }
#footer .logos .iso a {
background: url("/images/logos/iso.jpg") no-repeat 0 4px;
width: 100px;
}

#footer .logos .brc { width: 35px; }
#footer .logos .brc a {
background: url("/images/logos/brc.jpg") no-repeat 0 4px;
width: 30px;
}

#footer .logos .bpif { width: 75px; }
#footer .logos .bpif a {
background: url("/images/logos/bpif.jpg") no-repeat -5px 0;
width: 70px;
}

#footer .logos .popai { width: 85px; }
#footer .logos .popai a {
background: url("/images/logos/popai.jpg") no-repeat 0 0;
width: 85px;
}

#footer .logos .fsc { width: 50px; }
#footer .logos .fsc a {
background: url("/images/logos/fsc.jpg") no-repeat;
width: 50px;
}

/* === HOME === */
#home .uv a {
background: url("/images/index/uv.jpg") no-repeat top right;
float: left;
text-indent: -9999em;
height: 205px;
width: 220px;
}

#home .commercial a {
background: url("/images/index/commercial.jpg") no-repeat top left;
float: right;
text-indent: -9999em;
height: 205px;
width: 219px;
}

#home .uv a:hover,
#home .commercial a:hover {
background-position: bottom left;
}

#home h2.center {
text-align: center;
font-size: 14px;
padding-bottom: 20px;
}

/* === ACCREDITATIONS === */
.accreditation {
padding-bottom: 20px;
padding-left: 100px;
}
div.accreditation.iso {
background: url("/images/accreditations/iso.jpg") no-repeat top left;
}
div.accreditation.brc {
background: url("/images/accreditations/brc.jpg") no-repeat top left;
}
div.accreditation.fsc {
background: url("/images/accreditations/fsc.jpg") no-repeat top left;
}
div.accreditation.popai {
background: url("/images/accreditations/popai.png") no-repeat top left;
}
div.accreditation.bpif {
background: url("/images/accreditations/bpif.png") no-repeat top left;
}

/*
 * Latest News
 *
 */
.post {
padding-bottom: 20px;
}

/*
 * Contact
 *
 */
#contact_left {
float: left;
width: 230px;
}

#contact_right {
float: left;
width: 230px;
}