html
{
	background : #c0c0c0 url(img/projects/projects_bg.jpg) top center repeat;
}

.project
{
	position : relative;
	left : 55px;
	top : 20px;
	margin-bottom : 50px;
	clear : both;
	overflow : hidden;
	width : 820px;
	height : 300px;
}

.proj_img
{
	width : 410px;
	height : 273px;
	position : relative;
	float : left;
	clear : left;
	
	background : url(img/ajax-loader.gif) center center scroll no-repeat;
}

.proj_info
{
	position : relative;
	top : 0px;
	width : 360px;
	margin-left : 450px;
}

.proj_info h2
{
	height : 90px;
	text-indent : -9000em;
}

.proj_info p
{
	margin-left : 20px;
	width : 330px;
	padding-bottom : 30px;
	border-bottom : 1px solid #8f92c8;
	margin-bottom : 30px;
}

.img_links
{
	margin-left : 20px;
}

.img_links a
{
	padding : 6px;
}

.img_links a:visited
{
	color : purple;
}

.img_links a:hover
{
	color : white;
	background-color : #344da1;
}

.img_links a:active
{
	color : #6799cb;
	background-color : #344da1;
}


a.selected
{
	font-weight : bold;
	font-size : 15px;
	/*color : #222359;*/
}


.zoom
{
	width : 80px;
	height : 25px;
	margin-left : 345px;
	float : left;
	clear : left;
	cursor : pointer;
	
	background : transparent url(img/projects/enlarge_btn.png) scroll no-repeat;
}

#millenium h2
{
	background : transparent url(img/projects/millenium_header.png) scroll no-repeat;
}

#pier_six h2
{
	background : transparent url(img/projects/pier_six_header.png) scroll no-repeat;
}

#remple h2
{
	background : transparent url(img/projects/remple_header.png) scroll no-repeat;
}

#overlay
{
	display : none;
	width : 900px;
	height : 504px;
}

#o_image
{
	width : 756px;
	height : 504px;
	position : relative;
	float : left;
        background : transparent url(img/projects/loading.png) center center scroll no-repeat;
}

.close_btn
{
	width : 30px;
	height : 15px;
	padding : 3px 30px 5px;
	position : absolute;
	top : 0px;
	right : 10px;
	
	color : #354da1;
	background-color : #fff;
	text-align : center;
	cursor : pointer;
}

.close_btn:hover
{
	color : #fff;
	background-color : #111;
}

.x
{
	left : -20px;
	top : 0px;
	width : 20px;
	height : 23px;
	position : absolute;
	display : block;
	
	background : transparent url(img/contact/close_btn.png) no-repeat scroll;
}

#prev, #next
{
	width : 17px;
	height : 28px;
	position : absolute;
	
	background : transparent url(img/projects/arrows.png) scroll no-repeat;
}

#prev
{
	bottom : 10px;
	right : 75px;
	
	background-position : left;
}

#prev:hover
{
	background-position : -34px;
}

#next
{
	bottom : 10px;
	right : 10px;
	
	background-position : -17px;
}

#next:hover
{
	background-position : -51px;
}