/* ===== CSS Reset: meyerweb.com/eric/tools/css/reset ===== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0;
font-size: 100%; vertical-align: baseline;
background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
ins { text-decoration: none; }
del {text-decoration: line-through;}
table { border-collapse: collapse; border-spacing: 0; }

/* ===== Global styles ===== */

	html{
		background: #7aa8c0 url('../images/bg/html.jpg') repeat-x top left;
	}
	body{
	}
	#content a:link, #content a:visited, #promos a:link, #promos a:visited{
		color: #5d9200;
		text-decoration: none;
	}
	#content a:hover, #content a:focus, #content a:active,#promos a:hover,#promos a:focus,#promos a:active{
		text-decoration: underline;
	}

/* ===== Structure ===== */

	#header{ background: #0b4663; }
	#body{
		
	}
	#footer{
		height: 35px;
		width: 100%;
		background: url('../images/bg/footer.jpg') repeat-x top left;
		z-index: 5;
	}
	.wrapper{
		background: url('../images/bg/wrapper.png') repeat-y center;
	}
		#header .wrapper{
			background: url('../images/bg/header-wrapper.png') no-repeat bottom center;
		}
	.inner{
		width: 960px;
		margin: 0 auto;
		position: relative;
	}
		#header .inner{
			height: 100px;
			background: url('../images/bg/header-inner.jpg') no-repeat top left;
			position: relative;
			overflow: hidden;
		}
		#body .inner{
			background: #FFF;
		}
			#index #body .inner{
				min-height: 0;
			}
		#footer .inner{
			height: 35px;
			background: url('../images/bg/footer-inner.jpg') repeat-x top left;
		}

#page{
	background: url('../images/bg/body.jpg') repeat-y top left;
}

#page-inner{
	background: url('../images/bg/body-top.png') no-repeat top left;
	position: relative;
}
	#index #page-inner{ min-height: 0; }

/* ===== Site Nav ===== */

	#site-nav{
		position: absolute;
		top: 0;
		right: 0;
		width: 300px;
		margin-top: 10px;
	}
		#site-nav li{
			text-align: right;
			margin: 2px 0;
		}
			#site-nav li a:link,
			#site-nav li a:visited{
				color: #d9e5f0;
				display: block;
				background: url('../images/icon/arrow.gif') no-repeat right center;
				font: 10px Arial, Helvetica, sans-serif;
				text-transform: uppercase;
				padding: 2px 10px 2px 0;
				text-decoration: none;
			}
			#site-nav li a:hover,
			#site-nav li a:focus,
			#site-nav li a:active{
				color: #FFF;
				text-decoration: underline;
			}

/* ===== Site Menu ===== */

	#site-menu{
		border-top: solid 3px #5fc000;
		height: 45px;
		position: relative;
		overflow: hidden;
		background: url('../images/bg/site-menu.jpg') repeat-x 0 -45px;
	}
	#site-menu li{ display: inline; }
		#site-menu li a:link,
		#site-menu li a:visited{
			float: left;
			display: block;
			height: 28px;
			padding: 17px 36px 0 35px;
			color: #094464;
			font: bold 11px Arial, Helvetica, sans-serif;
			text-transform: uppercase;
			text-decoration: none;
			background: url('../images/bg/site-menu.jpg') repeat-x top right;
			text-shadow: #BBB 1px 2px 2px;
		}
		#site-menu li a:hover,
		#site-menu li a:focus,
		#site-menu li a:active{
			background: url('../images/bg/site-menu.jpg') repeat-x bottom right;
			text-decoration: underline;
		}
		#site-menu li#home a{ padding: 17px 16px 0 15px; }
		#site-menu li.secondary a:link,
		#site-menu li.secondary a:visited{
			float: right;
			padding: 17px 35px 0 36px;
			background-position: 0 -90px;
		}
		#site-menu li.secondary a:hover,
		#site-menu li.secondary a:focus,
		#site-menu li.secondary a:active{
			float: right;
			padding: 17px 35px 0 36px;
			background-position: 0 -135px;
		}

/* ===== Header ===== */

	#header h1 a{
		display: block;
		width: 350px;
		height: 100px;
	}

/* ===== Slideshow ===== */
	
	#slideshow{
		width: 960px;
		height: 245px;
		background: url('../images/bg/slideshow.jpg') no-repeat top left;
		overflow: hidden;
		position: relative;
	}
		#chooser{
			position: absolute;
			top: 0;
			right: 0;
			width: 320px;
			height: 245px;
			overflow: hidden;
			line-height: 0;
		}
			#chooser li{
				margin-bottom: 1px;
			}
				#chooser li a{
					height: 45px;
					width: 272px;
					display: block;
					text-decoration: none;
					padding: 15px 24px 0 24px;
					overflow: hidden;
					margin: 0;
				}
					#chooser li a:link span.title,
					#chooser li a:visited span.title{
						font: 16px Arial, Helvetica, sans-serif;
						text-transform: uppercase;
						color: #FFF;
						letter-spacing: 1px;
					}
					#chooser li a:hover span.title,
					#chooser li a:focus span.title,
					#chooser li a:active span.title{
						text-decoration: underline;
					}
					#chooser li a span.description{
						font: 11px Arial, Helvetica, sans-serif;
						color: #57839c;
						display: block;
					}

					#chooser li#choose-intro a{
						 height: 46px; 
					}
					#chooser li#choose-wms a{
						
					}
						#chooser li#choose-wms a:link span.title, #chooser li#choose-wms a:visited span.title{ font-size: 14px; }
					#chooser li#choose-tms a{
					
					}
					#chooser li#choose-inventory a{
						 height: 46px; 
					}
						#chooser li#choose-inventory a:link span.title, #chooser li#choose-inventory a:visited span.title{ font-size: 14px; }

				#chooser li#choose-intro a.current{ background: url('../images/bg/slideshow-hover.jpg') no-repeat 0 0; }
				#chooser li#choose-wms a.current{ background: url('../images/bg/slideshow-hover.jpg') no-repeat 0 -62px; }
				#chooser li#choose-tms a.current{ background: url('../images/bg/slideshow-hover.jpg') no-repeat 0 -123px; }
				#chooser li#choose-inventory a.current{ background: url('../images/bg/slideshow-hover.jpg') no-repeat 0 -184px; }
		#slides{
			position: absolute;
			top: 0;
			left: 0;
			width: 640px;
			height: 245px;
			overflow: hidden;
		}
			#slides li{
				position: absolute;
				top: 0;
				left: 0;
				width: 640px;
				height: 245px;
			}
				#slides li h2{
					font: 22px Arial, Helvetica, sans-serif;
					color: #FFF;
					position: absolute;
					top: 41px;
					left: 205px;
				}
				#slides li p{
					position: absolute;
					top: 90px;
					left: 210px;
					font: 12px/22px Arial, Helvetica, sans-serif;
					color: #a5d9e9;
					margin-right: 15px;
				}
					#slides li p a:link,
					#slides li p a:visited{
						color: #9bff00;
						text-decoration: none;
					}
					#slides li p a:hover,
					#slides li p a:focus,
					#slides li p a:active{
						text-decoration: underline;
					}
				#slides li#slide-intro{
					background: url('../images/slides/cog.jpg') no-repeat top left;
				}
					#slides li#slide-intro h2{ left: 275px; }
					#slides li#slide-intro p{
						left: 280px;
						font-size: 13px;	
					}
				#slides li#slide-wms{
					background: url('../images/slides/forklift.jpg') no-repeat top left;
					display: none;
				}
					#slides li#slide-wms h2{ left: 250px; }
					#slides li#slide-wms p{ 
						left: 255px;
						font-size: 13px;
					}
				#slides li#slide-tms{
					display: none;
					background: url('../images/slides/semi.jpg') no-repeat top left;
				}
					#slides li#slide-tms h2{ left: 340px; }
					#slides li#slide-tms p{ left: 345px; }
				#slides li#slide-inventory{
					background: url('../images/slides/cog.jpg') no-repeat top left;
					display: none;
				}
					#slides li#slide-inventory h2{ left: 275px; }
					#slides li#slide-inventory p{
						left: 280px;
						font-size: 13px;
					}

#promos{
	background: url('../images/bg/ccol.jpg') repeat-y center;
}
	.promo{
		width: 320px;
		float: left;
		padding: 25px 0;
	}
		.promo h2{
			height: 24px;
			padding: 13px 0 0 15px;
			font: bold 12px sans-serif, tahoma, Helvetica, Arial;
			text-transform: capitalize;
			color: #333;
			background: url(../images/header/head-light.jpg) repeat-x 50% top;
		}
			#promo-tms.promo h2{
				background: url('../images/header/head-dark.jpg') no-repeat top left;
				margin-top: 3px;
				color: #222;
			}
		.promo p{
			font: 12px/18px Arial, Helvetica, sans-serif;
			margin: 20px 15px 0;
		}
		.promo p.learnmore{
			
		}
			.promo p.learnmore a{
				display: block;
				float: right;
				width: 130px;
				height: 31px;
				background: url('../images/button/learnmore.gif') no-repeat top left;
			}

/* ===== Footer ===== */

	#footer p{
		color: #CED9E0;
		font: 11px Arial, Helvetica, sans-serif;
		padding: 13px 0 0 16px;
		text-shadow: #08161f 1px 2px 2px;
	}

.fixmenu h2{
	position: fixed !important;
	top: 0 !important;
}

.fixmenu #submenu{
	position: fixed !important;
	top: 85px !important;
}
#page h2{
	position: absolute;
	top: 0;
	height: 96px;
	width: 320px;
	margin-left: 640px;
	z-index: 2;
}
	#page.partners #content{ background: url('../images/banner/partners.png') no-repeat top left; }
	#page.partners h2{ background: url('../images/banner/partners.png') no-repeat top right; }
	#page.wave-wms #content{ background: url('../images/banner/wavewms.png') no-repeat top left; }
#page.wave-wms h2{ background: url('../images/banner/wavewms.png') no-repeat top right; }
#page.wave-tms #content { background: url(../images/banner/wavetms.png) no-repeat left top; }
#page.wave-tms h2 { background: url(../images/banner/wavetms.png) no-repeat right top; }
#page.wave-model #content{ background: url('../images/banner/wavewms.png') no-repeat top left; }
	#page.wave-model h2{ background: url('../images/banner/wave-model.png') no-repeat top right; }
	#page.full-feature-list #content{ background: url('../images/banner/wavewms.png') no-repeat top left; }
	#page.full-feature-list h2{ background: url('../images/banner/feature-list.png') no-repeat top right; }
	#page.industries #content{ background: url('../images/banner/industries.png') no-repeat top left; }
	#page.industries h2{ background: url('../images/banner/industries.png') no-repeat top right; }
	#page.services #content{ background: url('../images/banner/services.png') no-repeat top left; }
	#page.services h2{ background: url('../images/banner/services.png') no-repeat top right; }
	#page.resources #content{ background: url('../images/banner/resources.png') no-repeat top left; }
	#page.resources h2{ background: url('../images/banner/resources.png') no-repeat top right; }
	#page.about-us #content{ background: url('../images/banner/aboutus.png') no-repeat top left; }
	#page.about-us h2{ background: url('../images/banner/aboutus.png') no-repeat top right; }
	#page.client-area #content{ background: url('../images/banner/clients.png') no-repeat top left; }
	#page.client-area h2{ background: url('../images/banner/clients.png') no-repeat top right; }
#page #submenu{
	position: absolute;
	top: 85px;
	margin-left: 660px;
	width: 280px;
	z-index: 3;
}
	#submenu ul li:last-child a{
		background: url('../images/rule/withglow.png') no-repeat bottom center;
	}
		#submenu li {
			font: 10px Arial, Helvetica, sans-serif;
			letter-spacing: 1px;
			text-transform: uppercase;
			text-align: center;
		}
			#submenu li a:link,
			#submenu li a:visited{
				display: block;
				padding: 12px 5px;
				background: url('../images/rule/withoutglow.png') no-repeat bottom center;
				color: #333;
				text-decoration: none;
			}
			#submenu li a:hover,
			#submenu li a:focus,
			#submenu li a:active{
				text-decoration: underline;
				background: url('../images/rule/withoutglow_bg.png') no-repeat bottom center;
			}
#content{
	width: 580px;
	padding: 100px 30px 30px;
}
	#content .module{
		padding-top: 20px;
		margin-top: 20px;
		border-top: solid 1px #CCC;
	}
	#content h3{
		font: 24px/30px Arial, Helvetica, sans-serif;
		letter-spacing: 1px;
		color: #0b334c;
	}
	#content h4{
		font: bold 14px/18px Arial, Helvetica, sans-serif;
		color: #5d9200;
		margin: 15px 0 -7px;
		border-bottom: solid 1px #CCC;
	}
	#content p{
		font: 12px/18px Arial, Helvetica, sans-serif;
		color: #222;
		margin-top: 10px;
	}
		#content p.lead{
			color: #777;
			font: 17px/24px Arial, Helvetica, sans-serif;
			margin: 10px 0;
		}
	#content ul{
		list-style: disc outside;
		font: 12px/18px Arial, Helvetica, sans-serif;
		color: #222;
		margin: 10px 0 0 10px;
		padding-left: 10px;
	}
		#content ul ul{
			margin-top: 0;
			list-style-type: circle;
		}
	#content table{ 
		margin-top: 14px;
		border: 2px solid #FFF;
	}
		#content table thead td{
			background: #094464;
			color: #FFF;
			padding: 4px;
			border: 2px solid #FFF;
			font: bold 11px/16px Arial, Helvetica, sans-serif;
		}
		#content table tbody td{
			font: 11px/16px Arial, Helvetica, sans-serif;
			color: #222222;
			padding: 6px;
		}
			#content table tbody td.firstCell{ font-weight: bold; }
		#content table tbody tr.odd td{
			background: #E3E3E3;
			border: 2px solid #FFF;
	}
#listener{
	position: fixed;
	top: 0;
	right: 0;
	height: 1px;
	width: 1px;
}

#contact-form{
	width: 320px;
	z-index: 4;
	font: 11px/15px Arial, Helvetica, sans-serif;
	color: #57839c;
	overflow: hidden;
}
#contact-form form{
	padding: 15px 20px;
	background: url(../images/bg/form.png) repeat-y top left;
	position: relative;
}
	#contact-form h3{
		font: 16px Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		color: #FFF;
		letter-spacing: 1px;
		margin-bottom: 5px;
	}
	#contact-form fieldset{
		border: solid 1px #0D242C;
		padding: 0 15px 10px;
		margin-top: 15px;
	}
	#contact-form legend{
		font: 10px Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		color: #FFF;
		letter-spacing: 1px;
		padding: 0 10px;
		margin: 0 5px;
	}
	#contact-form label{ 
		display: block;
		margin-top: 10px;
	}
	#contact-form input,
	#contact-form select{
		display: block;
		margin-top: 3px;
		width: 240px;
	}
	#contact-form p.submit{
		text-align: center;
		padding-top: 10px;
	}
	#contact-form p.submit input{
		width: 75px;
		margin: 0 auto;
	}
	#contact-form .close a{
		color: #FFF;
		position: absolute;
		top: 15px;
		right: 20px;
		font-size: 16px;
		font-weight: bold;
		text-decoration: none;
	}

/* ===== Utility Styles ===== */

	/* == Image replacement == */
	#header h1 a,
	.promo p.learnmore a,
	#page h2{
		text-indent: -999em;
		overflow: hidden;
	}

	/* == Element hiding == */
	#header p#tagline{
		position: absolute;
		visibility: hidden;
	}

	/* == Clearfix == */
	.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
	.clearfix {display: inline-block;}
	/* Hides from IE-mac \*/
	.clearfix {display: block;}
	* html .clearfix {height: 1%;}
	/* end hide from IE-mac */