body {
	background-image:  url("images/background-line.gif");
	margin: 0;
	text-align: left;
	top: 0px;
	left: 0px;
}
#jacaMenu {
	position:absolute;
	z-index:3;
	left: 625px;
	top: 25px;
	background-color: #ffffff;
	width: 440px;
	height: 170px;
	padding: 15px;
}
#welcome {
	position:absolute;
	z-index:3;
	left: 300px;
	top: 190px;
	background-color: #ffffff;
	width: 440px;
	height: 100px;
	padding: 15px;
}
#randomImage {
	visibility: visible;
	position: absolute;
	z-index:3;
	left: 45px;
	top: 125px;
	background-color: #ffffff;
	width: 450px;
	padding: 15px;
	}	
#worksGallery {
	visibility:hidden;
	position: absolute;
	z-index:5;
	left: 45px;
	top: 70px;
	background-color: #ffffff;
	width: 500px;
	padding: 20px;
	
	}	
	
#worksProject1,  #worksProject2, #worksProject3, #worksProject4, #worksProject5, #worksProject6, #worksProject7, #worksProject8, #worksProject9, #worksProject10,  #worksProject11, #worksProject112, #worksProject12, #worksProject13, #worksProject14, #worksProject15, #worksProject151, #worksProject152, #worksProject16, #worksProject17, #worksProject18, #worksProject19, #worksProject20, #worksProject21, #worksProject22, #worksProject23, #worksProject24, #worksProject25, #worksProject26, #worksProject27, #worksProject28, #worksProject29, #worksProject30, #worksProject31, #worksProject32, #worksProject33, #worksProject34, #worksProject35, #worksProject36, #worksProject37, #worksProject38, #worksProject39, #worksProject40, #worksProject41, #worksProject42, #worksProject43, #worksProject44, #worksProject45, #worksProject46, #worksProject47, #worksProject48, #worksProject49, #worksProject50, #worksProject51, #worksProject52, #worksProject53, #worksProject54, #worksProject55, #worksProject56, #worksProject57, #worksProject58, #worksProject59, #worksProject60, #worksProject61, #worksProject62, #worksProject63, #worksProject64, #worksProject65, #worksProject66, #worksProject67, #worksProject68, #worksProject69 {
	visibility: hidden;
	position: absolute;
	z-index:5;
	left: 0px;
	top: 70px;
	background-color: #ffffff;
	width: 500px;
	padding: 20px;
}	

#archivesProject1, #archivesProject2, #archivesProject3, #archivesProject4, #archivesProject5, #archivesProject6, #archivesProject7, #archivesProject8, #archivesProject9, #archivesProject10, #archivesProject11, #archivesProject12, #archivesProject13, #archivesProject14, #archivesProject15, #archivesProject16 {
	visibility: hidden;
	position: absolute;
	z-index:5;
	left: 0px;
	top: 70px;
	background-color: #ffffff;
	width: 500px;
	padding: 20px;
}	


#archivesGallery {
	visibility:hidden;
	position:absolute;
	z-index:5;
	left: 45px;
	top: 70px;
	background-color: #ffffff;
	width: 500px;
	padding: 20px;
}	

#news {
	position:absolute;
	visibility:hidden;
	z-index:3;
	left: 570px;
	top: 260px;
	background-color: #ffffff;
	width: 490px;
	padding: 15px;
}	
#works {
	position:absolute;
	visibility:hidden;
	z-index:5;
	left: 650px;
	top: 245px;
	background-color: #ffffff;
	width:390px;
	padding: 15px;
}
#works2008, #works2007, #works200605, #works200403, #works2009, #works2010 {
	visibility: hidden;
	position: absolute;
	z-index:5;
	left: 15px;
	top: 60px;
	vertical-align:top;
}

#whiteWorks2009, #whiteWorks2010  {
	position:absolute;
	visibility:hidden;
	z-index:1;
	left: 650px;
	top: 245px;
	background-color: #ffffff;
	width:390px;
	height:205px;
	padding: 15px;
}

#whiteWorks2008, #whiteWorks2007 {
	position:absolute;
	visibility:hidden;
	z-index:1;
	left: 650px;
	top: 245px;
	background-color: #ffffff;
	width:390px;
	height:445px;
	padding: 15px;
}
#whiteWorks200605 {
	position:absolute;
	visibility:hidden;
	z-index:1;
	left: 650px;
	top: 245px;
	background-color: #ffffff;
	width:390px;
	height:360px;
	padding: 15px;
}
#whiteWorks200403 {
	position:absolute;
	visibility:hidden;
	z-index:1;
	left: 650px;
	top: 245px;
	background-color: #ffffff;
	width:390px;
	height:270px;
	padding: 15px;
}
	
#announcements {
	position:absolute;
	visibility:visible;
	z-index:3;
	left: 600px;
	top: 290px;
	background-color: #ffffff;
	width: 270px;
	padding: 15px;
}	
#announcements2 {
	position:absolute;
	visibility:visible;
	z-index:3;
	left: 940px;
	top: 290px;
	background-color: #ffffff;
	width: 270px;
	padding: 15px;
}	
#archives {
	position:absolute;
	visibility:hidden;
	z-index:3;
	left: 720px;
	top: 245px;
	background-color: #ffffff;
	width: 400px;
	padding: 15px;
	
	}
#galleries {
	position:absolute;
	visibility:hidden;
	z-index:3;
	left: 760px;
	top: 260px;
	background-color: #ffffff;
	width: 360px;
	padding: 15px;
}
#links {
	position:absolute;
	visibility:hidden;
	z-index:3;
	left: 750px;
	top: 290px;
	background-color: #ffffff;
	width: 270px;
	padding: 15px;
}	
#bio {
	position:absolute;
	visibility:hidden;
	z-index:3;
	left: 570px;
	top: 260px;
	background-color: #ffffff;
	width: 550px;
	padding: 15px;
}	
#bibliography {
	visibility:hidden;
	position: absolute;
	z-index:5;
	left: 45px;
	top: 80px;
	background-color: #ffffff;
	width: 500px;
	padding: 20px;
}	

#nojava {
	position:absolute;
	z-index:3;
	left: 570px;
	top: 290px;
	background-color:#FF0066;
	width: 400px;
	padding: 15px;
	font-family: Courier, mono;
	font-size:20px;
	font-weight: bold;
	color:#000000;
}
	
.bodytext {
	font-family: Monaco, Arial, monospace;
	font-size: 10px;
	font-style: normal;
	text-decoration: none;
	font-weight: normal;
	color: #333333;
	padding: 15px;
	line-height: 14px;
	
}
.worksClass {
	font-family: Monaco, Arial, monospace;
	font-size: 10px;
	font-style: normal;
	text-decoration: none;
	font-weight: normal;
	color: #333333;
	line-height: 15px;	
}
.worksClass2 {
	font-family: Monaco, Arial, monospace;
	font-size: 10px;
	font-style: normal;
	text-decoration: none;
	font-weight: normal;
	color: #333333;
	line-height: 22px;	
}
.worksClass3 {
	font-family: Monaco, Arial, monospace;
	font-size: 10px;
	font-style: normal;
	text-decoration: none;
	font-weight: normal;
	color: #999999;
	line-height: 22px;	
}

.pinkbodytext {color: #FF0066;}


a:link {
	font-family: Monaco, Arial, monospace;
	font-size: 10px;
	text-decoration: underline;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	line-height:22px;
	
}
a:visited {
	font-family: Monaco, Arial, monospace;
	font-size: 10px;
	font-style: normal;
	text-decoration: underline;
	font-weight: normal;
	color: #333333;
	line-height:22px;
	
	
}
a:hover {
	font-family: Monaco, Arial, monospace;
	font-size: 10px;
	font-style: normal;
	text-decoration: underline;
	font-weight: normal;
	color: #666666;
	line-height:22px;
}
a:active {
	font-family: Monaco, Arial, monospace;
	font-size: 10px;
	font-style: normal;
	text-decoration: underline;
	font-weight: normal;
	color: #333333;
	line-height:22px;
}

a.pink:link {
	font-family: Monaco, Arial, monospace;
	font-size: 10px;
	text-decoration: underline;
	font-style: normal;
	font-weight: normal;
	color: #FF0066;
	line-height:22px;
	
}
a.pink:visited {
	font-family: Monaco, Arial, monospace;
	font-size: 10px;
	font-style: normal;
	text-decoration: underline;
	font-weight: normal;
	color: #FF0066;
	line-height:22px;
	
	
}
a.pink:hover {
	font-family: Monaco, Arial, monospace;
	font-size: 10px;
	font-style: normal;
	text-decoration: underline;
	font-weight: normal;
	color: #666666;
	line-height:22px;
}
a.pink:active {
	font-family: Monaco, Arial, monospace;
	font-size: 10px;
	font-style: normal;
	text-decoration: underline;
	font-weight: normal;
	color: #FF0066;
	line-height:22px;
}




.title {
  padding-left: 120px;
  min-height: 120px;
  background-image: url(http://images.apple.com/downloads/images/essentials_quicktime20070611.png);
  background-position: top left;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.playButton {
  background-color: rgb(20,20,20);
  cursor: pointer;
  font-weight: bold;
  font-size: 1.2em;
  opacity: .8;
  filter: alpha(opacity=80);
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  position: relative;
  top: 50%;
  zoom: 100%;
  padding: .5em 1em;
  color: white;
}

.playBackground {
  background-color: rgb(0,0,0);
  opacity: 0.0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0px; left: 0px;
}