/* Company : me_folio */
/* Version : 1.0 */
/* Author : Jeroen Braspenning */

/* BASE */
* {
   margin:0;
   padding:0;
}


body, html {
   height: 100%;


}

#works {
   margin: 40px 0 0 80px;
   width: 500px;

   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 11px;
   color: #4C4C4C;
   line-height: 17px;
}


#header {
   margin: 40px 0 0 65px;
   width: 531px;
   height: 100px;
   background-image: url(../images/layout/header_portfolio.gif)
}

#btn_experiment {
  position: absolute;
  margin: 80px 0 0 137px;

}

#btn_portfolio {
  position: absolute;
  margin: 80px 0 0 26px;

}

#btn_others {
  position: absolute;
  margin: 80px 0 0 270px;

}

#btn_blog {
  		position: absolute;
  		margin: 80px 0 0 355px;
	}

#btn_portfolio {
  position: absolute;
  margin: 80px 0 0 26px;

}



h2 {
   font-size: 20px;
   margin: 20px 0 0 0;
}

#experiment_item h2 {
   font-family: Arial, Verdana, Helvetica, sans-serif;
   color: #48A0CC;
   font-size: 17px;
   margin: 20px 0 0 0;
}

hr {
   margin:-10 0 5px 0;
   border: 1px solid #e5e5e5;
   height: 0px;
   clear: left;
}

p {
   margin: 10px 0 10px 0;
}

.preview_picture {
   float: left;
   margin: 5px 7px 0 0;
   border: 2px;
   border-style: solid;
   border-color: #e5e5e5;
}

.works_footer {
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 10px;
   color: #c7c7c7;
   clear: left;
}