@charset "UTF-8";
/* CSS Document */

/* Root = Horizontal, Secondary = Vertical */
	
ul.mainmenu {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: auto; /*For KHTML*/
  list-style: none;
  /*height: 37px;*/
}

ul.mainmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  /*height: 37px;*/
}

/* SUBMENUS */

ul.mainmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  /*width: 160px;*/
  width: auto;
  list-style: none;
  display: none;
  position: absolute;
  top: 27px;
  left: 0;
}

ul.mainmenu ul:after /*For IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul.mainmenu ul li {
  width: 160px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
  height: 24px;
}

/* Root Menu */
ul.mainmenu li li a {
  border: 1px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  padding: 0 6px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #EEE;
  color: #000;
  font: normal 10px/22px Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  opacity: .8;
}

/* Root Menu Hover Persistence */
ul.mainmenu a:hover {
  background: #CCC;
  opacity: .8;
  color: #FC4128;
  z-index:999999 ;
}

/* 2nd Menu */
ul.mainmenu li:hover li a,
ul.mainmenu li.iehover li a {
  float: none;
  z-index:999999 ;
}

ul.mainmenu ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul.mainmenu li:hover ul ul,
ul.mainmenu li.iehover ul ul {
  display: none;
  z-index:999999 ;
}

ul.mainmenu li:hover ul,
ul.mainmenu ul li:hover ul {
  display: block;
  z-index:999999 ;
}

ul.mainmenu li.iehover ul,
ul.mainmenu ul li.iehover ul {
  display: block;
  z-index:999999 ;
}

li.persistHover,
a.persistHover
{
	background: #CCC;
	color: #FFF;
	z-index:999999 ;
}


span.counter {
	width: 13px;

	text-align: center;
	line-height: 10px;
	padding-left: 3px;
	background: #4e94ca;
	color: white;
	font-size: 12px;
	position: absolute;
	right: 1px;
	top: 1px;
	bottom: 1px;
}

#nav {
padding:0;
margin:0;
background:transparent url(/assets/images/site/riverofrenewal//main_template/mainnav_combo.png) no-repeat scroll 0 0;
height:15px;
width: 802px;
margin-bottom:29px;
}

#nav ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}

#nav ul li {
float:left;
}


#nav ul li a {
display:block;
height:15px;
background-image:url(/assets/images/site/riverofrenewal/mainnav.png);
}

#nav ul li li a {
display:block;
height:27px;
background-image:none;
z-index:999999;
}

#explore_submenu{
/*background:transparent url(/assets/images/site/riverofrenewal//subnav.png) no-repeat scroll 0 0;*/
height:23px;
position:relative;
z-index:999999;
margin-left:284px;
margin-bottom:20px;
}

#explore_submenu ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}

#explore_submenu ul li {
float:left;
}

#explore_submenu ul li a {
display:block;
height:23px;
background-image:url(/assets/images/site/riverofrenewal//subnav.png);
}

#explore_submenu ul li li a {
display:block;
height:27px;
background-image:none;
z-index:999999;
}

#nav ul li a span,
#explore_submenu ul li a span {
display:none;
}
#clients {
clear:both;
}
#mainnav_home { width:76px;background-position:0px 0px; }
#mainnav_aboutfilm { width:139px;background-position:-76px 0px; }
#mainnav_trailer { width:111px;background-position:-215px 0px; }
#mainnav_press { width:118px;background-position:-326px 0px; }
#mainnav_buy { width:136px;background-position:-444px 0px; }
#mainnav_aboutus { width:120px;background-position:-580px 0px; }
#mainnav_contact { width:102px;background-position:-700px 0px; }

#submenu_explore { width:99px;background-position:0px 0px; }
#submenu_engage { width:93px;background-position:-99px 0px; }
#submenu_experience { width:122px;background-position:-192px 0px; }
#submenu_connect { width:104px;background-position:-312px 0px; }
#submenu_share { width:100px;background-position:-416px 0px; }


body.home #mainnav_home, #mainnav_home:hover {background-position: 0px -15px; }
body.aboutfilm #mainnav_aboutfilm, #mainnav_aboutfilm:hover {background-position: -76px -15px; }
#mainnav_trailer:hover {background-position: -215px -15px; }
body.press #mainnav_press, #mainnav_press:hover {background-position: -326px -15px; }
body.buy #mainnav_buy, #mainnav_buy:hover {background-position: -444px -15px; }
body.aboutus #mainnav_aboutus, #mainnav_aboutus:hover {background-position: -580px -15px; }
body.contact #mainnav_contact, #mainnav_contact:hover {background-position: -700px -15px; }

#submenu_explore:hover { width:99px;background-position:0px -23px; }
#submenu_engage:hover { width:93px;background-position:-99px -23px; }
#submenu_experience:hover { width:122px;background-position:-192px -23px; }
#submenu_connect:hover { width:104px;background-position:-312px -23px; }
#submenu_share:hover { width:100px;background-position:-416px -23px; }

.hidden {display:none;}