@import "reset.css";



/* GLOBALS */


body {
	background:#3D76A6 url(../i/page_tile.jpg) repeat 50% 50%;
	color:#222a5c;
	font:small "Helvetica Neue", Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	}
	
a {
	color:#c32226;
	text-decoration:none;
	}
	
a:hover,
#content a:hover {
	color:#800;
	}
	
blockquote {
	margin:0 auto 1em;
	padding:1em 2em 0.5em !important;
	padding:1em 1em 0.5em;
	font-weight:bold;
	font-size:0.95em;
	text-align:right;
	color:#1a83bd;
	border-bottom:1px solid #1a83bd;
	background:url(../i/blockquote.png) no-repeat top right;
	}
	
caption {
	font-weight:normal;
	font-size:1em;
	letter-spacing:0.25em;
	text-transform:uppercase;
	}

table {
	background:#fff;
	margin:1em auto;
	clear:both;
	}
table#contact_form,
table#contactform,
table#requestform {
	background:transparent;
	}

td {
	border-bottom:1px dashed #ccc;
	padding:3px;
	}

th {
	background:#2d6195;
	color:#fff;
	padding:6px 3px;
	}

#wrapper {
	background:url(../i/top.jpg) no-repeat top center;
	}
	
#container {
	position:relative;
	width:900px;
	margin:0 auto;
	}
	
#header {
	height:109px;
	clear:both;
	}
	
#sidebar {
	float:left;
	width:305px;
	min-height:800px;
	margin-top:4em;
	}
	html>body #sidebar { background:url(../i/sleevesOffset.png) no-repeat top; }
	
#content {
	float:right;
	width:550px !important;
	width:520px;
	margin-top:6em;
	margin-right:30px;
	}
	
#footer {
	clear:both;
	background:#d2dadd;
	border-top:10px solid #e8f1f4;
	padding-bottom:4em;
	letter-spacing:0.08em;
	}
	








/* HEADER */

	
#header h1 a {
	width:263px;
	height:75px;
	text-indent:-9999px;
	display:block;
	}
	html>body #header h1 a { background:url(../i/logo.png) no-repeat; }
	

#header p a {
	position:absolute;
	top:10px;
	left:580px;
	width:152px;
	height:59px;
	text-indent:-9999em;
	display:block;
	}
	html>body #header p a { background:url(../i/btn_questions.png) no-repeat top left; }
	
#header p a:hover {
	background-position:top right;
	}






#header h6 a {
	position:absolute;
	top:70px;
	left:645px;
	width:220px;
	height:59px;
	text-indent:-9999em;
	display:block;
	}
	html>body #header h6 a { background:url(../i/samplepack2.png) no-repeat top left; }
	
#header h6 a:hover {
	background-position:top right;
	}










/* GLOBAL NAV */


#nav {
	margin:0 0 0 10px;
	}
	
#nav li {
	float:left;
	margin:0 1px 0 0;
	}
	
#nav li a {
	float:left;
	width:auto;
	height:34px;
	color:#eee;
	font:bold 1em/34px "Century Gothic", Arial, Helvetica, sans-serif;
	padding:0 15px;
	background:#2e6195;
	text-decoration:none;
	}
	
#nav li a:hover {
	background:#1b4370;
	color:#fff;
	}
	
#nav li a.estore {
	background:#0a0  repeat-x bottom;
	}

#nav li a:hover.estore {
	background:#080  repeat-x bottom;
	}

#nav li a.quote {
	background:#c32326 url(../i/bg_btn_quote.png) repeat-x bottom;
	}

#nav li a:hover.quote {
	background:#c32326 url(../i/bg_btn_quote.png) repeat-x bottom;
	}
	
#nav li a.active,
#nav li a:hover.active {
	background:#066caa url(../i/bg_active.png) repeat-x bottom;
	color:#fff;
	}
	
	






/* SIDEBAR */


#menu {
	width:230px;
	padding:20px 12px 20px;
	}
	html>body #menu { background:url(../i/bg_menu.png); }
	
#menu li {
	margin:0;
	}
	
	
#menu li a {
	width:auto !Important;
	width:100%;
	padding:2px 5px;
	color:#ffffcc;
	text-decoration:none;
	border-bottom:1px solid #6b99be;
	line-height:1em;
	margin:0;
	font:bold .95em "Century Gothic", Arial, Helvetica, sans-serif;
	display:block;
	}
	
#menu li a.last {
	border-bottom:0px;
	}
	
#menu li a:hover,
#menu li a.active {
	background:#16365b none;
	color:#fff;
	}
	
#contact {
	font:.8em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#555;
	width:200px;
	padding:6.75em 0 8em 1.8em;
	}
	
#rss {
	width:244px;
	height:237px;
	background:url(../i/bg_news.png) repeat-x;
	margin-left:15px;
	}
	
a.btn_rss {
	width:108px;
	height:36px;
	text-indent:-9999em;
	margin-left:127px;
	display:block;
	}
	html>body a.btn_rss { background:url(../i/btn_feed.png) no-repeat; }
	
.holder {
	width:210px;
	margin:0 auto;
	color:#3399ff;
	font-weight:bold;
	font-size:0.95em;
	height:180px;
	overflow:hidden;
	}
	
.holder li {
	margin:0.8em 0;
	}

.holder a {
	color:#e8f1f4;
	font-weight:normal;
	line-height:1.35em;
	padding:2px 0;
	}
	
.holder a:hover {
	color:#fff;
	background:#265385;
	}

.scroll-pane {
	height:180px;
	overflow:hidden;
	}
	
.item {
	margin-bottom:1em;
	}
	
.item h2 {
	font-weight:bold;
	margin-bottom:0.2em;
	}
	
.item h2 a {
	font-weight:bold;
	}
	
.item p small {
	font-weight:normal;
	font-size:0.85em;
	font-style:italic;
	}
	

	
	
	
	
/* CONTENT */
	
	
#content pre {
	position:relative;
	top:0px;
	left:20px;
	width:505px;
	height:40px;
	margin-bottom:-2em;
	text-indent:-9999em;
	display:block;
	}
	#content pre.team { background:url(../i/script_ourteam.png) no-repeat top right; }
	#content pre.services { background:url(../i/script_services.png) no-repeat top right; }
	#content pre.quote { background:url(../i/script_quote.png) no-repeat top right; }
	#content pre.contact { background:url(../i/script_con.png) no-repeat top right; }
	#content pre.products { background:url(../i/script_products.png) no-repeat top right; }
	#content pre.envelopes { background:url(../i/script_envelopes.png) no-repeat top right; }
	#content pre.lawn_garden { background:url(../i/script_lawngarden.png) no-repeat top right; }
	#content pre.bags_balers { background:url(../i/script_bagsbalers.png) no-repeat top right; }
	#content pre.bags { background:url(../i/script_bags.png) no-repeat top right; }
	#content pre.film { background:url(../i/script_plasticfilm.png) no-repeat top right; }
	#content pre.postal_approved_film { background:url(../i/script_postalapprovedfilm.png) no-repeat top right; }
	#content pre.shippers { background:url(../i/script_shippers.png) no-repeat top right; }
	#content pre.news { background:url(../i/script_news.png) no-repeat top right; }







#content h1,h2,h3,h4,h5,h6 {
	line-height:1.2em;
	margin:1.5em 0 1em;
	}
	
#content h1 {
	color:#157db8;
	font-weight:normal;
	font-size:1.5em;
	background:url(../i/underline.gif) no-repeat bottom left;
	padding-bottom:0.3em;
	margin-top:2.5em;
	margin-bottom:1em;
	}
	
#content h2 {
	font-weight:normal;
	font-size:1.3em;
	margin-top:2em;
	}
	
#content h3 {
	margin-bottom:0.2em;
	}



#content h4 {
	color:#157db8;
	font-weight:normal;
	font-size:1.5em;
	background:url(../i/underline.gif) no-repeat bottom left;
	padding-bottom:0.3em;
	margin-top:0.5em;
	margin-bottom:1em;
	}



#content h5 {
	font-weight:normal;
	font-size:1.3em;
	margin-top:0.5em;
	}


	
#content p,li {
	margin-bottom:1em;
	}
	
#content ul {
	margin-bottom:2em;
	}
	
#content ul ul {
	margin-bottom:1em;
	}

#content li {
	font-weight:bold;
	margin-bottom:0.75em;
	margin-left:4em;
	list-style-image:url(../i/bullet.png);
	color:#215085;
	}
	
#content li li {
	margin:1em 0 0 5em;
	font-weight:normal;
	}
	
.bio {
	float:left;
	width:95% !important;
	width:90%;
	overflow:hidden;
	margin:0 0 1em;
	clear:both;
	}
	
.thumb {
	float:right;
	padding:12px;
	margin:2.5em 0 2em 3em;
	background:url(../i/thumbnail_scratch.gif) no-repeat center center;
	}
	
.productscratch {
	float:right;
	padding:15px;
	margin:4em 0 1em .75em;
	background:url(../i/product_scratch.gif) no-repeat center center;
	}	
	
.productfloat {
	float:right;
	padding:5px;
	margin:0 0 0 .75em;
	}
	
body#products #content h1 {	
	margin-top:1em;
	}
	
body#products #content li {
	font-size:1.15em;
	}	
	
	
	
	
/* HOMEPAGE SPECIFIC */

body.homepage #content {
	margin-top:0;
	width:375px !important;
	width:375px;
	}
	
body.homepage #content h1 {
	margin-top:0.7em;
	}

body.homepage #sidebar {
	position:absolute;
	top:304px;
	left:100;
	}
	
body.homepage #sidebar li a {
	position:relative;
	cursor:pointer;
	}
	
#flash {
	width:900px;
	height:348px;
	clear:both;
	}
	#flash p {
		position:absolute;
		top:100px;
		left:320px;
		}

body.homepage #clients {
	float:right;
position:relative;
top:10px;
	width:195px;
	height:757px;
	background:url(../i/clients.png) no-repeat;
background-position: 10px 60px; 
text-align:center;
color:#050;

	}

	
	
	
/* FOOTER */



#footer ul {
	margin-left:50px;
	}

#footer ul li {
	float:left;
	display:inline;
	}
	
#footer ul li a {
	float:left;
	width:auto;
	text-transform:uppercase;
	color:#215289;
	padding:2em 8px 1em;
	margin:0 3px 0 0;
	line-height:1em;
	font:bold .85em "Century Gothic", Arial, Helvetica, sans-serif;
	}
	
#footer ul li a:hover {
	color:#215289;
	background:#e8f1f4;
	}

#footer ul li a.active {
	background:#e8f1f4;
	color:#197bb8;
	}
	
#footer p {
	clear:both;
	font-size:0.85em;
	margin-left:58px;
	padding:4em 0 0;
	color:#23538a;
	}
	
#footer p#footercategories {
	margin-left:50px;
	padding:0;
	font-size:0.9em;
	border-top:1px dashed #1a83bd;
	}

#footer p#footercategories a {
	position:relative;
	top:.6em;
	width:auto;
	text-transform:uppercase;
	color:#215289;
	padding:0.6em 5px;
	margin:0 1px 0 0;
	line-height:1em;
	font:bold .8em "Century Gothic", Arial, Helvetica, sans-serif;
	}
	
#footer p#footercategories a:hover {
	color:#215289;
	background:#e8f1f4;
	}
	
#footer p#footercategories a.active {
	background:#e8f1f4;
	color:#197bb8;
	}





/* EXTRA STYLING AND ELEMENTS */

	
#requestform .byline {
	font:normal 10px Arial, Helvetica, sans-serif;
	text-transform:none;
	color:#333;
	}
	
.byline div {
	font:bold 11px "Century Gothic", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#157db8;
	}
	
.byline p {
	font-size:11px;
	text-transform:none;
	color:#333;
	}
	
p.top a {
	display:block;
	width:100%;
	height:28px;
	margin:0;
	padding:0;
	text-indent:-9999em;
	background:url(../i/arrow_btn.png) no-repeat top right;
	clear:both;
	}

#contact_form td,
#contactform td,
#requestform td {
	padding:4px 5px;
	}
	
#contact_form input, #contactform input, #requestform input,
#contact_form select, #contactform select, #requestform select,
#contact_form textarea, #contactform textarea, #requestform textarea {
	border:1px solid #157db8;
	font-weight:normal;
	font-size:.95em;
	font-family:Arial, Helvetica, sans-serif;
	padding:2px 3px;
	color:#424242;
	font-weight:bold;
	}
	
td.last,
#contact_form .submit,
#contactform .submit,
#requestform .submit {
	border:none;
	}

#contact_form .submit:hover,
#contactform .submit:hover,
#requestform .submit:hover {
	cursor:pointer;
	}
	
.subtext {
	text-align:center;
	}

.byline .subtext {
	text-align:left;
	vertical-align:top;
	}

.pf_p {
	clear:both;
	margin:2em 0;
	font-size:0.85em;
	}
.small {
	font-size:11px;
	}
	
.blue { color:#157db8; }


/* CLEARFIX */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}