@charset "utf-8";
/* CSS Document */

		h3 {
			margin: 0;	
			padding: 7px 0 0 0;
			font-size: 16px;
			text-transform: uppercase;
		}

		div#feature_list {
	width: 900px;
	height: 320px;
	overflow: hidden;
	position: relative;
		}

		div#feature_list ul {
	position: absolute;
	list-style: none;
	padding: 0;
	margin: 0;
	height: 320px;
		}

		ul#tabs {
	left: 0;
	z-index: 2;
	width: 305px;
	background-image: url(../images/focal/home-background.jpg);
	background-repeat:no-repeat;
		}

		ul#tabs li {
	font-size: 0.75em;
	font-family: Arial;
	font-weight: bold;
	display: inline;
		}
		
		ul#tabs li img {
			padding: 5px;
			border: none;
			float: left;
			margin: 10px 10px 0 0;
		}

		ul#tabs li a {
	color: #222;
	text-decoration: none;
	display: block;
	height: auto;
	outline: none;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 11px;
	padding-left: 35px;
		}

		ul#tabs li a:hover {
	text-decoration: none;
	background-image: url(../images/layout/home-greenarrow.png);
	background-repeat: no-repeat;
	background-position: 15px 12px;
		}

		ul#tabs li a.current {
			background-color: #9DBA3A;
			color: #FFF;
			background-image: url(../images/layout/whitearrow.png);
			background-repeat: no-repeat;
			background-position: 15px 12px;
		}

		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}

		ul#output {
	right: 0px;
	width: 595px;
	height: 320px;
	position: relative;
		}

		ul#output li {
	position: absolute;
	width: 595px;
	height: 320px;
	left: 0px;
		}

		ul#output li a {
	position: absolute;
	bottom: 10px;
	right: 150px;
	text-decoration: none;
	font-size: 11px;
	color: #FFF;
	background: #000;
	/* for IE */
  filter:alpha(opacity=75);
	/* CSS3 standard */
  opacity:0.75;
	width: 372px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 12px;
  }
		
		ul#output li a:hover {

		}
