/* CSS Document */

body {
font-family:Arial, Helvetica, sans-serif;
background-image: url(images/work_ground.jpg);
        }
		
p {
  		color:#330033; 
		font-family:Arial, Helvetica, sans-serif;
  		font-size:x-small;
		text-align:center;
		}
		
p.important {
  		color:#333333; 
		font-family:Arial, Helvetica, sans-serif;
  		font-size:small;
		text-align:left;
		}
  
h1 {
		font-family:Arial, Helvetica, sans-serif;
		color:#cc0099;
  		font-size:medium;
		line-height:.2;
		}
		
h2 {
		font-family:Arial, Helvetica, sans-serif;
		color:#cc0099;
  		font-size:small;
		line-height:.3;
		}

a:link    {text-decoration: none; color:#333333}
a:visited {text-decoration: none; color:#333333}
a:active  {text-decoration: none; color:#333333}
a:hover   {text-decoration: none; color:#ff3399}

a.image:link 	{text-decoration: none}
a.image:visited {text-decoration: none}
a.image:active  {text-decoration: none}
a.image:hover   {text-decoration: none}

#navigation {
width:1000px;
overflow:hidden;
margin-right:auto;
margin-left:auto;
}

#main {
height:730px;
width:1000px;
overflow:hidden;
margin-top:5px;
margin-right:auto;
margin-left:auto;
			}

#header {
	/*position:relative;*/
	width: 100%;
	margin-top:20px;
	height:70px;
	overflow: hidden;
	background-image: url(images/workheader_bground.png);
}

		.transparent_class {
				filter:alpha(opacity=90);
				-moz-opacity:0.90;
				-khtml-opacity: 0.90;
				opacity: 0.90;
					}

#content{
	/*position:relative;
	z-index:100;*/
}

#nav {
	height:70px;
	background-image: url(images/work_nav.png);
	background-repeat:no-repeat;
	background-position:top left;
	margin-top:6px;
	list-style: none;
	overflow:hidden;
}

#nav li {
	float: left;
	padding: 7px 0 0 0;
	height: 34px;
	text-indent: -5000px;
	overflow: hidden;
}

#nav li a {
	display: block;
	height: 34px;
}

#nav #h_spacer { width: 100px; }
#nav #h_work { width: 96px; }
#nav #h_bullet1 { width: 28px; }
#nav #h_collaboration { width: 239px; }
#nav #h_bullet2 { width: 28px; }
#nav #h_info { width: 69px; }
#nav #h_bullet3 { width: 28px; }
#nav #h_curatorial { width: 176px; }
#nav #h_bullet4 { width: 28px; }
#nav #h_archive { width: 135px; }

#nav #h_work a {
	width: 96px;
	background: url(images/work_nav1.png) 0 0px no-repeat;
}
#nav #h_bullet1 a {
	width: 28px;
	background: url(images/work_nav2.png) 0 0px no-repeat;
}
#nav #h_collaboration a {
	width: 239px;
	background: url(images/work_nav3.png) 0 0px no-repeat;
}
#nav #h_bullet2 a {
	width: 28px;
	background: url(images/work_nav2.png) 0 0px no-repeat;
}
#nav #h_info a {
	width: 69px;
	background: url(images/work_nav4.png) 0 0px no-repeat;
}
#nav #h_bullet3 a {
	width: 28px;
	background: url(images/work_nav2.png) 0 0px no-repeat;
}
#nav #h_curatorial a {
	width: 176px;
	background: url(images/work_nav5.png) 0 0px no-repeat;
}

#nav #h_bullet4 a {
	width: 28px;
	background: url(images/work_nav2.png) 0 0px no-repeat;
}

#nav #h_archives a {
	width: 135px;
	background: url(images/work_nav6.png) 0 0px no-repeat;
}


#nav #h_collaboration a:hover, #nav #h_info a:hover, #nav #h_curatorial a:hover, #nav #h_archives a:hover {
	background-position: 0 -34px;
}


#twodimensional {
				position:absolute;
				margin-left:80px;
				margin-top:35px;
				}
				
#threedimensional {
				position:absolute;
				margin-left:385px;
				margin-top:30px;
					}
					
#performance {
				position:absolute;
				margin-left:42px;
				margin-top:399px;
				}
				
#photos {
		position:absolute;
		margin-top:370px;
		margin-left:312px;
			}
			
#collaboration {
		position:absolute;
		margin-top:390px;
		margin-left:590px;
				}
				
#gallery {
		float:left;
		width:960px;
		height:685px;
		margin-top:15px;
		margin-left:14px;
			}
			
#controls {
float:left;
width:230px;
height:720px;
padding:0 3px 0 3px;
margin-left:3px;
border:3px solid #333333;
background-color:#ffffff;
			}

#controlheader {
	/*position:relative;*/
	width:inherit;
	margin-top:5px;
	height:30px;
	overflow: hidden;
	background-image: url(images/workheader_bground.png);
}

#workthumbs {
				float:left;
				margin-left:3px;
				margin-top:10px;
				height:auto;
				}

#controltext {
	float:left;
	padding:10px;
			}

#polaroidthumbs {
				float:left;
				margin-left:10px;
				margin-top:60px;
				}

#mainimage {
		float:left;
		margin-left:5px;
		width:720px;
		height:720px;
		border:3px solid #333333;
		background-color:#ffffff;
		text-align:center;
			}
			
		.vertimage {
					margin-top:15px;
				}

.llctable {
width:662px;
height:662px;
margin:17px 0 0 24px;
}

#footer {
text-align:center;
width:1000px;
margin-left:auto;
margin-right:auto;
margin-top:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:x-small;
color:#ffffff;
}