@charset "UTF-8";
/* CSS Document -- Video Adventures Navigation Bar -- Javascript Version */


/*------- GENERAL NAVBAR RULES -------*/

#navwrapper {
	margin:0px auto;
	position:relative;
	top:155px;
	height:25px;
	width:770px;
}
.navbar, .navbar  ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.navbar ul {
	display: none;
	position: absolute;
	height: 25px;
	width: 150px;
}
.navbar li {
	float: left;
	display: block;
	position: relative;
}
.navbar ul li {
	float: none;
	margin: 0;
	margin-bottom: -3px;
}

/* Use these for projected 'images off' text version */
/*.navbar a:hover, .navbar a.highlighted:hover {
	color: #FFF;
	background-color: #A64;
}
.navbar a.highlighted {
	color: #FFF;
	background-color: #C86;
}
*/


/*------- TOP LEVEL ROLLOVER BUTTONS -------*/


.navbar a#home {
	display: block;
	width: 56px;
	height: 25px;
	overflow:hidden;
}
.navbar a#home span {
	display: block;
	position:absolute;
	width: 56px;
	height: 25px;
	background: url(../images/navbar/home_sprite.png) no-repeat 0 -25px;
}
.navbar a#about {
    display: block;
	width: 80px;
	height: 25px;
	overflow:hidden;
}
.navbar a#about span {
    display: block;
	position:absolute;
	width: 80px;
	height: 25px;
	background: url(../images/navbar/about_sprite2.png) no-repeat 0px -25px;
}
.navbar a#weddings {
    display: block;
	width: 81px;
	height: 25px;
	overflow:hidden;
}
.navbar a#weddings span {
    display: block;
	position:absolute;
	width: 81px;
	height: 25px;
	background: url(../images/navbar/weddings_sprite2.png) no-repeat 0 -25px;
}
.navbar a#productions {
	display: block;
	width: 96px;
	height: 25px;
	overflow:hidden;
}
.navbar a#productions span {
	display: block;
	position:absolute;
	width: 96px;
	height: 25px;
	background: url(../images/navbar/production_sprite.png) no-repeat 0 -25px;
}
.navbar a#theater {
    display: block;
	width: 112px;
	height: 25px;
	overflow:hidden;
}
.navbar a#theater span {
    display: block;
	position:absolute;
	width: 112px;
	height: 25px;
	background: url(../images/navbar/theater_sprite2.png) no-repeat 0 -25px;
}
.navbar a#resources {
    display: block;
	width: 80px;
	height: 25px;
	overflow:hidden;
}
.navbar a#resources span {
    display: block;
	position:absolute;
	width: 80px;
	height: 25px;
	background: url(../images/navbar/resources_sprite.png) no-repeat 0 -25px;
}
.navbar a#blog {
	display:block;
	width:45px;
	height:25px;
	overflow:hidden;
}
.navbar a#blog span {
	display:block;
	position:absolute;
	width:45px;
	height:25px;
	background: url(../images/navbar/blog_sprite.png) no-repeat 0 -24px;
}
.navbar a#contact {
    display: block;
	width: 88px;
	height: 25px;
	overflow:hidden;
}
.navbar a#contact span {
    display: block;
	position:absolute;
	width: 88px;
	height: 25px;
	background: url(../images/navbar/contact_sprite.png) no-repeat 0 -25px;
}
.navbar a#home span:hover, .navbar a.highlighted#home {
	background: url(../images/navbar/home_sprite.png) no-repeat 0 0;
}
.navbar a#about span:hover, .navbar a.highlighted#about {
	background: url(../images/navbar/about_sprite2.png) no-repeat 0 0;
}
.navbar a#weddings span:hover, .navbar a.highlighted#weddings {
	background: url(../images/navbar/weddings_sprite2.png) no-repeat 0 0;
}
.navbar a#productions span:hover, .navbar a.highlighted#productions {
	background: url(../images/navbar/production_sprite.png) no-repeat 0 0;
}
.navbar a#theater span:hover, .navbar a.highlighted#theater {
	background: url(../images/navbar/theater_sprite2.png) no-repeat 0 0;
}
.navbar a#resources span:hover, .navbar a.highlighted#resources {
	background: url(../images/navbar/resources_sprite.png) no-repeat 0 0;
}
.navbar a#blog span:hover, .navbar a.highlighted#blog {
	background: url(../images/navbar/blog_sprite.png) no-repeat 0 1px;
}
.navbar a#contact span:hover, .navbar a.highlighted#contact {
	background: url(../images/navbar/contact_sprite.png) no-repeat 0 0;
}



/*------- DROP DOWN MENU ROLLOVER BUTTONS -------*/


.navbar a#bio {
    display: block;
	width: 97px;
	height: 31px;
	overflow:hidden;
}
.navbar a#bio span {
    display: block;
	position:absolute;
	width: 97px;
	height: 31px;
	background: url(../images/navbar/about_sprite2.png) no-repeat 0 -50px;
}
.navbar a#awards {
    display: block;
	width: 97px;
	height: 25px;
	overflow:hidden;
}
.navbar a#awards span {
    display: block;
	position:absolute;
	width: 97px;
	height: 25px;
	background: url(../images/navbar/about_sprite2.png) no-repeat 0 -81px;
}
.navbar a#testimonials {
    display: block;
	width: 97px;
	height: 24px;
	overflow:hidden;
}
.navbar a#testimonials span {
    display: block;
	position:absolute;
	width: 97px;
	height: 24px;
	background: url(../images/navbar/about_sprite2.png) no-repeat 0 -106px;
}
.navbar a#client {
    display: block;
	width: 97px;
	height: 22px;
	overflow:hidden;
}
.navbar a#client span {
    display: block;
	position:absolute;
	width: 97px;
	height: 22px;
	background: url(../images/navbar/about_sprite2.png) no-repeat 0 -130px;
}
.navbar a#cinematic {
	display: block;
	width: 112px;
	height: 32px;
	overflow:hidden;
}
.navbar a#cinematic span {
	display: block;
	position:absolute;
	width: 112px;
	height: 32px;
	background: url(../images/navbar/weddings_sprite2.png) no-repeat 0 -50px;
}
.navbar a#documentary {
	display: block;
	width: 112px;
	height: 24px;
	overflow:hidden;
}
.navbar a#documentary span {
	display: block;
	position:absolute;
	width: 112px;
	height: 24px;
	background: url(../images/navbar/weddings_sprite2.png) no-repeat 0 -82px;
}
.navbar a#concept {
	display: block;
	width: 112px;
	height: 24px;
	overflow:hidden;
}
.navbar a#concept span {
	display: block;
	position:absolute;
	width: 112px;
	height: 24px;
	background: url(../images/navbar/weddings_sprite2.png) no-repeat 0 -106px;
}
.navbar a#travel {
	display: block;
	width: 112px;
	height: 22px;
	overflow:hidden;
}
.navbar a#travel span {
	display: block;
	position:absolute;
	width: 112px;
	height: 22px;
	background: url(../images/navbar/weddings_sprite2.png) no-repeat 0 -130px;
}
.navbar a#events {
	display: block;
	width: 129px;
	height: 32px;
	overflow:hidden;
}
.navbar a#events span {
	display: block;
	position:absolute;
	width: 129px;
	height: 32px;
	background: url(../images/navbar/production_sprite.png) no-repeat 0 -51px;
}
.navbar a#photo {
	display: block;
	width: 129px;
	height: 24px;
	overflow:hidden;
}
.navbar a#photo span {
	display: block;
	position:absolute;
	width: 129px;
	height: 24px;
	background: url(../images/navbar/production_sprite.png) no-repeat 0 -82px;
}
.navbar a#corporate {
	display: block;
	width: 129px;
	height: 24px;
	overflow:hidden;
}
.navbar a#corporate span {
	display: block;
	position:absolute;
	width: 129px;
	height: 24px;
	background: url(../images/navbar/production_sprite.png) no-repeat 0 -106px;
}
.navbar a#services {
	display: block;
	width: 129px;
	height: 22px;
	overflow:hidden;
}
.navbar a#services span {
	display: block;
	position:absolute;
	width: 129px;
	height: 22px;
	background: url(../images/navbar/production_sprite.png) no-repeat 0 -130px;
}
.navbar a#weddings2 {
	display: block;
	width: 121px;
	height: 34px;
	overflow:hidden;
}
.navbar a#weddings2 span {
	display: block;
	position:absolute;
	width: 121px;
	height: 34px;
	background: url(../images/navbar/theater_sprite2.png) no-repeat 0 -50px;
}
.navbar a#events2 {
	display: block;
	width: 121px;
	height: 26px;
	overflow:hidden;
}
.navbar a#events2 span {
	display: block;
	position:absolute;
	width: 121px;
	height: 26px;
	background: url(../images/navbar/theater_sprite2.png) no-repeat 0 -83px;
}
.navbar a#corporate2 {
	display: block;
	width: 121px;
	height: 31px;
	overflow:hidden;
}
.navbar a#corporate2 span {
	display: block;
	position:absolute;
	width: 121px;
	height: 31px;
	background: url(../images/navbar/theater_sprite2.png) no-repeat 0 -107px;
}
.navbar a#bio span:hover, .navbar a.highlighted#bio {
    background: url(../images/navbar/about_sprite2.png) no-repeat 0 -152px;
}
.navbar a#awards span:hover, .navbar a.highlighted#awards {
    background: url(../images/navbar/about_sprite2.png) no-repeat 0 -183px;
}
.navbar a#testimonials span:hover, .navbar a.highlighted#testimonials {
    background: url(../images/navbar/about_sprite2.png) no-repeat 0 -208px;
}
.navbar a#client span:hover, .navbar a.highlighted#client {
    background: url(../images/navbar/about_sprite2.png) no-repeat 0 -232px;
}
.navbar a#cinematic span:hover, .navbar a.highlighted#cinematic {
    background: url(../images/navbar/weddings_sprite2.png) no-repeat 0 -152px;
}
.navbar a#documentary span:hover, .navbar a.highlighted#documentary {
    background: url(../images/navbar/weddings_sprite2.png) no-repeat 0 -184px;
}
.navbar a#concept span:hover, .navbar a.highlighted#concept {
    background: url(../images/navbar/weddings_sprite2.png) no-repeat 0 -208px;
}
.navbar a#travel span:hover, .navbar a.highlighted#travel {
    background: url(../images/navbar/weddings_sprite2.png) no-repeat 0 -232px;
}
.navbar a#events span:hover, .navbar a.highlighted#events {
    background: url(../images/navbar/production_sprite.png) no-repeat 0 -152px;
}
.navbar a#photo span:hover, .navbar a.highlighted#photo {
    background: url(../images/navbar/production_sprite.png) no-repeat 0 -183px;
}
.navbar a#corporate span:hover, .navbar a.highlighted#corporate {
    background: url(../images/navbar/production_sprite.png) no-repeat 0 -207px;
}
.navbar a#services span:hover, .navbar a.highlighted#services {
    background: url(../images/navbar/production_sprite.png) no-repeat 0 -231px;
}
.navbar a#weddings2 span:hover, .navbar a.highlighted#weddings2 {
    background: url(../images/navbar/theater_sprite2.png) no-repeat 0 -152px;
}
.navbar a#events2 span:hover, .navbar a.highlighted#events2 {
    background: url(../images/navbar/theater_sprite2.png) no-repeat 0 -185px;
}
.navbar a#corporate2 span:hover, .navbar a.highlighted#corporate2 {
    background: url(../images/navbar/theater_sprite2.png) no-repeat 0 -209px;
}


/* Turn off Java submenu indicators */
.navbar a .subind {
	display: none;
}
.navbar ul a .subind {
	display: block;
	float: right;
}



/*------- BROWSER COMPATIBILITY HACKS -------*/


/* Mozilla Hack */
.navbar ul>li:last-child {
	margin-bottom: 1px; 
}

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.navbar a {
	float: left;
}
.navbar ul a {
	float: none;
}
/* \*/
.navbar a {
	float: none;
}
/* */

/* HACKS: IE/Win: <=IE6, =IE7 */
*:first-child+html .navbar ul li {
	float: left;
	width: 100%;
}

* html .navbar ul li {
	float: left;
	height: 1%;
}
* html .navbar ul a {
	height: 1%;
}