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

/* ===============================================
PRESSPROOF PRINTING SCREEN STYLESHEET
--------------------------------------------------
AUTHOR(S): aaron@topspotims.com, dcorrell@topspotims.com
REVISION: 05/15/08
REVISION: 06/11/08 - AMB
REVISION: 06/16/08 - MJH
REVISION: 06/23/08 - AMB

==================================================
COLOR TABLE
--------------------------------------------------
LIGHT GRAY		#818181 (BACKGROUND)
MEDIUM GRAY		(BODY BACKGROUND)
DARK GRAY		(SIDEBAR BACKGROUND)
RED
=================================================*/

/*============================================ GLOBALS */
body {
	background: #818181;
	font: normal 0.8em Arial, Helvetica, sans-serif; 
}
a {
	color:  #FFF;
	text-decoration: underline;
	overflow: hidden;
}
a:hover {
	text-decoration: none;
}	
h1 {
	margin: 0 0 .4em;
	font-size: 1.7em;
}
h2 {
	font-size: 1.3em;
	margin: .4em 0 0;
	font-weight: normal;
}
p {
	margin: .3em 0 1.3em;
	line-height: 1.2;
}
.clear, .clearBoth {
	clear: both;
}
.floarRight {
	float: right;
}
.floatleft. floatLeft {
	float: left;
}
.resetList, .resetList li ul {
	margin: 0;
	padding: 0;
}
.resetList li {
	list-style: none;
	padding: 0;
	margin: 0;
}
.offLeft {

}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*============================================ LAYOUT */
#globalNav li.first{
	margin-left: 0;
}
#globalNav li.last{
	position: relative;
	margin-left: -6px;
}

#wrapper {
	position: relative;
	margin: 0 auto;
	width: 910px;
	background: transparent url('../images/background_center.gif') repeat-y left top;
}

#mainContent h1{
	color: #FFF;
	padding-left: 20px;
	background: transparent url('../images/twoBars.gif') no-repeat left top;
}

#bannerContact h1,#bannerAbout h1,#bannerPromotional h1,#bannerCommercial h1,#bannerDesign h1{
	position: relative;
	color: #000;
	left: 15px;
	top: 80px;
	text-indent: 20px;
	background: transparent url('../images/twoBars.gif') no-repeat left top;
}

#bottomImg {
	clear: both;
	width: 890px;
	background: transparent url('../images/background_bottom.gif') no-repeat left bottom;
}

#topImg {
	clear: both;
	width: 890px;
	background: transparent url('../images/background_top.gif') no-repeat left top;
}

#cushion {
	padding: 35px;
}

/*=================================================== INTERNAL BANNERS */
#bannerHome {
	position: relative;
	width: 820px;
	height: 228px;
	background: transparent url(../images/banners/banner-homepage.jpg) no-repeat left top;
}

#bannerInternal {
	position: relative;
	width: 820px;
	height: 113px;
	text-indent: -9999px;
}
.bannerContact {
	background: transparent url('../images/bannerContact.gif') no-repeat left top;
}
.bannerCommercial {
	background: url(../images/banners/banner_prof_quality.jpg) no-repeat left top;
}
.bannerPromo {
	background: transparent url(../images/banners/banner_promo.jpg) no-repeat left top;
}
.bannerDesign {
	background: transparent url() no-repeat left top;
}
.bannerAbout {
	background: transparent url() no-repeat left top;
}
#globalNav{
	margin-top: 120px;
	background: #000;
	clear: both;
	border-bottom: 6px solid #900;
	overflow:auto;
}

#globalNav  li{
display:inline;
}

#globalNav a{
outline:none;
	padding-top:12px;
	height:29px;
	text-align:center;
	background: #000;
	display:block;
	float:left;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
/*	padding: 12px 26px 13px 26px;
*/}



#globalNav a.homelink{
width:102px;
}

#globalNav a.comlink{
width:181px;
}

#globalNav a.promlink{
width:182px;
}

#globalNav a.deslink{
width:151px;
}

#globalNav a.abtlink{
width:102px;
}

#globalNav a.conlink{
width:102px;
}


#globalNav a:hover, a.current {
	background: #666 url('../images/tri.gif') no-repeat bottom center;
}
#miniNav {
	color: #FFF;
	position: absolute;
	width: 150px;
	right: 60px;
	top: 80px;
}

#miniNav  li{
	display: inline;
}
#miniNav li.first{
	margin-right: 0px;
	border-right: 2px solid white;
	padding-right: 4px;
}
#miniNav a{
	font-size: 8pt;
	color: #FFF;
	font-weight: bold;
}
#phNumber{
	color: #FFF;
	font-size: 18pt;
	position: absolute;
	top: 50px;
	right: 60px;
}

#logoText{
	background: transparent url('../images/PressProof_logo.png') no-repeat left top;
	height: 104px;
	width: 200px;
	overflow: hidden;
	font-size: 32pt;
	text-indent: -9999px;
	position: absolute;
	left: 40px;
	top: 45px;
	color: #FFF;
}

#logoSubText{
	position: absolute;
	left: 42px;
	top: 94px;
	color: #FFF;
}

#contentBox {
	margin: 15px 0;
}
#mainContent {
	color: #FFF;
	float: left;
	width:  560px;
}

#sidebar {
	float: right;
	width: 250px;
	background: #1A1D1A;
	color: #FFF;
}

#sidebar h3{
	margin: 0;
	text-transform: uppercase;
	padding: 10px 0 0 10px;
	background: #000;
	color: #FFF;
}
#sideNav {
	padding: 0 10px;
}
#sideNav li{
	text-indent: 10px;
	border-bottom: 1px solid #000;
}
#sideNav li.last{
	border-bottom: 0px;
	margin-bottom: 10px;
}
#sideNav li.first{
	margin-top: 10px;
}
#sideNav li a:hover, #sideNav li a.current {
	background: transparent url(../images/sideNav_hover_bg.gif) repeat-y left top;
}
#sideNav a{
	text-decoration: none;
	color: #FFF;
	display: block;
	padding: 3px 0;
}
#addressList {
	padding: 20px;
}
a#catalogBtn {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	width: 200px;
	height: 50px;
	background: transparent url(../images/online_catalog_btn.gif) no-repeat top left;
	display: block;
}
a#catalogBtn:hover {
		background: transparent url(../images/online_catalog_btn.gif) no-repeat bottom left;

}

/*=================================================== SIDENAV HIGHLIGHTS */
#cushion.overview .overview, #cushion.brochures .brochures, #cushion.businessCards .postcards .postcards, #cushion.businessCards .businessCards, #cushion.catalogs .catalogs, #cushion.postcards .postcards, #cushion.services .services, #cushion.catalog .catalog{
	background: transparent url(../images/sideNav_hover_bg.gif) repeat-y left top;
}

/*PROMOTIONAL CATALOG PAGE*/
div#cushion.catalog #sidebar {
	display: none;
}
div#cushion.catalog #mainContent {
	width: 100%;
}
iframe {
	width: 820px;
	height: 600px;
	border: none;
}

/*===================================================== BUCKETS */
#buckets {
	padding: 10px;
	margin: 10px 0;
	width: 550px;
}
#buckets li{
	margin-left: 0px;
	text-align: left;
	float: left;
}
#buckets li a{
	display: block;
	width: 233px;
	height: 80px;
}
#buckets li #cards{
	background: url(../images/business_cards.gif) no-repeat top left;
}
#buckets li #cards:hover{
	background: url(../images/business_cards.gif) no-repeat bottom left;
}
#buckets li #brochures{
	background: url(../images/brochures.gif) no-repeat top left;
}
#buckets li #brochures:hover{
	background: url(../images/brochures.gif) no-repeat bottom left;
}
#buckets li #flyers{
	background: url(../images/flyers.gif) no-repeat top left;
}
#buckets li #flyers:hover{
	background: url(../images/flyers.gif) no-repeat bottom left;
}
#buckets li #booklets{
	background: url(../images/booklets.gif) no-repeat top left;
}
#buckets li #booklets:hover{
	background: url(../images/booklets.gif) no-repeat bottom left;
}
#footer{
	color: #FFF;
	font-size: 8pt;
	padding: 8px;
	text-align: center;
	clear: both;
	border-top: 1px solid #666;
}
#footerText a{
	color: #FFF;
	text-decoration: none;
}

#footerText a:hover{
	text-decoration: underline;
}
#footerNav{
	padding: 10px 0;
}
#footerNav li {
	display: inline;
	padding: 0 10px;
}

#footerNav a: link, a: visited{
	color: #FFF;
	text-decoration: none;
	font-size: 10pt;
}

#footerNav a:hover, a: active{
	text-decoration: underline;
}

#footSpace {
	clear: both;
	height: 1px;
}
#sideBottom {
	clear: both;
	height: 10px;
}

#miniContact{
	margin: 10px 20px 0;
}
#miniContact label{
	padding: 1px;
}

#miniContact input, #miniContact textarea{
	font:  normal 10pt Arial, Helvetica, sans-serif; 
	border: 1px solid #A1A1A1;
	width: 200px;
	margin-bottom: 12px;
	margin-top: 4px;
}
#miniContact .button {
	width: auto;
	margin-right: 6px;
	color: #FFF;
	font-size: 8pt;
	float: right;
	height: 24px;
	display: block;
	border: 1px solid #4E4E4E;
	background: transparent url('../images/send_btn_bg.gif') repeat-x top left;
}
#mainForm {
	width: 300px;
}
#mainForm input, #mainForm textarea{
	font:  normal 10pt Arial, Helvetica, sans-serif; 
	border: 1px solid #A1A1A1;
	width: 300px;
	margin-bottom: 12px;
	margin-top: 4px;
}
#mainForm #goSubmit  {
	width: auto;
	margin-right: 6px;
	color: #FFF;
	font-size: 8pt;
	float: left;
	height: 24px;
	display: block;
	border: 1px solid #4E4E4E;
	background: transparent url('../images/send_btn_bg.gif') repeat-x left top;
}


/*=================================================== INTERNAL BUCKETS */

.showcaseHeader {
	padding: 2px 3px;
	font-size: 11pt;
	text-indent: -9999px;
	background: #000 no-repeat left top;
	margin-top: 15px;
	height: 30px;
}
.subheadPromos {
	background-image: url(../images/showcase-promos.gif);
}
.subheadCatalogs {
	background-image: url(../images/showcase-catalogs.gif);
}
.subheadBrochures {
	background-image: url(../images/showcase-brochures.gif);
}
.subheadPostcards {
	background-image: url(../images/showcase-postcards.gif);
}
.subheadBusinessCards {
	background-image: url(../images/showcase-business-cards.gif);
}
ul#internalBuckets {

}
ul#internalBuckets li * {
	line-height: 1.2;
	margin: 0 0 5px;
}
ul#internalBuckets li {
	margin-bottom: 10px;
	border-top: solid 1px #555;
	padding: 10px 0 0;
}
ul#internalBuckets li:after { /* CLEARFIX */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
ul#internalBuckets li div {
	float: right;
	width: 82%;
}
ul#internalBuckets li .thumbnail {
	display: block;
	float: left;
	width: 80px;
	height: 90px;
	background: no-repeat left top;
	text-indent: -9999px;
}
ul#internalBuckets li h3 {
	font-size: 11pt;
}
ul#internalBuckets li p {
	font-size: .9em;
	font-style: italic;
}
ul#internalBuckets.twoUp li {
	width: 280px;
	float: left;
	
}
ul#internalBuckets.twoUp li div {
	float: right;
	width: 60%;
}

/*=================================================== BUCKET THUMBNAILS */

/*FLYERS*/
ul#internalBuckets li a.oilair {
	background-image: url(../images/samples/oilair_sm.jpg);
}
ul#internalBuckets li a.mosaic {
	background: url(../images/samples/mosaic_sm.jpg);
}

/* POSTCARDS */
ul#internalBuckets li a.royalOaks {
	background: url(../images/samples/royaloaks_sampler_sm.jpg);
}
ul#internalBuckets li a.royalOaks2 {
	background: url(../images/samples/royaloaks_postcard2_sm.jpg);
}
ul#internalBuckets li a.healthyStart {
	background: url(../images/samples/pc-healthy-start-sm.jpg)
}
ul#internalBuckets li a.weddingPhoto {
	background: url(../images/samples/pc-wedding-photo-sm.jpg)
}
ul#internalBuckets li a.flyFishing {
	background: url(../images/samples/pc-fly-fishing-sm.jpg)
}

/* BROCHURES */
ul#internalBuckets li a.petro {
	background: url(../images/samples/petro_trifold_sm.jpg);
}
ul#internalBuckets li a.pilates {
	background: url(../images/samples/pilates_sm.jpg);
}
ul#internalBuckets li a.stars {
	background: url(../images/samples/stars_sm.jpg);
}
ul#internalBuckets li a.iris {
	background: url(../images/samples/iris_sm.jpg);
}

/* BUSINESS CARDS */
ul#internalBuckets li a.asi {
	background: url(../images/samples/asi_sm.jpg);
}
ul#internalBuckets li a.spencer {
	background: url(../images/samples/spencer_sm.jpg);
}
ul#internalBuckets li a.interface {
	background: url(../images/samples/interface_sm.jpg);
}

/* BOOKLETS */
ul#internalBuckets li a.asi_book {
	background: url(../images/samples/asi_book_sm.jpg);
}
ul#internalBuckets li a.oilair {
	background: url(../images/samples/oilair_sm.jpg);
}
ul#internalBuckets li a.solarcraft {
	background: url(../images/samples/solarcraft_sm.jpg);
}
ul#internalBuckets li a.postItGroup {
	background: url(../images/samples/postItGroup_sm.jpg);
}
/*PROMOTIONAL MATERIAL*/
ul#internalBuckets li a.promo_pen {
	background: url(../images/samples/promo_pen_sm.jpg) no-repeat;
}
ul#internalBuckets li a.black_clock {
	background: url(../images/samples/black_clock_sm.jpg) no-repeat;
}
ul#internalBuckets li a.card_holder {
	background: url(../images/samples/card_holder_sm.jpg) no-repeat;
}
ul#internalBuckets li a.card_holder2 {
	background: url(../images/samples/card_holder2_sm.jpg) no-repeat;
}
ul#internalBuckets li a.card_holder3 {
	background: url(../images/samples/card_holder3_sm.jpg) no-repeat;
}
ul#internalBuckets li a.memo_clip {
	background: url(../images/samples/memo_clip_sm.jpg) no-repeat;
}
ul#internalBuckets li a.frame {
	background: url(../images/samples/frame_sm.jpg) no-repeat;
}
ul#internalBuckets li a.key_pen {
	background: url(../images/samples/key_pen_sm.jpg) no-repeat;
}
ul#internalBuckets li a.key_ring {
	background: url(../images/samples/key_ring_sm.jpg) no-repeat;
}
ul#internalBuckets li a.book_pen {
	background: url(../images/samples/book_pen_sm.jpg) no-repeat;
}
/*ECO MATERIAL*/
ul#internalBuckets li a.eco_pen {
	background: url(../images/samples/eco_pen_sm.jpg) no-repeat;
}
ul#internalBuckets li a.energywise {
	background: url(../images/samples/energywise_sm.jpg) no-repeat;
}
ul#internalBuckets li a.energywise_pen {
	background: url(../images/samples/energywise_pen_sm.jpg) no-repeat;
}