@import url('reset.css');
@import url('master.css');

#center_column {
	width: 100%;
}

#center_column .instruction {
	color: #808080;
	margin-bottom: 0;
}

#pagination {
	background-color: #252525;
	margin: 12px 3px 0 0;
	text-align: right;
	color: #e3d44a;
	padding: 4px 6px 2px;
}

#pagination a {
	color: #e3d44a;
	text-decoration: none;
	margin-left: 3px;
}

#pagination a:hover,
#pagination a.selected {
	color: #fff;
}

#projects {
	margin-top: 18px;
}

#projects li {
	float: left;
	padding: 0 14px 15px 0;
}

#projects a {
	display: block;
	width: 142px;
	text-decoration: none;
	color: #737373;
}

#projects a img {
	opacity: 0.4;
	margin-bottom: 2px;
}

#projects a:hover,
#projects a.selected {
	color: #fff;
}

#projects a:hover img,
#projects a.selected img {
	opacity: 1;
}

#project_info {
	clear: both;
	padding: 25px 0 10px 0;
}

#project_info h2 {
	color: #e3d44a;
	border-bottom: 2px dotted #666;
	padding: 0 0 10px 0;
	margin-bottom: 15px;
}

#select_img {
	float: left;
}

#thumbnail_imgs {
	background: url(../images/thumbs-bg.jpg) 0 8px no-repeat;
	padding: 30px 0 0 0;
	float: right;
	width: 151px;
}

#thumbnail_imgs img {
	cursor: pointer;
	width: 151px;
	margin-bottom: 6px;
}

#select_desc {
	padding: 25px 0 0 0;
	clear: both;
	font-weight: normal;
	width: 610px;
}

#launch_website {
	color: #e3d44a;	
}