/*
######################################################################################
######                                                                        #######
######     PAGE SPECIFIC STYLES    		                                     #######
######                                                                      #######
##################################################################################
*/

/********************************************************************************/
/***** MIDDLE STYLES ***********************************************************/
/******************************************************************************/

	#middle .photos {
		width: 922px;
		height: 528px;
		margin: 0 auto;
		padding: 0;
		}
		#middle .photos li {
			float: left;
			height: 528px;
			margin: 0;
			padding: 0;
			list-style: none;
			}
			
/***** LINKS *****/
		
		#lnk_previous,
		#lnk_next,
		#page_list { display: none; }
		
		#middle .photos li.prev,
		#middle .photos li.next {
			width: 36px;
			}
			#middle .photos li.prev a,
			#middle .photos li.next a {
				margin-top: 230px;
				width: 27px;
				height: 74px;
				float: left;
				text-indent: -6767px;
				overflow: hidden;
				background-position: 0 0;
				}

			#middle .photos li.prev a {
				float: left;
				background-image: url(../../images/page-specific/portfolio/arrow_left.gif);
				background-position: -27px 0;
				}
			#middle .photos li.prev a:hover {
				background-position: 0 0;
				text-decoration: none;
				}
			#middle .photos li.next a {
				float: right;
				background-image: url(../../images/page-specific/portfolio/arrow_right.gif);
				background-position: 0 0;
				}
			#middle .photos li.next a:hover {
				background-position: -27px 0;
				text-decoration: none;
				}

/***** PHOTO *****/

		#middle .photos li.image {
			position: relative;
			width: 850px;
			height: 528px;
			margin: 0;
			padding: 0;
			list-style: none;
			}
			#middle .photos li.image div {
				position: absolute;
				left: 0;
				top: 0;
				width: 850px;
				height: 528px;
				background-repeat: no-repeat;
				background-position: top center;
				}
				#middle .photos li.image div img {
					display: block;
					margin: auto;
					}


/********************************************************************************/
/***** DETAILS BAR STYLES ******************************************************/
/******************************************************************************/

.details-bar {
	width: 850px;
	height: 20px;
	margin: auto;
	overflow: hidden;
	}
	.details-bar p {
		margin: 0;
		padding: 8px 0 0 0;
		}

	.details-bar .dedication {
		float: left;
		width: 49%;
		color: white;
		text-transform: none;
		}
		.details-bar .dedication a {
			color: white;
			text-decoration: underline;
			}
		.details-bar .dedication a:hover {
			color: #71dad4;
			}
	
	.details-bar .click-message {
		display: none;
		float: right;
		width: 49%;
		text-align: right;
		color: white;
		font-weight: bold;
		text-transform: none;
		}

/********************************************************************************/
/***** FOOTER STYLES ***********************************************************/
/******************************************************************************/

#footer .left {
	float: left;
	width: 49%;
	}
	#footer .left .copyright {
		float: none;
		}
	#footer .left .dedication {
		padding-top: 10px;
	}

#footer .right {
	padding-top: 10px;
	float: right;
	clear: right;
	font-size: 1.3em;
	margin-bottom: 12px;
	width: 49%;
	text-align: right;
	}
	#footer .right span { display: none; }
	#footer .right a {
		text-decoration: none;
		margin-left: 1px;
		font-weight: bold;
		color: white;
	}
	#footer .right a:hover,
	#footer .right a.active {
		color: #71dad4;
		text-decoration: none;
	}

	#footer .categories {
		margin: 0;
		padding: 10px 0 0 0;
		text-align: right;
		}
		#footer .categories a {
			text-transform: uppercase;
			color: #6f6f6f;
			margin-left: 20px;
			text-decoration: none;
		}
		#footer .categories a:hover {
			text-decoration: none;
			color: white;
		}
		#footer .categories a.active {
			color: white;
			font-weight: bold;
			}