html, body {
   margin: 0;
   height: 100%;
}
body {
   margin: 0;
   font: 12px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: #000;
   background: #FFF;
}
img {border-style: none;}
a {
   color: #B30051;
   text-decoration: underline;
}
a:hover {text-decoration: none;}
#wrapper {
   position: relative;
   margin: 0 auto;
   width: 978px;
   min-height: 100%;
}
* html #wrapper {height: 100%;}
.w1 {padding-bottom: 50px;}
/* logo */
.logo {
   position: absolute;
   z-index: 1;
   top: 90px;
   right: 26px;
   margin: 0;
   width: 145px;
   text-indent: -9999px;
   background: url('../images/logo.gif') no-repeat;
}
.logo a {
   display: block;
   overflow: hidden;
   height: 60px;
}
/* header */
#header {
   position: absolute;
   top: 0;
   left: 0;
   height: 303px;
   width: 978px;
   background: url('../images/bg-header.gif') no-repeat;
}
#header blockquote {
   display: block;
   margin: 0 0 86px;
   padding: 26px 0 0 37px;
   width: 450px;
   line-height: 24px;
   color: #FFF;
}
* html #header blockquote {margin: 0 0 87px;}
#header blockquote cite {
   font-size: 10px;
   font-style: bold;
}
#header blockquote q {
   quotes: none;
   font-size: 18px;
}
#header blockquote q:before {content: "";}
#header blockquote q:after {content: "";}
.slogan {
   margin: 0 0 24px;
   padding: 0 18px 0 31px;
   line-height: 20px;
   font-size: 16px;
   color: #C41759;
}
.slogan .telephone {
   float: right;
   line-height: 20px;
   font-size: 14px;
   color: #B30050;
}
#header .holder {
   overflow: hidden;
   margin: 0 0 7px;
   width: 100%;
}
/* navigation */
.languages {
   display: inline;
   float: right;
   margin: 0 10px 0 0;
   background: url('../images/bg-languages-r.gif') no-repeat 100% 100%;
   white-space: nowrap;
}
.languages ul {
   float: left;
   margin: 0;
   padding: 0;
   list-style: none;
   background: url('../images/bg-languages-l.gif') no-repeat 0 100%;
}
.languages ul li {
   display: inline;
   float: left;
   margin: 0 1px 0 -1px;
   padding: 0 7px 0 9px;
   line-height: 14px;
   font-size: 10px;
   background: url('../images/sep-languages.gif') no-repeat 0 100%;
}
.languages ul li:first-child {background: none;}
.languages ul li a {
   color: #000;
   text-decoration: none;
   white-space: nowrap;
}
.languages ul li a:hover {text-decoration: underline;}
/* navigation */
.top-nav {
   float: right;
   margin: 0;
   padding: 0;
   list-style: none;
}
.top-nav li {
   display: inline;
   float: left;
   margin: 0 10px 0 1px;
   line-height: 14px;
   font-size: 10px;
}
.top-nav li a {
   color: #000;
   text-decoration: none;
   white-space: nowrap;
}
.top-nav li a:hover {text-decoration: underline;}
/* navigation */
.nav-holder {
   padding: 14px 0 0;
   height: 63px;
   background: url('../images/bg-nav-holder.gif') no-repeat;
}
#main-nav {
   margin: 0;
   padding: 0 0 0 42px;
   list-style: none;
}
#main-nav li {
   float: left;
   line-height: 20px;
   font-size: 16px;
   background: url('../images/sep-main-nav.gif') no-repeat;
   z-index: 1;
}
#main-nav li li { z-index: 2; }
#main-nav li:first-child {background: none;}
#main-nav li a {
   float: left;
   padding: 5px 15px 7px 15px;
   color: #FFF;
   text-decoration: none;
}
#main-nav li a span {
   display: block;
   padding: 5px 0 0;
   line-height: 12px;
   font-size: 10px;
   white-space: nowrap;
}
#main-nav li:hover a,
#main-nav li.hover a,
#main-nav li.active a {color: #AEBDC2;}
#main-nav li:hover a span,
#main-nav li.hover a span,
#main-nav li.active a span {color: #FFF;}
#main-nav .drop {
   position: absolute;
   left: -3px;
   top: -9999px;
   z-index: 999;
   padding: 12px 0 0;
   width: 999px;
   background: url('../images/bg-drop.gif') no-repeat 30px 0;
}
#main-nav li:hover,
#main-nav li.hover { position:relative; }
#main-nav li:hover .drop,
#main-nav li.hover .drop { top: 49px; }
#main-nav .last .drop {
   left: -195px;
   background: url('../images/bg-drop.gif') no-repeat 377px 0;
}
#main-nav .drop .drop-inner {
   float: left;
   position: relative;
}
#main-nav .drop .col {
   position: relative;
   display: inline;
   float: left;
   margin: -3px 10px -15px 6px;
}
#main-nav .drop ul {
   padding: 0;
   margin: 0;
   list-style: none;
}
#main-nav .drop ul li {
   float: none;
   background: none;
   font-size: 0;
   line-height: 0;
   padding: 0 0 1px;
   margin: 0 0 -1px;
}
#main-nav .drop ul li a {
   margin: 0 0 15px;
   padding: 10px 5px 10px;
   float: none;
   display: block;
   height: auto;
   background: url(../images/none.gif);
   color: #FFF;
   font: 11px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#main-nav .drop ul li a span {
   display: inline;
   padding: 0 0 0 38px;
   line-height: 14px;
   font-size: 11px;
}
#main-nav .drop ul li a:hover span {
   color: #AEBDC2;
}
.pointer { display: none; }
#main-nav .drop ul li a.icon1 {background: url('../images/icon1.gif') no-repeat;}
#main-nav .drop ul li a.icon2 {background: url('../images/icon2.gif') no-repeat;}
#main-nav .drop ul li a.icon3 {background: url('../images/icon3.gif') no-repeat;}
#main-nav .drop ul li a.icon4 {background: url('../images/icon4.gif') no-repeat;}
#main-nav .drop ul li a.icon5 {background: url('../images/icon5.gif') no-repeat;}
#main-nav .drop ul li a.icon6 {background: url('../images/icon6.gif') no-repeat;}
#main-nav .drop ul li a.icon7 {background: url('../images/icon7.gif') no-repeat;}
#main-nav .drop ul li a.icon8 {background: url('../images/icon8.gif') no-repeat;}
#main-nav .drop ul li a.icon9 {background: url('../images/proofiler-icon.gif') no-repeat;}
#main-nav .drop ul li a.icon10 {background: url('../images/proofrunner-icon.gif') no-repeat;}
#main-nav .drop ul li a.icon11 {background: url('../images/artwork-icon.gif') no-repeat;}
#main-nav .drop ul li a.icon12 {background: url('../images/proofiler-graphic-icon.gif') no-repeat;}
#main-nav .drop ul li a.icon13 {background: url('../images/proofroller-icon.gif') no-repeat;}
#main-nav .drop ul li a.icon14 {background: url('../images/food-industry-icon.gif') no-repeat;}
#main-nav .drop ul li a.icon15 {background: url('../images/print-shop-icon.gif') no-repeat;}
#main-nav .drop ul li a.icon16 {background: url('../images/pre-press-icon.gif') no-repeat;}
.table {display: table;}
.body {display: table-row;}
.left,
.right {
   background: url(../images/bg-left.png) repeat-y;
   width: 13px;
   display: table-cell;
}
.right {background: url(../images/bg-right.png) repeat-y;}
.content {
   height: 1%;
   background-color: #B30050;
   display: table-cell;
}
.top-left,
.top-right,
.bottom-left,
.bottom-right {
   background: url(../images/bg-top-left.png) no-repeat;
   height: 13px;
   width: 13px;
   font-size: 0;
   display: table-cell;
}
.top-right {background: url(../images/bg-top-right.png) no-repeat;}
.bottom-left {background: url(../images/bg-bottom-left.png) no-repeat;}
.bottom-right {background: url(../images/bg-bottom-right.png) no-repeat;}
.top,
.bottom {
   background: url(../images/bg-top.png) repeat-x;
   height: 13px;
   display: table-cell;
   font-size: 0;
}
.bottom {background: url(../images/bg-bottom.png) repeat-x;}
/* main */
#main {padding: 310px 0 9px;}
#main h2 {
   margin: 0 0 8px;
   line-height: 30px;
   font-size: 24px;
   font-weight: normal;
   color: #B30050;
}
/* carousel */
.carousel-holder {
   padding: 0 0 0 5px;
}
#carousel {
   position: relative;
    overflow: hidden;
   margin: 0 0 6px;
   width: 970px;
   background: #6E7172;
}
#carousel .holder {
   position: relative;
    overflow: hidden;
   margin: 0 auto;
    width: 922px;
}
#carousel div ul {
    position: relative;
    width: 99999px;
    padding: 0;
    margin: 0;
    list-style:none;
}
#carousel div ul li {
    float: left;
   height: 161px;
    width: 922px;
}
#carousel .link-prev,
#carousel .link-next {
   position: absolute;
   top: 62px;
   height: 28px;
   width: 20px;
   text-indent: -9999px;
   background: url('../images/bg-link-prev.gif') no-repeat;
   outline: none;
}
#carousel .link-prev {
   left: 2px;
   background: url('../images/bg-link-prev.gif') no-repeat;
}
#carousel .link-next {
   right: 1px;
   background: url('../images/bg-link-next.gif') no-repeat;
}
#carousel .alignright {
   float: right;
   margin: 0 19px 0 0;
}
#carousel .box {
   display: inline;
   float: right;
   margin: 25px 24px 0 0;
   width: 225px;
   line-height: 18px;
   font-size: 14px;
   font-style: italic;
   text-align: center;
   color: #FFF;
}
#carousel .box a {outline: none;}
#carousel .box img {
   display: block;
   margin: 0 0 3px;
}
#carousel .area {
   padding: 34px 0 0 37px;
   width: 450px;
   line-height: 24px;
   font-size: 24px;
   color: #FFF;
}
/* features block */
.features-block {
   margin: 0 0 15px 1px;
   width: 977px;
   background: url('../images/bg-features-block-m.gif') repeat-y 1px 0;
}
.features-block .t {background: url('../images/bg-features-block-t.gif') no-repeat 1px 0;}
.features-block .b {
   overflow: hidden;
   width: 100%;
   background: url('../images/bg-features-block-b.gif') no-repeat 1px 100%;
}
.features-block .holder {width: 1000px;}
.features-block .box {
   display: inline;
   float: left;
   margin: 0 8px 0 2px;
   padding: 21px 5px 16px 25px;
   width: 287px;
   line-height: 18px;
}
#main .features-block h2 {
   margin: 0 0 6px;
   line-height: 20px;
   font-size: 16px;
   font-weight: normal;
}
.features-block h2 a {
   color: #B30050;
   text-decoration: none;
}
.features-block h2 a:hover {text-decoration: underline;}
.features-block .alignright {
   float: right;
   margin: 0 0 0 5px;
}
.features-block p {margin: 0;}
.heading {padding: 0 0 0 14px;}
#main .wrap {
   overflow: hidden;
   padding: 0 0 32px;
   width: 100%;
}
/* intro block */
.intro {
   display: inline;
   float: left;
   margin: 0 0 0 11px;
   width: 546px;
   line-height: 24px;
   background: #F8F8F8 url('../images/bg-intro-t.gif') no-repeat;
}
.intro .holder {
   padding: 19px 13px;
   background: url('../images/bg-intro-b.gif') no-repeat 0 100%;
}
.intro .area {margin: 0 0 -24px;}
.intro p {margin: 0 0 24px;}
/* address block */
.address-block {
   float: right;
   padding: 0 28px 0 0;
   width: 355px;
}
.address-block .alignright {
   float: right;
   clear: right;
   margin: 3px 0 2px;
   border: 1px solid #B30051;
}
.address-block .box {
   padding: 21px 0 0;
   width: 200px;
   line-height: 18px;
}
.address-block h3 {
   margin: 0;
   line-height: 18px;
   font-size: 14px;
   font-weight: normal;
   color: #B30051;
}
.address-block address {
   margin: 0;
   font-style: normal;
}
.address-block address span {display: block;}
.address-block .box dl {
   margin: 0;
   padding: 0;
   list-style: none;
}
.address-block .box dt {display: inline;}
.address-block .box dd {
   display: inline;
   margin: 0 0 0 1px;
}
.address-block .box a {text-decoration: none;}
.address-block .box a:hover {text-decoration: underline;}
.address-block .link-box {
   padding: 19px 0 0 11px;
   line-height: 18px;
   font-size: 14px;
}
.address-block .link-box .icon {
   overflow: hidden;
   margin: 0 0 5px;
   width: 100%;
}
.address-block .link-box .icon img {
   float: left;
   margin: 0 0 0 26px;
}
.address-block .link-box .link {
   float: left;
   white-space: nowrap;
   text-decoration: none;
}
.address-block .link-box .link:hover {text-decoration: underline;}


/* address block ABOUT */
.address-block-about {
   float: right;
   padding: 0 28px 0 0;
   width: 205px;
}
.address-block-about .alignleft {
   float: right;
   clear: right;
   margin: 3px 0 2px;
   border: 1px solid #B30051;
}
.address-block-about .box {
   padding: 21px 0 0;
   width: 200px;
   line-height: 18px;
}
.address-block-about h3 {
   margin: 0;
   line-height: 18px;
   font-size: 14px;
   font-weight: normal;
   color: #B30051;
}
.address-block-about address {
   margin: 0;
   font-style: normal;
}
.address-block-about address span {display: block;}
.address-block-about .box dl {
   margin: 0;
   padding: 0;
   list-style: none;
}
.address-block-about .box dt {display: inline;}
.address-block-about .box dd {
   display: inline;
   margin: 0 0 0 1px;
}
.address-block-about .box a {text-decoration: none;}
.address-block-about .box a:hover {text-decoration: underline;}
.address-block-about .link-box {
   padding: 19px 0 0 11px;
   line-height: 18px;
   font-size: 14px;
}
.address-block-about .link-box .icon {
   overflow: hidden;
   margin: 0 0 5px;
   width: 100%;
}
.address-block-about .link-box .icon img {
   float: left;
   margin: 0 0 0 26px;
}
.address-block-about .link-box .link {
   float: left;
   white-space: nowrap;
   text-decoration: none;
}
.address-block-about .link-box .link:hover {text-decoration: underline;}


.main-holder {
   padding: 0 0 0 4px;
   width: 971px;
   background: url('../images/bg-main-holder.gif') repeat-y 4px 0;
}
.main-holder-t {background: url('../images/bg-main-holder-t.gif') no-repeat 1px 0;}
.main-holder-b {
   overflow: hidden;
   padding: 0 0 128px;
   width: 100%;
   background: url('../images/bg-main-holder-b.gif') no-repeat 1px 100%;
}
* html .main-holder-b {padding: 0 0 104px;}
/* content */
#content {
   float: left;
   padding: 21px 23px 0 48px;
   width: 575px;
   line-height: 24px;
}
#main #content h2 {margin: 0 0 17px;}
#content h3 {
   margin: 0 0 13px;
   line-height: 18px;
   font-size: 14px;
   font-weight: normal;
   color: #B30050;
}
#content p {margin: 0 0 24px;}
#content .alignright {
   float: right;
   margin: -2px 0 0 12px;
}
/* content general pages */
#content_gen {
   float: left;
   padding: 21px 23px 0 48px;
   width: 875px;
   line-height: 24px;
}
#main #content_gen h2 {margin: 0 0 17px;}
#content_gen h3 {
   margin: 0 0 13px;
   line-height: 18px;
   font-size: 14px;
   font-weight: normal;
   color: #B30050;
}
#content_gen p {margin: 0 0 24px;}
#content_gen .alignright {
   float: right;
   margin: -2px 0 0 12px;
}
/* sidebar */
#sidebar {
   float: right;
   padding: 18px 13px 0 37px;
   width: 250px;
}
/* sidebar */
.side-nav {
   margin: 0 0 21px;
   border: solid #D5D5D5;
   border-width: 0 1px 1px;
   padding: 0;
   width: 248px;
   list-style: none;
   background: #F7F7F7;
}
.side-nav li {
   width: 100%;
   vertical-align: top;
   line-height: 18px;
   font-size: 14px;
}
.side-nav li a {
   display: block;
   padding: 16px 10px 15px 53px;
   border-top: 1px solid #D7D7D7;
   width: 185px;
   text-decoration: none;
   color: #B30050;
   outline: none;
}
.side-nav li a:hover,
.side-nav li.active a {
   position: relative;
   margin: 0 -1px 0 -43px;
   border-style: none;
   padding: 17px 11px 15px 96px;
   color: #FFF;
   background: url('../images/bg-side-nav-hover.gif') no-repeat;
}
.add {
   float: left;
   margin: 0 0 0 8px;
   outline: none;
}
.add img {display: block;}
/* footer */
#footer {
   position: relative;
   margin: -50px auto 0;
   padding: 0 0 13px 5px;
   height: 50px;
   width: 973px;
}
#footer .holder {
   padding: 0 4px 0 0;
   height: 37px;
   width: 966px;
   background: #B30050;
}
/* navigation */
.bottom-nav {
   margin: 0;
   padding: 10px 0 0;
   list-style: none;
   text-align: center;
}
.bottom-nav li {
   display: inline;
   padding: 0 6px 2px 10px;
   background: url('../images/sep-bottom-nav.gif') no-repeat 0 50%;
}
.bottom-nav li:first-child {background: none;}
.bottom-nav li a {
   color: #FFF;
   text-decoration: none;
}
.bottom-nav li a:hover {text-decoration: underline;}

/*js styles*/
#header .quote-holder {
   position: relative;
   overflow: hidden;
   width: 100%;
   height: 161px;
}
#header .quote-gallery {
   position: relative;
   margin: 26px 0 86px 37px;
   overflow: hidden;
   width: 450px;
   height: 49px;
}
#header .quote-gallery blockquote {
   overflow: hidden;
   padding: 0;
   margin: 0;
   height: 49px;
}
#header .quote-slider {
   overflow: hidden;
   width: 100%;
}