@charset "iso-8859-1";
a:link {text-decoration: none; color: #FF3300;}
a:hover {text-decoration: underline;color:#FF3300;}
a:active {text-decoration: none;color:#FF3300;}
a:visited {text-decoration: none;color:#FF3300;}

html, body {
    height: 100%;
	overflow:visible;
}


body {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#555555;
	line-height: 18px;
}

#nav-border {
margin: 0 auto;
display: block;
background-color:#000000;
height: 27px;
text-align: center;
}

#footer {
	position: relative;
	bottom: 0px;
	width:100%;
	height: 200px;   /* Height of the footer */
	background:#FFFFFF;
	background-image: url(imgs/footer-bg.png);
	clear: both;
	}

#footer-box {
	color: #777777;
	font-size: 8px;
text-transform: uppercase;
letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
	width: 573px;
	margin: 0 auto;
	text-align: left;
	padding-top: 20px;
	}
	
#footer-1 {
margin: 0;
float: left;
width: 180px;
}
#footer-2 {
float: left;
margin-left: 15px;
width: 180px;
}
#footer-3 {
margin-left: 15px;
width: 180px;
float: left;
}

.clearfooter {
height: 200px;
clear: both;
}

#box {
padding: 0px;
text-align: left;
height: auto;
margin: 0 auto;
min-height: 100%;
margin-bottom: -200px;
}

.menuitem {
position: relative;
float: left;
overflow: hidden;
width: 189px;
height: 230px;
}

#zebra-katz-btn {
display: block;
  width: 189px;
  height: 230px;
  background: url("imgs/zebra-katz-btn.png") no-repeat 0px 0px;
 }
#zebra-katz-btn:hover {background-position: 0px -230px;}

#school-of-gogo-btn {
  display: block;
  width: 189px;
  height: 230px;
  background: url("imgs/school-of-gogo-btn.png") no-repeat 0px 0px;
 }
#school-of-gogo-btn:hover {display:block; background-position: 0px -230px;}

#performances-btn {
  display: block;
  width: 189px;
  height: 230px;
  background: url("imgs/performances-btn.png") no-repeat 0px 0px;
 }
#performances-btn:hover {background-position: 0px -230px;}

#works-btn {
  display: block;
  width: 189px;
  height: 230px;
  background: url("imgs/works-btn.png") no-repeat 0px 0px;
 }
#works-btn:hover {background-position: 0px -230px;}

#polaroids-btn {
  display: block;
  width: 189px;
  height: 230px;
  background: url("imgs/polaroids-btn.png") no-repeat 0px 0px;
 }
#polaroids-btn:hover {background-position: 0px -230px;}

#bio-contact-btn {
  display: block;
  width: 189px;
  height: 230px;
  background: url("imgs/bio-contact-btn.png") no-repeat 0px 0px;
 }
#bio-contact-btn:hover {background-position: 0px -230px;}

#press-btn {
  display: block;
  width: 189px;
  height: 230px;
  background: url("imgs/press-btn.png") no-repeat 0px 0px;
 }
#press-btn:hover {background-position: 0px -230px;}

#blog-btn {
  display: block;
  width: 189px;
  height: 230px;
  background: url("imgs/blog-btn.png") no-repeat 0px 0px;
 }
#blog-btn:hover {background-position: 0px -230px;}

#links-btn {
  display: block;
  width: 189px;
  height: 230px;
  background: url("imgs/links-btn.png") no-repeat 0px 0px;
 }
#links-btn:hover {background-position: 0px -230px;}

ul {
list-style: none;
padding: 0px;
margin: 0px;
}