@charset "utf-8";
/* CSS Document */

/* ----------------------------------------------------------------------------------------------------
		Reset Browser Styles
------------------------------------------------------------------------------------------------------- */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, img, q, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	font-weight: 400;
}

ol, ul {
	list-style: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

em {
   font-style: italic;
}

strong {
   font-weight: 900;
}

/* ----------------------------------------------------------------------------------------------------
		Standard Main Styles
------------------------------------------------------------------------------------------------------- */

html, body {
	width: 100%;
	height: 100%;
	font-family: Georgia, Trebuchet, serif;
}

html {
	overflow-y:scroll;
   background-color: #ffffee;
 	background-image: url(/images/background.jpg);
   background-position: 28px 0;
	background-repeat: repeat-x;
}

body {
   font-size: 14px;
	color: #9f8c73;
   background-color: #ffffee;
 	background-image: url(/images/background.jpg);
   background-position: 28px 0;
	background-repeat: repeat-x;
}

html.home {
   background-image: none;
}

body.home {
   background-image: none;
}

.show {
   display: block;
}

.hide {
   display: none;
}

.clear {
   clear: both;
}

.center {
   width: 100%;
   text-align: center;
}

.right {
   width: 100%;
   text-align: right;
}

a {
   color: #9f8c73;
   text-decoration: none;
}

a:hover {
   color: #883c1c;
}

p {
   padding-bottom: 10px;
}


sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
   font-size: 65%;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

ul.bullet-list {
   display: block;
   margin-left: 40px;
   margin-top: 0;
   margin-bottom: 0;
   list-style-type: disc;
   list-style-position: outside;
   padding-bottom: 10px;
}

ul.bullet-list ul {
   margin-left: 20px;
   list-style-type: circle;
}

ol.numbered-list {
   display: block;
   margin-left: 40px;
   margin-top: 0;
   margin-bottom: 0;
   list-style-type: decimal;
   list-style-position: outside;
   padding-bottom: 10px;
}

ol.numbered-list ul {
   margin-left: 20px;
   list-style-type: circle;
}


#header {
   background: url('/images/prizm-marketing-and-design-print-and-fulfillment.png') 25px 27px no-repeat;
   width: 1196px;
   height: 155px;
   position: absolute;
   left: 50%;
   margin: 0 0 0 -598px;
   padding: 0;
}

#header img.md-arrow {
   position: absolute;
   top: 129px;
   left: 532px;
}

#header img.pf-arrow {
   position: absolute;
   top: 129px;
   left: 798px;
}

#header #logo {
   position: absolute;
   margin: 35px 0 0 155px;
   padding: 0;
   width: 166px;
}


/* ****************************************************************************/
/* M&D Section */

#md-nav {
   float: right;
   margin: 85px 50px 0 0;
}

#md-sidebar {
   width: 210px;
   float: left;
   padding: 60px 15px 20px 15px;
   z-index: 100;
}

#md-sidebar-logo {
   float: left;
   padding: 0;
   margin: 0;
   position: absolute;
   top: 0;
   left: 79px;
   z-index: 200;
}

#md-asterisk {
   padding: 20px 0 0 82px;
}


/* ****************************************************************************/
/* Content Area */

#page-wrap {
   width: 960px;
   position: absolute;
   left: 50%;
   margin: 195px 0 0 -480px;
   padding: 0;
}

#content-wrap {
   padding: 0 10px;
   width: 700px;
   float: left;
   color: #9f8c73;
   font-size: 14px;
   line-height: 20px;
}

h1 {
   font-family: georgia, serif;
   font-size: 32px;
   color: #e34e35;
   padding: 6px 0 30px 0;
}

h2 {
   font-size: 32px;
   color: #e34e35;
   padding: 6px 0;
}

h3 {
   font-size: 16px;
   color: #e34e35;
   padding: 6px 0;
}

p {
   padding: 6px 0 20px 0;
   line-height: 20px;
   font-size: 14px;
}

/* ****************************************************************************/
/* Content sub-navigation */
.content-nav {
   float: right;
   text-align: right;
   border-bottom: 1px solid #9f8c73;
   font-size: 16px;
   margin-bottom: 15px;
}

.content-nav a {
   color: #9f9c73;
   text-decoration: none;
}


/* ****************************************************************************/
/* M&D Home */

#md-home {
   background: url(/images/md/md-home.jpg) no-repeat top left;
}

#md-home .top {
   font-size: 28px;
   padding: 30px 0 0 290px;
   line-height: 35px;
}

#md-home .bottom {
   font-size: 14px;
   padding: 40px 35px 0 70px;
   line-height: 20px;
   text-align: justify;
}

/* ****************************************************************************/
/* M&D About */

#about-bg {
   padding: 10px 120px 10px 0;
   background: url(/images/md/about/about-bg.jpg) no-repeat 100px 0;
}

#about-process-bg {
   background: url(/images/md/about/process-bg.jpg) no-repeat 100px 40px;
   padding: 0 120px 10px 0;
}

#about-services-bg {
   background: url(/images/md/about/services-bg.jpg) no-repeat 100px 40px;
   float: left;
}

#about-services-bg .left-content p,
#about-services-bg .right-content p {
   padding: 0 0 4px 0;
}

.left-content {
   width: 270px;
   padding: 5px 10px;
   float: left;
}

.right-content {
   width: 270px;
   padding: 5px 10px;
   float: right;
}

.right-right-content {
   width: 330px;
   padding: 5px 10px;
   float: right;
   text-align: right;
}

/* ****************************************************************************/
/* M&D Work Section */

#work-items tr td { padding: 20px 10px 0 0; vertical-align: bottom; }
#work-items tr td.title { width: 160px; text-align: right; font-size: 14px; }
#work-items tr td p { padding: 0; }
#work-items tr td.desc p { font-size: 12px; }
#work-items img { border: 1px solid #ffffee; }
#work-items img:hover { border: 1px solid red; }
#work-items tr td.desc { padding: 0; }

#work-sample-title { float: left; border-bottom: 1px solid #ebe9dc; width: 700px; }
#work-sample-title a { color: #e34e35; }
#work-sample-title a:hover { color: #883c1c; }
#work-sample-title h1 { float: left; font-size: 24px; color: #e34e35; padding: 0 0 12px 0; }
#work-sample-title div.case-study { float: right; color: #e34e35; }

#work-sample { }
#work-sample a { text-decoration: underline; }
#work-sample a:hover { color: #883c1c; }

#work-sample-desc  { width: 100%; text-align: center; }
#work-sample-desc h2 { color: #9F8C73; font-size: 16px; margin: 0; padding: 0 0 10px 0; }

#work-sample-img { width: 700px; text-align: center; vertical-align: middle; height: 345px; display: table-cell; }

#next-prev-image  { font-size: 14px; }
#next-prev-sample { font-size: 14px; }


/* ****************************************************************************/
/* P&F Section */

#pf-nav {
   float: right;
   margin: 85px 275px 0 0 ;
}

#pf-sidebar {
   width: 210px;
   float: left;
   padding: 60px 15px 20px 15px;
   z-index: 100;
}

#pf-sidebar-logo {
   float: left;
   padding: 0;
   margin: 0;
   position: absolute;
   top: 0;
   left: 79px;
   z-index: 200;
}

#pf-asterisk {
   padding: 20px 0 0 82px;
}

#pf-pp-guidelines {width: 100%; text-align: right; margin-bottom: 10px; }
#pf-pp-guidelines a { text-decoration: underline; }


.left-list {
   width: 180px;
   padding: 5px 10px;
   float: left;
}


/* ****************************************************************************/
/* P&F Home */

#pf-home {
   background: url(/images/pf/pf-home.jpg) no-repeat top left;
}

#pf-home .top {
   font-size: 28px;
   padding: 30px 0 0 300px;
   line-height: 35px;
}

#pf-home .bottom {
   font-size: 14px;
   padding: 20px 45px 0 60px;
   line-height: 22px;
   text-align: justify;
}

/* ****************************************************************************/
/* P&F Pre-press */
#pf-pre-press {
   background: url(/images/pf/pre-press.jpg) no-repeat top left;
   padding: 230px 100px 0 34px;
}

#pf-pre-press h1 { padding-bottom: 4px; }


/* ****************************************************************************/
/* P&F Digital Printing */
#pf-digital-printing {
   background: url(/images/pf/digital-printing.jpg) no-repeat top left;
   padding: 230px 100px 0 34px;
}

#pf-digital-printing h1 { padding-bottom: 4px; }

/* ****************************************************************************/
/* P&F Offset Printing */

#pf-offset-printing {
   background: url(/images/pf/offset-printing.jpg) no-repeat top left;
   padding: 230px 100px 0 34px;
}

#pf-offset-printing h1 { padding-bottom: 4px; }

/* ****************************************************************************/
/* P&F Fulfillment */

#pf-fulfillment {
   background: url(/images/pf/fulfillment.jpg) no-repeat top left;
   padding: 230px 100px 0 34px;
}

#pf-fulfillment h1 { padding-bottom: 4px; }


/* ****************************************************************************/
/* P&F Finishing */

#pf-finishing {
   background: url(/images/pf/finishing.jpg) no-repeat top left;
   padding: 230px 100px 0 34px;
}

#pf-finishing h1 { padding-bottom: 4px; }


/* ****************************************************************************/
/* P&F Environmental */

#pf-environmental {
   background: url(/images/pf/environmental-awareness.jpg) no-repeat top left;
   padding: 230px 100px 0 34px;
}

#pf-environmental h1 { padding-bottom: 4px; }


/* ****************************************************************************/
/* P&F Contact Us */

#pf-contact-us h1 { float: left; padding-bottom: 0; }

#pf-contact-block {
   float: right;
   text-align: right;
    background: url(/images/md/contact-us/bg.jpg) no-repeat left top;
}

#pf-contact-intro {
   width: 460px;
   float: left;
}

#pf-contact-form #comments {
      height: 40px;
      width: 550px;
}


/* ****************************************************************************/
/* M&D Case Studies */

#case-studies h2 {
   font-size: 24px;
   color: #e34e35;
   padding: 6px 0;
   border-bottom: 1px solid #9f8c73;
}

#case-studies h3 {
   font-size: 16px;
   color: #7a746a;
   padding: 20px 0 0 25px;
}

#case-studies p {
   padding: 0 50px;
}

#case-studies .visit {
   width: 640px;
   border-bottom: 1px solid #9f8c73;
   margin: 10px 30px 100px 30px;
   padding-bottom: 5px;
   text-align: right;
}


/* ****************************************************************************/
/* M&D Contact Us */

#md-contact-us h1 { float: left; padding-bottom: 0; }

#md-contact-block {
   float: right;
   text-align: right;
    background: url(/images/md/contact-us/bg.jpg) no-repeat left top;
}

#md-contact-intro {
   width: 460px;
   float: left;
}

#md-contact-form #comments {
      height: 40px;
      width: 550px;
}


/* ****************************************************************************/
/* Footer */

#footer{
   text-align: center;
   margin-top: 10px;
   border-top: 1px solid #ebe9dc;
   padding: 10px 0;
   font-size: 14px;
}


/* ****************************************************************************/
/* Home Page */
#home-wrap {
   width: 960px;
   position: absolute;
   left: 50%;
   margin: 0 0 0 -480px;
   padding: 0;
}
#home-inner-wrap { text-align: center; padding-top: 40px; }
#home-text { width: 480px; border-top: 1px solid #ebe9dc; border-bottom: 1px solid #ebe9dc; margin: 20px 240px 20px 240px; padding: 20px 0 10px 0; text-align: left; }
#home-text p { padding: 0 0 10px 0; font-size: 14px; }
#home-mark { padding: 0 10px; }


/* ****************************************************************************/
/* SideBar Nav */

ul.sidebar {
   padding: 0;
   margin: 0;
   font-family: 'IM Fell Double Pica', serif;
   font-size: 20px;
}

ul.sidebar li {
   border-bottom: 1px solid #ebe9dc;
   padding: 10px 5px;
   text-align: center;
}

ul.sidebar li.first {
   border-top: 1px solid #ebe9dc;
}

ul.sidebar li a {
   color: #9f8c73;
   text-decoration: none;
}

ul.sidebar li a:hover {
   color: #883c1c;
}

form input.button {
   margin: 15px;
   border-top: 1px solid #af613f;
   background: #af613f;
   background: -webkit-gradient(linear, left top, left bottom, from(#853a1a), to(#af613f));
   background: -moz-linear-gradient(top, #853a1a, #af613f);
   padding: 7px 10px;
   -webkit-border-radius: 13px;
   -moz-border-radius: 13px;
   border-radius: 13px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #ffffff;
   font-size: 17px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
}

form input.button:hover {
   border-top-color: #af613f;
   background: #af613f;
   color: #ffffff;
}

form input.button:active {
   border-top-color: #853a1a;
   background: #853a1a;
}