body {
  margin: 0 auto;
  width: 980px;
  background: #fff url('../images/css_images/bg_header.gif') repeat-x;
  }

a {
  cursor:pointer;
}

a img {
  border: none;
}

p {
  font: 11px/15px Arial, Helvetica, sans-serif;
  color: #fff;
}

#header {
  height: 35px;
  top: 0;
  padding-bottom: 20px;
  position: relative;
  }
  
#header img#logo {
  float: left;
  border: 0;
  padding-right: 65px;
  }
  
#header a, a:hover  {
  color: #fff;
  text-decoration: none;
  }

#header ul {
  list-style-type: none;
  float: left;
  }

#header ul li {
  display: inline;
  font: 12px/39px Arial, Helvetica, sans-serif;
  color: #fff;
  padding-right: 20px;
}

#header #portfolio_nav {
  float: right;
}

#header #portfolio_nav a.thumb {
  padding-right: 0px;
}

h1 {
  display: none;
  }
    
h2, h2 a {
  font: bold 16px/20px Arial, Helvetica, sans-serif;
  text-decoration: none;
  color: #00A8CB;
  margin-bottom: 10px;
  padding-top: 50px;
  }  
  
h2 a:hover {
  text-decoration: none;
}  
  
#container {
  clear: both;
}

#photo_area {
  clear: both;
  text-align: center;
}

.thumbnail_row {
  clear: left;
  height: 180px;
  padding-bottom: 20px;
  position: relative;
}

.trans {
  width: 180px;
  height: 180px;
  position: absolute;
  z-index: 1;
}

.boxgrid {
  width: 180px;  
  height: 180px;  
  margin: 0;  
  float:left;  
  overflow: hidden;  
  position: relative;  
  padding-right: 20px;

}

.boxgrid img {
  position: absolute;  
  top: 0;  
  left: 0;  
  border: 0;  
}

.boxgrid.captionfull.last {
  padding-right: 0px;
}

.boxcaption {
  float: left;  
  position: absolute;  
  background: url('../images/css_images/bg_opacity.png') repeat;  
  height: 150px;  
  width: 150px; 
  padding: 15px;
  /*
  opacity: .7;  
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);  
  -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
 */
  }  

.cover.boxcaption {
  top: 180px;
}

a.tip {
	position: relative;
}

a.tip span {
	display: none;
	position: absolute;
	top: 22px;
	left: -140px;
  height: 150px;  
  width: 150px; 
  padding: 15px;
	z-index: 100;
  background: url('../images/css_images/bg_opacity.png') repeat;  
	color: #fff;
}

a:hover.tip {
  font-size: 100%;
	_font-size: 99%;
}

a:hover.tip span {
	display: block;
}

#easyTooltip{
	width: 150px;
	height: 150px;
	padding: 15px;
  background: url('../images/css_images/bg_opacity.png') repeat;  
	}

#item{display:none;}