@charset "UTF-8";
/* CSS Document */

/*FONTS*/

#title
{
font-family: 'Open Sans', serif;
font-weight: 300; 
text-align:left;
color:#484848;
border-bottom:1px solid #999999;

}

.main
{
font-family: 'Open Sans', serif;
font-weight: 600; 
text-align:left;
color:#484848;
font-size:80%;
border-bottom:1px solid #999999;
}

.links
{
font-family: 'Open Sans', serif;
font-weight: 300; 
text-align:right;
color:#484848;
font-size:88%;
text-decoration:none;
border-bottom:1px solid #999999;
}


.para
{
font-family: 'Open Sans', serif;
font-weight: 300; 
text-align:left;
color:#666;
font-size:80%;
text-decoration:none;
}


.links:hover
{
color:#F00;
text-decoration:none;
}

/*OBJECTS*/

#titlebar {
	height:24px;
	width:960px;
	margin:10px auto;
	text-align:left;
	padding-bottom: 4px;
	border-bottom:1px solid #999999;
	
	}

.boxes {
  display: inline;
  	float: left;
	position: relative;
	padding-left:10px;
	padding-right:10px;
	margin-left: 10px;
	margin-right:10px;
	margin-bottom: 10px;
	margin-top: 10px;
  width:200px;
  height:180px;
  opacity:0.4;
  filter:alpha(opacity=40); /* For IE8 and earlier */
  
  -moz-box-shadow: 5px 5px 22px 0 #999;
-webkit-box-shadow: 5px 5px 22px 0 #999;

}

.boxes:hover {
  opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

#boxes_info {
  display: inline;
  	float: left;
	/*padding-top:120px;*/
	position: relative;
	margin-left: 10px;
	margin-right:10px;
	margin-bottom: 10px;
	margin-top: 10px;
  width:220px;
  height:180px;
}

/*#boxes_info {
  display: inline;
  	float: left;
	position: relative;
	margin-left: 10px;
	margin-right:10px;
	margin-bottom: 11px;
	margin-top: 156px;
  width:220px;
  height:25px;
}*/

.img
{
width:200px;
}

.img_p
{
width:680px;
}

.project {
  display: inline;
  	float: left;
	position: relative;
	padding-left:10px;
	padding-right:10px;
	margin-left: 10px;
	margin-right:10px;
	margin-bottom: 10px;
	margin-top: 10px;
  width:680px;