html { height: 100%; }

img { border: none; }

body {
	height: 100%;
}

#image_box {
  width: 905px;
  border: 1px solid #777;
  padding: 12px;
  text-align: left;
}

.sortable {
 margin-bottom: 10px;
}

.leftspace {
  margin-left: 1px;
}

.big_rightspace {
  margin-right: 10px;
}

.selected {
  border: 2px solid Lime;
}



#cell_display_area {
  width: 960px;
  padding-bottom: 20px;
  overflow: hidden;
}

#cell_display_area .large_images {
  position: relative;
  width: 2000px;
}

#cell_display_area .image_container {
  background-color: #EFEFEF;
  background-image: none;
  margin-bottom: 33px;
  margin-right: 16px;
  height: 623px;
  float: left;
}

#cell_display_area .image_container.preloading {
  background: #efefef url(../images/loadingLine.gif) no-repeat center center;
}

#cell_display_area .image_container img {
  display: inline;
  height: 623px;
}

#cell_display_area .image_container p a {
  color: #888;
}

#cell_display_area .portfolio_p {
  width: 464px;
}

#cell_display_area .portfolio_l {
  width: 944px;
}


#content_wrapper #content {
  position: relative;
}


#thumbnail_navi {
  position: absolute;
/*  left: 7px;*/
/*  bottom: 0;*/
  top: 115px;
  left: 0;
  width: 100%;
  z-index: 200;
  /*background: Blue;*/
  /*font-size: 0;*/ /* will result in padding between thumbs otherwise ---> ML@110126: but prevents overflow-y:scroll in FF! */
}

#thumbnail_navi_wrapper {
  display: block;
  position: relative;
  overflow: hidden;
  height: 90px;
  height: 0px;
}

#thumbnail_navi_container {
  left: 0px;
  bottom: 0;
  margin: 0 auto;
  height: 90px;
  position: absolute;
  width: 960px;
  background-color: #fff;
  overflow: scroll; /* default for old browsers */
  overflow-y: scroll !important; /* gets overwritten by jquery otherwise */
  overflow-x: hidden;
  /*background: Silver;*/

  height: 0px;

}

#thumbnail_navi img {
  display: block;
  float:left;
}

#thumbnail_navi img.leftspace {
  margin-left: 1px;
}

#contact_sheet_handle {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -70px;
  width: 120px;
  height: 25px;
  background: url(../images/arrow_down.png) #fff 50% 70% no-repeat;
  cursor: pointer;
/*  display: none;*/
/*  visibility: hidden;*/
}

#contact_sheet_handle:hover {
  background: url(../images/arrow_down_hover.png) #fff 50% 70% no-repeat;
}

#contact_sheet_end {
  width: 950px;
  display: none;
  height: 45px;
  background: url(../images/arrow_up.png) #fff 50% 50% no-repeat;
  cursor: pointer;
  border-right: 14px solid white;
}

#contact_sheet_end:hover {
  background: url(../images/arrow_up_hover.png) #fff 50% 50% no-repeat;
}

#contact_sheet_handle.active {
  background-image: url(../images/arrow_up.png);
  border-top: none 0 !important;
}

#contact_sheet_handle.active:hover {
  background-image: url(../images/arrow_up_hover.png);
}

#thumbnail_navi .cell {
  border-top: 3px solid #fff;
  width: auto;
  float: left;
  margin-right: 14px;
  margin-bottom: 18px;
  padding-top: 4px;
}

#thumbnail_navi .cell:hover,
#thumbnail_navi .active {
  border-top: 3px solid #FF302C;
}