/* Main CSS */
/* by Paul Knecht 2009 for kaplan franco Design */

/* general definitions */

body {
  margin : 0px;
  padding : 0px;
  background : #fff;
  font-family :  Helvetica, Arial, Verdana, sans-serif;
  font-size : 12px;
  color : #000;
  line-height : 18px;
  height:100%;
  overflow-y : scroll;
}

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

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

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

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

h1 {
  font-size : 14px;
  margin-bottom : 15px;
  margin-top : 0px;
}


ul {
  margin : 20px 0px 20px 0px;
  padding : 0px;
  padding-left : 25px;
  list-style : square;
  color : #333;
  line-height : 20px;
  list-style-type : disc;
}

li {
  padding : 0px 0px 1px 4px;
}

table, tr, td{
  border-collapse : collapse;
  border-spacing : 0px;
  padding : 0px;
  vertical-align : top;
  border : none;
  empty-cells : show;
  table-layout : fixed;
}



/* specific definitions */

#header {
  margin-left : 45px;
}    

#logo {
  margin : 60px 0px 0px 0px;
  padding : 0px;
  float : left;
}

#logo img {
  cursor : pointer;
}

.navpoint {
  cursor : pointer;
  font-size : 16px;
  font-weight : 600;
  font-family :  Helvetica, Arial, Verdana, sans-serif;
  display : block;
  margin-bottom : 4px;
}

#nav-static {
  margin : 60px 0px 0px 80px;
  width : 72px;
  float : left;
}

#nav-portfolio {
  margin : 60px 0px 0px 25px;
  width : 117px;
  float : left;
}

.subnav-portfolio {
  margin : 60px 0px 0px 6px;
  width : 120px;
  float : left;
  display : none;
}

#nav-static img, #nav-portfolio img, .subnav-portfolio img {
  display : block;
  margin : 5px 0px 0px 0px;
}    

#projectlist-portfolio {
  margin : 60px 0px 0px 10px;
  width : 240px;
  float : left;
  line-height : 19px;
  height : 123px;
  overflow : hidden;
}

#projectlist-scroll img, #projectlist-portfolio span {
  cursor : pointer;
}

#projectlist-portfolio span:hover {
  color : #e00;
}    

#projectlist-portfolio-inner {
  width : 240px;
  min-height : 123px;
  float : left;
}    

#projectlist-scroll {
  margin : 65px 0px 0px 2px;
  width : 15px;
  float : left;
  visibility : hidden;
}

#projectlist-scrolldown {
  margin-top : 100px;
}    

#portfolio-pictures {
  clear : both;
  float : left;
  margin-top : 45px;
  padding-left : 40px;
  padding-right : 40px;
}

#portfolio-pictures img {
  cursor : pointer;
  margin : 2px;
  float : left;
  height : 60px;
  width : 60px
  margin : 2px;
}

.year {
  font-size : 16px;
  font-weight : 600;
  font-family :  Helvetica, Arial, Verdana, sans-serif;
  width : 44px;
  height : 44px;
  margin : 10px;
  float : left;
}    

#darkbox-bg {
  background : url(../img/darkbox-bg.png);
  width : 100%;
  height : 100%;
  position : fixed;
  top : 0px;
  left : 0px;
  z-index : 5;
  display : none;
  cursor : pointer;
}

#content {
  position : fixed;
  width : 546px;
  left : 50%;
  margin-left : -273px;
  top : 4%;
  max-height : 92%;
  background : #fff;
  overflow : auto;
  cursor : default;
  display : none;
  z-index : 6;
}

.portfoliopic {
  margin-bottom : 45px;
}    

#project-title {
  margin-bottom : 26px;
}    

#content-wrapper {
  margin-top : 51px;
  margin-left : 44px;
  margin-bottom : 51px;
}    

#content h1 {
  margin-bottom : 10px;
  font-weight : bold;
  font-size : 15px;
}

#client {
  margin-bottom : 2px;
}    

.descr {
  margin-bottom : 12px;
  width : 456px;
}
.descr {
  margin-bottom : 12px;
  width : 456px;
}

#pics {
  margin-top : 70px;
}    

#close {
  position : absolute;
  right : 44px;
  top : 51px;
  cursor : pointer;
  color : #444;
}  

#load {
  position : fixed;
  width : 48px;
  height : 48px;
  left : 50%;
  top : 50%;
  margin-left : -24px;
  margin-top : -24px;
  z-index : 7;
  display : none;
  background : #fff;
}  
  
#load img { 
  margin-left : 8px;
  margin-top : 8px;
  height : 32px;
  width : 32px;
}

.otherprojects {
  cursor : pointer;
  display : block;
  padding-left : 12px;
  margin-bottom : 2px;
  background : url(../img/arrow.png) no-repeat center left;
}