@charset "UTF-8";
body {
	background-color: #000000;
	background-image: url(../images/web_images/pattern6.jpg);
	font-family:centuryGothic,Helvetica,verdana;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center;
}

#navbar a {
	text-decoration:none;
	color:#FFFFFF;
	font-size:20px;
	}

#cat a,#dog a  {
	text-decoration:none;
	color:#FFFFFF;
	font-size:14px;
	margin-left:20px;
	line-height:20px;
	}
	
#mouse a{
	text-decoration:none;
	color:#FFFFFF;
	font-size:16px;
	margin-left:20px;
	line-height:20px;
	}
#navbar a:hover{
	text-decoration:none;
	color:#990000;
	}

#maincontainer{
background-image:url(../images/web_images/main_container_background.jpg);
width:796px;

}

#mainfooter{
	background-image: url(../images/web_images/main_container_bottom.jpg);
	width:796px;
	height:29px;
}

#navbar{
	font-weight:bold;
	width:134px;
	margin-left:49px;
	margin-top:30px;
	color:#FFFFFF;
	background-image:url(../images/web_images/nav_background.jpg);
	text-align:right;
}

#navheader{
background-image:url(../images/web_images/nav_header.jpg);
height:15px;
}
#navcontent{
	padding-right:30px;
	background-image:url(../images/web_images/nav_background.jpg);
	
	
}
#navfooter{
background-image:url(../images/web_images/nav_footer.jpg);
height:16px;
}




#content{
width:542px;
float:right;
margin-right:74px;
margin-top:25px;
text-align:left;
margin-bottom:50%;

}

#contentheader{
height:135px;
background-image:url(../images/web_images/artist_page_images/artist_header.jpg);
padding-top:5px;
padding-left:13px;

}

#contenttitle{
height:36px;
background-image:url(../images/web_images/artist_page_images/artist_title.jpg);
background-repeat:no-repeat;
text-align:right;
color:#FFFFFF;
font-size:47px;
font-weight:bold;
letter-spacing:4px;
}

.titleimage {
margin-right:20px;
}
.titleimagelong {
margin-right:14px;
}
#contentfooter{
height:25px;
background-image:url(../images/web_images/artist_page_images/artist_footer.jpg);
background-repeat:no-repeat;


}

#contenttext{
background-image:url(../images/web_images/artist_page_images/artist_background.jpg);
padding-left:40px;
padding-right:50px;
font-size:14px;
padding-top:20px;
text-align:justify;

}
#contenttext a{ 
text-decoration:none;
color:#990000;
}

#arrow{
background-image:url(../images/web_images/arrow_bottom.jpg);
width:140px;
height:122px;
margin-left:43px;
margin-top:30px;
}

#bottomtext{
color:#999999;
margin-left:280px;
font-size:11px;

}

#imagecontainer{
width:503px;
margin-left:39px;
margin-top:17px;
}

#imageheader{
height:24px;
background-image:url(../images/web_images/artist_page_images/image_bar_header.jpg);
}

#imagefooter{
height:31px;
background-image:url(../images/web_images/artist_page_images/image_bar_footer.jpg);
}

#imagecontent{
padding-left:20px;
padding-right:20px;
background-image:url(../images/web_images/artist_page_images/image_bar_back.jpg);
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
  clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px;
}