@charset "UTF-8";
/* CSS Document */


body{
	font: Verdana, Geneva, sans-serif;
	font-size: 14px;
	position: center;
}

.centered {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 50%;
  height: 50%;
  margin: auto;
  background-color: red;
  color: white;
} 


h4{
	font: verdana, arial, sans-serif;
	font-variant: small-caps;
	font-size: 20px;
}

h6{
	font: verdana, arial, sans-serif;
	text-align: right;
	font-size: 12px;
}

#Table_01 {
	position:absolute;
	left:0px;
	top:0px;
	width:1020px;
	height:1220px;
}



#indextitle {
	position:absolute;
	left:40px;
	top:70px;
	width:940px;
	height:90px;
}


#processing {
	position:absolute;
	left:360px;
	top:186px;
	width:620px;
	height:320px;
}

#introtext {
	position:absolute;
	left:40px;
	top:186px;
	width:300px;
	height:320px;
}

#jazzcatalog {
	position:absolute;
	left:40px;
	top:186px;
}

#extratext {
	position:absolute;
	left:360px;
	top:186px;
	width:300px;
	height:320px;
}


#work {
	position:absolute;
	left:40px;
	top:527px;
	width:301px;
	height:201px;
}

#workjazz {
	position:absolute;
	left:640px;
	top:527px;
	width:301px;
	height:201px;
}


#bio {
	position:absolute;
	left:360px;
	top:527px;
	width:311px;
	height:201px;
}



#cv {
	position:absolute;
	left:680px;
	top:527px;
	width:300px;
	height:201px;
}




//nyt


#profile {
	position:absolute;
	left:680px;
	top:186px;
	width:300px;
	height:320px;
}

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



//CV

.namejob{
	font-style:italic;
}

#education1 {
	position:absolute;
	left:40px;
	top:186px;
	width:300px;
	height:320px;
}


#education2 {
	position:absolute;
	left:360px;
	top:186px;
	width:300px;
	height:320px;
}

.education3 {
	position:absolute;
	left:680px;
	top:186px;
	width:300px;
	height:320px;
}

#work1 {
	position:absolute;
	left:40px;
	top:880px;
	width:300px;
	height:201px;
}

#bio1 {
	position:absolute;
	left:360px;
	top:750px;
	width:311px;
	height:201px;
}

#project1 {
	position:absolute;
	left:680px;
	top:750px;
	width:300px;
	height:201px;
}

.projecttext {
	position:fixed;
	right:50px;
	top:186px;
	width:300px;
	height:320px;
}

//work

.aBox {
background-color: #FFFFFF;
border: 1px solid #000000;
color: #000000;
padding: 0px;
margin:0px;
position: relative;
}.
aBar {
background-color: #E1771E;
color: #ffffff;
cursor: move;
font-weight: bold;
font-size:12px;
padding: 2px 1em 2px 1em;
}
.aContent { 
padding: 10px;
}

//Galleri

#gallery {
  padding:0; 
  margin:0; 
  list-style-type:none; 
  overflow:hidden; 
  width:400px; 
  height:300px; 
  border:1px solid #888; 
  background:#fff url(betaby/project.008.jpg);
  }
#gallery li {
  float:left;
  }
#gallery li a {
  display:block; 
  height:320px;
  width:30px; 
  float:left; 
  text-decoration:none; 
  border-bottom:1px solid #fff; 
  cursor:default;
  }
#gallery li a img {
  width:30px; 
  height:320px; 
  border:0;
  }
#gallery li a:hover {
  background:#eee; 
  height:239px;
  }
#gallery li a:hover img {
  height:239px;
  }


//Gallery #2

#overlay{ 
    background-image: url(lightbox/overlay.png);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 90;
    width: 100%;
    height: 100%;
}

* html #overlay{
    background-color: #333;
    background-color: transparent;
    background-image: url(lightbox/blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
        src="lightbox/overlay.png", sizingMethod="scale");
}

#box{
    background:#FFFFFF;
	margin: 0;
	padding: 0;
    border:2px solid #000000;
	overflow: auto;
}

#box #close{
    position:absolute;
    top:0px;
    right:0px;
    cursor:pointer;
}

#box #boxContents {
	margin-top:12px;
	padding:10px;
}



.examples {
	text-align: left;
}

#gallery {
	width: 500px;
	text-align: left;
	border: 0px solid #000000;
	margin: auto;
	padding: 6px 0;
}

#gallery img {
	margin: 6px;
	border: 1px solid #000000;
}

#box {
	text-align: left;
}

li a {
	font-weight: bold;
}

//Projects