/* CSS Document

Style Sheet
(c) Copyright 2007 Tangletree Graphic Design
--------------------------------------------------------------------------------------------------*/

body 							{ font-family: arial, sans-serif; font-size: 14px; margin: 0px; padding: 0px; background-color: #FF0000; color: #FFFFFF; }

ul								{
	list-style: url('../img/arrow.jpg');
	line-height: 120%;
	list-style-type: none;
	padding-top: 0px;
	margin-top: 0px;
	padding-left: 0px;
	margin-left: 19px;
}

/* Navigation
--------------------------------------------------------------------------------------------------*/

#nav {
width: 680px;
height: 45px;
margin:0px 0px 0px 0px;
padding:0;
background:#CC0000;
}

#nav li {
display:inline;
padding:0;
margin:0;
}

#nav a:link,
#nav a:visited {
background:#CC0000;
padding:21px 16px 7px 16px;
float:left;
width:auto;
border-left:1px solid #FF0000;
}

#nav a:hover {
background:#000;
}

#nav a#selected {
background:#000;
}

/* Contents
--------------------------------------------------------------------------------------------------*/

#wrapper						{ width: 900px; }

#footer							{ width: 680px; margin: 0px 0px 20px 220px; }

#main_content					{ float: right; margin: 0px 0px 20px 0px; width: 680px; }

#main_content2					{ float: right; margin: 0px 0px 20px 0px; width: 680px; }

#logo							{ width: 220px; height: 280px; margin: 0px 0px 0px 0px; }

#movie							{ width: 680px; height: 500px; margin: 0px 0px 0px 0px; }

#header							{ width: 680px; height: 260px; margin: 5px 0px 5px 0px; background-color: #CC0000; }

#online_ordering				{ float: left; width: 220px; height: 215px; }

#clearout						{ float: left; width: 220px; height: 30px; }

#nav_bar						{ width: 680px; height: 45px; margin: 0px 0px 5px 0px; background:#CC0000; }


/* Columns
--------------------------------------------------------------------------------------------------*/

#nav_column						{ float: left; width: 220px; margin: 0px 0px 0px 0px; }

#nav_column_txt					{ width: 220px; height: 450px; margin: 0px 0px 0px 0px; }

#nav_text						{ width: 190px; height: 210px; margin: 15px 0px 0px 30px; }

#boxes							{ width: 680px; height: 135px; margin: 15px 0px 0px 0px; }

#box_1							{ float: left; width: 335px; height: 185px; margin: 0px 10px 0px 0px; background-image: url('../img/print_suppliers.jpg'); }

#box_2							{ float: right; width: 335px; height: 185px; margin: 0px 0px 0px 0px; background-image: url('../img/how_may.jpg'); }

#box_txt						{ width: 300px; height: 80px; margin: 80px 0px 0px 20px; }

.ordering_txt					{ width: 100px; height: 20px; }

#column							{ width: 680px; margin: 15px 0px 0px 0px; }

#white_page						{ width: 680px; margin: 15px 0px 0px 0px; background-color: #FFFFFF; }


/* Links
--------------------------------------------------------------------------------------------------*/

.text	 					{ font-size: 13px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.text a:link	 			{ font-size: 13px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.text a:visited	 			{ font-size: 13px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.text a:hover 				{ font-size: 13px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: underline; }
.text_bd 					{ font-size: 13px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; }

.text_blk	 					{ font-size: 13px; color: #000; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.text_blk a:link	 			{ font-size: 13px; color: #000; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.text_blk a:visited	 			{ font-size: 13px; color: #000; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.text_blk a:hover 				{ font-size: 13px; color: #000; font-family : arial, sans-serif; text-align:left; text-decoration: underline; }
.text_blk_bd 					{ font-size: 13px; color: #000; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; }

.text_red	 					{ font-size: 13px; color: #FF0000; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.text_red a:link	 			{ font-size: 13px; color: #FF0000; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.text_red a:visited	 			{ font-size: 13px; color: #FF0000; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.text_red a:hover 				{ font-size: 13px; color: #FF0000; font-family : arial, sans-serif; text-align:left; text-decoration: underline; }
.text_red_bd 					{ font-size: 13px; color: #FF0000; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; }


.h1_blk	 					{ font-size: 18px; color: #000; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.h1_blk a:link	 			{ font-size: 18px; color: #000; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.h1_blk a:visited	 			{ font-size: 18px; color: #000; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.h1_blk a:hover 				{ font-size: 18px; color: #000; font-family : arial, sans-serif; text-align:left; text-decoration: underline; }
.h1_blk_bd 					{ font-size: 18px; color: #000; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; }


.legend	 					{ font-size: 9px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.legend a:link	 			{ font-size: 9px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.legend a:visited	 		{ font-size: 9px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.legend	a:hover 			{ font-size: 9px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.legend_bd 					{ font-size: 9px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; }

.smallprint	 				{ font-size: 11px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.smallprint a:link	 		{ font-size: 11px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.smallprint a:visited	 	{ font-size: 11px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.smallprint	a:hover 		{ font-size: 11px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.smallprint_bd 				{ font-size: 11px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; }

.smallprint_blk	 			{ font-size: 11px; color: #000000; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.smallprint_blk a:link	 	{ font-size: 11px; color: #FF0000; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.smallprint_blk a:visited	{ font-size: 11px; color: #000000; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.smallprint_blk	a:hover 	{ font-size: 11px; color: #000000; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.smallprint_bd_blk 			{ font-size: 11px; color: #000000; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; }

.smallprint_rd	 			{
	font-size: 11px;
	color: #FF0000;
	font-family : arial, sans-serif;
	text-align:left;
	text-decoration: none;
	line-height: 140%;
}
.smallprint_rd a:link	 	{ font-size: 11px; color: #FF0000; font-family : arial, sans-serif; text-align:left; text-decoration: none; line-height: 140%;}
.smallprint_rd a:visited	{ font-size: 11px; color: #FF0000; font-family : arial, sans-serif; text-align:left; text-decoration: none; line-height: 140%;}
.smallprint_rd	a:hover 	{ font-size: 11px; color: #FF0000; font-family : arial, sans-serif; text-align:left; text-decoration: underline; line-height: 140%;}
.smallprint_rd_bd 			{ font-size: 11px; color: #FF0000; font-family : arial, sans-serif; text-align:left; text-decoration: none; line-height: 140%;font-weight: bold; }

.breadcrumb 				{ font-size: 9px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.breadcrumb a:link 			{ font-size: 9px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.breadcrumb a:visited 		{ font-size: 9px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.breadcrumb a:hover 		{ font-size: 9px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.breadcrumb_bd				{ font-size: 9px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; }

.intro_txt	 				{ font-size: 20px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.intro_txt a:link 			{ font-size: 20px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.intro_txt a:visited 		{ font-size: 20px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.intro_txt a:hover			{ font-size: 20px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.intro_txt_bd 				{ font-size: 20px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; }

.latest_txt 				{ font-size: 14px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.latest_txt a:link 			{ font-size: 14px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; }
.latest_txt a:visited 		{ font-size: 14px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; }
.latest_txt a:hover 		{ font-size: 14px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; }
.latest_txt_bd				{ font-size: 14px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; }

.nav_txt 					{ font-size: 14px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; }
.nav_txt a:link 			{ font-size: 14px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; }
.nav_txt a:visited 			{ font-size: 14px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; }
.nav_txt a:hover 			{ font-size: 14px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; }
.nav_txt_bd					{ font-size: 14px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; }

/* Type
--------------------------------------------------------------------------------------------------*/

.dates	 					{ font-size: 10px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; }

.news_h1	 				{ font-size: 18px; color: #FFFFFF; font-family : arial, sans-serif; text-align:left; font-weight: bold; }

/* Homepage
--------------------------------------------------------------------------------------------------*/

/* About
--------------------------------------------------------------------------------------------------*/

#red_strip					{ float: left; width: 20px; height: 1600px; background-color: #CC0000; }

#white_box					{ float: right; width: 660px; height: 1600px; background-color: #FFF; }

.about_column				{ float: left; width: 390px; margin: 30px 0px 20px 30px; display: inline; }

.customers					{ float: left; width: 190px; margin: 30px 0px 20px 20px; }

#hdr_about					{ width: 660px; height: 260px; margin: 00px 0px 0px 00px; }

/* Services
--------------------------------------------------------------------------------------------------*/

#red_strip_ser				{ float: left; width: 20px; height: 1550px; background-color: #CC0000; }

#white_box_ser				{ float: right; width: 660px; height: 1550px; background-color: #FFF; }

/* Sitemap
--------------------------------------------------------------------------------------------------*/

#red_strip_map				{ float: left; width: 20px; height: 600px; background-color: #CC0000; }

#white_box_map				{ float: right; width: 660px; height: 600px; background-color: #FFF; }

.sitemap_column				{ float: left; width: 390px; margin: 30px 0px 20px 30px;  display: inline; }

#hdr_generic				{ width: 550px; height: 80px; margin: 30px 0px 0px 15px; }

/* Terms
--------------------------------------------------------------------------------------------------*/

#content_terms				{ float: left; width: 680px; height: 1200px; background-color: #FFFFFF; margin: 0px 0px 0px 0px; }

/* Privacy
--------------------------------------------------------------------------------------------------*/

#content_privacy			{ float: left; width: 680px; height: 1100px; background-color: #FFFFFF; margin: 0px 0px 0px 0px; }

.two_column					{ float: left; width: 310px; margin: 20px 0px 20px 15px; }

.two_column2				{ float: left; width: 310px; margin: 20px 0px 20px 15px; }


/* HACKS
--------------------------------------------------------------------------------------------------*/
.clearfix:after				{ content: "."; display:block; height:0; clear: both; visibility: hidden; }
.clearfix 					{ display: inline-block; }
/* Hide from IE Mac \*/
.clearfix 					{ display: block; }
/* End hide from IE Mac */
/*
--------------------------------------------------------------------------------------------------*/