/* <Home Hero Rotator> */
#rotator { height: 300px; width: 720px;}
#hero-first { background: url(hero1-bg.jpg) no-repeat left top; height: 300px; }	
#hero-second { background: url(hero2-bg.jpg) no-repeat left top; height: 300px;	}	
#hero-third { background: url(hero3-bg.jpg) no-repeat left top; height: 300px;	}		
#hero-fourth { background: url(hero4-bg.jpg) no-repeat left top; height: 300px;	}		
#hero-fifth { background: url(hero5-bg.jpg) no-repeat left top; height: 300px;	}	
.hero-left-side { float: left; width: 300px; height: 300px; }
.hero-right-side { float: right; width: 420px; height: 300px;}
.hero-left-side div
{
	width: 60px;
	height: 60px;
	display: block;
	float: left;
	padding: 0;
}
.hero-nav-container
{
	position: absolute;
	height: 60px;
	width: 300px;
	z-index: 90;
	padding: 0;
	margin: 0;
}
.hero-nav a
{
	width: 30px;
	margin: 15px;
	font-size: 15px;
	height: 20px;
	text-align: center;
	padding: 5px 0;
	display: block;
	float: left;
	background: #fff;
	color: #337a9e;
	outline: none;
}
*html .hero-nav a
{
	margin: 13px;
}
.hero-nav a:hover, .hero-nav a.activeSlide
{
	text-decoration: none;
	background: #f89e34;
	color: #fff!important;
}	
.hero-right-side div
{
	width: 60px;
	height: 60px;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}		
.hero-right-side div.box
{
	background: #2196b0; /* for IE */
	filter: alpha(opacity=80); /* CSS3 standard */
	opacity: 0.80;
}
.hero-left-side div.hero-content-container
{
	width: 290px;
	height: 170px;
	margin-top: 60px;
	padding: 10px 0 0 10px;
	display: block;
	float: left;
	background: none;
	background: #f7941e;
}
.hero-left-side div.hero-content-container h1
{
	color: #fff!important;
}
.hero-left-side div.hero-content-container p
{
	color: #fff;
}
.hero-left-side div.hero-content-container ul.linklist li
{
	background: url(arrow-rt-white-sm.png) no-repeat left 6px;
}
.hero-left-side div.hero-content-container ul.linklist li a
{
	color: #fff;
	border-bottom: dotted 1px #fff;
}
.hero-left-side div.hero-content-container ul.linklist li a:hover
{
	text-decoration: none;
	border-bottom: solid 1px #fff;
}					
.hero-content-container
{
	width: 300px;
	height: 180px;
	display: block;
	float: left;
	background: #f7941e; /* for IE */
	filter: alpha(opacity=80); /* CSS3 standard */
	opacity: 0.80;
}
/* <IE6 Exceptions> */
*html .outer-right-column { 
	margin-left: -2px;
	}
	
*html #container { width: 981px; }
						
*html .outer-left-full {
	margin: 0px 0 0 -1px;
	}
/* </IE6 Exceptions> */

