/*	CSS Design and Coding by Seth Toles for CybermonkeyStudios.com	*/


					/*ARTIST INFO*/

.ArtistSection {
	height: 200px;
	width: 100%;
	position: fixed;
	z-index: 100;
}

.ArtistBox {
	width: 870px;
	height: 200px;
	margin: 0px auto;
}

.ArtistBoxTop {
	width: 870px;
	height: 19px;
	padding-top: 11px;
	background-image: url(Layout_Images/ArtistBoxTop.png);
}

.ArtistBoxClose {
	width: 112px;
	height: 20px;
	display: block;
	margin-left: 730px;
	background-image: url(Layout_Images/ArtistBoxClose.png);
}

.ArtistBoxBody {
	width: 870px;
	height: 170px;
	background-image: url(Layout_Images/ArtistBoxBody.png);
	background-repeat: repeat-y;
}

.ArtistContent {
	width: 810px;
	margin-left: 30px;
	float: left;
}

.ArtistTextArea {
	width: 642px;
	height: 150px;
	margin-left: 18px;
	float: left;
}

.ArtistHeader {
	width: 642px;
	height: 37px;
}

.ArtistNameLeft {
	width: 12px;
	height: 37px;
	float: left;
	background-image: url(Layout_Images/ArtistInfoTopLeft.png);
}

.ArtistNameCenter {
	height: 37px;
	width: 118px;
	float: left;
	background-image: url(Layout_Images/ArtistInfoTopCenter.png);
	background-repeat: repeat-x;
	font-size: 16px;
	line-height: 200%;
	color: #FFFFFF;
	text-align: center;
}

.ArtistNameRight {
	height: 37px;
	width: 57px;
	float: left;
	background-image: url(Layout_Images/ArtistInfoTopDivider.png);
}

.ArtistInfoCenter {
	height: 37px;
	width: 157px;
	float: left;
	background-image: url(Layout_Images/ArtistInfoTopRightCenter.png);
	background-repeat: repeat-x;
	color: #666666;
	font-size: 13px;
	line-height: 325%;
	text-align: center;
}

.ArtistInfoShort {
	height: 37px;
	width: 130px;
	float: left;
	background-image: url(Layout_Images/ArtistInfoTopRightCenter.png);
	background-repeat: repeat-x;
	color: #666666;
	font-size: 13px;
	line-height: 325%;
	text-align: center;
}

.ArtistInfoLight {
	color: #999999;
}

.ArtistInfoRight {
	width: 11px;
	height: 37px;
	float: right;
	background-image: url(Layout_Images/ArtistInfoTopRight.png);
}

.ArtistBioCenter {
	width: 622px;
	height: 102px;
	padding-left: 10px;
	padding-right: 10px;
	background-image: url(Layout_Images/ArtistInfoCenter.png);
	background-repeat: repeat-y;
	color: #999999;
	font-size: 14px;
}

.ArtistBioBottom {
	width: 642px;
	height: 11px;
	background-image: url(Layout_Images/ArtistInfoBottom.png);
}

.ArtistPortrait {
	width: 150px;
	height: 150px;
	float: left;
	background-image: url(Layout_Images/ArtistPortraitSeth.png);
}


					/*PORTRAIT BOX*/

.ArtistRow {
	width: 790px;
	height: 185px;
	margin: auto;
}

.SethButton {
	width: 158px;
	height: 185px;
	background-image: url(Layout_Images/ArtistSeth.png);
	float: left;
	cursor: pointer;
}

.SethButton:hover {
	background-position: 0 185px;
}

.ThomasButton {
	width: 158px;
	height: 185px;
	background-image: url(Layout_Images/ArtistThomas.png);
	float: left;
	cursor: pointer;
}

.ThomasButton:hover {
	background-position: 0 185px;
}

.ZephButton {
	width: 158px;
	height: 185px;
	background-image: url(Layout_Images/ArtistZeph.png);
	float: left;
	cursor: pointer;
}

.ZephButton:hover {
	background-position: 0 185px;
}

.NateButton {
	width: 158px;
	height: 185px;
	background-image: url(Layout_Images/ArtistNate.png);
	float: left;
	cursor: pointer;
}

.NateButton:hover {
	background-position: 0 185px;
}

.DanielButton {
	width: 158px;
	height: 185px;
	background-image: url(Layout_Images/ArtistDaniel.png);
	float: left;
	cursor: pointer;
}

.DanielButton:hover {
	background-position: 0 185px;
}