/*
CSS for electricpaintbrush.com
*/

/* basic */
body { 
	font: 12pt Agency, Tahoma, Arial, Helvetica, sans-serif; 
	color: #000000;
	background-color: #000000; 
	margin: 0px; 
	text-align: left;
	}

a:link { 
	text-decoration: none; 
	color:#BED8EF;
	}
a:visited { 
	text-decoration: none; 
	color: #BED8EF;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #BED8EF;;
	}

/* div */
#container {
	background-color: #286989; 
	width: 800px;
	height: 850px;
	position: relative;
	left: 50%;
	margin-left: -400px;
	margin-top: 0px;	
}

#subcontainer {
	background-color: #000000; 
	width: 650px;
	height: 488px;
	position: relative;
	left:75px;
	top: 10px;
}

#easel {
	background: black url(images/easel.gif) no-repeat top center;
	width: 650px;
	height: 488px;
	position: relative;
	left:75px;
	top: 10px;
}


#graphic {
	background: black url(images/graphicdesign.gif) no-repeat top center;
	width: 650px;
	height: 488px;
	position: relative;
	left:75px;
	top: 10px;
}
#illustration {
	background: black url(images/illustration.gif) no-repeat top center;
	width: 650px;
	height: 488px;
	position: relative;
	left:75px;
	top: 10px;
}

#animation {
	background: black url(images/animation.gif) no-repeat top center;
	width: 650px;
	height: 488px;
	position: relative;
	left:75px;
	top: 10px;
}

#bio {
	background: black url(images/bio.gif) no-repeat top center;
	width: 650px;
	height: 488px;
	position: relative;
	left:75px;
	top: 10px;
}

#links {
	background: black url(images/links.gif) no-repeat top center;
	width: 650px;
	height: 488px;
	position: relative;
	left:75px;
	top: 10px;
}

#sequential {
	background: black url(images/sequentialart.gif) no-repeat top center;
	width: 650px;
	height: 488px;
	position: relative;
	left:75px;
	top: 10px;
}

#books {
	background: black url(images/book.gif) no-repeat top center;
	width: 650px;
	height: 488px;
	position: relative;
	left:75px;
	top: 10px;
}

#character {
	background: black url(images/character.gif) no-repeat top center;
	width: 650px;
	height: 488px;
	position: relative;
	left:75px;
	top: 10px;
}

#contact {
	background: black url(images/contact.gif) no-repeat top center;
	width: 650px;
	height: 488px;
	position: relative;
	left:75px;
	top: 10px;
}

#sketch {
	background: black url(images/sketchbook.gif) no-repeat top center;
	width: 650px;
	height: 488px;
	position: relative;
	left:75px;
	top: 10px;
}

#news {
	background: black url(images/calendar.gif) no-repeat top center;
	width: 650px;
	height: 488px;
	position: relative;
	left:75px;
	top: 10px;
}

#navigation {
	font: 9pt Agency, Tahoma, Arial, Helvetica, sans-serif; 
	color: #B8D8E7;
	text-align: center;
	position: relative;
	top: 15px;
}

#store {
	background: black url(images/store.gif) no-repeat top center;
	width: 650px;
	height: 488px;
	position: relative;
	left:75px;
	top: 10px;
}

#myimagetext { 
	font-weight: bold;
}

#myimagedesc {
	font: 9pt Agency, Tahoma, Arial, Helvetica, sans-serif;
}

#smalltext {
	font: 9pt Agency, Tahoma, Arial, Helvetica, sans-serif;
}

#datenews { 
	font-weight:bold;
	color:#286989;
}

#linkspagelinks {
 	font: 12pt Agency, Tahoma, Arial, Helvetica, sans-serif;
}

#linkspagelinks a:hover { 
	text-decoration: underline; 
	color: #286989;
}

#linkspagelinks a { 
	font: 9pt Agency, Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: underline; 
	color:#000000;
}

#storepagelinks {
 	font: 12pt Agency, Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#storepagelinks a:hover { 
	text-decoration: underline; 
	color: #286989;
	
}

#storepagelinks a { 
	font: 12pt Agency, Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: underline; 
	color:#000000;
	font-weight:bold;
}