@charset "UTF-8";
/* CSS Document */

*{
	margin:0;
	padding: 0;
	outline:none;
}

body  {
	background:url(images/hearts-background.jpg) no-repeat center top #280000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
}

#container {
	background:transparent;
	width:800px;
	margin: 70px auto;
}

#header {
	width:800px;
	height: 138px;
}

#logo {
	width:194px;
	float:left;
	padding:7px 0 0 0;
}

#content {
	background: #FFF;
	/*height:428px;*/
}

#content img{
	float:right;
	clear:none;
}

#content table{
	float:right;
	clear:none;
	height:100%;
	vertical-align:baseline;
}

#mainText {
	padding: 15px;
	width:220px;
	float:left;
}

#largeMainText {
	padding: 15px;
	width:290px;
	float:left;
}


#gallery {
	width:800px;
	text-align:center;
	background:#FFF;
}

#gallery a img{
	padding:2px;
	border:none;
	background: #CCC;
	/* for IE */
  	filter:alpha(opacity=70);
  	/* CSS3 standard */
  	opacity:0.7;
	margin:10px;
}

#gallery a:hover img{
		margin:10px;
padding:2px;
	border:none;
	background: #999;
	/* for IE */
  filter:alpha(opacity=100);
  /* CSS3 standard */
  opacity:1;
}

/*NAVIGATION*/

#navigation{
	width:600px;
	float:right;
	height:48px;
	padding: 90px 0 0 0;
}

#navigation ul {
	list-style:none;
}

#navigation li {
	display:inline;
}

#navigation li a{
	width: 100px;
	height:48px;
	display:block;
	float:left;
}

#navigation li a:hover {
	background-position: 0 -48px
}

#navigation li.active a {
	background-position: 0 -96px
}
 /*NAV BUTTONS*/
.aboutButton {
	background:url(images/btn-about.jpg) top no-repeat;
}

.artistsButton {
	background:url(images/btn-artists.jpg) top no-repeat;
}

.clientsButton {
	background:url(images/btn-clients.jpg) top no-repeat;
}

.contactButton {
	background:url(images/btn-contact.jpg) top no-repeat;
}

.galleryButton {
	background:url(images/btn-gallery.jpg) top no-repeat;
}

.videoButton {
	background:url(images/btn-video.jpg) top no-repeat;
}
/*SUB NAVIGATION */
#subNavigation {
	width:800px;
	height: 51px;
	background:url(images/nav-grad.jpg) repeat-x #e7e7e7;
}

#subNavigation p {
	float:right;
	padding: 15px;
	font-size:14px;
	color:#CCC;
}

#subNavigation a, a {
	color: #cc0000;
	text-decoration:none;
}

#subNavigation a:hover, .artist, a:hover {
	color: #330000;
}

#subNavigation img {
	float:left;
}
	
/*TEXT*/

p {
	font-size:11px;
}

h1 {
	font-size:18px;
	color: #730000;
	margin: 0 0 18px 0;
}

h2
{
	font-size:14px;
	color: #de0000;
}

h3
{
	font-size:14px;
	color: #730000;
}



.fading_nav a,
.clientsLinks a {
	font-size:14px;
	font-weight:bold;
	color: #666;
	text-decoration: none;
}

.fading_nav a:hover, 
.clientsLinks a:hover {
	color: #730000;
}

#flashContent {
	width:600px;
}

#musicPlayer {
	width:250px;
	height: 400px;
}

/*ARTIST FADING*/
.fading_nav {
	width: 290px;
	padding: 0;
  }
  .fading_box {
      width: 290px;
	  height: 350px;
	  clear:left;position: relative;
	  margin-top:20px;
  }
  
  .fading_box_small{
      width: 290px;
	  height: 250px;
	  clear:left;position: relative;
	  margin-top:20px;
  }
  .fading_text {position: absolute;
  height:inherit;}
  
  #slideshow {
	float:right;
	width: 460px;
	margin: 0;
	height: 493px;
	overflow:hidden;
	padding: 0;
}