@charset "iso-8859-1";
/* Codeworks, LLC Internet website print style sheet */
									
					/* THE DIFFERENCES BETWEEN codeworks_stylesheet_new.css AND THIS DOCUMENT IS: */
					/* display: none; HAS BEEN ADDED THROUGHOUT TO PREVENT UNNECESSARY NAVIGATION */
					/* FROM DISPLAYING ON THE PRINTED FORM; 
					/* THE #339900 COLOR HAS BEEN CHANGED TO #000000; */ 
					/* float: left/right/anything has been changed to float: none; */


/* Main document body characteristics */
body {
	background: #ffffff;
	font: 100% Verdana, Helvetica, sans-serif, arial;
	margin: 0;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

/* Container */
#container {
	width: 63em;		/* ems make the layout elastic */
	margin: 0 auto; 	/* the auto margins (in conjunction with a width) center the page */
	overflow: auto;
	text-align: left;
	border: #CCCCCC 1px solid;
}

link, alink, vlink, #maincontent a {	/* #pagetophardlinks a:active, */
	color: blue;
}

img, #theme_images img {
	border:none;					/* Remove any borders around images */
}

/* Company branding */

.pagetophardlinks_right a {			/* Company logo area, links are to the right of company logo */
	display: none;
	color: #339900;				
	text-decoration: none;			/* Do not underline links */
	font-size: .78em;
	font-weight: bolder;
} 
									/* Top, horizontal-bar menu navigation */
div#navigation {
	display: none;
	text-align: center;
	padding: 5px 0 30px 0;			/* from top logo and to position home branding banner down adequately */
}

#navigation a {
	border-style: none;
	color: #ffffff;
	float: none;
	text-decoration: none;  		/* no underlines on links so they look like buttons */
	padding: 0;
	font-size: .78em;
}

						/* Navigational button styles. Blue background hovers over to green background. */

a#button_industries:hover, a#button_warehouse:hover, a#button_transportation:hover,
a#button_testimonials:hover, a#button_advantage:hover, a#button_clients:hover, a#button_links:hover,
a#button_contact:hover, a#button_about_us:hover {
	background-position: 0 -21px;
}

a#button_industries, a#button_warehouse, a#button_transportation, a#button_testimonials,
a#button_advantage, a#button_clients, a#button_contact, a#button_about_us { 
	background: url(menu_background_1px.gif) repeat-x;		/* blue and green background */
	padding: 0 1.43em 0 1.44em;								/* ems had more precise control than px */
	border-right: #adadad 1px solid;   						/* light gray */  
	height: 21px;
}
									
div#maincontent {					/* #maincontent is the central content on each page. */
	width: 54em;
	float: none;			/* float changed from left to none to allow multiple pages to print. Didn't fix problem. */
	font-size: .8em;
	margin-right: 30px;
} 

#maincontent h1, #maincontent h2, #maincontent h3,
#maincontent h4, #maincontent p,
#maincontent td strong, #credits p, #credits h4,
#e-newsletter form, #e-newsletter a img {
	padding-left: 20px; 	/* add whitespace between copy and left container border */
}

#maincontent caption {		/* this is the table heading on the WMS reports page */
	font-weight:bold;
}

#page_summary p {
	padding-right: 15px; 	/* add whitespace between copy from right container border */
}

#maincontent h1 {
	font-weight: bolder;
	font-size: 1.1em;
	color: green;
	text-align: left;
}

#maincontent h3 {			/* All page headings use h3, not h1 */
	color: green;
	clear:left;				/* Allows the headings on each page to clear the banner images and align flush left */
}

#maincontent h4 {
	color: black;
}

#maincontent p, #maincontent ul li, #maincontent td ul li {
	line-height: 1.5;
}

/* links are blue, underlines not needed; blends better with surrounding text */
#maincontent p a {
	text-decoration: none;		
}

#maincontent img {
	padding-bottom: 5px;
	padding-left:   5px;
	clear:right;
}

#branding {				/* image/flash movie on home page */
	width: 798px;
	height: 185px;
}

#theme_images {			/* image size for "theme" images at the top of all secondary pages that link from the home page */
	width: 708px;
	height: 114px;
}


.cs_left_col {				/* Case Studies page, left column that contains the h4 and copy */
	width: 495px;
	float: none;
}

.cs_right_col {				/* Case Studies page, right column that contains the case study first page image */
	width: 180px;
	float: none;
}

.cs_text_links {
	display: none;
	float: none;
	text-decoration: none;			/* Do not underline links */
}

.cs_quotes {				/* Case Studies page, customer testimonial quotes */
	font-style: italic;
}

.cs_authors {				/* Case Studies page, authors of quotes */
	text-align: right;
}

.clear_floats {				/* This is used on the Case Studies page to align the copy and images properly */
	clear: both;
}

						/* The "go >" links on the home page in the right column. */
.go_links, .go_links_newsletter, .go_links_newsletter2 {	/* common parameters first */ 
	display: none;
	color: blue;
	text-decoration: none;
	border:none;
	background-color: #ffffff;
}

.go_links, .go_links_newsletter {	/* common parameters first */ 
	float: none;
}
						/* The "go >" links on the home page in the right column for the newsletter */
						/* and the "go >" link on the warehousing news page, maincontent area, respectively--not in the right column. */
.go_links_newsletter, .go_links_newsletter2 {	 
	font-size: 1em;
}	

/* Highlights material */
#highlights, #promotions, #e-newsletter, #case_papers, #rightcolumn {
	font-size: .88em;
}

#highlights b, #promotions b, #e-newsletter b, #case_papers b, #sub_page_navigation b {
	color: green;
	font-weight: bold;
	font-size: .95em;
}

#highlights a, #promotions a, #e-newsletter a, #case_papers a, 
#page_options a, #page_options_subpages a {
	text-decoration: none;
	color: blue;
} 

#page_summary p {
	color: #000000;			/* changed from green to #000000 for printing */
	font-style: italic;
	line-height: 1.25;
}

#related_links p {				/* "You may also be interested in:" */
	padding-top: 5px;			/* just a little white space to separate it from the page_summary */
	display: none;
	font-size: .85em;
	text-align: left;
	line-height: 1.25;
}

#sub_page_navigation a {	/* vertical links down right column of page */
	display: none;
	font-size: .81em;
	line-height: 1.25;
	color: blue;
	text-decoration: none;
}

					/* Page Options are the options available with each web page: e-mail to a friend/colleague or print. */
					/* Displayed at bottom of page, before footer */
#page_options {
	display: none;
	clear: both;
	text-align: right;
	line-height: 1.5;
}

					/* Page Options for the subpages steer the prospect through the site in sequence. */
					/* Displayed in right column of page. */
#page_options_subpages {
	display: none;
	text-align: left;
	line-height: 1.5;
}

#footer: {
	clear: both;
	padding-top: 10px;
	font-size: .75em;
	color: #000000; 		/* have the bottom links muted somewhat */
	text-align: left;
}

#footer a {
	padding-left: 20px; 	/* add whitespace between copy and left container border */
	display: none;
	text-align: center;
	color: #bbbbbb; 		/* have the bottom links muted somewhat */
	padding-right: 21px;
	text-decoration: none; 	/* link underlines not needed; blends better with surrounding text */
}

#credits:before {
	padding-left: 20px; 	/* add whitespace between copy and left container border */
	color: #000000;
	content: "Contact Us: 614-389-0692, ctcodeworks.com";
}

/* Credits and Copyright Lines */
#credits, #credits h4, #credits p {
	text-align: left; 
	color: #000000; 		/* changed from #bbbbbb to #000000 for print */
}

#pizzaz {					/* ????? */
	position: fixed;
	float: none; 
	width: 20%;
	text-align: center;
	bottom: 0em;
	height: 65%;
	clear: both; 
}

/* Product Information */
#productcontenttop {
	background: url(BulletTop205.jpg); 
	background-repeat: no-repeat;
	background-position: top;
	margin-bottom: 10px;
	width: 200px;
	margin-left: 2em;
	/* position: absolute; */ 
	/* top: 125px; */
	/* left: 5px; */
	padding-right: 1em; 	
}

#productcontent {
	margin-left: 2em;
	width: 75%;
	height: 80%;
	position: absolute;
	top: 127px;
	padding-right: 1em;
	left: 58px;
}

#productcontent a {
	color: green;
}

#productcontent .productbullets {
	background: url(BulletMiddle205.jpg); 
	background-repeat: repeat-y;
	background-position: top;
	margin-top: .2em;
	color: #2B77DD; 
	font-size: .8em;
	padding: 1em;
	vertical-align: top;
}

#productcontent .productbullets span {
	display: none;
}

#productcontent .productbullets li {
	list-style-type: none;
	/* margin-left: -2.5em; */
}

#productcontent .productbullets li p {
	display: none;
	text-align: center;
	color: #036914;
}

#productcontent .productdetails {
	background-color: #ffffff;
	color: #000000;
	margin-top: .2em;
	padding: 1em;
	vertical-align: top;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

#productcontent .productdetails P {
	color: #000000;
	font-family: verdana;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

#productcontent .productdetails image {
	padding: 0 1em 0 1em; 			/* top, right, bottom, left */
}

#productcontent .producthighlight {
	background-image: url(STUFF4.jpg); 
	background-attachment: fixed;
	background-repeat: repeat-y;
	vertical-align: top;
	margin-top: .2em;
	margin-right: 2em;
	padding: 1em;
}

#productcontent h3 {
	color: #4b18a0;
}

#productcontentbottom {
	background: url(BulletBottom205.jpg); 
	background-repeat: no-repeat;
	background-position: bottom;
	width: 200px;
	/* margin-top: -6px;
	margin-left: -5px; */
	padding-right: 1em; 	
}

/* Make agree/disagree match top menu bar. */
a#button_agree { 
	background: url(CSS---industries-button.png) no-repeat;
	float: none;
	background-repeat: x;
	list-style:none;
	display:inline;         /* used for horizontal tables; removes bullets */
	border-style: none;
	text-decoration: none;  /* no underlines on links so they look like buttons */
	position: relative; 
	top: 50px;
	width: 70px;
	height: 21px;
	font-size: .8em;
	padding-left: 10px;
	color: #ffffff;
}

a#button_agree:hover {
	background-position: 0 -21px;
} 

a#button_disagree { 
	background: url(CSS---about-us-button.png) no-repeat;
	float: none;
	background-repeat: x;
	list-style:none;
	display:inline;         /* used for horizontal tables; removes bullets */
	border-style: none;
	text-decoration: none;  /* no underlines on links so they look like buttons */
	position: relative; 
	top: 50px;
	width: 77px;
	height: 21px;
	font-size: .8em;
	padding: 0px 0% 0% 10px;
	color: #ffffff;
}

a#button_disagree:hover {
	background-position: 0 -21px;
} 


/* Product Testimonials	*/
div#testimonials {
	background-color: #91BF98;
	text-align: right;
}

#testimonials P {
	font-size: .8em;
	color: #000000;
}

#testimonials P em {
	font-size: 1em;
	color: #036914;
}