/**********************************************************
home.css
**********************************************************/

/*  layout
**********************************************************/
#home .subContainer {
	float: right;
	display: inline;
	width: 728px;
}
	#home #leftNav {
		display: block!important;
	}
	#home .banner {
		height: 285px;
		margin: 0 0 12px 0;
		position: relative;
		/* padding: 28px 0 0 28px; */
	}
		#home .banner .photo {
			position: absolute;
			top: 0;
			left: 0;
		}
		#home .banner .content {
			position: relative;
			z-index: 10;
			padding: 2.6em 33.5em 0 2.8em;
		}
		#home .banner h1 {
			font: 33px verdana;
			color:#FFF;	
			margin: 0 0 .6em 0;
		}
		#home h2 {
			padding: 10px 0 0 8px;
		}
		#home .banner p {
			font: 15px arial;
			color: #fff;
			line-height: 22px;
			padding: 0 1.0em 0 0;
		}
		#home p.about {
			font: 9px verdana;
			color: #666;
			line-height: 18px;
			margin: 0 0 5px 0;
			padding: 5px 8px 0 8px;
			/*width: 920px;
			position:relative;
			left: -200px;
			top: 15px;*/
		}
		#home .banner a {
		/*
			text-indent: -9999px;
			display: block;
			height: 60px;
			position: relative;
			top: 20px;
			border: 0;
		*/
			font-size: 14px;
			border: 1px solid black;
			display: block;
			height: 35px;
			width: 300px;
			position: absolute;
			bottom: -78px;
			_bottom: 34px;
			left: 15px;
			_left: -5px;
			text-indent: -9999px;
			z-index: 10;
			background: #fff;
			filter: alpha(opacity=0);
			opacity: 0;
			-moz-opacity: 0;

		}
		#home .featureBox {
			width: 728px;
			position: relative;
		}
/* toutBox
**********************************************************/

#home .toutBox {
	border: 3px solid #e9e9e9;
	background: #f1f1f1 url(/images/home.tout.bg.gif) repeat-x left top;
	height: 64px;
	width: 196px;
	color: #336699;
	padding: 11px 0;
	position: absolute;
	bottom: -110px;
	
}
	#home #topNav ul.leftUL .toutBox a {
		color: #336699;
		font: 11px verdana;
		background: none;
		display: inline;
		line-height: 18px;
		height: auto;
		width: auto;
		text-decoration: underline;
		text-indent: 0;
	}
	#home #topNav ul.leftUL .toutBox a:hover {
		color: #cc0000;
	}
	#home #container #wrapper #topNav #leftNav .toutBox img.joinHandy {
		border-bottom: 1px solid #d6d6d6;
		padding: 0;
		margin: 0 auto 5px auto;
		position: relative;
	}

/*  tabs
**********************************************************/
#home .featureBox  ul.togglers {
	height: 44px;
	margin: 0 0 -5px 0;
	position: relative;
	z-index: 10;
}
	#home .featureBox  ul.togglers  li {
		float: left;
		height: 44px;
	}
		#home .featureBox  ul.togglers  li a {
			display: block;
			height: 44px;
			width: 175px;
			text-indent: -9999px;
			z-index: 6;
			background-position: 0 0;
			background-repeat: no-repeat;
		}
		#home .featureBox  ul.togglers  li.fpLink a {
			background-image:  url(/images/feat.prod.gif);
		}
		#home .featureBox  ul.togglers  li.fiLink a {
			background-image:  url(/images/feat.ind.gif);
		}
		#home .featureBox  ul.togglers  li a:hover {
			background-position: 0 -44px;
		}
		#home .featureBox  ul.togglers  li.active a,
		#home .featureBox  ul.togglers li.active a:hover {
			background-position: 0 -88px;
		}
		#home .featureBox .tabContent {
			background: url(/images/feat.main.bg.gif) top left no-repeat;
			width: 728px;
			padding: 30px 0 40px 0;
			position: relative;
			z-index: 0;
			display: none;
		}
			#home .featureBox .tabContent .contain {
				padding: 0 20px;
			}
		#home .featureBox .tabContent.active {
			display: block;
		}
			#home .featureBox .tabContent ul.listing li {
				font: 11px verdana;
				float: left;
				width: 136px;
			}		
				#home .featureBox .tabContent ul.listing li img {
					position: relative;
					top: 6px;
					width: 120px;
					height: 90px;
					margin: 0 auto;
				}
					#home .featureBox .tabContent ul.listing li a {
						background: url(/images/mid.size.thumb.bg.png) no-repeat;
						_background: none;
						_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/mid.size.thumb.bg.png',sizingMethod='image');
						display: block;
						height: 129px; 
						width: 132px;
						color: #000;
						text-decoration: none;
					}
					#home .featureBox .tabContent ul.listing li a:hover {
						background: url(/images/mid.size.thumb.bg.on.png) no-repeat;
						_background: none;
						_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/mid.size.thumb.bg.on.png',sizingMethod='image');
						color: #214698;
					}
						#home .featureBox .tabContent ul.listing li  a span {
							float: left;
							position: relative;
							top: 25px;
							left: 22px;
							padding: 0 10px 0 0;
						}