/* CSS Document */

/* template colors
		fonts:
			grey: #555
			dark grey: #252525
			red: #b10c12
		backgrounds:
			body: #fff
*/

html, body, h1, h2, h3, h4, h5, h6, blockquote, p, form {
	margin: 0;
	padding: 0;
}
body {
	font-family: "Trebuchet MS", Tahoma, Arial, san-serif;
	font-size: 12px;
	line-height: 14px;
	color: #555;
	background-color: #E9E9E9;
}
#main_container {
	width: 977px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
#main_top_image {
	width: 977px;
	background-image: url(images/main_top_image.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 154px;
	border-right: 1px solid #898989;
	border-left: 1px solid #898989;
}
#main_top_imagehdr {
	width: 400px;
	color: #b10c12;
	font-weight: 700;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	font-size: 50px;
	line-height: 50px;
	text-indent: 15px;
	padding-top: 15px;
}
#main_top_imagetxt {
	width: 400px;
	color: #ffffff;
	font-weight: 700;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	font-size: 33px;
	line-height: 37px;
	text-indent: 15px;
}
#header {
	width: 977px;
	height: 162px;
	background-image: url(images/ppf_hdr2.jpg);
	background-repeat: no-repeat;
	background-position: top;
	border-right: 1px solid #898989;
	border-left: 1px solid #898989;
}
#header img {
	float: left;
}
a:link, a:visited {
	color: #b10c12;
	text-decoration: underline;
}
.spacer {
	background-image: url(images/spacer.gif);
	background-repeat: no-repeat;
	float: right;
	height: 10px;
	width: 712px;
}

a:hover {
	color: #b10c12;
	text-decoration: none;
}
img {
	border: 0;
}

/* ---------- styles for header tabs ----------*/

#tabs {
	float: right;
	height: 21px;
	width: 400px;
	text-align: right;
	margin-right: 20px;
}
#tabs ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#tabs ul li {
	background: url(images/tab-bg.gif) right no-repeat;
	margin: 0;
	padding: 0;
	display: inline;
	float: right;
	height: 21px;
}
#tabs ul li a, #tabs ul li a:visited {
	line-height: 20px;
	display: block;
	display: inline-block;
	height: 21px;
	font-size: 11px;
	color: #fff;
	background: url(images/tab-corner.gif) left no-repeat;
	margin: 0;
	padding: 0 15px 0 18px;
	text-decoration: none;
}
#tabs ul li a:hover {
	color: #333;
	text-decoration: none;
}

/* ---------- styles for horizontal navigation ----------*/

#hnav {
	float: left;
	height: 26px;
	width: 750px;
	text-align:left;
	margin-top: 14px;
}
#hnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#hnav ul li {
	height: 26px;
	float: left;
	text-indent: 3px;
	text-align: left;
	display: inline;
	padding-right: 2px;
}
#hnav ul li a, #hnav ul li a:visited {
	line-height: 25px;
	height: 26px;
	font-size: 15px;
	font-weight: 700;
	color: #333333;
	background: url(images/hnav-spacer.gif) left no-repeat;
	margin: 0;
	padding: 0 23px;
	text-decoration: none;
	display: inline;
	text-align: center;
}
#hnav ul li a:hover {
	color: #FFFFFF;
	height: 26px;
	text-decoration: none;
	display: inline;
}

/* ---------- styles for vertical navigation ----------*/

#vnav_col {
	width: 248px;
	float: left;
	background: url(images/left_column_bg.jpg) repeat-y;
	display: inline;
	padding-top: 10px;
	height: 100%;
}
#vnav_col h2 a, #vnav_col h2 a:visited {
	background: url(images/vnav-cat-bg.gif) right no-repeat;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	display: block;
	height: 22px;
	text-indent: 25px;
	text-decoration: none;
	margin: 10px 0 5px 0;
	line-height: 22px;
}
#vnav_col h2 a:hover {
	color: #999;
	text-decoration: none;
}
#vnav_col ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#vnav_col ul li a, #vnav_col ul li a:visited {
	display: block;
	background: url(images/vnav-sub-bg.gif) right no-repeat;
	height:	18px;
	text-indent: 15px;
	color: #333333;
	text-decoration: none;
	line-height: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 15px;
	font-weight: 700;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #555;
}
#vnav_col ul li a:hover, #vnav_col ul li .acivepage {
	background: url(images/vnav-sub-bg-hover.gif) right no-repeat;
	text-decoration: none;
	color: #fff;
}
#vnav_btm_1 {
	text-decoration: none;
	color: #fff;
	height: 330px;
	vertical-align: bottom;
	padding-top: 0em;
}
#vnav_btm_2 {
	text-decoration: none;
	color: #fff;
	height: 330px;
	vertical-align: bottom;
	padding-top: 2em;
}
#vnav_btm_3 {
	text-decoration: none;
	color: #fff;
	height: 330px;
	vertical-align: bottom;
	padding-top: 10em;
}
#vnav_btm_4 {
	text-decoration: none;
	color: #fff;
	height: 330px;
	vertical-align: bottom;
	padding-top: 15em;
}
#vnav_btm_5 {
	text-decoration: none;
	color: #fff;
	height: 330px;
	vertical-align: bottom;
	padding-top: 30em;
}
#vnav_btm_6 {
	text-decoration: none;
	color: #fff;
	height: 330px;
	vertical-align: bottom;
	padding-top: 50em;
}
#vnav_btm_7 {
	text-decoration: none;
	color: #fff;
	height: 330px;
	vertical-align: bottom;
	padding-top: 32em;
}
#vnav_btm_8 {
	text-decoration: none;
	color: #fff;
	height: 330px;
	vertical-align: bottom;
	padding-top: 25em;
}

/* ---------- styles for content area ----------*/

#content_container {
	width: 977px;
	background-color: #fff;
	float: left;
	border-left: 1px solid #898989;
	border-right: 1px solid #898989;
	height: 100%;
}
#left_nav {
	float: left;
	width: 248px;
	background-image: url(images/left_column_bg.jpg);
	background-repeat: repeat-y;
	height: 100%;
	display: inline;
	padding-right: 10px;
}
#content {
	float: right;
	width: 700px;
	display: inline;
	height: 100%;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 0;
}
.content_hdr {
	width: 650px;
	color: #666666;
	font-weight: 900;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	font-size: 40px;
	line-height: 40px;
	letter-spacing: -1px;
	padding-bottom: 5px;
}
.content_bodytxt {
	width: 690px;
	color: #666666;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	padding-bottom: 10px;
	font-size: 13px;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.content_bodyimg {
	width: 352px;
	height: 204px;
	float: left;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	line-height: 18px;
	display: inline;
}
#content p {
	margin: 5px 0;
	padding: 0;
}
#content h1 {
	color: #b10c12;
	font-size: 18px;
	margin-top: 15px
}
#content h2 {
	color: #b10c12;
	font-size: 14px;
	margin: 10px 0 3px 0;
}
#content blockquote {
	margin: 10px 20px;
}
#content ul {
	list-style: disc;
}
#content ul li {
	margin: 5px 0;
}
#content .disclaimer {
	line-height: 15px;
	text-align: left;
	font-size: 11px;
	color: #999;
	font-style: italic;
	display: block;
	padding-top: 10px;
	border-top: #999 solid 1px;
}
.price {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -2px;
	color: #b10c12;
	font-size: 28px;
	clear: both;
	font-weight: 900;
	padding-top: 5px;
}
.price small {
	color: #999;
	font-size: 12px;
	font-weight: 400;
	padding-bottom: 10px;
	letter-spacing: normal;
}
	

/* ------------styles for content on info pages ------------*/

#content_info {
	float: right;
	width: 712px;
	margin: 15px 15px 15px 0;
	display: inline;
}
#content_info p {
	margin: 10px 0;
	padding: 0;
}
#content_info h1 {
	color: #b10c12;
	font-size: 18px;
}
#content_info h2 {
	color: #000;
	font-size: 14px;
	margin: 10px 0 3px 0;
}
#content_info .quote {
	display: block;
	border-top: #999 1px dotted;
	padding: 15px;
	margin-top: 15px;
}
#content_info h3 {
	font-size: 16px;
	color: #000;
	text-align: right;
	padding-right: 15px;
	padding-bottom: 3px;
}
#content_info h4 {
	font-size: 12px;
	color: #999;
	text-align: right;
	padding-right: 15px;
	line-height: 16px
}
#content_info h4 em {
	font-size: 11px;
	font-weight: 400;
}
#content_info blockquote {
	margin: 10px 10px;
}
/*#content_info ul {
	list-style: none;
}*/
#content_info ul li {
	margin: 5px 0;
}
#content_info .careers {
	width: 475px;
	float: left;
}

/* ------------styles for stuff -----------*/

.content_info {
	font-size: 13px;
}
.home_video_box {
	width: 300px;
	height: 300px;
	background-color: #000;
	float: right;
	margin: 15px 0 15px 15px;
}
.price_list {
	float: left;
	clear: both;
	margin: 15px 0;
	width: 712px;
	display: inline;
}
.price_list table {
	width: 400px;
	border: none;
	margin-left: 15px;
	float: left;
}
.price_list table td {
	height: 21px;
	width: 20%;
	line-height: 21px;
	text-align: center;
	font-size: 13px;
}
.blackcell { background-color: #000; text-align:center; color: #fff; }
.blackcell_left { background: #000 url(images/black_cell_left.gif) left no-repeat; text-align:center; color: #fff; }
.blackcell_right { background: #000 url(images/black_cell_right.gif) right no-repeat; text-align:center; color: #fff; } 
.graycell { background-color: #ebebeb; text-align:center; }
.graycell_left { background: #ebebeb url(images/gray_cell_left.gif) left no-repeat; text-align:center; }
.graycell_right { background: #ebebeb url(images/gray_cell_right.gif) right no-repeat; text-align:center; } 
.red_text {
	color: #b10c12;
	font-weight: 700;
}
.call {
	color: #b10c12;
	font-style: italic;
	font-size: 10px;
}
.sub_cat_container {
	float: left;
	clear: both;
	width: 690px;
}
/*.sub_cat_container img {
	margin-bottom: 15px;
	float: left;
}*/
.sub_cat {
	width: 352px;
	height: 100%;
	float: left;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	line-height: 18px;
	display: inline;
}
.sub_cat a {
	color: #555;
	text-decoration: none;
}
.sub_cat a:hover {
	color: #b10c12;
	text-decoration: none;
}
.career_box {
	width: 217px;
	float: right;
	background: url(images/vnav-bg.gif) repeat-y;
	margin: 0 0 10px 10px;
	display: inline;
	text-align: center;
}


/* ---------- styles for category pages ----------*/

.main_banner_text {
	width: 240px;
	color: #898989;
	font-weight: normal;
	margin-top: 60px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 23px;
}

#main_banner_print { background: url(images/print/print-banner.jpg) no-repeat; height: 218px; width: 712px; float: left; position: relative; }
	#main_banner_brochures { background: url(images/brochures/brochures-banner.jpg) no-repeat; height: 218px; width: 712px; float: left; position: relative; }
	#main_banner_logo_design { background: url(images/logo_design/logo-banner.jpg) no-repeat; height: 218px; width: 712px; float: left; position: relative; }
	#main_banner_bizcards { background: url(images/bizcards/stationery-banner.jpg) no-repeat; height: 218px; width: 712px; float: left; position: relative; }
	#main_banner_postcards { background: url(images/postcards/postcards-banner.jpg) no-repeat; height: 218px; width: 712px; float: left; position: relative; }
	#main_banner_sales_kit { background: url(images/sales_kit/sales-kit-banner.jpg) no-repeat; height: 218px; width: 712px; float: left; position: relative; }
	#main_banner_catalogs { background: url(images/catalogs/catalogs-banner.jpg) no-repeat; height: 218px; width: 712px; float: left; position: relative; }
	#main_banner_flyers { background: url(images/flyers/flyers-banner.jpg) no-repeat; height: 218px; width: 712px; float: left; position: relative; }
	#main_banner_catalogs { background: url(images/catalogs/catalogs-banner.jpg) no-repeat; height: 218px; width: 712px; float: left; position: relative; }
	#main_banner_door_hangers { background: url(images/door_hangers/door-hangers-banner.jpg) no-repeat; height: 218px; width: 712px; float: left; position: relative; }
	#main_banner_pres_folders { background: url(images/presentation/presentation-banner.jpg) no-repeat; height: 218px; width: 712px; float: left; position: relative; }
	#main_banner_ripcards { background: url(images/ripcards/ripcards-banner.jpg) no-repeat; height: 218px; width: 712px; float: left; position: relative; }
	#main_banner_carbonless { background: url(images/carbonless/carbonless-banner.jpg) no-repeat; height: 218px; width: 712px; float: left; position: relative; }
#main_banner_web { background: url(images/web/web-banner.jpg) no-repeat; height: 218px; width: 712px; float: left; position: relative; }
	#main_banner_websites { background: url(images/websites/websites-banner.jpg) no-repeat; height: 218px; width: 712px; float: left; position: relative; }
	#main_banner_email_ads { background: url(images/email_ads/email-ads-banner.jpg) no-repeat; height: 218px; width: 712px; float: left; position: relative; }
	#main_banner_web_ads { background: url(images/web_ads/web-ads-banner.jpg) no-repeat; height: 218px; width: 712px; float: left; position: relative; }
#main_banner_signage { background: url(images/signage/signage-banner.jpg) no-repeat; height: 218px; width: 712px; float: left; position: relative; }
	#main_banner_vehicles { background: url(images/vehicle/vehicle-banner.jpg) no-repeat; height: 218px; width: 712px; float: left; position: relative; }
	#main_banner_tradeshow { background: url(images/tradeshow/tradeshow-banner.jpg) no-repeat; height: 218px; width: 712px; float: left; position: relative; }
	#main_banner_banners { background: url(images/banners/banners-banner.jpg) no-repeat; height: 218px; width: 712px; float: left; position: relative; }
	#main_banner_posters { background: url(images/posters/posters-banner.jpg) no-repeat; height: 218px; width: 712px; float: left; position: relative; }
#main_banner_video { background: url(images/video/video-banner.jpg) no-repeat; height: 218px; width: 712px; float: left; position: relative; }
#main_banner_apparel { background: url(images/apparel/apparel-banner.jpg) no-repeat; height: 218px; width: 712px; float: left; position: relative; }
#main_banner_promo { background: url(images/promotional/promotional-banner.jpg) no-repeat; height: 218px; width: 712px; float: left; position: relative; }

#video_div {
	width: 712px;
	background: url(images/video-div-bg.gif) bottom no-repeat;
	float: left;
	clear: both;
	display: none;
	padding-top: 15px;
	text-align: right;
}
#video_div h1 {
	margin: 0;
	padding: 5px 10px;
	background: #ebebeb;
}
#video_div p {
	padding-left: 50px;
}
.sub_info {
	font-size: 10px;
	color: #999999;
}
.web_btn {
	position: absolute;
	top: 187px;
	right: 6px;
	background: none;
	height: 28px;
}

/* ---------- styles for services pages ----------*/

.price_box {
	margin: 15px 0;
	width: 712px;
	float: left;
	clear: both;
	border-bottom: 1px solid #999;
	padding-bottom: 20px;
}
.price_box img {
	float: left;
	display: inline;
}
.price_box table {
	width: 280px;
	float: right;
	border: none;
}
.price_box table td {
	height: 21px;
	line-height: 21px;
	text-align: center;
	font-size: 13px;
}
.price_box div {
	width: 222px;
	float: left;
	font-size: 12px;
}
.price_box table td .info {
	line-height: 15px;
	text-align: left;
	font-size: 11px;
	color: #999;
}
#content .info {
	line-height: 15px;
	text-align: left;
	font-size: 11px;
	color: #999;
}


/* ---------- styles for apparel page ----------*/

.apparel_price_box {
	margin: 15px 0;
	width: 712px;
	float: left;
	clear: both;
}
.apparel_price_box img {
	float: left;
	display: inline;
}
.apparel_price_box table {
	width: 148px;
	float: right;
	border: none;
}
.apparel_price_box table td {
	height: 21px;
	line-height: 21px;
	text-align: center;
	font-size: 13px;
	width: 50%;
}
.apparel_price_box div {
	width: 332px;
	float: left;
	font-size: 12px;
}
.apparel_price_box .info {
	line-height: 15px;
	text-align: left;
	font-size: 11px;
	color: #999;
}

/* ---------- styles for video page ----------*/

.video_price_box {
	margin: 15px 0;
	width: 712px;
	float: left;
	clear: both;
}
.video_price_box img {
	float: left;
	display: inline;
}
.video_price_box div {
	width: 379px;
	float: left;
	font-size: 12px;
}
.video_price_box .info {
	line-height: 15px;
	text-align: left;
	font-size: 11px;
	color: #999;
}
#content .video_price_box ul {
	margin: 10px;
	padding: 0;
	clear: both;
}
#content .video_price_box ul li {
	margin: 0 0 0 50px;
	padding: 0;
	line-height: 18px;
	list-style: disc;
}
.video_price_box h2 {
	color: #b10c12;
	font-size: 18px;
	font-style: italic;
	margin: 10px 0;
}

/* ---------- styles for contact page ----------*/

form {
	color:	#464646;
}
#contact_form {
	float: left;
	width: 500px;
	margin-left: 50px;
	text-align: justify;
	padding-top: 20px;
	display: inline;
}
#contact_form p {
	padding-right: 60px;
	padding-top: 0px;
}
#contact_container {
	margin-right: 262px;
	border-right: solid #000 1px;
	text-align: left;
	margin-bottom: 35px;
	background-position: 320px 0px;
	padding: 35px 0px 25px 35px;
}
input {
	background-color: #EBEBEB;
	color: #555;
}
select {
	color: #555;
}
textarea {
	color: #555;
	background-color: #EAEAEA;
}
.padding {
	color: #555;
	font-weight: bold;
	padding-top: 5px;
}
.smltext {
	font-size: 10px;
	font-weight: 400;
}

/* ---------- styles for about page ----------*/

#about_box {
	width: 712px;
	background: url(images/about/about-box-bg.gif) repeat-y;
	float: left;
}
#about_box p {
	padding: 5px 25px 5px 10px;
	color: #898989;
	font-size: 13px;
	line-height: 16px;
	text-align: justify;
}
#about_box #about_box_text {
	width: 490px;
	float: right;
}
.about_box_image {
	float: left;
	width: 182px;
	margin-left: 25px;
	margin-top: 15px;
	display: inline;
	text-align: right;
}
.about_cap {
	width: 712px;
	height: 13px;
	float: left;
}

/* ---------- styles for sitemap page ----------*/

.sitemap_box {
	width: 210px;
	float: left;
	margin-left: 25px;
	display: inline;
	line-height: 20px;
}
#content_info .sitemap_box p {
	font-size: 14px;
	padding-left: 10px;
}
.sitemap_box h2 {
	font-size: 16px;
}
.sitemap_box p a:link, .sitemap_box p a:visited {
	color: #555;
}
.sitemap_box h2 a:link, .sitemap_box h2 a:visited {
	color: #b10c12;
}
.sitemap_box h2 a:hover {
	color: #555;
}

/* ---------- styles for two_column ----------*/

.two_column_price_box {
	margin: 15px 0;
	width: 712px;
	float: left;
	clear: both;
}
.two_column_price_box img {
	float: left;
	display: inline;
}
.two_column_price_box div {
	width: 379px;
	float: left;
	font-size: 12px;
}
.two_column_price_box .info {
	line-height: 15px;
	text-align: left;
	font-size: 11px;
	color: #999;
}
#content .two_column_price_box ul {
	margin: 10px;
	padding: 0;
	clear: both;
}
#content .two_column_price_box ul li {
	margin: 0 0 0 50px;
	padding: 0;
	line-height: 18px;
	list-style: disc;
}
.two_column_price_box h1 {
	clear:both; 
}
.two_column_price_box h2 {
	color: #b10c12;
	font-size: 18px;
	font-style: italic;
	margin: 10px 0;
}
.two_column_price_box p {
	margin-top: 5px;
	clear: both;
}
.two_column_price_box table {
	width: 280px;
	float: left;
	border: none;
	margin-left: 50px;
	margin-top: 10px;
}
.two_column_price_box table td {
	height: 21px;
	line-height: 21px;
	text-align: center;
	font-size: 13px;
}
.two_column_price_box table td .info {
	line-height: 15px;
	text-align: left;
	font-size: 11px;
	color: #999;
}
.black_14px {
	display: block;
	font-size: 14px; 
	color:#000; 
	font-weight:bold;
	padding-bottom: 10px;
}

/* ---------- styles for one_column ----------*/

.one_column_price_box {
	margin-right:-3px; 
	width:712px; 
	float:left; 
	margin:15px 0;
}
.one_column_price_box .list {
	width:182px; 
	float:right; 
	border:1px solid #868686; 
	padding-bottom:15px
}
.one_column_price_box div {
	width:510px; 
	float:left; 
	padding-bottom:10px
}
#content .one_column_price_box p {
	margin-top: 5px;
	
}
#content .one_column_price_box h1 {
	color:#000; 
	margin-top:0
}


/* ---------- styles for footer ----------*/

#footer {
	width: 977px;
	height: 60px;
	clear: both;
	background: #898989;
	padding-bottom: 20px;
	border-top-width: 1px;
	border-right-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #898989;
	border-right-color: #898989;
}
.footer_links {
	margin-top: 10px;
	margin-left: 30px;
	width: 180px;
	float: left;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 20px;
	margin-bottom: 20px;
}
.footer_links a, .footer_links a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
.footer_links a:hover {
	color: #999999;
	text-decoration: none;
}
#credits {
	float: left;
	background: #e9e9e9;
	font-size: 10px;
	clear: both;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
.validate {
	float: right;
	text-align: right;
	font-size: 10px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
.validate a, .validate a:visited {
	color: #555;
	text-decoration: none;
}
.validate a:hover {
	color: #555;
	text-decoration: underline;
}