/* CSS Document */
body,html {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	margin: 0px;
	padding: 10px 0px;
	background: #00ADEF;
	color: #FFF;
}

a:link, a:visited, a:active {text-decoration: none;color: #99E8FF}
a:hover {text-decoration: none;color: #FFF}

#page {
	background: #00ADEF;
	margin: 0px auto;
	width: 700px;
}

#page p {padding: 5px 15px 10px 15px;}

#page h1,h2,h3 {
	padding: 10px 15px 0px 15px;
	font-family:Arial, Helvetica, sans-serif;
	text-align: center;
}

#albums h2 {
	padding: 5px;
	font-family:Arial, Helvetica, sans-serif;
	text-align: center;
}

/********************************************/
#navigation 			{position: static}
.navbar 				{text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small;}
.navbar a:link 		{background: #fcb11d; border-bottom: 1px solid #99E8FF; color: #222; display:block}
.navbar a:visited 	{background: #fcb11d; border-bottom: 1px solid #99E8FF; color: #222; display:block}
.navbar a:hover 		{background: #fcb11d; border-bottom: 1px solid white; color: white}
.navbar a:active 	{background: #FFF; border-bottom: 1px solid #000; color: black}
/************************************************/

#content {
	width: 700px;
	color: #000;
	border: 1px solid #99E8FF;
}

#albums table {
	text-align: center;
	padding: 5px;
}

#albums img {
	border: none;
}

#videos table {
	text-align: center;
	padding: 10px;
}
#videos img {
	border: 1px solid white;
}

#videos img:hover {
	border: 1px solid #fcb11d;
}

#box {
padding: 10px;
margin: 5px;
}

.message {	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
    border: 1px solid #99E8FF;
	width: 298px;
	height: 100px;
	padding: 2px;
	margin: 2px;
	background: #FFF;
}

.data {
    border: 1px solid #99E8FF;
	padding: 2px;
	margin: 2px;
	background: #FFF;
}

.submit {
    border: 1px solid #99E8FF;
	padding: 0px;
	margin: 0px;
	background: #FFF;
}

#flash {
	text-align: center;
}

#gigs table {
	border-collapse: collapse;
}

#gigs tr.top {
	background-color:#fcb11d;
}

#gigs td{
	border: 1px solid #99E8FF;
	padding: 5px;
}

#gigs td.odd{
	background-color: #26A3CF;
}

#text {
	margin-top:-80px;
}

#watermark {
	background-image: url(images/watermark.gif);
	background-repeat: no-repeat;
	width: 700px;
	height: 700px;
}
	

#nav a {
	display: block;
	font-family: Wingdings;
	font-size: 0pt;
}

#about{
	background-image:url(images/1_2.jpg);
	background-repeat: no-repeat;
	width: 175px;
	height: 175px;
}

#about:hover {background-position: -175px 0;}

#see{
	background-image:url(images/1_4.jpg);
	background-repeat: no-repeat;
	width: 175px;
	height: 175px;
}

#see:hover {	background-position: -175px 0;}

#hire{
	background-image:url(images/2_1.jpg);
	background-repeat: no-repeat;
	width: 175px;
	height: 175px;
}

#hire:hover {background-position: -175px 0;}

#play{
	background-image:url(images/2_3.jpg);
	background-repeat: no-repeat;
	width: 175px;
	height: 175px;
}

#play:hover {background-position: -175px 0;}

#listen{
	background-image:url(images/3_2.jpg);
	background-repeat: no-repeat;
	width: 175px;
	height: 175px;
}

#listen:hover {background-position: -175px 0;}

#watch{
	background-image:url(images/3_4.jpg);
	background-repeat: no-repeat;
	width: 175px;
	height: 175px;
}

#watch:hover {background-position: -175px 0;}

#look{
	background-image:url(images/4_1.jpg);
	background-repeat: no-repeat;
	width: 175px;
	height: 175px;
}

#look:hover {background-position: -175px 0;}

#link{
	background-image:url(images/4_3.jpg);
	background-repeat: no-repeat;
	width: 175px;
	height: 175px;
}

#link:hover {background-position: -175px 0;}

#footer {
	background: #99E8FF;
	color: #000;
	width: 702px;
	clear: both;
}

#footer a {
	color: #000;
}

#footer p {
	text-align:center;
	padding: 5px;
	margin: 0px;
	font-size: x-small;
}