/*#topLinks { 
	position: absolute;
	top: 115px;
	left: 660px;
	width: 95px;
	text-align: center;
	height: 15px;
	line-height: 15px;
	padding: 5px;
}*/
#topLinks { 
	position: absolute;
	top: 115px;
	left: 50%;
	margin-left: 247px;
	width: 95px;
	text-align: center;
	height: 15px;
	line-height: 15px;
	padding: 5px;
}
#topLinks a { text-decoration: none; }
#topLinks a:hover { text-decoration: underline; }

* html #topLinks {
	position: absolute;
}


.projectDescription {
	float: left;
	width: 100%;
	position: relative;
	clear: both;
	margin-bottom: 15px;
}
#page .hasDescription,
.projectDescription h1,
.projectItem img.noDescription,
.projectItems h1 { margin: 0; }

.projectItems, .projectItem {
	float: left;
	width: 100%;
	clear: both;
}
.projectItems {
    position: relative;
	margin-bottom: 15px;	
}
.projectItems .last { margin: 0; border: 0;}

.projectItem {
	margin-bottom: 15px;
	overflow: hidden;
	background: none;
	position: relative;
}

.enlargeable {
  cursor: pointer;
}
.projectItem .enlarge {
  position: absolute;  
  top: 8px;
  right: 8px;
  height: 17px;
  width: 17px;
  background: url('/images/common/enlarge.png');
  * background: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/common/enlarge.png', sizingMethod='scale');
  cursor: pointer;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity .15s ease-in-out;
  -moz-transition: opacity .15s ease-in-out;
  -o-transition: opacity .15s ease-in-out;
}
.projectItem:hover .enlarge {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.projectItem img {
	float: left;
	clear: both;
	margin-bottom: 10px;
}

.projectItemDescription { 
	float: left;
	width: 100%;
	position: relative;
	clear: both;
	padding-bottom: 10px;
}

#bottomLinks {
  float: right;
  padding: 5px 5px;
  width: 590px;
  text-align: right;
  border-top: 1px solid #000;
}
#bottomLinks a { text-decoration: none; }
#bottomLinks a:hover { text-decoration: underline; }

html body .navigationArrows {
  line-height: 18px;
  float: right;
  clear: both;
  width: 50px;
  text-align: right; 
}
.navigationArrows .arrow {
  width: 10px;
  height: 18px;
  cursor: pointer;
  vertical-align: middle;
  float: right;
  margin-left: 1px;
  clear: none;
}
.navigationArrows .arrowLeft {
  background: url('/images/common/arrow_left.gif') top left no-repeat;
}
.navigationArrows .arrowRight {
  background: url('/images/common/arrow_right.gif') top left no-repeat;
}
.navigationArrows .position {
  float: right;
  margin-left: 1px;
  width: 36px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  clear: none;
}