/* 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Default Styles
	CSS Document
	Author: 9xb.com
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Please use the structure in place 
	for all additional CSS elements.
	For new builds, tweak current
	values before continuing.. thx G
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* DEFAULT STYLES   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	html, body {
		font: 12px/1.4em arial, helvetica, tahoma, verdana, sans-serif;
		color: #4b4b4b;
		line-height: normal;
	}
	
	body {
		margin: 0;
		text-align: center;
		background: url(../images/bg_gradient.jpg) repeat-x top #eaf4fb;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* GLOBAL STYLES  */  
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	/* Hidden elements */
	.hidden, .screen_reader, hr {
		display: none;
	}
	
	
	/* Paragraph default styling, amend as desired */
	p {
		margin: 0 0 20px 0;
		padding: 0;
		line-height: 1.5em;
	}
	
	
	/* Removes blue border on img links */
	a img {
		border: 0;
	}
	
	/* Default link styling */
	a {
		color: #267cb6;
		text-decoration: none;
	}
	a:hover {
		color: #267cb6;
		text-decoration: underline;
	}
	
	
	/* Float an element left with a margin */
	.floatL {
		float: left;
		margin: 0 20px 20px 0;
	}
	
	/* Float an element right with a margin */
	.floatR {
		float: right;
		margin: 0 0 20px 20px;
	}
	
	.no_bullet { list-style-type:none; }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* TEMPLATE ELEMENTS   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#outerwrap {
		height: 583px;
		background: url(../images/bg_shadow.gif) no-repeat top center;
	}
	#innerwrap {
		width: 994px;
		margin: 0 auto;
		text-align: left;
		border-top: 3px solid #5196c5;
	}
	#inner {
		width: 994px;
		float: left;
		background: #fff;
	}
	#hpImg {
		background: url(../images/hand_envelope.jpg) no-repeat top center #fff;
		width: 994px;
		float: left;
	}
	#headerwrap {
		width: 954px;
		padding: 0 20px;
		float: left;
		height: 103px;
		position: relative;
	}
	#contentwrap {
		width: 954px;
		padding: 0 20px;
		position: relative;
		float: left;
	}
	#innercontentwrap {
		width: 954px;
		float: left;
		background: url(../images/bg_shadow2.gif) repeat-x top #fff;
		padding: 0 0 30px 0;
	}
	#leftcolumn {
		width: 223px;
		float: left;
	}
	#content {
		width: 710px;
		float: right;
	}
	
	#content ul { 
		margin-left: 10px;
	}
	#content ul li { 
		list-style-type: disc;
			margin-left: 20px;
		}
	#content h5 { font-size: 12px; }
		.contentpad {
			padding: 0 20px;
			margin: 0;
			width: 670px;
		}
	#hpwrapper {
		width: 954px;
		padding: 0;
		height: 538px;
		float: left;
	}
	#footerwrap {
		width: 954px;
		padding: 15px 20px;
		float: left;
		border-top: 3px solid #5196c5;
		background: #fff;
	}
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FORM ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	input, textarea, select {
		font-family: arial, verdana, Trebuchet MS, Lucida Grande, Lucida Sans Unicode, geneva, helvetica, sans-serif;
		font-size: 1em;
		margin: 0;
		color: #666;
	}

	.row {
		margin: 0;
		clear: both;
	}

	.row2 {
		margin: 0;
		clear: both;
	}
	.right {
		float: right;
	}
	.contactForm {
		float: left;
		width: 400px;
	}
	.contactForm label {
		padding: 0;
		display: block;
		color: #222;
	}
	.contactForm .row input {
		padding: 4px;
		width: 380px;
		font-size: 1.2em;
		margin: 0 0 10px 0;
		border: 1px solid #929292;
	}
	.contactForm .row textarea {
		padding: 4px;
		font-size: 1.2em;
		border: 1px solid #929292;
		width: 380px;
		margin: 0 0 10px 0;
	}
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HEADING ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	h1, h2, h3, h4 {
		color: #267cb6;
		line-height: normal;
		margin: 0 0 10px 0;
		padding: 0;
		font-size: 1em;
	}
	/* All titles controlled through sIFR */
	
	.sectionTitle {
		padding: 0 10px;
	}
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HEADER STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	.logo {
		margin: 0;
		padding: 0;
		float: left;
		width: 179px;
	}
	.telephone {
		margin: 0;
		padding: 0;
		width: 132px;
		height: 17px;
		background: url(../images/telephone.gif) no-repeat;
		text-indent: -3000em;
		overflow: hidden;
		position: absolute;
		top: 14px;
		right: 20px;
	}

/* NAV STYLES  */
	.txtlinks {
		list-style: none;
		padding: 0;
		margin: 0;
		display: inline;
	}
	.txtlinks li {
		float: left;
		padding: 0 11px 0 0;
		margin: 0 10px 0 0;
		background: url(../images/divider.gif) no-repeat right center;
	}
	.txtlinks li.last {
		float: left;
		padding: 0;
		margin: 0;
		background: none;
	}
	.txtlinks li a {
		float: left;
		padding: 0;
		margin: 0;
	}
	.txtlinks li a.selected {
		font-weight: bold;
	}
	
	.txtlinksheader {
		position: absolute;
		top: 15px;
		right: 170px;
	}
	
/*  */

	.headerimglinks {
		margin: 0;
		list-style: none;
		padding: 0;
		width: 375px;
		height: 37px;
		text-indent: -3000em;
		overflow: hidden;
		position: absolute;
		top: 46px;
		right: 242px;
	}
	.headerimglinks li {
		display: inline; 
	}
	.headerimglinks li a {
		float: left;
		display: block;
		height: 37px;
	}
	.headerimglinks li.prod a { width: 117px; background: url(../images/headerlinks.gif) no-repeat 0 0; }
	.headerimglinks li.prod a:hover, .headerimglinks li.prod a.selected { background: url(../images/headerlinks.gif) no-repeat 0 -37px; }
	
	.headerimglinks li.serv a { width: 109px; background: url(../images/headerlinks.gif) no-repeat -117px 0; }
	.headerimglinks li.serv a:hover, .headerimglinks li.serv a.selected { background: url(../images/headerlinks.gif) no-repeat -117px -37px; }
	
	.headerimglinks li.envir a { width: 148px; background: url(../images/headerlinks.gif) no-repeat -226px 0; }
	.headerimglinks li.envir a:hover, .headerimglinks li.envir a.selected { background: url(../images/headerlinks.gif) no-repeat -226px -37px; }
	
/*  */
	#searchwrap {
		position: absolute;
		top: 54px;
		right: 20px;
		width: 208px;
	}
	#searchwrap input {
		float: left;
	}
	#searchwrap .searchinput {
		padding: 2px 2px 3px 2px;
		margin: 0 10px 0 0;
		width: 120px;
		border: 1px solid #929292;
	}
	#top_image {  width: 710px; height: 200px; background-repeat:no-repeat;}
	#top_image h3 { width: 400px; font-weight:bold; font-size: 20px; font-style: italic; padding: 50px 40px; }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HOMEPAGE STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#hpmsg {
		width: 474px;
		position: absolute;
		top: 140px;
		right: 79px;
		padding: 78px 0 0 1px;
		background: url(../images/title_envelopes_that_delive.gif) no-repeat 0 0;
	}
	#hpmsg h1, #hpmsg h2 { display: none; }

/*  */

	#hpctas {
		position: absolute;
		top: 356px;
		left: 20px;
		padding: 0;
		margin: 0 -20px 0 0;
		width: 954px;
	}
	
	.cta_production_pro {
		float: left;
		width: 272px;
		height: 113px;
		margin: 0 21px 0 0;
		padding: 39px 16px 0 16px;
		background: url(../images/bg_prodprocess.gif) no-repeat top left;
		position: relative;
	}
	.cta_production_pro h2 {
		display: none;
	}
	.cta_production_pro p {
		margin: 0;
		width: 135px;
	}
	
	.cta_design_envelope {
		float: left;
		width: 272px;
		height: 113px;
		margin: 0 21px 0 0;
		padding: 39px 16px 0 16px;
		background: url(../images/bg_design_an_envelope.gif) no-repeat top left;
		position: relative;
	}
	.cta_design_envelope h2 {
		display: none;
	}
	.cta_design_envelope p {
		margin: 0;
	}
	
	.cta_order_envelopes {
		float: left;
		width: 272px;
		height: 113px;
		margin: 0;
		padding: 39px 16px 0 16px;
		background: url(../images/bg_order_your_envelopes.gif) no-repeat top left;
		position: relative;
	}
	.cta_order_envelopes h2 {
		display: none;
	}
	.cta_order_envelopes p {
		margin: 0;
		width: 155px;
	}
	
	/* Left column cta's displayed below in the LC section */
		
	.button_more_blue {
		margin: 0;
		width: 59px;
		height: 22px;
		position: absolute;
		bottom: 10px;
		left: 15px;
		overflow: hidden;
	}
	.button_more_blue a {
		display: block;
		width: 59px;
		height: 22px;
		background: url(../images/button_more_blue.gif) no-repeat top left;
		text-indent: -3000em;
	}
	.button_more_blue a:hover { background: url(../images/button_more_blue.gif) no-repeat bottom left; }
	
	.button_more_pink {
		margin: 0;
		width: 59px;
		height: 22px;
		position: absolute;
		bottom: 10px;
		left: 15px;
		overflow: hidden;
	}
	.button_more_pink a {
		display: block;
		width: 59px;
		height: 22px;
		background: url(../images/button_more_pink.gif) no-repeat top left;
		text-indent: -3000em;
	}
	.button_more_pink a:hover { background: url(../images/button_more_pink.gif) no-repeat bottom left; }
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CONTENT STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	.first {
		font-size: 1.2em;
	}
	.pgBan {
		margin: 0 0 40px 0;
	}

	/* Breadcrumb  */   
	.breadcrumbwrap {
		float: left;
		margin: 0;
		width: 800px;
		padding: 15px 10px;
		font-size: 0.9em;
	}
	.breadcrumb {
		list-style: none;
		padding: 0;
		margin: 0;
		float: left;
	}
		.breadcrumb li {
			padding: 0;
			margin: 0;
			float: left;
			font-weight: bold;
			color: #267cb6;
		}
		.breadcrumb li a {
			padding: 0 12px 0 0;
			margin: 0 8px 0 0;
			float: left;
			font-weight: normal;
			background: url(../images/arrow.gif) no-repeat right center;
		}
		
/*  */
	.contactDetails {
		float: right;
		width: 200px;
		padding: 20px;
	}
	
/*  */
	#cListingwrap {
		float: left;
		width: 670px;
	}
	.headW {
		float: left;
		border-bottom: 3px solid #5196c5;
		font-weight: bold;
		width: 670px;
		color: #fff;
			margin: 0 0 15px 0;
	}
		.headW p {
			float: left;
			padding: 5px 10px 2px 10px;
			background: url(../images/curve.gif) no-repeat top right #5196c5;
			margin: 0;
		}
	.cListing {
		float: left;
		background: url(../images/bg_listing.gif) no-repeat 0 0;
		width: 640px;
		height: 99px;
		padding: 15px;
		margin: 0 0 15px 0;
	}
		.cListing p {
			margin: 0 0 10px 0;
		}
		.cListing p strong {
			color: #5196c5;
		}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* LEFTCOLUMN STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* NAV */

	#nav {
		padding: 0;
		list-style: none;
		margin: 0 0 10px 0;
	}
	#nav li {
		padding: 0;
		list-style: none;
		margin: 0;
		border-bottom: 1px solid #f4f4f4;
	}
	#nav li a {
		padding: 8px 25px;
		margin: 0;
		display: block;
		list-style: none;
		color: #1e1a1b;
		background: url(../images/arrow_blue.gif) no-repeat 10px 13px;
	}
	#nav li a.selected {
		color: #267cb6;
	}

/*  */
	.cta_design_envelope_inner {
		float: left;
		width: 203px;
		height: 113px;
		margin: 0 0 20px 0;
		padding: 39px 10px 0 10px;
		background: url(../images/bg_design_an_envelope2.gif) no-repeat top left;
		position: relative;
	}
	.cta_design_envelope_inner h2 {
		display: none;
	}
	.cta_design_envelope_inner p {
		margin: 0;
	}
	
	.cta_order_envelopes_inner {
		float: left;
		width: 203px;
		height: 113px;
		margin: 0 0 20px 0;
		padding: 39px 10px 0 10px;
		background: url(../images/bg_order_your_envelopes2.gif) no-repeat top left;
		position: relative;
	}
	.cta_order_envelopes_inner h2 {
		display: none;
	}
	.cta_order_envelopes_inner p {
		margin: 0;
		width: 155px;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FOOTER ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

 	.copyright {
		float: right;
		text-align: right;
		line-height: 1.4em;
		color: #888;
		margin: 0;
	}
	.copyright span {
		color: #267cb6;
	}

	.txtlinksfooter {
		float: left;
		margin: 0 0 15px 0;
	}

	.footerlogos {
		float: left;
		clear: left;
		margin: 0;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CAREERS ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#job-spec { 
		padding: 0px 0 0 0; 
		line-height: 18px;
		}
	
	.job_application {
		list-style-type: none;
	}
	.row input {
	width: 380px;
	}
	#submit_button { 
		width: 180px;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* NEWS ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#news td { padding: 0 0 10px 20px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* SITEMAP ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#sitemap, #sitemap li li  {
		list-style-type: none;
		position:relative;
		
	}
	#sitemap ul { padding-bottom: 6px; 	color: #267cb6; position: relative; left:-15px;
 }
	#sitemap li { font-size: 13px;padding-bottom: 6px; }
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* SEARCH ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	.search_results { color:#333333; }
	.search_results:hover { color: #333333; }
	.search_box { border-bottom: 1px solid #dedede; padding-top:15px; }
	.highlight-word { font-weight: bold; color:#006699; }
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* PHOTO GALLERY  */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	 #gallery ul { list-style-type: none; }
	#gallery li { float:left; padding:10px;  list-style-type:none; }