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


body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #333;
	}
	
a {
	text-decoration: none;
}

/*CONTAINERS*/
#containerPeng {
	width: 1024px;
	height: 788px;
	background-repeat: no-repeat;
	background-image: url(containers/penguins_container.jpg);
	}
	
#containerBee {
	width: 1024px;
	height: 788px;
	background-repeat: no-repeat;
	background-image: url(containers/bee_container.jpg);
	}
	
#containerCater {
	width: 1024px;
	height: 788px;
	background-repeat: no-repeat;
	background-image: url(containers/caterpillar_container.jpg);
	}
	
#containerGiraffe {
	width: 1024px;
	height: 788px;
	background-repeat: no-repeat;
	background-image: url(containers/giraffe_container.jpg);
	}
	
#containerCham {
	width: 1024px;
	height: 788px;
	background-repeat: no-repeat;
	background-image: url(containers/chameleon_container.jpg);
	}
	
#containerFrog {
	width: 1024px;
	height: 788px;
	background-repeat: no-repeat;
	background-image: url(containers/frog_container.jpg);
	}
	
#containerFroglong {
	width: 1024px;
	height: 1320px;
	background-repeat: no-repeat;
	background-image: url(containers/frog_containerlong.jpg);
	}
	
#containerFrogXlong {
	width: 1024px;
	height: 1520px;
	background-repeat: no-repeat;
	background-image: url(containers/frog_containerXlong.jpg);
	}
	
#containerFrogMed {
	width: 1024px;
	height: 1022px;
	background-repeat: no-repeat;
	background-image: url(containers/frog_containerMed.jpg);
	}

/*Header and Logos*/

#header {
	width: 1014px;
	height: 115px;
	padding-right: 10px;
	background-image: url(header_lightNEW.png);
	}
	
#CWCommGroup {
	width: 537px;
	height: 95px;
	border: none;
	float: right;
	font-size: 13px;
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px;
	}

#CWPrinters {
	width: 80px;
	height: 100px;
	float: left;
	padding-top: 15px;
	border: none;
	margin-left: 15px;
	}
	
#BigLook {
	width: 244px;
	height: 100px;
	float: left;
	padding-top: 15px;
	border: none;
	}
	
#BigLook a {
	border: none;
	}
	
#CWPrinters a {
	border: none;
	}
	
#CWCommGroup a {
	border: none;
	}
	
/*Spacing*/
#stripe1 {
	height: 35px;
	width: 1024px;
	clear: both;
	color: #FFF;
	font-size: 1em;
	background-image: url(buttons/button_NEW.png);
	}
	
#stripe2 {
	height: 6px;
	width: 1024px;
	background-color: #F3F;
	clear: both;
	}
	
#stripe3 {
	height: 3px;
	width: 1024px;
	background-color: #333;
	clear: both;
	}
	
#blankstripe {
	height: 80px;
	width: 1024px;
	clear: both;
	}
	
/*Networking*/
#networking {
	height: 45px;
	width: 1024px;
	clear: both;
	}
	
#networking a {
	border: none;
	}

/*Content space - pages*/
#page {
	width: 1009px;
	height: 470px;
	color: #303030;
	text-align: left;
	margin-left: 15px;
	}
	
#pagelong {
	width: 1009px;
	height: 1002px;
	color: #303030;
	text-align: left;
	margin-left: 15px;
	}
	
#pagemedium {
	width: 1009px;
	height: 705px;
	color: #303030;
	text-align: left;
	margin-left: 15px;
	}
	
#pageXlong {
	width: 1009px;
	height: 1202px;
	color: #303030;
	text-align: left;
	margin-left: 15px;
	}

/*Footer - Menus*/
#contactmenu {
	background-color: transparent;
	color: #000;
	width: 1024px;
	height: 20px;
	text-align: center;
	display: inline;
	clear: both;
	}
	
#contactmenu a {
	text-decoration: none;
	color: #000;
	}

#contactmenu a:hover {
	color: #003D4D;
	}
	
#altmenu {
	width: 1024px;
	height: 20px;
	margin-top: 7px;
	clear: both;
	color: #55C4E1;
	font-size: 13px;
	margin-bottom: 5px;
	}
	
#altmenu a {
	color: #55C4E1;
	text-decoration: none;
	}
	
#altmenu a:hover {
	color: #FFF;
	}
	
#copyright {
	font-size: 10px;
	color: #000;
	text-align: center;
	width: 1024px;
	}
	
/*Drop Shadowed boxes and columns for content on Staff, History, Contact, Employment*/
#column1 {
	float: left;
	width: 185px;
	height: 440px;
	background-image: url(columns/column_fullshadow_narrowtall.png);
	padding-top: 10px;
	background-repeat: no-repeat;
	font-size: 12px;
	color: #333;
	padding-left: 10px;
	padding-right: 5px;
	}
	
#column1 a {
	border: none;
	text-decoration: none;
	color: #333;
	}
	
#columnhead {
	color: #333;
	font-weight: bold;
	color: #000;
	font-size: 13px;
	}

#columnhead a {
	color: #333;
	font-weight: bold;
	color: #000;
	}
	
#columnhead a:hover {
	background-color: #FF9;
	}
	
#rightcolumn {
	height: 450px;
	width: 760px;
	float: right;
	margin-right: 20px;
	margin-left: 10px;
	text-align: right;
	}
	
/*larger column for text on history page */	
#columnHist {
	height: 355px;
	width: 560px;
	float: left;
	background-image: url(columns/columnHIST.png);
	padding: 20px;
	margin-left: 20px;
	text-align: left;
	background-repeat: no-repeat;
	}
	
/*Actual text in smaller div*/
#HistText {
	color: #333;
	font-size: 14px;
	height: 355px;
	width: 560px;
	}
	
#columnNEWInnovations {
	height: 410px;
	width: 560px;
	float: left;
	background-image: url(columns/columnNEWInnovations.png);
	padding: 20px;
	margin-left: 20px;
	text-align: left;
	background-repeat: no-repeat;
	}
	
.NEWInnovations a {
	color: #539A2A;
	text-decoration: none;
	}
	
.NEWInnovations a:hover {
	background-color: #CACACA;
	}
	
#NEWInnovations {
	color: #333;
	font-size: 13px;
	height: 410px;
	width: 560px;
	}
	
#OrbusFlipbook {
	height: 700px;
	width: 960px;
	}
	
#columnemp {
	height: 355px;
	width: 560px;
	float: left;
	background-image: url(columns/columnHIST.png);
	padding: 20px;
	margin-left: 20px;
	text-align: center;
	background-repeat: no-repeat;
	}
	
#empText {
	color: #333;
	font-size: .7em;
	height: 355px;
	width: 560px;
	text-align: left;
	}
	
#empText a {
	text-decoration: none;
	color: #127DAA;
	}
	
#empText a:hover {
	background-color: #EEE;
	}
	
#employmenthead {
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	}
	
#columnStaff {
	height: 460px;
	width: 200px;
	float: left;
	background-image: url(columns/columnStaff.png);
	margin-left: 20px;
	text-align: center;
	background-repeat: no-repeat;
	}
	
#stafftext {
	color: #333;
	font-size: 10px;
	height: 450px;
	width: 190px;
	margin: 5px;
	text-align: center;
	}
	
#stafftext a {
	text-decoration: none;
	color: #333;
	}
	
#staffheading {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 5px;
	}
	
#columnContact {
	height: 450px;
	width: 600px;
	float: left;
	background-image: url(columns/columnContact.png);
	padding: 10px;
	margin-left: 10px;
	text-align: center;
	background-repeat: no-repeat;
	}
	
#contacttext {
	color: #333;
	font-size: .7em;
	height: 420px;
	width: 280px;
	text-align: center;
	float: left;
	text-decoration: none;
	margin-right: 20px;
	}
	
#contacttext a {
	text-decoration: none;
	color: #333;
	}

#contacthead {
	font-size: 1.2em;
	font-weight: bold;
	background-color: #043B5A;
	color: #FFF;
	width: 275px;
	margin-bottom: 5px;
	}
	
#territoryhead {
	color: #043B5A;
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 5px;
	margin-top: 5px;
	}

#contacttextright {
	color: #333;
	font-size: 14px;
	height: 375px;
	width: 325px;
	text-align: center;
	float: right;
	}
	
.employmenttopics {
	font-weight: bold;
}
	
/*Home page content*/
#content {
	float: left;
	width: 385px;
	height: 285px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	background-image: url(columns/column2_dropshadow_rounded_CONTENTSHORT.png);
	background-repeat: no-repeat;
	text-align: left;
	}
	
.homecontent {
	font-size: 13px;
	}
	
.homecontent a {
	color: #069;
	}

#certifications {
	clear: left;
	float: left;
	height: 120px;
	width: 425px;
	background-repeat: none;
	background-image: url(columns/column_fullshadow_certsshort.png);
	margin-top: 25px;
	font-size: .7em;
	color: #333;
	text-align: center;
	}

/*Headings and Header pages*/
#menubarheaders {
	font-size: 16px;
	}
	
.feedbackform {
	font-size: 13px;
	color: #FFF;
	text-align: left;
	line-height: 12px;
	}
	
#contentpagesFEEDBACK {
	width: 560px;
	height: 674px;
	float: left;
	padding-top: 20px;
	padding-left: 10px;
	background-image: url(bkgdcontentpages-frogmed.png);
	}
	
#contentpagesFEEDBACK a {
	color: #CEF697;
	text-decoration: none;
	}
	
#contentpagesFEEDBACK a:hover {
	text-decoration: underline;
	}
	
#contentpages {
	width: 570px;
	height: 460px;
	float: left;
	background-image: url(bkgdcontentpages.png);
	text-align: center;
	}
	
#contentblurb {
	width: 540px;
	height: 260px;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 15px;
	color: #FFF;
	text-align: left;
	}
	
#contentblurbDirectMarketing {
	width: 520px;
	height: 260px;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
	color: #FFF;
	text-align: left;
	background-image: url(Direct%20Marketing/DirectMarketing.png);
	font-size: 14px;
	}

#contentblurbWebMarketing {
	width: 520px;
	height: 260px;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
	color: #FFF;
	text-align: left;
	background-image: url(Web%20Marketing/WebMarketing.png);
	font-size: 14px;
	}

#contentblurbDisplaysAndGraphics {
	width: 520px;
	height: 260px;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
	color: #FFF;
	text-align: left;
	font-size: 14px;
	}
	
#contentblurbDisplaysAndGraphics a {
	color: #CF9;
	text-decoration: none;
	}
	
#contentblurbDisplaysAndGraphics a:hover {
	color: #F30;
	}

#contentblurbPrintSolutions {
	width: 520px;
	height: 260px;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
	color: #FFF;
	text-align: left;
	background-image: url(Print%20Solutions/PrintSolutions.png);
	font-size: 14px;
	}

#contentblurbMailAndFulfillment {
	width: 520px;
	height: 260px;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
	color: #FFF;
	text-align: left;
	background-image: url(Mail%20&%20Fulfillment/MailAndFulfillment.png);
	font-size: 14px;
	}

#contentblurbPortfolio {
	width: 520px;
	height: 260px;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
	color: #FFF;
	text-align: left;
	background-image: url(Portfolio/Portfolio.png);
	font-size: 14px;
	}

#contentlinks {
	width: 120px;
	height: 160px;
	margin: 11px;
	float: left;
	}

/*Actual content "category" pages - sub menu pages*/
#categorytext {
	width: 550px;
	height: 440px;
	float: left;
	margin-left: 10px;
	padding: 10px;
	}
	
#categorytext1to1 {
	width: 530px;
	height: 420px;
	float: left;
	margin-left: 10px;
	padding: 20px;
	}
	
#categorytextEmailCampaigns {
	width: 530px;
	height: 420px;
	float: left;
	margin-left: 10px;
	padding: 20px;
	}
	
#categorytextCrossMediaIntegration {
	width: 530px;
	height: 420px;
	float: left;
	margin-left: 10px;
	padding: 20px;
	}
	
#categorytextDirectMail {
	width: 530px;
	height: 420px;
	float: left;
	margin-left: 10px;
	padding: 20px;
	}
	
.categorytext a {
	color: #127DAA;
	text-decoration: none;
	}
	
.categorytext a:hover {
	background-color: #BDF96B;
	}
	
#categorytextECommerce {
	width: 530px;
	height: 420px;
	float: left;
	margin-left: 10px;
	padding: 20px;
	}
	
#categorytextWeb2Print {
	width: 530px;
	height: 420px;
	float: left;
	margin-left: 10px;
	padding: 20px;
	}
	
#categorytextWeb2Print a {
	color: #127DAA;
	text-decoration: none;
	font-size: 14px;
	}
	
#categorytextWeb2Print a:hover {
	background-color: BDF96B;
	}
	
#categorytextWebSiteDesign {
	width: 530px;
	height: 420px;
	float: left;
	margin-left: 10px;
	padding: 20px
	}
	
#categorytextDataList {
	width: 530px;
	height: 420px;
	float: left;
	margin-left: 10px;
	padding: 20px;
	}
	
#categorytextProductFulfillment {
	width: 530px;
	height: 420px;
	float: left;
	margin-left: 10px;
	padding: 20px;
	}
	
#categorytextBusinessPrinting {
	width: 530px;
	height: 420px;
	float: left;
	margin-left: 10px;
	padding: 20px;
	}
	
#categorytextMarketingMaterials {
	width: 530px;
	height: 420px;
	float: left;
	margin-left: 10px;
	padding: 20px;
	}
	
#categorytextWideFormatPrinting {
	width: 530px;
	height: 420px;
	float: left;
	margin-left: 10px;
	padding: 20px;
	}
	
#linktosamples {
	width: 570px;
	float: left;
	}
	
/*COOL pages*/
#categorytextinsite {
	background-image: url(InSite/InSite.png);
	width: 570px;
	height: 460px;
	float: left;
	margin-left: 10px;
	}
	
#categorytextLG {
	width: 570px;
	height: 992px;
	float: left;
	margin-left: 10px;
	}
	
#categorytextXLG {
	width: 570px;
	height: 1202px;
	float: left;
	margin-left: 10px;
	}
	
#categorytextMED {
	width: 570px;
	height: 705px;
	float: left;
	margin-left: 10px;
	}
	
#categorysub {
	font-size: 13px;
	width: 570px;
	}
	
#categorysub a {
	color: #127DAA;
	text-decoration: none;
	}
	
#categorysub a:hover {
	background-color: #E0E0E0;
	}
	
#insitebody {
	width: 560px;
	font-size: 13px;
	}
	
#insitebody a {
	text-decoration: none;
	color: #127DAA;
	}
	
#insitebody a:hover {
	background-color: #BDF96B;}
	
#insitepglogin {
	width: 200px;
	text-align: right;
	float: right;
	margin-right: 30px;
	}
	
#insitepglogin a {
	text-decoration: none;
	color: #A50038;
	}
	
#insitepglogin a:hover {
	background-color: #F0E07A;
	}
	
#insitehead {
	float: left;
	width: 300px;
	height: 31px;
	}
	
#yellowbkgd {
	background-color: #F7FA7E;
	}


/*--------------------------------- CSS for Portfolio ---------------------------------*/
.thumbnail{
position: relative;
z-index: 0;
text-decoration: none;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 5px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
}

#thumbnail {
	width: 135px;
	height: 110px;
	float: left;
	margin: 20px;
	text-align: center;
	font-size: 12px;
	}
	
#thumbnail a {
	text-decoration: none;
	color: #127DAA;
	}
	
#thumbnail a:hover {
	background-color: #E0E0E0;
	}
	
#containerFrogMed #page #contentpagesFEEDBACK center {
	color: #CFEB76;
	font-size: 16px;
	line-height: normal;
}
#containerPeng #header {
	color: #DC2D00;
}