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

COMMON COLORS:
Orange: #f7931e
Dark Orange: #623a0b
Dark Orange "Visited": #824e10

*/

@import url(styles_global.css);

/* Background */

#container {
		height: 780px;
		background: #cecdcf url(assets/concrete-texture.jpg);
}

#footer {
		top: 751px;
}


/* Main Content */

#copy {
		line-height: 140%;
		position: relative;
		top: -110px;
		width: 350px;
		left: 50px;
}

#copy h2 {
		font-size: 250%;
		color: #005696;
}

#copy ul {
		font-size: 120%;
		color: #623a0b;
		line-height: 160%;
		list-style-type: square;
}

#copy ul a {
		font-weight: bold;
		color: #623a0b;
		text-decoration: none;
}

#copy ul a:hover {
		text-decoration: underline;
}

#copy ul a:active {
		text-decoration: none;
		color: #f7931e;
}

#copy ul a:visited {
		color: #824e10;
}

#copy ul a:visited:active {
		color: #f7931e;
}

#line {
		background: url(assets/orange_line_gray.png);
		position: absolute;
		width: 800px;
		height: 200px;
		top: 30px;
}

#thumbs {
		position: absolute;
		z-index: 2;
		left: 380px;
		width: 410px;
		top: 55px;
}

#thumbs a img {
		padding: 4px;
		margin: 13px;
		background-color: white;
		border-style: none;
		/* Drop Shadows: "rgba" controls color and transparency,
		#px (x-axis) #px (y-axis) #px (blur) #px (spread) */
		-moz-box-shadow: rgba(0,0,0,0.75) 0px 4px 15px;
		-webkit-box-shadow: rgba(0,0,0,0.75) 0px 4px 15px;
		box-shadow: rgba(0,0,0,0.75) 0px 4px 15px;
		/* Rounded Corners */
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px; /* for old Konqueror browsers */
		border-radius: 5px; /* future proofing */
		behavior: url(PIE.htc); /* For IE CSS3 Compatibility */
}

#thumbs a:hover img {
		background-color: #ffd457;
}

#thumbs h4 {
		text-align: center;
}