*, html {
	margin: 0;
	padding: 0;
}
a {
	color: #883c00;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
body {
	background: #ffffcf url(../img/body_graidient.gif) top repeat-x;
	font-style: georgia;
	font-size: 14px;
	color: #7b7b7c;
	line-height: 1.3em;
}
#background {
	position: absolute;
	margin: auto;
	width: 100%;
	background: transparent url(../img/floral_bg.png) top no-repeat;
}
#container {
	position: relative;
	width: 968px;
	margin: 20px auto;
}
/*          Header            */
div#header {
	position: relative;
	height: 200px;
	background: transparent url(../img/header_main.png) top no-repeat;
}
img#headerPicture {
	position: relative;
	top: 8px;
	left: 15px;
}
div#header h1.hidden {
	display: none;
}
div#header h1.logo {
	position: absolute;
	display: block;
	top: 20;
	left: 120px;
	width: 379px;
	height: 0;
	padding: 96px;
	background: transparent url(../img/header_logo.png) 100px 30px no-repeat;
	overflow: hidden;
}
div.quotes {
	position: absolute;
	top: 135px;
	left: 500px;
	width: 450px;
	font-size: 13px;
	line-height: 1.1em;
	z-index: 100;
}
div.quotes span.name {
	text-align: right;
	font-weight: bold;
	margin-left: 5px;
}
ul#mainNav {
	list-style: none;
}
ul#mainNav li a {
	display: block;
	position: absolute;
	text-indent: -9999px;
	overflow: hidden;
}
ul#mainNav li.home {
	position: absolute;
	top: 133px;
	left: 230px;
}
ul#mainNav li.home a {
	background: transparent url(../img/nav.gif) 0px -75px no-repeat;
	height: 30px;
	width: 60px;
}
#home ul#mainNav li.home a {
	background: transparent url(../img/nav.gif) 0 -123px no-repeat;
}
ul#mainNav li.home a:hover {
	background: transparent url(../img/nav.gif) 0 -123px no-repeat;
}
ul#mainNav li.media {
	position: absolute;
	top: 117px;
	left: 295px;
}
ul#mainNav li.media a {
	background: transparent url(../img/nav.gif) -60px -60px no-repeat;
	height: 30px;
	width: 76px;
}
#media ul#mainNav li.media a {
	background: transparent url(../img/nav.gif) -60px -108px no-repeat;
}
ul#mainNav li.media a:hover {
	background: transparent url(../img/nav.gif) -60px -108px no-repeat;
}
ul#mainNav li.performances {
	position: absolute;
	top: 90px;
	left: 382px;
}
ul#mainNav li.performancesie {
	display: none;
}
ul#mainNav li.performances a {
	background: transparent url(../img/nav.gif) -140px -35px no-repeat;
	height: 40px;
	width: 150px;
}
ul#mainNav li.performances a:hover {
	background: transparent url(../img/nav.gif) -140px -83px no-repeat;
}
ul#mainNav li.bios {
	position: absolute;
	top: 66px;
	left: 540px;
}
ul#mainNav li.bios a {
	background: transparent url(../img/nav.gif) -290px -12px no-repeat;
	height: 40px;
	width: 60px;
}
ul#mainNav li.bios a:hover,
#bio ul#mainNav li.bios a {
	background: transparent url(../img/nav.gif) -290px -60px no-repeat;
}
ul#mainNav li.contact {
	position: absolute;
	top: 54px;
	left: 612px;
}
ul#mainNav li.contactie {
	display: none;
}
ul#mainNav li.contact a {
	background: transparent url(../img/nav.gif) -355px 0px no-repeat;
	height: 36px;
	width: 100px;
}
ul#mainNav li.contact a:hover {
	background: transparent url(../img/nav.gif) -355px -48px no-repeat;
}
/*           Content         */
#page {
	background: transparent url(../img/container_bg.png) top repeat-y;
	width: 968px;
	overflow: hidden;
}
#home #content {
	position: relative;
	height: 80px;
	background: transparent url(../img/home-main-pic.jpg) top no-repeat;
	margin-top: 20px;
	padding: 450px 20px 20px 60px;
}
.index #content p {
	width: 460px;
}
.index p.bio {
	display: none;
}
ul.mediaLinks {
	position: absolute;
	top: 460px;
	left: 145px;
	list-style: none;
	font-size: 16px;
	font-weight: bold;
}
ul.mediaLinks li {
	float: left;
	margin-right: 25px;
}
#home a.viewDemo {
	display: block;
	height: 42px;
	padding: 20px 0 0 75px;
	background: transparent url(../img/video_icon.gif) 0 0 no-repeat;
}
#home a.viewPictures {
	display: block;
	height: 42px;
	padding: 20px 0 0 75px;
	background: transparent url(../img/pictures_icon.gif) 0 0 no-repeat;
}
/*             Media Page             */
#media #page {
	height: auto;
}
#media #content {
	height: 600px;
	padding-bottom: 15px;
}
#content div.sil {
	position: absolute;
	right: 13px;
	top: 226px;
	width: 484px;
	height: 600px;
	background: transparent url(../img/silouette-group.gif) top right no-repeat;
	z-index: 50;
}
#media h2 {
	position: relative;
	display: block;
	left: 100px;
	top: 0;
	width: 169px;
	height: 86px;
	text-indent: -9999px;
	background: transparent url(../img/pictures_title.gif) top left no-repeat;
}
#media h2#performanceHead {
	height
}
#photoContainer {
	position: relative;
	width: auto;
	height: 442px;
	margin: 20px auto 20px auto;
	z-index: 100;
}
#pictureFrame #photoContainer {
	margin: 20px 10px 20px 0;
}
#frame {
	position: relative;
	width: 785px;
	height: 500px;
	margin: auto;
	padding-bottom: 10px;
	z-index: 100;
}
#media iframe {
	width: 785px;
	height: 485px;
	border: none;
	overflow: hidden;
	margin: auto;
	z-index: 150;
}
#photoContainer div.photoBin {
	position: absolute;
	left: 120px;
	width: 640px;
	height: 442px;
	background-color: #fff;
	border: 2px solid #eaeaea;
 	-moz-box-shadow: 0px 0px 3px  #d3d3d3;
	-webkit-box-shadow: 0px 0px 3px #d3d3d3;
	overflow: hidden;
}
.group #photoContainer div.photoBin {
	width: 315px;
}
.nikki #photoContainer div.photoBin {
	width: 287px;
}
.amber #photoContainer div.photoBin {
	width: 322px;
}
#photoContainer div.loading {
	background: #fff url(../img/load_img.gif) center 205px no-repeat;
}
#photoContainer div.photoBin img {
	border: 6px solid #fff;
}
#photoContainer div.thumbsBin {
	position: absolute;
	left: 18px;
	width: 75px;
	height: 442px;
	border: 1px solid #eaeaea;
 	-moz-box-shadow: 0px 0px 6px  #777;
	-webkit-box-shadow: 0px 0px 6px #777;
	overflow: hidden;
}
#photoContainer div.thumbsBin ul {
	display: block;
	width: 75px;
	list-style: none;
	margin: auto;
}
#photoContainer div.thumbsBin ul li {
	height: 75px;
	margin-bottom: 1px;
}
#photoContainer div.thumbsBin ul li a img {
	border: none;
}
#videoContainer {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	height: 260px;
	width: 340px;
	margin: -130px 0 0 -170px;
	padding: 6px 0 0 0;
	background-color: #fff;
	border: 2px solid #eaeaea;
	-moz-box-shadow: 0px 0px 6px #777;
	-webkit-box-shadow: 0px 0px 6px #777;
	z-index: 500;
	opacity: 1;
	_position: absolute;
	_margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#video {
	width: 320px;
	height: 260px;
	margin: 5px auto 0 auto;
}
#player {
	display: none;
	width: 320px;
}
#videoContainer a.closeVideo {
	display: none;
	position: absolute;
	top: -16px;
	right: -16px;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background: transparent url(../img/close.png) top left no-repeat;
}
#pictureFrame {
	background: #fff url() no-repeat;
	padding-top: 5px;
}
#pictureFrame div.sil {
	position: absolute;
	left: 380px;
	top: -60px;
	width: 484px;
	height: 600px;
	background: transparent url(../img/silouette-group.gif) top right no-repeat;
}
#photoOptions {
	display: block;
	position: absolute;
	left: 300px;
	top: 247px;
	width: 300px;
	list-style: none;
	z-index: 200;
}
#photoOptions li {
	display: block;
	float: left;
	margin-right: 10px;
}
#photoOptions li a.group {
	display: block;
	width: 60px;
	height: 30px;
	text-indent: -9999px;
	background: transparent url(../img/pictures_subnav.gif) top left no-repeat;
}
#photoOptions li a.group:hover,
#photoOptions li.selected a.group {
	background-position: 0px -30px;
}
#photoOptions li a.amber {
	display: block;
	width: 60px;
	height: 30px;
	background: transparent url(../img/pictures_subnav.gif) -80px 0 no-repeat;
	text-indent: -9999px;
}
#photoOptions li a.amber:hover,
#photoOptions li.selected a.amber {
	background-position: -80px -30px;
}	
#photoOptions li a.nikki {
	display: block;
	width: 60px;
	height: 30px;
	text-indent: -9999px;
	background: transparent url(../img/pictures_subnav.gif) -160px 0 no-repeat;
}
#photoOptions li a.nikki:hover, 
#photoOptions li.selected a.nikki {
	background-position: -160px -30px;
}
#media a.viewDemo {
	display: block;
	position: absolute;
	top: 247px;
	left: 500px;
	width: 60px;
	height: 30px;
	text-indent: -9999px;
	background: transparent url(../img/pictures_subnav.gif) -235px 0 no-repeat;
	z-index: 300;
}
#media a.viewDemo:hover {
	background-position: -235px -30px;
}
#modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent url(../img/modal_bg.png) top repeat;
	z-index: 400;
	_height: expression(document.body.scrollHeight + 'px');
	_width: expression(document.documentElement.clientWidth + 'px');
	_position:absolute;
}
/*             Performances              */
#performances #content {
	height: auto;
	color: #444;
}
#performances h2,
#contact h2 {
	position: relative;
	left: 80px;
}
#performances ul {
	list-style: none;
	width: 300px;
	padding: 20px 0 0 80px;
}
#performances ul li {
	padding-bottom: 20px;
}
#performances ul dd {
	padding-bottom: 10px;
}
#performances dl p {
	margin: 0;
}
div.performancesSlider,
div.contactSlider {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	bottom:0;
	width: 0px;
	height: 100%;
	background: transparent url(../img/modal_bg.png) top repeat;
	border-right: 1px solid #000;
	color: #000;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 1000;
}
div.performancesSlider h2#performanceHead,
div.contactSlider h2#contactHead,
#media div.performancesSlider h2#performanceHead,
#media div.contactSlider h2#contactHead {
	display: block;
	position: relative;
	top: 20px;
	left: 10px;
	height: auto;
	width: auto;
	margin: 0 0 30px 0 ;
	background-image: none;
	text-indent: 0;
}
div.performancesSlider a.close,
div.contactSlider a.close {
	display: block;
	position: absolute;
	right: 0px;
	top: 5px;
	width: 30px;
	height: 30px;
	background: transparent url(../img/close.png) 0 0 no-repeat;
	text-indent: -9999px;
}
div.performancesSlider ul {
	list-style: none;
	width: 300px;
	padding: 5px 10px 0 10px;
}
div.performancesSlider ul li {
	padding-bottom: 20px;
}
div.performancesSlider ul dd {
	padding-bottom: 10px;
}
div.performancesSlider dl p {
	margin: 0;
}
div.contactSlider dl {
	padding-left: 10px;
}
div.contactSlider dl dt {
	font-weight: bold;
}
div.contactSlider dl dd {
	padding-bottom: 20px;
}

#contact #content {
	height: 200px;
	color: #444;
	padding-top: 20px;
}
#content dl {
	padding: 20px 0 0 80px;
	font-size: 18px;
}
#content dd {
	padding-bottom: 15px;
}
/*             Bio             */
#bio #content {
	background: transparent url(../img/bio_bg.gif) top no-repeat;
	height: 600px;
	color: #150900;
	position: relative;
}
#bio h2 {
	display: none;
}
#bio p {
	margin-bottom: 10px;
	line-height: 20px;
}
#bio p.quote1 {
	line-height: 14px;
}
#bio .text {
	height: 417px;
	overflow: auto;
}
#bio #amber {
	width: 545px;
	height: 540px;
	margin: auto;
	background: transparent url(../img/bio_amber.jpg) 560px 83px no-repeat;
	padding: 90px 250px 30px 5px;
	overflow: auto;
}
#bio #nikki {
	display: none;
	width: 545px;
	height: 540px;
	margin: auto;
	background: transparent url(../img/bio_nikki.jpg) 560px 83px no-repeat;
	padding: 90px 250px 30px 5px;
	overflow: auto;
}
#bio ul.subNav {
	position: absolute;
	display: block;
	top: 38px;
	left: 278px;
	width: 170px;
	height: 140px;
	background: transparent url(../img/bio_subNav_bg.gif) top no-repeat;
	list-style: none;
}
#bio ul.subNav li {
	float: left;
}
#bio ul.subNav li.amberLink a {
	display: block;
	position: absolute;
	top: 5px;
	left: 6px;
	width: 81px;
	height: 35px;
	background: transparent url(../img/bio_subNav.gif) 0 0 no-repeat;
	border-right: 1px solid #000;
	text-indent: -9999px;
}
#bio ul.subNav li.amberLink a.selected,
 #bio ul.subNav li.amberLink a:hover {
	background-position: 0 -70px;
}
#bio ul.subNav li.nikkiLink a {
	display: block;
	position: absolute;
	top: 5px;
	left: 82px;
	width: 84px;
	height: 35px;
	background: transparent url(../img/bio_subNav.gif) -148px 0px no-repeat;
	text-indent: -9999px;
}
#bio ul.subNav li.nikkiLink a.selected,
 #bio ul.subNav li.nikkiLink a:hover {
	background-position: -148px -70px;
}
/*             Footer         */
div#footer {
	background: transparent url(../img/footer_bg.png) top no-repeat;
	height: 20px;
	padding: 25px 10px;
}
div#footer p.copyright {
	float: left;
}
div#footer p.nonface {
	float: right;
}
#footer a {
	color: #883c00;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}