/*-Leopard Drama navigaion*/

	ul#nav {
		list-style: none;
		padding: 0;
		}
		ul#nav li {
			float: left;
			}
			ul#nav li a {
				display: block;
				padding: 0;
				background: url(../images/nav.png) no-repeat #f7f8f8;
				height: 26px;
				text-indent: -999em;
				}
				ul#nav #home a {
					width: 111px;
					background-position: 0 0;
					}
					ul#nav #home a:hover, ul#nav #home a.on {
						background-position: 0 -26px !important;
						}
				ul#nav #productions a {
					width: 143px;
					background-position: -111px 0;
					}
					ul#nav #productions a:hover, ul#nav #productions a.on {
						background-position: -111px -26px !important;
						}
				ul#nav #people a {
					width: 113px;
					background-position: -254px 0;
					}
					ul#nav #people a:hover, ul#nav #people a.on {
						background-position: -254px -26px !important;
						}
				ul#nav #showreel a {
					width: 126px;
					background-position: -367px 0;
					}
					ul#nav #showreel a:hover, ul#nav #showreel a.on {
						background-position: -367px -26px !important;
						}
				ul#nav #news a {
					width: 103px;
					background-position: -493px 0;
					}
					ul#nav #news a:hover, ul#nav #news a.on {
						background-position: -493px -26px !important;
						}
				ul#nav #beontv a {
					width: 124px;
					background-position: -596px 0;
					}
					ul#nav #beontv a:hover,  ul#nav #beontv a.on {
						background-position: -596px -26px !important;
						}
				ul#nav #about a {
					width: 126px;
					background-position: -720px 0;
					}
					ul#nav #about a:hover, ul#nav #about a.on {
						background-position: -720px -26px !important;
						}
				ul#nav #contact a {
					width: 115px;
					background-position: -846px 0;
					}
					ul#nav #contact a:hover, ul#nav #contact a.on {
						background-position: -846px -26px !important;
						}
div#header a {
	display: block;
	width: 570px;
	height: 94px;
	margin: 0;
	padding: 0;
	background: url(../images/title-drama.jpg) 8px 20px no-repeat;
	}