html, body {
height: 100%;
margin: 0;
padding: 0;
}

img#bg {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:-2;
}

img#bg2 {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:-2;
}

a{
	outline:none;
	color:#999;
}

a:hover{
	color:#CCC;
}

#top-nav{
	width:100%;
	height:70px;
	background-color:#FFF;
	text-align:center;
	position:fixed;
	top:0px;
	z-index:100;
}

#header{
	width:800px;
	height:70px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
}

#headerImg{
	position:relative;
	float:left;
	height:70px;
	width:400px;
}
#headerImg2{
	position:absolute;
	height:70px;
	width:400px;
}
#headerMenu{
	float:left;
	height:70px;
	width:400px;
	background-color:#FFF;
}

#headerMenu ul{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFF;
	position:relative;
	top:20px;
	float:right;
}

#headerMenu li{
	list-style-type:none;
	display:inline;
}

#home{
	width:100px;
	height:37px;
	display:block;
	float:left;
	margin:0 10px 0 20px;
	background-image:url(../images/home.jpg);
	background-repeat:no-repeat;
	
	
}


#projects{
	width:100px;
	height:37px;
	display:block;
	float:left;
	margin:0 10px 0 20px;
	background-image:url(../images/projects.jpg);
	background-repeat:no-repeat;
	
	
}

#artists{
	width:100px;
	height:37px;
	display:block;
	float:left;
	margin:0 10px 0 20px;
	background-image:url(../images/artists.jpg);
	background-repeat:no-repeat;
}

#home:hover{
	background-position:0px -37px;
}

#artists:hover{
	background-position:0px -37px;
}

#projects:hover{
	background-position:0px -37px;
}


#wrapper{
	position:relative;
	top:20px;
	width:800px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}

#content{
	background-image:url(../images/wrapperBg.png);
	background-repeat:repeat;
	width:800px;
	height:auto;
	float:left;
	
}

#inner-content{
	width:700px;
	margin-left:50px;
	height:auto;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
	float:left;
}

#featured-project{
	width:200px;
	height:auto;
	float:right;
	margin-left:20px;
	margin-bottom:10px;
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
	font-size:12px;
}

#featured-top{
	width:200px;
	height:19px;
	background-image:url(../images/featured-top.png);
	float:left;
	background-repeat:no-repeat;
}

#featured-title{
	position:relative;
	left:20px;
	font-size:16px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	/*border-bottom:2px solid #666;*/
}

#featured-arrow{
	position:relative;
	left:20px;
	top:5px;
}

#featured-body{
	width:200px;
	height:auto;
	background-color:#000;
	float:left;
}

#featured-content{
	width:180px;
	height:auto;
	margin-left:10px;
	margin-top:10px;
	float:left;
}

#featured-butt{
	width:200px;
	height:19px;
	background-image:url(../images/featured-butt.png);
	float:left;
	background-repeat:no-repeat;
}

#read-more a{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#FFF;
	float:right;
	position:relative;
	left:-20px;
}

#content-top{
	background-image:url(../images/content-top.png);
	background-repeat:no-repeat;
	width:800px;
	height:50px;
	display:block;
	margin-top:70px;
	float:left;
}

.contentTitle{
	width:330px;
	height:30px;
	width:700px;
	position:relative;
	top:15px;
	margin-left:auto;
	margin-right:auto;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
	font-size:18px;

}

.titleLeft{
	height:30px;
	width:10px;
	background-image:url(../images/titleLeft.png);
	background-position:0px -20px;
	background-repeat:no-repeat;
	float:left;
}

.titleCenter{
	height:30px;
	width:auto;
	background-image:url(../images/titleCenter.png);
	background-position:0px -20px;
	background-repeat:repeat-x;
	float:left;
}

.titleRight{
	height:30px;
	width:10px;
	background-image:url(../images/titleRight.png);
	background-position:0px -20px;
	background-repeat:no-repeat;
	float:left;
}

.subTitle{
	height:30px;
	width:auto;
	font-size:16px;
	font-weight:normal;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
}

#content-butt{
	background-image:url(../images/content-butt.png);
	background-repeat:no-repeat;
	width:800px;
	height:50px;
	display:block;
	float:left;
}

#contentButtSpacer{
	height:75px;
	width:800px;
	float:left;
}

#footer{
	position:fixed;
	bottom:0px;
	width:100%;
	height:50px;
	background-color:#fff;
	z-index:100;	
}

#footerContent{
	width:800px;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
}

#psoaLogo{
	width:217px;
	height:50px;
	float:left;
}

#footerMain{
	width:422px;
	height:50px;
	float:left;
}

#uwmLogo{
	width:150px;
	height:50px;
	float:left;
}

#artist-list{
	width:170px;
	height:auto;
	margin-left:20px;
	float:left;
}

#artist-list a{
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	position:relative;
}

#artist-list ul{
	margin:0px;
	padding:0px;
}

#artist-list li{
	list-style-type:none;
	height:18px;
}

#instructor-list{
	width:170px;
	height:auto;
	float:left;
	margin-top:20px;
}

#instructor-list a{
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	position:relative;
}

#instructor-list ul{
	margin:0px;
	padding:0px;
}

#instructor-list li{
	list-style-type:none;
	height:18px;
}


#project-artist{
	position:relative;
	top:-10px;
	margin-right:50px;
	float:right;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

#project-desc{
	width:700px;
	margin-left:50px;
	margin-right:50px;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	float:left;
}

#project-images{
	width:700px;
	margin-left:50px;
	margin-right:50px;
	float:left;
}

#project-images li{
	list-style-type:none;
	display:inline;
	margin:5px;
}

#project-images ul{
	margin-top:10px;
	padding:0px;
}

#project-images img{
	border:1px #fff solid;
	padding:2px;
}

#project-images img:hover{
	border-color:#999;
}

#artist-link a{
	color:#CCC;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
	text-decoration:none;
}

#artist-link a:hover{
	color:#fff;
	text-decoration:underline;
}

#project-videos{
	width:700px;
	margin-left:50px;
	margin-right:50px;
	float:left;
}

#project-videos li{
	list-style-type:none;
	margin:5px;
	color:#FFF;
}



#project-videos ul{
	margin-top:10px;
	padding:0px;
}

.video-title{
	color:#FFF;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
	font-size:12px;
}

.video-title a{
	color:#999;
	text-decoration:none;
}

.video-title a:hover{
	color:#ccc;
	text-decoration:underline;
}



.project-block{
	width:154px;
	height:154px;
	margin:10px;
	float:left;
}

.project-image-block{
	width:154px;
	height:116px;
	float:left;
	
}

.project-block-title{
	width:154px;
	height:30px;
	text-align:left;
}

.project-block table{
	margin:0px;
}

.project-block-title{
	height:35px;
}

.project-title{
	
}

.project-block a{
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-decoration:none;
}

.project-image-block img{
	border:1px #fff solid;
	padding:2px;
}

.project-image-block img:hover{
	border-color:#999;
}



#project-list{
	width:700px;
	height:auto;
	margin-left:20px;
	float:left;
}

#project-list a{
	
	position:relative;
	height:37px;
}

#project-list a:hover{
	background-position:0px -37px;
}

#project-list ul{
	margin:0px;
	padding:0px;
}

#project-list li{
	list-style-type:none;
	height:37px;
	display:inline;
	float:left;
	text-align:center;
	margin-left:10px;
	margin-right:10px;
}

#video_cat{
	background-image:url(../images/video_cat.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	width:65px;
}

#audio_cat{
	background-image:url(../images/audio_cat.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:65px;
	display:block;
}

#installation_cat{
	background-image:url(../images/installation_cat.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	width:100px;
}

#interactive_cat{
	background-image:url(../images/interactive_cat.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	width:100px;
}

#all_cat{
	background-image:url(../images/all_cat.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	width:100px;
}

#animation_cat{
	background-image:url(../images/animation_cat.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	width:100px;
}



#projects-wrapper{
	width:700px;
	height:auto;
	float:left;
	margin-left:50px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
}

#cat-title{
	color:#999;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
	font-size:18px;
	border-bottom:1px #fff solid;
}

#artist-projects{
	float:left;
}

#back-projects a{
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	float:right;
	margin-right:50px;
	width:150px;
	margin-top:10px;
	text-decoration:none;
}

#back-projects a:hover{
	color:#999;
	text-decoration:underline;
}