* {
	margin:0;
	padding:0;
	border: 0;
}

html, body {
	height:100%;
}



body {
	color:#818285;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 12pt;
	text-align:center; /* horizontal centering for IE Win quirks */
	background-image:url(../../upload/images/stripes.gif);
	background-repeat:repeat;
}
h1 { font-size: 13pt; }
h2 { font-size:9pt; }
ol { list-style: decimal outside; margin-left:30px }
li { padding-left: 10px; padding-bottom: 5px;}

#distance { 
	width:1px;
	height:50%;
	margin-bottom:-185px; /* half of container's height */
	float:left;
}

#container {
	margin:0 auto;
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:370px;
	width:100%;
	clear:left;
	background-color:#fff;
}
	#nav a { 
		display:block;
		height:15px;
		width:71px;
		text-decoration:none;
		margin-bottom:13px;
		background-repeat:no-repeat;
		background-position: 0px 0px;
		font-size:12.5px;
		line-height:13px;
		color: #808080;
	}
	
	.nums { position: relative; overflow:hidden; height: 10px;}
	.nums a {
		text-align:center;
		display: block;
		float:right;
		margin-left:5px;
		margin-right:5px;
		background-repeat:no-repeat;
		background-position:center top;
		text-decoration: none;
		/* height: 9px !important; */
		overflow:hidden;
		line-height: 7px;
		text-align: center;
		color: #404040;
	}
	.nums a:hover {	color: #000000; }
	.nums { padding:5px 0px; }
	.nums .active { color: #000000 !important; }
	
	.nums > div{
		text-align:center;
		display: block;
		float:right;
		margin-left:5px;
		margin-right:5px;
		background-repeat:no-repeat;
		background-position:center top;
		text-decoration: none;
		/* height: 9px !important; */
		overflow:hidden;
		line-height: 7px;
		text-align: center;
		color: #404040;
	}

	.page_item page-item-5 {background-image:url(../../upload/images/home.gif)}
		
		
		#love:hover{ color: #819064; }
		#press:hover { color: #4180C2; }
		#gallery:hover { color: #F79321; }
		#contact:hover { color: #FBE472; }
		#biography:hover { color: #C69AA2; }
		#exhibitions:hover { color: #768A3E; }
		#murals:hover{color:#505050;}
		#home:hover { color: #762F21; }
		#blog:hover{color:#000000;}
		
		#love.activer{ color: #819064; }
		#press.activer { color: #4180C2; }
		#gallery.activer { color: #F79321; }
		#contact.activer { color: #FBE472; }
		#biography.activer { color: #C69AA2; }
		#exhibitions.activer { color: #768A3E; }
		#murals.activer{color:#505050;}
		#home.activer { color: #762F21; }
		#blog.activer{color:#000000;}
		
	#mura { 
		display: block;
		background-position: 0px 0px;
		width: 84px;
		height: 11px;
		background-image:url(../../upload/images/biography/murals.gif);
		text-decoration: none;
		font-size: 11px;
		line-height: 11px;
	}
	#mura:hover {
		background-position: 0px -11px;
	}
	
    .spacer {
        display: table;
        height: 370px;
        overflow: hidden;
		position: relative; 
		top: 50%; 
		display: table-cell; 
		vertical-align: middle;
    }
	.spacer2 {
	    display: table-cell;
	    vertical-align: middle;
		position: relative; 
		top: -50%;
	}
	#gallerycontainer img{
		width: 69px;
		height:69px;
	}
	
	#gallerycontainer  div.active{
		width:365px;
		height:218px;
	}
	
	#presscontainer img{
		width:200px;
		height:220px;
	}
	
	.gallery{ overflow:auto;
	}
	
	.contact { 
			display:block;
			width: 647px;
			height: 48px;
			background-position: 0px 0px;
			background-image:url(../../upload/images/contact/contact.gif);
			text-decoration:none;
	}
	.contact:hover {
			background-position: 0 -48px;
	}
	
	.press img{
		margin-right:5px;
	}
	
	.article_image{
		width:480px;
		height:auto;
	}
	
	.article_image{
		height:360px;
		width:auto;
	}
	
	#indexcontent a:link {color:#0000EE}  
	#indexcontent a:visited {color:#0000EE}
	
#indexcontent td{
	padding-bottom:5px; 
}

#indexcontent tr td:first-child{
width:75px;
}