/* --------------------------------------------- ROOT
 * ----------------------------------- Index
 * 
 * This file includes all styling for this page.
 * 
 * Benjamin Brygger, LCD 2009
 */

/* @import url("../../_css/screen.css"); */

@media screen {

/*
 * Body
 */

/*
 * Header
 */

/*
 * General Type
 */

/*
 * Section
 */
#section {
	height: 310px;
	/**/
	background-color: #fafafa;
	background-image: none;
}
	#section .background {
		position: absolute;
		height: 100%;
		width: 960px;
		top: 0;
		left: 0;
		/**/
		background-image: none;
	}
		#section .image {
			height: 300px;
			margin: 5px 5px;
			/**/
			background: #f2f2f2 url(_images/sectionImages/sectionImage.php) no-repeat center center;
		}
			#section .text {
				position: absolute;
				height: 300px;
				width: 240px;
				top: 0;
				right: 0;
				/**/
				/*background: url(_images/section-text.png) no-repeat;*/
			}

/*
 * Content
 */

#catalogBrief {
	padding: 35px 0 20px 40px;
}
	.blurb {
		float: left;
		height: 120px;
		width: 280px;
		margin: 0 8px 0 10px; /* was 0 10px; */
		padding: 10px 20px;
		border-right: #fafafa solid 2px; /* was nill */
		/**/
		/*background: #fafafa;*/
	}
	.item {
		float: left;
		height: 140px;
		width: 120px;
		margin: 0 0 0 10px;
		/**/
		background-color: #fafafa;
		background-image: url(_images/index-buttonImages.jpg);
		background-repeat: no-repeat;
	}
	.item a {
		display: block;
		height: 140px;
		width: 120px;
		/**/
		background-image: url(_images/index-buttonFrames.png);
		background-repeat: no-repeat;
	}
		#imageOne {
			background-position: 0 0;
		}
			#imageOne a {
				background-position: 0 0;
			}
				#imageOne a:hover {
					background-position: 0 -140px;
				}
		#imageTwo {
			background-position: -120px 0;
		}
			#imageTwo a {
				background-position: -120px 0;
			}
				#imageTwo a:hover {
					background-position: -120px -140px;
				}
		#imageThree {
			background-position: -240px 0;
		}
			#imageThree a {
				background-position: -240px 0;
			}
				#imageThree a:hover {
					background-position: -240px -140px;
				}
		#imageFour {
			background-position: -360px 0;
		}
			#imageFour a {
				background-position: -360px 0;
			}
				#imageFour a:hover {
					background-position: -360px -140px;
				}

/*
 * Footer
 */

} /* End of Screen */
 
@media print {

/*
 * General Type
 */

h1 {
	padding-bottom: 20px;
}

/*
 * Section
 */

#section .background {
	display: block;
}

/*
 * Content
 */

#content .item {
	display: none;
}

} /* End of Print */