#cont-project-title {
	margin-top: 30px;
	margin-bottom: 30px;
}

#project-title {
	font-size: 1.2rem;
}

#gallery-title {
	display: inline;
	font-size: 1.4rem;
}

#parent-category {
	margin-left: 10px;
	color: #afaa9e;
}

#gallery-links {
	margin-top: 20px;
	font-size: 1.0rem;
	font-weight: 700;
}

.delimiter {
	margin-left: 10px;
	margin-right: 10px;
	color: #98522e;
}


@media screen and (min-width: 900px) {

	#project-title {
		display: inline;
		float: left;
	}


	#gallery-links {
		display: inline-block;
		margin-top: 5px;
		float: right;
		text-align: right;
	}
}

.cycle-slideshow,
.cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#gallery-main .main-prev,
#gallery-main .main-next {
	display: none;
}

#gallery-main-nav {
	margin-top: 20px;
}

#gallery-main-nav .main-prev,
#gallery-main-nav .main-next {
	font-size: 1.0rem;
	font-weight: 700;	
}

#gallery-main {
	width: 100%;
}

#gallery-caption {
	margin-top: 3px;
}

#gallery-thumbs {
	display: none;
	width: auto;
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 25px;
}

#gallery-thumbs .cycle-slide {
	opacity: 0.60;
	filter: alpha(opacity=60);
	margin-right: 10px;
}

#gallery-thumbs .cycle-slide-active {
	opacity: 1.0;
	filter: alpha(opacity=100);
}


.cycle-slideshow img { display: block; }

#gallery-main.cycle-slideshow .slide { width: auto; }

#gallery-main.cycle-slideshow .slide img { width: 100%; height: auto; }

#gallery-main.cycle-slideshow .slide img { max-width: 100%; max-height: 100%; }


@media screen and (min-width: 500px) {

	#gallery-main {
		display: inline-block;
		width: auto;
		margin-left: 40px;
		margin-right: 40px;
	}

	#gallery-main .main-prev,
	#gallery-main .main-next {
		display: inline-block;
		position: absolute;
		height: 100%;
		width: 40px;
		cursor: pointer;
		display: block;
		top: 0;
		bottom: 0;
	}
	
	#gallery-caption {
		width: auto;
		margin-left: 40px;
		margin-right: 40px;
	}
	
	
	#gallery-main .main-prev {
		background: transparent url('../cycle2carouselpager/images/icon_arrow_left.png') no-repeat left center;
		left: -40px;
	}

	#gallery-main .main-next {
		background: transparent url('../cycle2carouselpager/images/icon_arrow_right.png') no-repeat right center;
		right: -40px;
	}
	
	#gallery-main-nav {
		display: none;
	}

	#gallery-thumbs {
		margin-top: 5px;
		display: block;
	}
}

@media screen and (min-width: 900px) {

	#gallery-main {
		margin-left: 80px;
		margin-right: 80px;
	}
	
	#gallery-caption {
		width: auto;
		margin-left: 80px;
		margin-right: 80px;
	}

	#gallery-main .main-prev {
		background: transparent url('../cycle2carouselpager/images/icon_arrow_left.png') no-repeat center center;
		left: -80px;
	}

	#gallery-main .main-next {
		background: transparent url('../cycle2carouselpager/images/icon_arrow_right.png') no-repeat center center;
		right: -80px;
	}
	
	#gallery-main .main-prev,
	#gallery-main .main-next {
		width: 80px;
	}

	#gallery-thumbs {
		margin-left: 80px;
		margin-right: 80px;
	}
}

#project-info {
	margin-top: 25px;
	border-top: 1px solid #d7d4ce;
	color: #85785d;
}

#details {
	padding-top: 25px;
}

#details-label {
	font-size: 1.3rem;
}

#stone {
	padding-top: 25px;
}

#stone .swatch {
	width: 80px;
}

@media screen and (min-width: 500px) {

	#project-info {
		margin-top: 50px;
	}

	#details {
		border-right: 1px solid #d7d4ce;
		width: 52.5%;
		float: left;
		padding-top: 25px;
		padding-right: 2%;
		padding-bottom: 50px;
	}
	
	#stone {
		padding-left: 2%;
		width: 43%;
		float: right;
	}
}