/* Main CSS */
/* by Paul Knecht for kaplan/Franco DESIGN 2008 */
body {
  margin : 0px;
  padding : 0px;
  
  background : #fff;

  font-family :  Courier New, Courier, Verdana, Arial, sans-serif;
  font-size : 12px;
  color : #000;
  line-height : 16px;
}


img {
  border : none;
  margin : 0px;
  padding : 0px;
}

a, a:visited {
  color : #000;
  text-decoration : none;
}


a:hover {
  color : #000;
  text-decoration : none;
  border-bottom : 0px;
}


p {
  margin-top : 0px;
  margin-bottom : 15px;
  padding : 0px;
}

p a {
  border-bottom : dotted 1px #000;
}
p a:hover {
  border-bottom : 0px;
}

h1 {
  font-size : 12px;
  text-transform : uppercase;
  margin-bottom : 15px;
  margin-top : 0px;
}

table, tr, td {
  font-size : 12px;
}

/* specific definitions */

#center {
  width : 990px;
  position : absolute;
  left : 50%;
  top : 4%;  
  margin-left : -495px;
  background : url(images/bg_line_top.png) repeat-x;
  height : 208px;
}

#adress {
  position : absolute;
  left : 0px;
  top : 20px;
}

#adress a {
  color : #0c0;
  border-bottom : dotted 1px #0c0;
}
#adress a:hover {
  color : #0c0;
  border-bottom : none;
}

#adresstitle {
  color : #0c0;
  text-transform : uppercase;
}

#nav {
  position : absolute;
  left : 205px;
  top : 20px;
  text-transform : uppercase;
}

#nav ul {
  margin : 0px;
  padding : 0px;
}
#nav ul li {
  margin : 0px;
  padding : 0px;
  list-style-type : none;
}
#nav a:hover, .act {
  color : #0c0;
  font-weight : bold;
}

#projectsnav {
  position : absolute;
  left : 368px;
  top : 20px;
  width : 654px;
  letters-spacing : 17px;
  overflow : auto;
  height : 174px;
}

#furniture {
  color : #0c0;
}
#tech {
  color : #000;
  margin-top : 10px;
}

#hint {
  position : absolute;
  left : 520px;
  top : 0px;
}

#hint img {
  float : none;
  vertical-align : 1px;
}


.nav {
  width : 145px;
  float : left;
  font-weight : bold;
  text-transform : uppercase;
  text-align : right;
}

.projects {
  margin-left : 155px;
  width : 476px;
}

.projects img {
  margin-bottom : 9px;
  border : none;
  cursor : pointer;
}

#content {
  position : relative;
  left : 0px;
  margin-top : 208px;
  width : 990px;
  overflow : hidden;
}

#text {
  margin-top : 30px;
  margin-bottom : 28px;
}

#scroller {
  position : relative;
  overflow : auto;
  overflow-x : auto;
  overflow-y : hidden;
  width : 990px;
  height : 360px;
}

#projectsfurniture, #projectstech { 
  position : relative;
  margin-left : 2px;
  margin-top : 10px;
  padding-bottom : 15px;
  color : #333;
  height : 319px;
  line-height : 30px;
}

#projectsfurniture div, #projectstech div {
  float : left;
  margin-right : 10px;
  height : 318px;
}

#subcat {
  float : left;
  margin-top : 30px;
  margin-bottom : 28px;
  width : 360px;
}
#subcat a:hover, #subcat .act {
  color : #0c0;
}

#cv {
  position : relative;
  margin-left : 400px;
  margin-top : 30px;
  width : 580px;

}

#cv ul {
  list-style-image : url(images/list.png);
  margin : 0px;
  margin-bottom : 10px;
  margin-left : 23px;
  padding : 0px;
}

#cv li {
  padding-left : 2px;
}

#cv table, #cv tr, #cv td {
  empty-cells : show;
  vertica-align : top;

  font-size : 12px;
}

.year {
  color : #0c0;
}

.preload {
  background : url(images/preload.gif) center center no-repeat;
}

#centerstart {
  position : absolute;
  left : 50%;
  top : 4%;  
  margin-left : -495px;
  width : 990px;
  height : 208px;
}

#line {
  background : url(images/bg_line_bottom.png) left bottom repeat-x;
  height :  12px;
  width : 100%;
}