@charset "iso-8859-1";
/* Codeworks, LLC Internet website style sheet */


/* Main document body characteristics */
body {
	background-image:url(background_gradient1.jpg); 
	background-repeat: repeat-x;						
	/* background-color: #fffffff; */ 
	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 {
	background-color: #ffffff; 
	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: #666666 1px solid;		
}

link, alink, vlink, #maincontent a, #maincontent_access a {
	color: blue;
}

#maincontent ul li a, #maincontent_access ul li a {				/* Site map page for links */
	color: blue;
	text-decoration: none;
}

#maincontent img, #maincontent_access img,
#theme_images, #promotions {
	padding-top: 10px;				/* move the banners, promotions down a bit from the top horizontal nav bar */
}

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

/* Company branding */

.pagetophardlinks_right a, #pagetophardlinks ul li a {			/* Company logo area, links are to the right of company logo */
	float: right;
	color: #339900;				
	text-decoration: none;			/* Do not underline links */
	font-size: .78em;
	font-weight: bolder;
	padding-right: 20px;			/* position links proportionally from the right margin to match content on left */
	vertical-align: bottom;
	padding-top: 8px;				/* was 32. 30, before Twitter graphic */
} 

									/* Top, horizontal-bar menu navigation */
						/* Navigational button styles. Blue background hovers over to green background. */
div#navigation {
	background: url(menu_background_new_1px.gif);		/* put the blue background in */
	background-repeat: repeat-x;					/* repeat it horizontally end-to-end */
	text-align: center;
	height: 33px;									/* was 21, must match the height of the nav bar background */
}

a.nav_buttons {
	background: url(menu_background_new_1px.gif);		/* put the blue background in */ 
	background-repeat: repeat-x;
	color: #ffffff;
	float: left;
	font-size: .71em;				/* was .72em */
	text-decoration: none;  		/* no underlines on links so they look like buttons */
	padding: .9em 1em .8em 1em;			/* was .2em 1.5em .5em 1.5em ; as you expand the height of the background, expand top and bottom values, too */
}

a.nav_buttons:hover {
	background-position: 0 -33px;			/* was 0 -21px; x and y shift, shift upward from blue to green */
}
									
div#maincontent {					/* #maincontent is the body section of each page. */
	width: 54em;
	float:left;
	font-size: .8em;
	padding-right: 30px;
	/* margin-right: 30px;  leave the possibility open for a -3px margin to fix the 3px text jog bug */
} 

div#maincontent_access {			/* #maincontent_access: client access page. Run copy edge-to-edge */
	float:left;
	font-size: .8em;
	padding-right: 30px;
	/* margin-right: 30px;  leave the possibility open for a -3px margin to fix the 3px text jog bug */
} 
#e-newsletter a img, #case_papers a img, #promotions a img {   /* Affects RSS icons on home page */
	padding-left: 3px; 	/* add whitespace between copy and left container border */
}

#maincontent h1,        #maincontent h2,        #maincontent h3,
#maincontent_access h1, #maincontent_access h2, #maincontent_access h3,
#maincontent h4,        #maincontent p,
#maincontent_access h4, #maincontent_access p,
#maincontent td strong, #maincontent_access td strong,
#credits p, #credits h4, #e-newsletter form {
	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;
}

#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;
}

.sub_page_summary p {	/* to the right of the long horizonatal banner image */
	font-size: .75em;
	font-style: italic;
	color: green;
}

#page_summary p {
	padding-right: 15px; 	/* add whitespace between copy from right container border */
}
#maincontent h1, #maincontent_access h1 {
	font-weight: bolder;
	font-size: 1.1em;
	color: green;
	text-align: left;
}

#maincontent h3, #maincontent_access 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, #maincontent_access h4 {
	color: black;
}

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

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

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

.hr_attrb {					/* horizontal rule attributes on home page */
	border-top: #eeeeee 1px solid;
}

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

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

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

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

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

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

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

.go_links, .go_links_newsletter {	/* common parameters first */ 
	float: right;
}
						/* 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: green;
	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 */
	font-size: .85em;
	text-align: left;
	line-height: 1.25;
}

#sub_page_navigation a {	/* vertical links down right column of page */
	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 {
	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 {
	text-align: left;
	line-height: 1.5;
}

#footer {
	clear: both;
	padding: 2px .25em .4em .25em;		/* horizontal matches top navigation spacing */
	font-size: .7em;
	color: #bbbbbb; 		/* have the bottom content muted somewhat */
	text-align: center;
}

#footer a {
	text-align: center;
	color: #bbbbbb; 		/* have the bottom links muted somewhat */
	padding-right: 15px;
	text-decoration: none; 	/* link underlines not needed; blends better with surrounding text */
}

/* Credits and Copyright Lines */
#credits {
	text-align: left; 
	color: #bbbbbb;
}

#pizzaz {					/* ????? */
	position: fixed;
	float: right; 
	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: left;
	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: .85em; 
	padding: 2px 20px 2px 20px;
	color: #ffffff;
}

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

a#button_disagree { 
	background: url(CSS---about-us-button.png) no-repeat;
	float: left;
	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: .85em; 
	padding: 2px 22px 2px 16px; 
	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;
}