/* wrap */
#wrap {
	width: 940px;
	margin: 10px auto;
	position: relative;
}

/* header */
#header h1 {
	float: left;
	font-weight: normal;
	font-size: 24px;
	width: 240px;
	color: #000;
}

#header h1 sup {
	font-size: 16px;
}

#header h1 a {
	background: none;
}
	
#header h1 a:hover {
	text-decoration: none;
	color: #999;
}		

#header h2 {
	float: left;
	font-weight: normal;
	font-size: 16px;
}

/* nav */
ul#nav {
  position: absolute;
  margin: 0;
  padding: 0;
  right: 40px;
  top: 0;
  list-style: none;
  width: 240px;
  text-align: right;
}

ul#nav li {
  display: inline;
}	

ul#nav li a {
  padding-right: 20px;
  background: none;
}

ul#nav li a:hover {
  color: #999;
  text-decoration: none;
}	

ul#nav li.active a {
  font-weight: bold;
}

/* main */
#main {
  clear: both;
  padding-top: 80px;
}

/* content */
#content {
	min-height: 400px;
	clear: both;
}

#content.home,
#content.contact {
	margin-right: 50px;
	padding-left: 240px;
	font-size: 16px;
	line-height: 1.3em;
}

#sidebar {
	width: 200px;
	position: absolute;
	top: 110px;
	left: 0;
}

/* footer */
#footer p {
	font-size: 11px;
	color: #999;
}

/* projects thumb */
#projects {
	margin: 10px 0 -10px 0;
	padding: 0;
	position: relative;
}

#project-overlay {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 11px;
	width: auto;
	color: #000;
}

#projects .slide-content {
	width: 640px;
	height: 80px;
	position: relative;	
	overflow: hidden;
	margin-left: 240px;
}

#projects .slide-content ul {
	list-style: none;
	position: absolute;
	margin: 40px 0 0 0;
}

#projects .slide-content ul li {
	float: left;
	width: 40px;
	height: 40px;
/*	overflow: hidden;*/
	list-style: none;
/*	position: relative; */
}

#projects img {
	height: 40px;
	width: 40px;
}


#projects .slide-content ul li div.overlay {
	display: none;
	position: absolute;
    top: -35px;
	left: 0;
	font-size: 11px;
	width: 300px;
}

/*#projects .slide-content ul li:hover div.overlay {
	display: block;
}*/

/*#projects .slide-content ul li img { width: auto; }*/

#projects .slide-content ul li a:hover {
	opacity: .5;
}

#projects .slide-content ul li a.active {
	opacity: .5;
	width: auto;
}

#projects a.browser-btn {
	display: block;
	width: 19px;
	height: 19px;
	position: absolute;
	text-indent: -10000px;
	top: 48px;
}

#projects a.browser-btn.left {
	right: 20px;
	background: url('../img/b_left.gif') no-repeat center center;	
}

#projects a.browser-btn.right {
	right: 0;
	background: url('../img/b_right.gif') no-repeat center center;
}
#projects a:hover.browser-btn.left, #projects a:hover.browser-btn.right {
	opacity: .5;
}

/* project details */
.project-details {
  height: 400px;
}

.project-details .project-meta {
	float: left;
	width: 240px;
	height: 400px;
}
.project-details .project-meta p,
.project-details .project-meta h3 {
	margin: 0 40px 0 0;
	font-size: 1em;
}

.project-details .project-images {
	width: 640px;
	height: 400px;
	float: left;
	position: relative;
}

.project-details .project-images .slide-content {
	width: 640px;
	height: 400px;
	overflow: hidden;
}

.project-details .project-images .slide-content ul {
	list-style: none;
	position: relative;
	padding: 0;
	margin: 0;
}

.project-details .project-images div ul li {
  position: absolute;
	left: 0;
	margin: 0;
	width: 640px;
	height: 400px;
	list-style: none;
  background-color: #fff;
	background-repeat: no-repeat;
  background-position: left top;
  opacity: 0;
  text-align: left;
}

/* Navigation by number */
.project-details ul#images_mini_nav {
	margin: 0;
	list-style: none;
	position: absolute;
	top: -23px;
	left: 0;
}

.project-details ul#images_mini_nav li {
	float: left;
	margin-right: 1px;
	list-style: none;	
}

.project-details ul#images_mini_nav li a {
	cursor: pointer;
	display: block;
	text-align: center;
	padding: 4px 8px;
	color: #999;
	background: none;
}

.project-details ul#images_mini_nav li a:hover {
	background-color: #F0F0F0;
	text-decoration: none;
}

.project-details ul#images_mini_nav li a:active {
	font-weight: bold;
	color: #000;
}
.project-details ul#images_mini_nav li a.active {
	font-weight: bold;
	color: #000;	
	text-decoration: none;
}