/* **** master containers */
body, html {
  height: 100%;
  width: 100%;
}
* {
  padding: 0;
  margin: 0;
}
body
{
  font: normal 80%/14px arial, helvetica, sans-serif;
  color: #DDD;
  background-color: #000;
  font-weight: normal;
  width: 100%;
}

body,form,h1,h2,h3,h4,div,ul,li,ol	{ margin: 0; padding: 0; }
img 								{ border: 0px none; }
.spacer								{ display: block; clear: both; height: 1px; overflow: hidden; padding: 0px; margin: 0px; }
.nodisplay, hr, .keywords			{ display: none; }
ol									{ list-style: decimal inside; }
p									{ margin-top: 0; line-height: 1.3em;}
ul									{ margin: 0; padding: 0; }
ul li								{ list-style-type: none; }
input, select						{ }
strong								{ font-weight: bold; }
a									{ color: #DDD; text-decoration: none; }

a:hover, a:focus, a:active			{ color: #DDD; }
fieldset							{ border: 0 solid; margin: 0; padding: 0; }
legend								{ display: none; }
.last {
	border: 0px none !important;
	background-image: none !important;
}
#center {
  /* TODO: Vertikal Zentrieren */
}

a.std {
  padding-left: 8px !important;
}
a.std:hover {
  background: url(../pics/dots.gif) 0 70% no-repeat;
}
a.std span {
  padding-right: 4px !important;
}
a.std:hover span {
  background: url(../pics/rdots.gif) 100% 70% no-repeat;
}
a.std:hover span span {
	background-image: none !important;
}

table.center {
  height: 100%;
  width: 100%;
}
#page
{
  margin: 0 auto;
  text-align: left;
  width: 850px;
  height: 425px;
}
.bg_standard {
  background: url(../pics/bg/main_index.jpg) 0 0 no-repeat;
}
#positioner { position: absolute; }
abbr								{ cursor: help; border-bottom: 1px dotted #333; }


.more {
    cursor:pointer;
    background: url(../pics/buttons/more.gif) 0 0 no-repeat transparent;
    display: block;
    padding: 0 0 13px 60px;
    font-weight: bold;
}
.back {
    cursor:pointer;
    background: url(../pics/buttons/back.gif) 0 0 no-repeat transparent;
    display: block;
    padding: 0 0 13px 60px;
    font-weight: bold;
}

.morebw {
    cursor:pointer;
    background: url(../pics/buttons/more_bw.gif) 0 0 no-repeat transparent;
    display: block;
    padding: 0 0 13px 60px;
    font-weight: bold;
}
.backbw {
    cursor:pointer;
    background: url(../pics/buttons/back_bw.gif) 0 0 no-repeat transparent;
    display: block;
    padding: 0 0 13px 60px;
    font-weight: bold;
}
#next-arrow, #prev-arrow {
    font-weight: bold;
}
.more span, .back span, .morebw span, .backbw span{ display: none; }

input.error, textarea.error {
	border: 2px solid #FF5334 !important;
	margin-top: -2px;
	margin-left: -2px;
}

#page404 {
	position: absolute;
	left: 200px;
	top: 120px;
	width: 500px;
	height: 240px;
	padding: 10px;
	background-color: #320000;
	opacity: 0.75;
}
/* ***** header */

#header, #content {}

#header {
}
#menu {
  position: relative;
  left: 0;
  top: 392px;
  height: 33px;
  width: 850px;
  float: left;
  z-index: 100;
}
#menu a span {
  display: none;
}

#menu ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  float: left;
  display: block;
}
#menu ul li {
  float: left;
  display: block;
}
#menu ul li a  {
  float: left;
  display: block;
  text-decoration: none;
  color: white;
  height: 27px;
  padding-top: 6px;
  padding-left: 12px;
  background-repeat: no-repeat;
  background-position: 12px 50%;
}

#menu li#menu_biographies a		{ overflow: hidden; width: 86px;	background-image: url(../pics/menu/biographies.gif)}
#menu li#menu_live a 		 	{ overflow: hidden; width: 31px;	background-image: url(../pics/menu/live.gif)}
#menu li#menu_music a		 	{ overflow: hidden; width: 42px;	background-image: url(../pics/menu/music.gif)}
#menu li#menu_gallery a	 		{ overflow: hidden; width: 57px;	background-image: url(../pics/menu/gallery.gif)}
#menu li#menu_teaching a	 	{ overflow: hidden; width: 64px;	background-image: url(../pics/menu/teaching.gif)}
#menu li#menu_corporate a	 	{ overflow: hidden; width: 136px;	background-image: url(../pics/menu/corporate.gif)}
#menu li#menu_press a		 	{ overflow: hidden; width: 43px;	background-image: url(../pics/menu/press.gif)}
#menu li#menu_festival a	 	{ overflow: hidden; width: 59px;	background-image: url(../pics/menu/festival.gif)}
#menu li#menu_guestbook a	 	{ overflow: hidden; width: 79px;	background-image: url(../pics/menu/guestbook.gif)}
#menu li#menu_links a		 	{ overflow: hidden; width: 40px;	background-image: url(../pics/menu/links.gif)}
#menu li#menu_contact a	 		{ overflow: hidden; width: 61px;	background-image: url(../pics/menu/contact.gif)}

#header h1 a
{
	display: block;
	position: absolute;
	top: 5px;
	left: 15px;
	height: 90px;
	width: 200px;
	z-index: 200;
}
#header h1 a span {
	display: none;
}

/* ***** Submenues ***** */
.submenu {
  z-index: 300;
  position: absolute;
  background: url(../pics/menu/bg_submenu.png) 0 0 repeat transparent;
}
.submenu a {
	display: block;
}
.submenu a.std span {
	display: block;
	padding: 3px;
	padding-right: 8px !important;
	padding-left: 0px;
	color: #000;
}
#subfestival {
  left: 550px;
  top: 352px;
  height: 40px;
  padding: 0 10px;
}
#subbiography  {
  left: 0;
  top: 352px;
  height: 40px;
  padding: 0 10px;
}
#subteaching {
  left: 262px;
  top: 332px;
  height: 60px;
  padding: 0 10px;
}
#subcorporate {
  left: 339px;
  top: 352px;
  height: 40px;
  padding: 0 10px;
}

.submenu a.std:hover, .submenu a.std:hover span {
  color: #FFF;
}



#footer {
	position: absolute;
	top: 425px;
	width: 850px;
	text-align: right;
	margin-top: 5px;
}
#footer .servicenav a {
	float: left;
	padding-right: 10px;
}
#footer .servicenav form {
	float: right;
}


/* ***** Content ***** */
#content {
  position: absolute;
  top: 0px;
  width: 850px;
  height: 392px;
}
/* ***** News ***** */
#news {
	position: absolute;
	left: 180px;
	top: 140px;
	height: 200px;
	width: 460px;
}

#news-pager {
	position: absolute;
	width: 460px;
	height: 180px;
	overflow: scroll;
}

#news .pager-prev {
	position: absolute;
	bottom: 0;
	right: 50px;
    background: url(../pics/buttons/back_bw.gif) 0 0 no-repeat transparent;
    padding: 0 0 13px 60px;
}

#news .pager-next {
	position: absolute;
	bottom: 0;
	right: 0px;
    background: url(../pics/buttons/more_bw.gif) 0 0 no-repeat transparent;
    padding: 0 0 13px 60px;

}
#news .pager-next span, #news .pager-prev span {
	display: none;
}

#news h2 {
  margin: 0.5em 0 0 0;
  padding: 0;
  font-size: 100%;
}
#news p {
  font-size: 0.9em;
  line-height: 1.2em;
}
/* ***** Specials ***** */


/* **** Biography **** */

#bio_seylan_baxter {
  z-index: 1;
  position: absolute;
  left: 280px;
  top: 0px;
}
#bio_cheyenne_brown {
  z-index: 1;
  position: absolute;
  left: 212px;
  top: 0px;
}
#biotextbg {
  position: absolute;
  left: 550px;
  top: 0px;
  height: 425px;
  width: 300px;
  background: url(../pics/bg/bg_biotext.png) 0 0 repeat transparent;
}
#biotext {
  position: absolute;
  left: 550px;
  top: 0px;
  height: 405px;
  width: 280px;
  text-align: justify;
  margin: 10px;
}
#biotextbg {
  position: absolute;
  left: 370px;
  top: 0px;
  height: 425px;
  width: 480px;
  background: url(../pics/bg/bg_biotext.png) 0 0 repeat transparent;
}
#biotext {
  left: 370px;
  width: 460px;
}

#bio-carousel .carousel-list li {
    width: 400px;
    margin-right: 100px;
}


#bio-carousel {
    float: left;
    width: 400px;
    height: 360px;
}
#biotext #next-arrow {
  position: absolute;
  left: 360px;
  top: 350px;
}

#biotext #prev-arrow {
  position: absolute;
  left: 0px;
  top: 350px;
}

/* **** Live Gigs and Workshops **** */
#gigs h3, #workshops h3 {
	font-size: 100%;
}
.bglive {
	background: url(../pics/bg/bg_live.jpg) 0 0 no-repeat;
}
#gigs {
	position: absolute;
	top: 159px;;
	width: 378px;
	height: 220px;
	left: 0;
}
#gigs-pager {
	position: absolute;
	width: 378px;
	height: 199px;
	overflow: scroll;
}

#gigs-pager li {
	margin-bottom: 10px;
}

#gigs .pager-prev {
	position: absolute;
	bottom: 0;
	right: 50px;
}
#gigs .pager-next {
	position: absolute;
	bottom: 0;
	right: 0;
}
#gigs li {
	position: relative;
}
#gigs .description {
	width: 215px;
	padding: 0 5px;
}
#gigs .date {
	position: absolute;
	top: 0;
	right: 0;
	width: 105px;
	text-align: right;
}

h2#gigs_header {
	position: absolute;
	top: 120px;
	left: 260px;
	background: url(../pics/headlines/gigs.gif) 0 0 no-repeat;
	padding: 0 0 25px 110px;
}
h2#gigs_header span {
	font-size: 48px;
	display: none;
}

h2#workshops_header {
	position: absolute;
	top: 140px;
	left: 390px;
	background: url(../pics/headlines/workshops.gif) 0 0 no-repeat;
	padding: 0 0 25px 287px;
}
h2#workshops_header span {
	font-size: 48px;
	display: none;
}
#gigs hr, #workshops hr {
	display: block;
	background-color: #FFF;
	border: 0px none;
	padding-bottom: 4px;
	margin: 10px 0;
	opacity: 0.6;
}
#workshops {
	position: absolute;
	top: 179px;
	width: 460px;
	height: 200px;
	left: 390px;
}
#workshops-pager {
	position: absolute;
	width: 460px;
	height: 180px;
	overflow: scroll;
}

#workshops-pager li {
	margin-bottom: 10px;
}

#workshops .pager-prev {
	position: absolute;
	bottom: 0;
	right: 50px;
}
#workshops .pager-next {
	position: absolute;
	bottom: 0;
	right: 0;
}

#workshops li {
	position: relative;
}
#workshops .description {
	width: 295px;
	padding: 0 5px;
	padding-left: 154px;
}
#workshops .date {
	position: absolute;
	top: 0;
	left: 0;
	width: 105px;
}
/* ************ Music */
.bgmusic {
  background: url(../pics/bg/bg_music.jpg) 0 0 no-repeat;
}
#music {
  position: absolute;
  top: 0px;
  left: 0px;
}
#music-carousel {
  z-index: 100;
  position: absolute;
  top: 115px;
  left: 0px;
    width: 850px;
    height: 230px;
}
#music-carousel .carousel-list li {
    width: 850px;
    margin: 0;
    display: block;
    height: 230px;
}
#music-carousel .carousel-list li div {
  float: left;
}
#music-carousel .carousel-list li div.image {
  width: 600px;
  text-align: right;
}
#music-carousel .carousel-list li div.description {
  width: 230px;
  color: black;
  margin: 0 10px;
}
#music-carousel .carousel-list li div.cdtrack {
	display: block;
	float: none;
	clear: both;
}
#music-carousel .carousel-list li div.cdtrack span {
	padding-left: 5px;
}
#music-carousel .carousel-list li div.buy {
  position: absolute;
  top: 175px;
  width: 850px;
  text-align: right;
}
#music-carousel .carousel-list li div.buy a {color: black;}

#music #next-arrow {
  z-index: 2;
  position: absolute;
  left: 795px;
  top: 160px;
  color: #000;
}
#music #prev-arrow {
  z-index: 2;
  position: absolute;
  left:0px;
  top: 160px;
  color: #000;
}
/* ************ Teaching */
.teaching_harp {
  background: url(../pics/bg/bg_teaching_harp.jpg) 0 0 no-repeat transparent;
}
.teaching_cello {
  background: url(../pics/bg/bg_teaching_cello.jpg) 0 0 no-repeat transparent;
}
.teaching_workshop {
  background: url(../pics/bg/bg_teaching_workshops.jpg) 0 0 no-repeat transparent;
}
#text_harp {
  position: absolute;
  top: 100px;
  left: 200px;
  height: 272px;
  width: 400px;
}
.bg_teaching_text {
  background: url(/pics/bg/bg_text.png) 0 0 repeat transparent;
  padding: 10px;
  text-align: justify;
}
#text_workshop_center {
  position: absolute;
  top: 100px;
  left: 300px;
  height: 272px;
  width: 300px;
}
#text_workshop_right{
  position: absolute;
  top: 10px;
  left: 660px;
  height: 360px;
  width: 185px;
}
/* ************ Corporate */
.corporate_corporate {
  background: url(../pics/bg/bg_corporate.jpg) 0 0 no-repeat transparent;
}
.corporate_wedding {
  background: url(../pics/bg/bg_wedding.jpg) 0 0 no-repeat transparent;
}
.textbg {
  padding: 10px;
  background: url(../pics/bg/bg_biotext.png) 0 0 repeat transparent;
}
#text_corporate_events {
  position: absolute;
  top: 100px;
  left: 300px;
  height: 232px;
  width: 530px;
}

#text_wedding {
  position: absolute;
  top: 100px;
  left: 300px;
  height: 232px;
  width: 530px;
}

/* ************ Press */
.page_press {
  background: url(../pics/bg/bg_press.jpg) 0 0 no-repeat;
}

#press_login {
	position: absolute;
	left: 230px;
	top: 150px;
	width: 350px;
	margin: 0 10px;
}
#press_login label {
	float: left;
	display: block;
	width: 100%;
	margin-top: 10px;
}
#press_login label span {
	float: left;
	display: block;
	width: 38%;
	text-align: right;
}
#press_login label input{
	float: right;
	display: block;
	width: 58%;
}
div.button {
	margin-top: 10px;
	width: 100%;
	text-align: right;
}
div.button input {
	padding: 3px 5px;
	background-color: #dfdfdf;
}


#press_downloads {
  position: absolute;
  top: 0px;
  left: 227px;
  height: 372px;
  width: 355px;
  padding: 10px;
}
#press_downloads-pager {
	position: absolute;
	width: 355px;
	height: 350px;
	overflow: scroll;
}

#press_downloads .pager-prev {
	position: absolute;
	bottom: 10px;
	right: 60px;
}
#press_downloads .pager-next {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

#press_downloads ul {
}
#press_downloads ul li {
	margin-bottom: 1.5em;
}
#press_downloads .icon {
	float: left;
	margin-right: 5px;
}
#press_downloads .download {
	text-align: right;
}
/* ************ Festival */
.festival {
  background: url(../pics/bg/bg_festival.jpg) 0 0 no-repeat;
}
#text_festival #festival-carousel {
  position: absolute;
  top: 132px;
  left: 0px;
  height: 190px;
  width: 554px;
  padding: 10px;
}
#festival-carousel li {
  width: 552px;
  margin-right: 20px;
}

#arrows_festival {
  position: absolute;
  top: 345px;
  left: 0;
  width: 574px;
}
#arrows_festival .backbw {
  float: left;
}
#arrows_festival .morebw {
  float: right;
}
#festival_downloads_bg {
	position: absolute;
	top: 10px;
	width: 150px;
	left: 650px;
	padding: 10px;
}
#festival_downloads_bg {
	background-color: #000;
	opacity: 0.7;
}
#festival_downloads h2 {
	font-size: 1.2em;
	margin-bottom: 0.5em;
}
/* ************ Links */
.links {
  background: url(../pics/bg/bg_links.jpg) 0 0 no-repeat;
}
#links {
  position: absolute;
  top: 0px;
  left: 284px;
  height: 372px;
  width: 385px;
  padding: 10px;
}
#links-pager {
	position: absolute;
	width: 385px;
	height: 350px;
	overflow: scroll;
}

#links .pager-prev {
	position: absolute;
	bottom: 10px;
	right: 50px;
}
#links .pager-next {
	position: absolute;
	bottom: 10px;
	right: 0;
}
.linksection {
  margin-bottom: 15px;
}
.linksection h2 {
  margin-bottom: 10px;
}
.linksection.left {
  text-align: left;
}
.linksection.right {
  text-align: right;
}
/* ************ Contact */
.contact {
  background: url(../pics/bg/bg_contact.jpg) 0 0 no-repeat;
}
#contact_headline {
  position: absolute;
  top: 150px;
  left: 0;
  width: 465px;
  text-align: right;
}
#text_contact_left {
  position: absolute;
  top: 180px;
  left: 0;
  height: 180px;
  width: 465px;
  padding: 10px;
  text-align: right;
}
#text_contact_right {
  position: absolute;
  top: 180px;
  left: 525px;
  height: 180px;
  width: 305px;
  padding: 10px;
}
/* ************ Guestbook */
.guestbook {
  background: url(../pics/bg/bg_guestbook.jpg) 0 0 no-repeat;
}
#guestbook-entries {
	position: absolute;
	left: 413px;
	top: 0px;
	width: 390px;
	height: 263px;
	padding: 5px;
}
#guestbook-entries-pager {
	height: 240px;
	overflow: scroll;
}
#guestbook-entries .pager-prev {
	position: absolute;
	bottom: 10px;
	right: 60px;
}
#guestbook-entries .pager-next {
	position: absolute;
	bottom: 10px;
	right: 10px;
}
#guestbook-entries ul {
	float: left;
}
#guestbook-entries ul li {
	margin-bottom: 1.5em;
	float: left;
	width: 390px;
	border-bottom: 1px dashed white;
}

#guestbook-entries .info {
	width: 105px;
	float: left;
}
#guestbook-entries .message {
	float: right;
	width: 265px;
}
#guestbook-entries h2 {
	font-size: 140%;
	font-weight: bold;
	padding: 5px 0;
}


#guestbook-entries .from {}
#guestbook-entries .date {
	font-style: italic;
}
#guestbook-entries p {
}

#label_from {
	position: absolute;
	left: 360px;
	top: 283px;
}
input, textarea {
	border: 0px none;
}
#from {
	position: absolute;
	left: 412px;
	top: 280px;
	width: 115px;
	height: 20px;
	font-size: 16px;
}
#text {
	position: absolute;
	left: 540px;
	top: 280px;
	width: 273px;
	height: 90px;
	font-size: 16px;
}
#guestbooksubmit {
	position: absolute;
	left: 753px;
	top: 372px;
	display: block;
	width: 60px;
	height: 18px;
	cursor: pointer;
	opacity: 0.7;
}
#guestbookmessage {
	position: absolute;
	left: 342px;
	top: 310px;
	display: block;
	width: 175px;
	background-color: #fff;
	color: #000;
	font-weight: bold;
	padding: 5px;
	opacity: 0.7;
}

/* ************ Gallery */
.page_gallery{
	background: url(../pics/bg/bg_gallery.jpg) 0 0 no-repeat transparent;
}
#subgallery {
  z-index: 200;
  position: absolute;
  left: 100px;
  top: 320px;
  height: 40px;
  width: 750px;
  padding: 10px 0;
}
#subgallery a {
	padding: 5px 10px;
	width: 100px;
}
#gallerybg {
	background-color: #444;
	position: absolute;
	top: 260px;
	left: 0px;
	width: 220px;
	height: 132px;
	opacity: 0.5;
}
#gallery {
	opacity: 1 !important;
	position: absolute;
	top: 260px;
	left: 0px;
	width: 220px;
	height: 132px;
}
#gallery ul {
}
#gallery-pager li {
}
#gallery a {
	display: block;
	font-weight: bold;
	padding: 5px;
}
#gallery .pager-prev span, #gallery .pager-next span {
	display: none;
}
#gallery .pager-prev, #gallery .pager-next {
	position: absolute;
	right: 0px;
	display: block;
	width: 20px;
	height: 66px;
	opacity: 0.7;
	padding: 0;
}
#gallery .pager-prev {
	top: 0px;
	background: url(../pics/buttons/pager_arrow_up.gif) 50% 0 no-repeat #ccc;
}
#gallery .pager-next {
	bottom: 0px;
	background: url(../pics/buttons/pager_arrow_down.gif) 50% 0 no-repeat #ccc;
}
#gallery-pager {
	width: 200px;
	height: 130px;
	overflow: hidden;
	float: left;
}
#gallery-pager .pane {
	width: 200px;
    margin: 0;
    display: block;
}
#gallery_images {
	position: absolute;
	top: 260px;
	left: 240px;
	width: 600px;
	height: 130px;
}
#gallery_images-pager {
	width: 650px;
	overflow: hidden;
}
#gallery_images-pager .pane {
	height: 90px;
}
#gallery_images li {
	float: left;
	display: block;
	width: 100px;
	margin-right: 20px;
	width: 100px;
	height: 100px;
	text-align: center;
}
#gallery_images #prev-arrow {
	position: absolute;
	top: 110px;
	left: 0px;
	z-index: 100;
}
#gallery_images #next-arrow {
	position: absolute;
	top: 110px;
	right: 0px;
	z-index: 100;
}
/* ************ Gallery */
#videos {
	position: absolute;
	top: 70px;
	left: 400px;
	width: 380px;
	height: 320px;
}
#videoembed {
	position: absolute;
	top: 10px;
	left: 300px;
}

/* ************ PayPal */
#paypal_viewcart {
	float: left;
	text-align: left;
	display: inline;
}
#paypal_viewcart form {
	display: inline;
	float: left !important;
	width: auto;
}
#paypal_viewcart input.submit {
	color: #FFF;
	background: url(../pics/paypal/viewcart.gif) 0 50% no-repeat;
	padding-left: 24px;
}
.paypal_add_to_cart {
	display: block;
	margin: 0 10px;
	margin-top: 10px;
}
.paypal_add_to_cart input.submit {
	background: url(../pics/paypal/addtocart.gif) 0 50% no-repeat;
	padding: 5px 0 5px 24px;
}
/* ************ Cart */

#cartbg {
	position: absolute;
	top: 0px;
	left: 250px;
	height: 392px;
	width: 580px;
	background-color: #FFF;
	opacity: 0.4;
}
#cart {
	color: #222;
	position: absolute;
	top: 0px;
	left: 250px;
	margin: 20px;
}
#cart form {

	position: absolute;
}
#cart table {
	table-layout: fixed;
	border-spacing: 0;
	border-collapse:collapse;
	width: 500px;
}
#cart a  {
	color: #000;
}
#cart tr.hot {
	background: url(../pics/cart/hot.gif) 0 100% repeat-x;
	color: #000;
}
#cart tr.cold {
	background: url(../pics/cart/cold.gif) 0 100% repeat-x;
	color: #000;
}
#cart td {
	padding: 3px;
}
#cart th {
	background-color: #333;
	color: #FFF;
	padding: 5px;
}
#cart td.price {
	text-align: right;
}
#cart td.amount {
}
#cart td.amount input {
	border: 1px solid black;
	width: 40px;
	text-align: right;
}
#cart a.delete {
	display: block;
	background: url(../pics/cart/delete.gif) 50% 50% no-repeat blue;
	width: 16px;
	height: 16px;
}
#cart a.delete span {
	display: none;
}