body {
  background-color: #1a2030;
}
body.menu {
  background-color: #7d9aa8;
}
body.gallery {
}
body.email {
  background-color: #191933;
}
div {font-family: Verdana,Arial,Sans-serif;}

.red {
  color: #bb0011;
}
.black {
  color: #000000;
}
.gold {
  color: #dec762;
}
.dgrey {
  color: #333333;
}
.tan {
  color: #d0ab3d;
}
.grey {
  color: #a0a0a0;
}
.silver {
  color: #c0c0d0;
}
.home {
  font-size: 14px;
}
.pad {
	padding: 5px;
}

.center {
	text-align: center;
}

.bold {
	font-weight: bold;
}

.news {
	color: #110000;
}

a {
	color: #bb6622;
	text-decoration: none;}
a:link {
  color: #1a9900;
}
a:visited {
  color: #1a9900;
}
a:hover {
  color: #aaaa00;
}
a:active {
  color: #1a9900;
}

a.large {
  font-size: 18px;
}
a.sitemap {
  font-size: 8px;
}
p {
  font-family: Verdana,Arial,Sans-serif;
  color: #efefef;
  width: 100%;
}
.home {
  font-size: 14px;
}
p.email {
  text-align: center;
  font-size: 18px;
  color: #999999;
}
p.counter {
  font-size: 12px;
}

ul {
	font-family: Verdana,Arial,Sans-serif;
    color: #efefef;
    margin: 0 0 0 0;
}

li {
	text-align: left;
}

h1 {
  font-family: Verdana,Arial,Sans-serif;
  color: #bb0000;
  font-weight: bold;
}
h2 {
  font-family: Verdana,Arial,Sans-serif;
  color: #d5d5d5;
  font-weight: bold;
}
h3 {
  font-family: Verdana,Arial,Sans-serif;
  color: #bb0000;
  font-weight: bold;
}
h4 {
  font-family: Verdana,Arial,Sans-serif;
  color: #eebbbb;
  font-weight: bold;
  text-decoration: underline;
  font-size: 16px;
}

h5 {
  margin: 0 0 0 0;
}

h6 {
  color: #cc0000;
  text-shadow: 2px 2px 3px #000000;
  font-size: 36px;
  margin: 0 0 0 0;
}

h6.study {
  color: #cc0000;
  text-shadow: 2px 2px 3px #000000;
  font-size: 27px;
  margin: 0 0 0 0;
}

h6.lounge {
  color: #cc0000;
  text-shadow: 2px 2px 3px #000000;
  font-size: 27px;
  margin: 0 0 0 0;
}

h6.news {
  color: #cc0000;
  text-shadow: 2px 2px 3px #000000;
  font-size: 27px;
  margin: 0 0 0 0;
}

table {
  border: none;
}
table.home {
  border:  none;
  table-layout: fixed;
}
table.menu {
  border: 0 solid #ffffff;
  border-collapse: separate;
}
table.artists {
  border: 0 double #404040;
  border-collapse: separate;
}
table.gallery {
  border:  none;
  background-color: #000000;
}
table.fixed {
  border:  none;
  table-layout: fixed;
}
table.email {
  border:  none;
  table-layout: fixed;
}
table.fine {
  border:  none;
}

table.contact {
  margin: 0 0 0 0;
  width: 90%;
}


td {
  font-family: Verdana,Arial,Sans-serif;
  color: #990000;
}
td.menu {
  font-family: Verdana,Arial,Sans-serif;
  color: #990000;
  font-size: 14px;
}
td.email {
  text-align: center;
  font-size: 24px;
  color: #999999;
}
td.random {
  font-size: 11px;
  color: #cccccc;
}
td.randomfine {
  font-family: Garamond,Serif;
  color: #000055;
  font-size: 11px;
}
td.form {
  font-size: 16px;
  text-align: left;
  vertical-align: top;
}
td.form2 {
  font-size: 16px;
  text-align: left;
  vertical-align: middle;
  height: 10px;
}
td.fine {
  font-family: Garamond,Serif;
  color: #000055;
  font-size: 21px;
}
td.gallery {
  background-color: #000000;
  border-collapse: collapse;
}
th {
  font-family: Verdana,Arial,Sans-serif;
  color: #a00000;
  font-weight: bold;
}
th.menu {
  font-family: Verdana,Arial,Sans-serif;
  color: #888800;
  font-size: 24px;
}


img {
	border: none;
}

img.left {
}
img.artist {
}
img.menu {
  border-color: #ffffff;
}
img.formh {
  width: 90px;
  height: 66px;
}
img.formv {
  width: 66px;
  height: 90px;
}
img.forms {
  width: 90px;
  height: 90px;
}
#wrapper {
  margin: 0 auto;
  //width: 800px;
  width: 1334px;
  min-width: 1334px;
  max-width: 1334px;
}
#content {
  position: relative;
  //width: 100%;
  width: 800px;
  left: 267px;
}
#sky {
  position: absolute;
  left: 0px;
  top: 50px;
  width: 800px;
  height: 400px;
}
#lawn {
  position: absolute;
  left: 0px;
  top: 450px;
  width: 800px;
  height: 400px;
}
#roof {
  position: absolute;
  left: 50px;
  top: 102px;
  width: 700px;
  height: 150px;
}
#chimney {
  position: absolute;
  left: 600px;
  top: 118px;
  width: 50px;
  height: 100px;
}
#wall_lib {
  position: absolute;
  left: 50px;
  top: 250px;
  width: 200px;
  height: 250px;
}
#wall_bed {
  position: absolute;
  left: 300px;
  top: 250px;
  width: 200px;
  height: 150px;
}
#wall_std {
  position: absolute;
  left: 500px;
  top: 250px;
  width: 200px;
  height: 250px;
}
#wall_kit {
  position: absolute;
  left: 50px;
  top: 400px;
  width: 300px;
  height: 150px;
}
#wall_lou {
  position: absolute;
  left: 450px;
  top: 400px;
  width: 300px;
  height: 150px;
}
#win_lib {
  position: absolute;
  left: 125px;
  top: 287px;
  width: 100px;
  height: 50px;
}
#win_std {
  position: absolute;
  left: 575px;
  top: 287px;
  width: 100px;
  height: 50px;
}
#win_kit {
  position: absolute;
  left: 163px;
  top: 437px;
  width: 100px;
  height: 50px;
}
#win_lou {
  position: absolute;
  left: 537px;
  top: 437px;
  width: 100px;
  height: 50px;
}
#door {
  position: absolute;
  left: 350px;
  top: 400px;
  width: 100px;
  height: 150px;
}
#flowers {
  position: absolute;
  left: 0px;
  top: 494px;
  width: 800px;
  height: 400px;
}
#letterbox {
  position: absolute;
  left: 330px;
  top: 510px;
  width: 50px;
  height: 75px;
}
#clef {
  position: absolute;
  left: 413px;
  top: 480px;
  width: 50px;
  height: 100px;
}

#title {
  position: absolute;
  top: 5px;
  left: 100px;
  width: 600px;
  height: 36px;
  color: #d5ebf9;
  border: 2px solid #a0a0a0;
  border-radius: 25px;
  -moz-border-radius: 25px; /* Firefox 3.6 and earlier */
  font-family: Verdana,Arial,Sans-serif;
  font-size: 27px;
  text-align: center;
  vertical-align: middle;
  background-color: #7b7b7b;
}
#homedesc {
  position: absolute;
  top: 660px;
  left: 0px;
  width: 800px;
  height: 300px;
  color: #d9f9dc;
  text-align: left;
  vertical-align: middle;
}

#desc {
  position:absolute;
  top:252px;
  left:300px;
  width:200px;
  height:60px;
  color:#D5EBF9;
  text-shadow: 0px 0px 3px #354B59;
  font-size:27px;
  text-align:center;
  vertical-align:middle;
}

#lounge_floor {
  position: absolute;
  top: 463px;
  left: 0px;
  width: 800px;
  height: 187px;
  color: #d9f9dc;
  text-align: left;
  vertical-align: middle;
}

#lounge_cdshelf {
  position: absolute;
  top: 100px;
  left: 575px;
  width: 463px;
  height: 225px;
  color: #d9f9dc;
  text-align: left;
  vertical-align: middle;
}

#lounge_wall {
  position: absolute;
  top: 50px;
  left: 0px;
  width: 800px;
  height: 413px;
  color: #d9f9dc;
  text-align: left;
  vertical-align: middle;
}
#lounge_rug {
  position: absolute;
  top: 500px;
  left: 0px;
  width: 800px;
  height: 150px;
  color: #d9f9dc;
  text-align: left;
  vertical-align: middle;
}

#lounge_tv {
  position: absolute;
  top: 163px;
  left: 225px;
  width: 320px;
  height: 375px;
  color: #d9f9dc;
  text-align: left;
  vertical-align: middle;
}

#lounge_table {
  position: absolute;
  top: 513px;
  left: 163px;
  width: 475px;
  height: 137px;
  color: #d9f9dc;
  text-align: left;
  vertical-align: middle;
}



#lounge_door {
  position: absolute;
  top: 87px;
  left: 0px;
  width: 175px;
  height: 413px;
  color: #d9f9dc;
  text-align: left;
  vertical-align: middle;
}

#lounge_video {
  position: absolute;
  top: 380px;
  left: 314px;
  width: 138px;
  height: 60px;
  color: #d9f9dc;
  text-align: left;
  vertical-align: middle;
}

#lounge_exit_menu {
  position:absolute;
  top: 125px;
  left: 175px;
  width: 400px;
  height: 300px;
  background-color: #333333;
  color: #ddffff;
  padding: 5px;
  border: 2px solid;
  border-radius: 25px;
  -moz-border-radius: 25px; /* Firefox 3.6 and earlier */
  font-size: 21px;
  text-align: center;
  vertical-align: middle;
  visibility: hidden;
}

#photo_banner {
  position: absolute;
  left: 0px;
  top: 50px;
  width: 800px;
  height: 600px;
  visibility: hidden;
  background-color: #222222;
  color: #d9f9dc;
  text-align: center;
  vertical-align: bottom;
}

#photo_body {
  position: absolute;
  left: 0px;
  top: 100px;
  width: 800px;
  height: 550px;
  visibility: hidden;
  background-color: #222222;
  color: #d9f9dc;
  text-align: center;
  vertical-align: bottom;
}

#photo_description {
  position: absolute;
  left: 0px;
  top: 610px;
  width: 800px;
  height: 50px;
  line-height: 130%;
  visibility: hidden;
  background-color: #222222;
  color: #d9f9dc;
  text-align: center;
  vertical-align: bottom;
}

#lounge_book {
  position: absolute;
  top: 487px;
  left: 250px;
  width: 280px;
  height: 163px;
  color: #d9f9dc;
  text-align: left;
  vertical-align: middle;
}

#album_img {
	text-align: center;
  	vertical-align: middle;
}


.photo_album {
	width: 100%;
	border: 1 solid #ffffff;
  	border-collapse: separate;
  	font-weight: bold;
}

.album_next {
	width: 15%;
	background-color: #666666;
	text-align: center;
}

.album_prev {
	width: 15%;
	background-color: #666666;
	text-align: center;
}

.album_goto {
	width: 20%;
	background-color: #444444;
	text-align: center;
}

.photo_menu {
	border: none;
	width: 100%;
}

td.photo_menu_cell {
  font-weight: bold;
	border-width: 2px;  
  border-style: solid;
  border-color: #778877;
  border-collapse: separate;
  background-color: #191919;
  padding: 5px;
}


#cdmenu {
  position:absolute;
  top:100px;
  left:100px;
  width:200px;
  height:400px;
  color:#000000;
  font-size:27px;
  text-align:center;
  vertical-align:middle;
}


table.cd_menu {
  border: 0;
  width: 100%;
}

td.cd_menu_cell {
border-width: 2px;  
border-style: solid;
  border-color: #778877;
  border-collapse: separate;
  background-color: #191919;
  padding: 5px;
}

.lounge_cdshelf {
  position:absolute;
  left:500px;
  top:200px;
  width:300px;
  height:400px;
}

#lounge_display {
  position:absolute;
  top: 176px;
  left: 220px;
  width: 320px;
  height: 375px;
  color:#ddffff;
  font-size:21px;
  text-align:center;
  vertical-align:middle;
}

#play_rock {
  position:absolute;
  top: 206px;
  left: 235px;
  width: 320px;
  height: 375px;
  visibility: hidden;
}

#play_classical {
  position:absolute;
  top: 206px;
  left: 235px;
  width: 320px;
  height: 375px;
  visibility: hidden;
}

#play_electronic {
  position:absolute;
  top: 206px;
  left: 235px;
  width: 320px;
  height: 375px;
  visibility: hidden;
}

#play_acoustic {
  position:absolute;
  top: 206px;
  left: 232px;
  width: 320px;
  height: 375px;
  visibility: hidden;
}

#library_wall {
  position: absolute;
  top: 50px;
  left: 0px;
  width: 800px;
  height: 600px;
  color: #d9f9dc;
  text-align: left;
  vertical-align: middle;
}

#library_rug {
  position: absolute;
  top: 588px;
  left: 0px;
  width: 800px;
  height: 62px;
  color: #d9f9dc;
  text-align: left;
  vertical-align: middle;
}

#library_stairs {
  position: absolute;
  top: 437px;
  left: 700px;
  width: 100px;
  height: 213px;
  color: #d9f9dc;
  text-align: left;
  vertical-align: middle;
}

#library_display {
  position:absolute;
  top: 151px;
  left: 316px;
  width: 120px;
  height: 0px;
  color:#ddffff;
  font-size:21px;
  text-align:center;
  vertical-align:middle;
  visibility: visible;
}

#menu_mask {
	position:absolute;
	top: 50px;
	left: 0px;
	width: 800px;
	height: 600px;
	visibility: hidden;
}

#library_exit_menu {
  position:absolute;
  top: 138px;
  left: 200px;
  width: 400px;
  height: 235px;
  background-color: #333333;
  color: #ddffff;
  padding: 5px;
  border: 2px solid;
  border-radius: 25px;
  -moz-border-radius: 25px; /* Firefox 3.6 and earlier */
  font-size: 21px;
  text-align: center;
  vertical-align: middle;
  visibility: hidden;
}

#score_menu {
  position:absolute;
  top: 75px;
  left: 25px;
  width: 737px;
  height: 375px;
  background-color: #333333;
  color: #ddffff;
  padding: 5px;
  border: 2px solid;
  border-radius: 25px;
  -moz-border-radius: 25px; /* Firefox 3.6 and earlier */
  font-size: 21px;
  text-align: center;
  vertical-align: middle;
  visibility: hidden;
}

#score_style_menu {
  position:absolute;
  top: 75px;
  left: 25px;
  width: 362px;
  height: 375px;
  background-color: #333333;
  color: #ddffff;
  padding: 5px;
  border: 2px solid;
  border-radius: 25px;
  -moz-border-radius: 25px; /* Firefox 3.6 and earlier */
  font-size: 21px;
  text-align: center;
  vertical-align: middle;
  visibility: hidden;
  overflow: auto;
}

#score_description {
  position:absolute;
  top: 75px;
  left: 400px;
  width: 362px;
  height: 375px;
  background-color: #333333;
  color: #ddffff;
  padding: 5px;
  border: 2px solid;
  border-radius: 25px;
  -moz-border-radius: 25px; /* Firefox 3.6 and earlier */
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  visibility: hidden;
  z-index: 999;
}

.score_table {
	width: 100%;
	border: 1 solid #ffffff;
  	border-collapse: separate;
  	border: 2px solid;
    border-radius: 25px;
    -moz-border-radius: 25px; /* Firefox 3.6 and earlier */
}

.score_cell {
	width: 15%;
	background-color: #444444;
	text-align: center;
	cursor: pointer;
}

#kitchen_display {
  position:absolute;
  top: 116px;
  left: 370px;
  width: 320px;
  height: 50px;
  color:#ddffff;
  font-size:21px;
  text-align:center;
  vertical-align:middle;
  -webkit-transform: rotate(-5.5deg); 
  -moz-transform: rotate(-5.5deg);	
}

#kitchen_exit_menu {
  position:absolute;
  top: 138px;
  left: 200px;
  width: 400px;
  height: 235px;
  background-color: #333333;
  color: #ddffff;
  padding: 5px;
  border: 2px solid;
  border-radius: 25px;
  -moz-border-radius: 25px; /* Firefox 3.6 and earlier */
  font-size: 21px;
  text-align: center;
  vertical-align: middle;
  visibility: hidden;
}

#kitchen_wall {
  position: absolute;
  top: 50px;
  left: 0px;
  width: 800px;
  height: 413px;
  color: #d9f9dc;
  text-align: left;
  vertical-align: middle;
}

#kitchen_door {
  position: absolute;
  top: 193px;
  left: 170px;
  width: 86px;
  height: 231px;
  color: #d9f9dc;
  text-align: left;
  vertical-align: middle;
}

#kitchen_newspaper {
  position: absolute;
  top: 532px;
  left: 261px;
  width: 220px;
  height: 118px;
  color: #d9f9dc;
  text-align: left;
  vertical-align: middle;
}

#kitchen_leftpic {
  position: absolute;
  top: 170px;
  left: 322px;
  width: 192px;
  height: 106px;
  color: #d9f9dc;
  text-align: left;
  vertical-align: middle;
}

#kitchen_leftframe {
  position: absolute;
  top: 169px;
  left: 322px;
  width: 192px;
  height: 108px;
  color: #d9f9dc;
  text-align: left;
  vertical-align: middle;
}

#kitchen_rightpic {
  position: absolute;
  top: 148px;
  left: 529px;
  width: 262px;
  height: 118px;
  color: #d9f9dc;
  text-align: left;
  vertical-align: middle;
}

#kitchen_rightframe {
  position: absolute;
  top: 145px;
  left: 529px;
  width: 262px;
  height: 124px;
  color: #d9f9dc;
  text-align: left;
  vertical-align: middle;
}

#news_menu {
  position:absolute;
  top: 75px;
  left: 25px;
  width: 262px;
  height: 375px;
  background-color: #dddddd;
  color: #000011;
  padding: 5px;
  border: 2px solid;
  border-radius: 25px;
  -moz-border-radius: 25px; /* Firefox 3.6 and earlier */
  font-size: 21px;
  text-align: center;
  vertical-align: middle;
  visibility: hidden;
}

#news_text {
  position:absolute;
  top: 75px;
  left: 300px;
  width: 462px;
  height: 375px;
  background-color: #dddddd;
  color: #001111;
  padding: 5px;
  border: 2px solid;
  border-radius: 25px;
  -moz-border-radius: 25px; /* Firefox 3.6 and earlier */
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  visibility: hidden;
}

.news_table {
	width: 100%;
	border: 1 solid #ffffff;
  	border-collapse: separate;
  	border: 2px solid;
    border-radius: 25px;
    -moz-border-radius: 25px; /* Firefox 3.6 and earlier */
}

.news_cell {
	width: 15%;
	background-color: #444444;
	text-align: center;
}

.news_text {
	font-family: Verdana,Arial,Sans-serif;
	background-color: #dddddd;
	width: 95%;
	border: none;
	line-height:130%;
	color: #001111;
	font-size: 12px;
}

.news_headline {
	font-family: Verdana,Arial,Sans-serif;
	background-color: #dddddd;
	color: #001111;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
}

.news_list {
	font-family: Verdana,Arial,Sans-serif;
	background-color: #dddddd;
	color: #001111;
	font-weight: bold;
	text-align: left;
	font-size: 16px;
}



.news_title {
	font-family: Verdana,Arial,Sans-serif;
	background-color: #dddddd;
	color: #001111;
	text-align: center;
	font-size: 19px;
}

#study_computer {
  position: absolute;
  top: 50px;
  left: 0px;
  width: 800px;
  height: 413px;
  color: #d9f9dc;
  text-align: left;
  vertical-align: middle;
}

#study_exit_menu {
  position:absolute;
  top: 88px;
  left: 200px;
  width: 400px;
  height: 235px;
  background-color: #0c0c0a;
  color: #dddd00;
  padding: 5px;
  border: none;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  visibility: hidden;
}

#computer_navmenu {
  position:absolute;
  top: 353px;
  left: 157px;
  width: 476px;
  height: 30px;
  background-color: #0c0c0a;
  color: #dddd00;
  padding: 5px;
  border: none;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  visibility: visible;
}

.computer_table {
	width: 100%;
}

.point {
	cursor: pointer;
}

.computer_cell {
	width: 33%;
	background-color: #444444;
	text-align: center;
}

#computer_mainmenu {
  position:absolute;
  top: 76px;
  left: 157px;
  width: 476px;
  height: 277px;
  background-color: #0c0c0a;
  color: #dd9900;
  padding: 5px;
  border: none;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  visibility: visible;
}

#computer_linksmenu {
  position:absolute;
  top: 76px;
  left: 157px;
  width: 165px;
  height: 277px;
  background-color: #0c0c0a;
  color: #F5C011;
  padding: 5px;
  border: none;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  visibility: hidden;
}

#computer_gamesmenu {
  position:absolute;
  top: 76px;
  left: 157px;
  width: 165px;
  height: 277px;
  background-color: #0c0c0a;
  color: #F5C011;
  padding: 5px;
  border: none;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  visibility: hidden;
}

#computer_text {
  position:absolute;
  top: 76px;
  left: 322px;
  width: 311px;
  height: 277px;
  background-color: #0c0c0a;
  color: #F5C011;
  padding: 5px;
  border: none;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  visibility: hidden;
}

.computer_text {
	font-family: Verdana,Arial,Sans-serif;
	background-color: #0c0c0a;
	color: #F5C011;
	font-size: 14px;
	border: none;
}
	

#contact_garden {
  position: absolute;
  top: 50px;
  left: 0px;
  width: 800px;
  height: 600px;
  color: #d9f9dc;
  text-align: left;
  vertical-align: middle;
}

#contact_box {
  position: absolute;
  top: 250px;
  left: 600px;
  width: 200px;
  height: 400px;
  color: #d9f9dc;
  text-align: left;
  vertical-align: middle;
}

#contact_menu {
  position:absolute;
  top: 75px;
  left: 25px;
  width: 400px;
  height: 535px;
  background-color: #dddddd;
  color: #000011;
  padding: 5px;
  border: 2px solid;
  border-radius: 25px;
  -moz-border-radius: 25px; /* Firefox 3.6 and earlier */
  font-size: 21px;
  text-align: center;
  vertical-align: middle;
  visibility: visible;
}

#contact_exit_menu {
  position:absolute;
  top: 138px;
  left: 200px;
  width: 400px;
  height: 235px;
  background-color: #333333;
  color: #ddffff;
  padding: 5px;
  border: 2px solid;
  border-radius: 25px;
  -moz-border-radius: 25px; /* Firefox 3.6 and earlier */
  font-size: 21px;
  text-align: center;
  vertical-align: middle;
  visibility: hidden;
}

.contact {
	font-family: Verdana,Arial,Sans-serif;
	background-color: #dddddd;
	color: #001111;
	font-size: 14px;
	text-align: right;
	font-weight: bold;
	margin: 0 0 0 0;
}

.contact_center {
	font-family: Verdana,Arial,Sans-serif;
	background-color: #dddddd;
	color: #001111;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	margin: 0 0 0 0;
}

textarea {
    resize: none;
} 

#test {
	position: absolute;
	top: 700px;
}

#play_menu {
	position:absolute;
  	top: 138px;
  	left: 200px;
  	width: 400px;
 	 height: 400px;
 	 background-color: #333333;
 	 color: #ddffff;
 	 padding: 5px;
 	 border: 2px solid;
 	 border-radius: 25px;
 	 -moz-border-radius: 25px; /* Firefox 3.6 and earlier */
 	 font-size: 21px;
 	 text-align: center;
 	 vertical-align: middle;
 	 visibility: hidden;
}

#play_loading {
  position:absolute;
  top: 240px;
  left: 220px;
  width: 320px;
  height: 375px;
  color:#ddffff;
  font-size:21px;
  text-align:center;
  vertical-align:middle;
  visibility: hidden;
}

#play_cd {
  position:absolute;
  top: 205px;
  left: 258px;
  width: 320px;
  height: 160px;
  visibility: hidden;
}

#video_menu, #video_snog, #video_showcase, #video_others {
	position:absolute;
  	top: 138px;
  	left: 200px;
  	width: 400px;
 	 height: 400px;
 	 background-color: #333333;
 	 color: #ddffff;
 	 padding: 5px;
 	 border: 2px solid;
 	 border-radius: 25px;
 	 -moz-border-radius: 25px; /* Firefox 3.6 and earlier */
 	 font-size: 21px;
 	 text-align: center;
 	 vertical-align: middle;
 	 visibility: hidden;
}

#video_loading {
  position:absolute;
  top: 240px;
  left: 220px;
  width: 320px;
  height: 375px;
  color:#ddffff;
  font-size:21px;
  text-align:center;
  vertical-align:middle;
  visibility: hidden;
}

#video_play {
  position:absolute;
  top: 86px;
  left: 80px;
  width: 640px;
  height: 360px;
  text-align:center;
  visibility: hidden;
}

#library_player {
  position:absolute;
  top: 400px;
  left: 435px;
  width: 320px;
  height: 160px;
  visibility: hidden;
}

table.download  {
  border-collapse: collapse;
}

.download th {
  color: #dddd77;
  }
  
.download td {
  color: #dd7777;
  text-align: center;
  }
  
.download tr {
  border: 1px solid #dddddd;
}

h2.download {
  text-align: center;
}

#fb-button, #bands-button {
  position: absolute;
  top: 10px;
}

#bands-button {
  left: 1076px;
  width: 267px; 
}

.bands-button {
  float: right;
}

.fb-button, .bands-button {
  font-size: 70%;
  background: #666666;
  background-image: -webkit-linear-gradient(top, #666666, #222222);
  background-image: -moz-linear-gradient(top, #666666, #222222);
  background-image: -ms-linear-gradient(top, #666666, #222222);
  background-image: -o-linear-gradient(top, #666666, #222222);
  background-image: linear-gradient(to bottom, #666666, #222222);
  -webkit-border-radius: 12;
  -moz-border-radius: 12;
  border-radius: 12px;
  //font-family: Arial;
  color: #c0c0d0;
  //font-size: 20px;
  //padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.fb-button:hover, .bands-button:hover {
  background: #222222;
  background-image: -webkit-linear-gradient(top, #222222, #666666);
  background-image: -moz-linear-gradient(top, #222222, #666666);
  background-image: -ms-linear-gradient(top, #222222, #666666);
  background-image: -o-linear-gradient(top, #222222, #666666);
  background-image: linear-gradient(to bottom, #222222, #666666);
  text-decoration: none;
}

button:focus {outline:0;}

#fb-container {
  display:block;
  position: absolute;
  top: 58px;
  width: 267px;
  overflow: scroll;
  overflow-y: hidden;
  //float: right;
}

#bands-container {
  display:block;
  position: relative;
  //position: absolute;
  //left: 1075px;
  //top: 58px;
  top: 50px; 
  width: 267px;
  overflow: scroll;
  overflow-y: hidden;
  float: right;
  background-color: #333333;
  max-height: 600px;
}

#bands-title {
  min-height: 23px;
  max-height: 23px;
  text-align: center;  
}

#bands-title p {
  color: #ffff44;
}

#sol-robouros-link, #octophonic-frogs-link {
  position: relative;
  min-height: 264px;
  width: 100%;
  text-align: center;
  background-color: white;
}

#octophonic-frogs-link {
  top: -21px;
  background: url("http://thehouseofandersen.com/octophonicfrogs/wp-content/uploads/2015/07/Photo1251-300x188.jpg") no-repeat center;
  background-size: 100% 100%;
  background-color: #009911;
} 

#sol-robouros-link {
  background: url("http://thehouseofandersen.com/solrobouros/wp-content/uploads/2014/08/soldesigns-300x211.jpg") no-repeat center;
  background-size: 100% 100%;
}

#octophonic-frogs-link h2, #octophonic-frogs-link h4 {
  color: #00dd11;
  background: #8C8077;
  opacity: 0.85;
  border: 0px solid;
  border-radius: 25px;
  filter: alpha(opacity=85);
  text-decoration: none;
}

#sol-robouros-link h2, #sol-robouros-link h4 {
  color: #C4A0F3;
  background: #8C8077;
  opacity: 0.85;
  border: 0px solid;
  border-radius: 25px;
  filter: alpha(opacity=85);
  -webkit-animation: psych 35s infinite;
  -moz-animation: psych 35s infinite;
  -ms-animation: psych 35s infinite;
  -o-animation: psych 35s infinite;
  animation: psych 35s infinite;
  min-width: 100%;
  text-decoration: none;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes psych {
    0%   {color: #C4A0F3;}
    20%  {color: #7EFFFB;}
    40%  {color: #FA7AFA;}
    60%  {color: #A0DFF3;}
    80%  {color: #7AFABD;}
    100% {color: #C4A0F3;}
}

@-moz-keyframes psych {
    0%   {color: #C4A0F3;}
    20%  {color: #7EFFFB;}
    40%  {color: #FA7AFA;}
    60%  {color: #A0DFF3;}
    80%  {color: #7AFABD;}
    100% {color: #C4A0F3;}
}

@-ms-keyframes psych {
    0%   {color: #C4A0F3;}
    20%  {color: #7EFFFB;}
    40%  {color: #FA7AFA;}
    60%  {color: #A0DFF3;}
    80%  {color: #7AFABD;}
    100% {color: #C4A0F3;}
}

@-o-keyframes psych {
    0%   {color: #C4A0F3;}
    20%  {color: #7EFFFB;}
    40%  {color: #FA7AFA;}
    60%  {color: #A0DFF3;}
    80%  {color: #7AFABD;}
    100% {color: #C4A0F3;}
}

/* Standard syntax */
@keyframes psych {
    0%   {color: #C4A0F3;}
    20%  {color: #7EFFFB;}
    40%  {color: #FA7AFA;}
    60%  {color: #A0DFF3;}
    80%  {color: #7AFABD;}
    100% {color: #C4A0F3;}
}