/* Home CSS Document */

#nav_home{
  float: left;
  width: 964px;
  height: 410px;
  margin: 0;
  padding: 8px 0 0 0;
  background: url(../images/css/background_home_nav.png) no-repeat;
}

#orgvars.home{
  float: left;
  width: 190px;
  margin: 0;
  padding: 55px 0 10px 0;
  background: url(../images/css/background_home_quickLinksTitle.png) no-repeat;
}

#orgvars.home ul{
  float: left;
  width: 190px;
  margin: 0;
  padding: 0;
}

#orgvars.home ul li{
  float: left;
  list-style: none;
  width: 190px;
  margin: 0;
  padding: 0;
  border: none;
}

#orgvars.home ul li a{
  float: left;
  display: block;
  width: 135px;
  height: 20px;
  margin: 0;
  padding: 4px 1px 1px 55px;
  background: url(../images/css/background_home_quickLinksList.png) no-repeat top left;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #E3CBB3;
}

#orgvars.home ul li a img{
  display: inline;
  float: right;
  margin-right: 60px;
}

#orgvars.home ul li a:hover{
  background-position: bottom left;
  text-decoration: none;
  color: #fff;
}

#video {
  float: right;
  margin-bottom: 10px;
}

#map {
  background: url(../images/css/background_home_mapTitle.png) no-repeat;
  float: left;
  margin-right: 15px;
  padding: 55px 0 0;
}

#features{
  width: 964px;
  height: 510px;
  margin: 0;
  padding: 58px 0 0 0;
  background: url(../images/css/background_home_nav.png) no-repeat;
}


/* HOME PAGE FEATURES STYLING */
#features.features{
  display: block;
  height: 460px;
  margin: 0px 0px 10px 0px;
  padding: 12px 0 16px;
  width: 964px;
}

/* UNIVERSAL LIST STYLES FOR FEATURES */
#features.features ul {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
}

#features.features li {
	list-style: none;
}

/* MAIN FEATURES AREA AND INDIVIDUAL FEATURES */
#features ul.main li,#features ul.thumbs li {
	display: none;
}
#features.features .main,
#features.features .feature {
	height:410px;
	margin: 0;
	padding: 0;
	width: 964px;
	z-index: 2;
}

#features .main li {
	margin: 0;
	padding:0;
	position: absolute;
	visibility: visible;
	z-index: 1;
}

.ie #features.features .main,
.ie #features.features .feature {
	height:510px;
}

#features.features .main li.shown {
	z-index: 20;
	visibility: visible;
}

#features.features .main li.shown a {
	z-index: 99;
}

#features.features .main a:hover {
	text-decoration: none;
	border: none;
}

#features .feature img {
	background:#fff;
	float: left;
	height: 410px;
	width: 964px;
}

#features .feature div {
	color: #000;
	float: right;
	height: 30px;
	margin: 0px 10px 0 330px;
	padding: 10px;
	width: 605px;
	top: 0 !important;
}

#features .feature.shown div {
	z-index: 10000000000;
}

.ie7 #features .feature div {
	margin: 0;
	position: relative;
}

#features .feature div h2 {
	background: url(../images/css/backgroundFeatureTitle.png) no-repeat top left;
	color: #e6d2b9;
	margin: 0;
	padding: 9px 0 7px 45px;
	font: normal 24px Georgia, "Times New Roman", Times, serif;
}

#features .feature div p {
	color: #A29C68;
	font: 12px Verdana, Verdana, Geneva, sans-serif;
	margin: 0;
	padding: 0;
	width: 80%;
}


/* PREVIOUS NEXT CONTROLS */
.pnControl {
	display: block;
	margin: 125px 0 0;
	position: absolute;
	width: 500px;
	z-index: 100;
}

.pnControl a {
	display: block;
	background: #000;
	float: left;
	font: 10px normal "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	height: 20px;
	line-height: 20px;
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: auto;
	z-index: 100;
}

.pnControl a.next {
	float: right;
}

.pnControl a.prev {
}

/* PAUSE PLAY CONTROLS */
.pbControl {
	color: #000;
	position: absolute;
	z-index: 101;
}


/* THUMBS CONTROLS */
#features.features .thumbs {
	top: 535px;
	position: absolute;
	background: #000;
	width: 954px;
	padding: 5px;
	display: block;
	z-index: 1;
}

.features .thumbs li {
	margin: 0 5px 0 0;
	float: left;
	height: 50px;
	width: 60px;
	overflow: hidden;
	border: 1px solid #222;
}

.features .thumbs a {
	display: block;
}

.features .thumbs img {
	width: auto;
	height: 50px;
}



