@charset "utf-8";
/* CSS Document */

#bar {
	width:100%;
	height:10px;
	background:url(../images/nicholsii_interiorbarbg.gif) repeat-x;
}

#barinside {
	width:100%;
	height:10px;
	background:url(../images/nicholsii_interiorbarmain.jpg) no-repeat center top;
}

#content {
	clear:both;
	margin:20px auto;
	position:static;
}

#leftcol {
	float:left;
	width:25%;
	padding:0px;
	margin:0px;
}

#rightcol {
	float:right;
	width:73%;
	margin:37px 0px 0px 0px;
	position:relative;
	
	text-align:center;
	color:#ffffff;
	font-size:24px;
}

.interior #leftcol h1 {
	padding:0px 0px 5px 0px;
	margin:0px;
	
	font-size:24px;
	color:#e6c53e;
}

/* Portfolio Project Container */
#projectcontainer {
	clear:both;
	width:100%;
	transition: opacity 0.3s ease;
	opacity:1;
}

	#projectcontainer img {
		margin:0px auto 10px auto;
	}

.expand {
	display:none;
	clear:both;
	float:none;
	width:50%;
	height:25px;
	padding:10px 0;
	margin:auto;
	position:absolute;
	right:0;
	left:0;
	bottom:8%;
	z-index:1;
	background-color: rgba(255, 255, 255, 0.9);
	border-radius:4px;
	box-shadow:0 0 10px rgba(0,0,0,.4);
	transition: bottom 0.3s ease;
	
	color:#14151c;
	line-height:25px;
}

	.expand:hover {
		cursor:pointer;
		background-color: rgba(255, 255, 255, 1);
		box-shadow:0 0 10px rgba(0,0,0,1);
	}

	.expand:active {
		box-shadow:inset 0 0 10px rgba(0,0,0,.6);
	}
	
		.expand.external {
			height:70px;
			padding:0;
		}

	#rightcol:hover .expand.active {
		display:block;
	}

	#rightcol:hover #projectcontainer {
		opacity:.5;
	}

	#rightcol:hover .expand {
		bottom:25%;
	}

	.expand a {
		clear: both;
		display: block;
		line-height: normal;
		height:50px;
		padding:10px 0;
	}

		.expand a span {
			clear: both;
			display: block;
			
			font-size: 16px;
		}