/*
 
 -- -- -- -- -- -- --
 css sprites2
 nav style, with style for scripted elements
 
 http://www.alistapart.com/articles/sprites2
 -- -- -- -- -- -- --
 
 */
body {
    margin: 0px;
    padding: 0px;
    background-color: #424242;
    font-size: small;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

body a:link {
	text-decoration: none;
    color: #3875b8;
}

body a:visited {
    text-decoration: none;
    color: #3875b8;
}

body a:hover {
	text-decoration: none;
    color: #063161;
}

/* START Navigation using javascript */
.nav {
    width: 920px;
    height: 29px;
    background: url(../images/black-nav2B.gif) no-repeat;
    position: absolute;
    top: 65px; /*I'm not sure what this does*/
    left: 0px; /*I'm not sure what this does*/
}

.nav li {
    display: inline;
}

.nav li a:link, .nav li a:visited {
    position: absolute;
    top: 0;
    height: 29px;
    text-indent: -9000px;
    overflow: hidden;
    z-index: 10;
}

.nav .artWork a:link, .nav .artWork a:visited { /* ARTWORK */
    left: 0px;
    width: 161px;
}

.nav .artWork a:hover, .nav .artWork a:focus {
    background: url(../images/black-nav2B.gif) no-repeat -0px -30px;
}

.nav .artWork a:active {
    background: url(../images/black-nav2B.gif) no-repeat -0px -60px;
}

.current-artWork .artWork a:link, .current-artWork .artWork a:visited {
    background: url(../images/black-nav2B.gif) no-repeat -0px -90px;
    cursor: default;
}

.nav-artWork, .nav-artWork-click {
    position: absolute;
    top: 0;
    left: 0px;
    width: 161px;
    height: 29px;
    background: url(../images/black-nav2B.gif) no-repeat -0px -30px;
}

.nav-artWork-click {
    background: url(../images/black-nav2B.gif) no-repeat -0px -60px;
}



.nav .sounds a:link, .nav .sounds a:visited { /* SOUNDS */
    left: 160px;
    width: 139px;
}

.nav .sounds a:hover, .nav .sounds a:focus {
    background: url(../images/black-nav2B.gif) no-repeat -160px -30px;
}

.nav .sounds a:active {
    background: url(../images/black-nav2B.gif) no-repeat -160px -60px;
}

.current-sounds .sounds a:link, .current-sounds .sounds a:visited {
    background: url(../images/black-nav2B.gif) no-repeat -160px -90px;
    cursor: default;
}

.nav-sounds, .nav-sounds-click {
    position: absolute;
    top: 0;
    left: 160px;
    width: 139px;
    height: 29px;
    background: url(../images/black-nav2B.gif) no-repeat -160px -30px;
}

.nav-sounds-click {
    background: url(../images/black-nav2B.gif) no-repeat -160px -60px;
}



.nav .artistStatement a:link, .nav .artistStatement a:visited { /* ARTIST STATEMENT */
    left: 296px;
    width: 257px;
}

.nav .artistStatement a:hover, .nav .artistStatement a:focus {
    background: url(../images/black-nav2B.gif) no-repeat -296px -30px;
}

.nav .artistStatement a:active {
    background: url(../images/black-nav2B.gif) no-repeat -296px -60px;
}

.current-artistStatement .artistStatement a:link, .current-artistStatement .artistStatement a:visited {
    background: url(../images/black-nav2B.gif) no-repeat -296px -90px;
    cursor: default;
}

.nav-artistStatement, .nav-artistStatement-click {
    position: absolute;
    top: 0; /**/
    left: 296px;
    width: 257px;
    height: 29px;
    background: url(../images/black-nav2B.gif) no-repeat -296px -30px;
}

.nav-artistStatement-click {
    background: url(../images/black-nav2B.gif) no-repeat -296px -60px;
}

.nav .biography a:link, .nav .biography a:visited { /* BIOGRAPHY */
    left: 553px;
    width: 176px;
}

.nav .biography a:hover, .nav .biography a:focus {
    background: url(../images/black-nav2B.gif) no-repeat -553px -30px;
}

.nav .biography a:active {
    background: url(../images/black-nav2B.gif) no-repeat -553px -60px;
}

.current-biography .biography a:link, .current-biography .biography a:visited {
    background: url(../images/black-nav2B.gif) no-repeat -553px -90px;
    cursor: default;
}

.nav-biography, .nav-biography-click {
    position: absolute;
    top: 0; /**/
    left: 553px;
    width: 176px;
    height: 29px;
    background: url(../images/black-nav2B.gif) no-repeat -553px -30px;
}

.nav-biography-click {
    background: url(../images/black-nav2B.gif) no-repeat -553px -60px;
}

.nav .cv a:link, .nav .cv a:visited { /* CV */
    left: 729px;
    width: 81px;
}

.nav .cv a:hover, .nav .cv a:focus {
    background: url(../images/black-nav2B.gif) no-repeat -729px -30px;
}

.nav .cv a:active {
    background: url(../images/black-nav2B.gif) no-repeat -729px -60px;
}

.current-cv .cv a:link, .current-cv .cv a:visited {
    background: url(../images/black-nav2B.gif) no-repeat -729px -90px;
    cursor: default;
}

.nav-cv, .nav-cv-click {
    position: absolute;
    top: 0; /**/
    left: 729px;
    width: 81px;
    height: 29px;
    background: url(../images/black-nav2B.gif) no-repeat -729px -30px;
}

.nav-cv-click {
    background: url(../images/black-nav2B.gif) no-repeat -729px -60px;
}

.nav .home a:link, .nav .home a:visited { /* HOME */
    left: 810px;
    width: 111px;
}

.nav .home a:hover, .nav .home a:focus {
    background: url(../images/black-nav2B.gif) no-repeat -810px -30px;
}

.nav .home a:active {
    background: url(../images/black-nav2B.gif) no-repeat -810px -60px;
}

.current-home .home a:link, .current-home .home a:visited {
    background: url(../images/black-nav2B.gif) no-repeat -810px -90px;
    cursor: default;
}

.nav-home, .nav-home-click {
    position: absolute;
    top: 0; /**/
    left: 810px;
    width: 111px;
    height: 29px;
    background: url(../images/black-nav2B.gif) no-repeat -810px -30px;
}

.nav-home-click {
    background: url(../images/black-nav2B.gif) no-repeat -810px -60px;
}

/* END Navigation using javascript */
#centerContainer {
    margin-left: auto;
    margin-right: auto;
    width: 980px;
    position: relative;
    background-color: #ffffff;
}

/* White expandable background for center */
#allContentContainer {
    margin-left: auto;
    margin-right: auto;
    width: 920px;
    position: relative;
    background-color: #ffffff;
}



/* main content container */
#bodyContentContainer {
    position: relative;
    width: 920px;
    margin: 0px 0px 0px 0px;
    padding: 135px 0px 25px 0px;
}



/* start footer */
#footer {
    height: 25px;
    width: 980px;
    margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
    background-color: #424242;
    text-align: right;
    font-size: 80%;
    color: #CCCCCC;
}

/* end footer */
/*Text Formatting*/
.italicFont {
    font-style: italic;
}

.boldFont {
    font-weight: bold;
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
}

.boldFont2 {
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.logo {
    position: absolute;
    top: 13px;
    left: 30px;
    height: 54px;
    width: 410px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	z-index: 20;
	border: 0;
	text-decoration: none;
}

.logo a:link, .logo a:visited
{
	text-decoration: none;
    color: #ffffff;
	border: 0;
	
}

.logo a:hover
{
	text-decoration: none;
    color: #ffffff;
	border: 0;
}

