html, body{
	text-align:right;
	font-family:arial, tahoma, helvetica, georgia, sans-serif;
	height:100%;
	background:#fff;
}

#indexWrapper{	
	background:#fff url(../images/index/bg.jpg) top right no-repeat;
	width:960px;
	text-align:left;
	min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0px 0 -36px auto; /* -36 for footer height */
}

/*************** MainContent ***************/
#indexContent{width:960px; padding-top:277px;}

#logo {width:474px; float:left;}
#logo h1 {
	width:474px;
	height:334px;
	background:url(../images/index/logo.jpg) no-repeat;
	text-indent:-9999px;
}
#logo h1 a{width:474px; height:334px; display:block;}

#nav {width:250px; float:left; display:block;}
div#nav { text-indent:-9999px; }

#paintings {width:250px; height:99px; background:url(../images/index/paintings_off.png) no-repeat;}
#paintings a {width:250px; height:99px; display:block;}
#sketchbook {width:250px; height:82px; background:url(../images/index/sketchbook_off.png) no-repeat;}
#sketchbook a {width:250px; height:82px; display:block;}

#biography {width:250px; height:83px; background:url(../images/index/biography_off.png) no-repeat;}
#biography a {width:250px; height:83px; display:block;}

#contact {width: 250px; height:70px; background:url(../images/index/contact_off.png) no-repeat;}
#contact a {width: 250px; height: 70px; display:block;}

/*************** footer ***************/
#footerPush, #footer{height:36px;clear: both;} /* should match wrapper's negative margin for bottom screen sticky*/
#footer{
	font-size:10px;	
	color:#a9a9a9;
	display:block;
}
#footer p, #footer ul{text-align:center;}
#footer ul li{display:inline;}
#footer ul li a{
	display:inline-block;
	padding:0px 4px 0px 4px;
	color:#a9a9a9;
}
#footer ul li a:hover{color:#ef41b7;}