#content_wrap {
    
}

#window {
  padding-top: 50px;
  position: relative;

}

#galeryFrame {
  position: relative;
  width: 100%;
  height: 363px;
}

#galeryFrame div.project {
  position: absolute;
}

#galeryFrame a.muar {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border:1px solid #FFF;  
}

#galeryFrame div.project img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border:1px solid #000;
}


#galeryFrame a.muar {
  background: #fff;
}


#galeryFrame div.targetInfo {display: none;}



#currentFrame {
  position: absolute;
  left: 89px;
  top: 50px;
  width: 725px;
  height: 362px;
  z-index: 50;
}

.shortDescription a
{
	color:#017a7c;
}




#currentFrame #prev, #currentFrame #next {
  position: absolute;
  top: 50%;
  width: 38px;
  height: 77px;
  margin-top: -39px;
  cursor: pointer;
}

#currentFrame #prev {
  left: -38px;
  background: url(../images/portfolioPrev.png) no-repeat left -67px;
}

#currentFrame #next {
  right: -38px;
  background: url(../images/portfolioNext.png) no-repeat right -67px;
}

#currentFrame #prev:hover, #currentFrame #next:hover {
  background-position: left top;
}





#currentFrame #hintPrev, #currentFrame #hintNext {
  position: absolute;
  top: 50%;
  height: 77px;
  margin-top: -39px;
  z-index: 41;
  visibility: hidden;
  overflow: hidden;
  color: #fff;
}

#currentFrame #hintPrev {left: 0;}
#currentFrame #hintNext {right: 0;}


#currentFrame #hintPrev b, #currentFrame #hintNext b {
  position: absolute;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0.7;
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  filter: alpha(opacity=70)
}

#currentFrame #hintPrev span, #currentFrame #hintNext span {
  position: relative;
  font: italic 18px "Times New Roman", Times, serif;
  white-space: pre;
  display: block;
  padding-top: 25px;
  padding: 25px 40px 0 40px;
}




#closePortfolio {
  position: absolute;
  right: -2px;
  bottom: -40px;
  width: 38px;
  height: 39px;
  background: url(../images/closePorfolio.gif) no-repeat right top;
  cursor: pointer;
}


#sign {
  margin-left: 89px;
  padding-bottom: 40px;
  width: 40%;
}

#sign a{
	color:#018c8e;
}
#sign a:hover{
	color:#000;
}

#sign h2 {
  line-height: 1;
  display: block;
  overflow: hidden;
  font: italic normal 24px "Times New Roman", Times, serif;
  margin-top:10px;
}

#sign h2 span {float: left;}

#sign h2 .name {
  color: #018c8e;
}

#sign h2 .separ {
  padding-left: 7px;
  padding-right: 4px;
  text-align: center;
}

#sign p {
  clear: left;
}

#sign #showDescription {
  color: #018c8e;
  text-decoration: underline;
  cursor: pointer;
}






#descriptionBlock {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  overflow: hidden;
  z-index: 5;
  color: #fff;
}

#zanavesa {
  position: absolute;
  z-index: 4;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  background: black;
  opacity: 0.7;
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  filter: alpha(opacity=70);
  display: block;
  overflow: hidden;
}


#descriptionBlock h2 { 
  text-indent: 32px;
  font: italic 24px "Times New Roman", Times, serif;
  margin-bottom: 4px;
  overflow: hidden;
  cursor: pointer;
}

#descriptionBlock h2 span {
  font: italic 24px/1 "Times New Roman", Times, serif;
  padding-right: 50px;
  padding-bottom: 4px;
  background: url(../images/closeFullDescription.gif) no-repeat right -78px;
  float: left;
}

#descriptionBlock h2:hover span {
  background-position: right 4px;
}

#descriptionText {
  padding: 20px 30px 0 30px; 
  background: black;
  margin: 0;
  height: 100%;
  clear: left;
}

#descriptionText p {margin-bottom: 20px;}