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

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

@media screen {

/*
 * Body
 */

/*
 * Header
 */

/*
 * General Type
 */

h1 {
	background-position: 0 0;
}
h2 {
	background-image: url(_images/header2.png);
}
h3 {
	background-image: url(_images/header3.png);
}

/*
 * Section
 */

#section .image {
	background: #f2f2f2 url(_images/sectionImage.jpg) no-repeat;
}

/*
 * Content
 */

#content a {
	position: relative;
	/**/
	color: #5c5c5c;
	text-decoration: none;
}
#content .item {
	/*position: relative;*/
	/*height: 160px;*/
	margin: 0 60px 0 130px;
}
	#content a {
		display: block;
		width: 960px;
		height: 160px;
	}
		#content a:hover {
			cursor: pointer;	/* This fixes the absence of the hand icon in ie7 */
			background: #fafafa;
		}
	#content .item .columnLeft {
		width: 400px;
		height: 140px;
		margin: 0 70px 0 0;
	}
	#content .item .columnRight {
		width: 300px;
		height: 140px;
	}
	#content a .corner {
		position: absolute;
		height: 65px;
		width: 65px;
		left: 0px;
		visibility: hidden;
		/**/
		background-color: #5c5c5c;
		background-image: url(_images/index-buttonCorners.png);
		background-repeat: no-repeat;
	}
		#content a:hover .corner {
			/*visibility: visible;*/
		}
		#content .item .image {
			height: 100px;
			width: 300px;
			margin: 10px 0 0 0;
			/**/
			background-image: url(_images/index-buttonImages.jpg);
			background-repeat: no-repeat;
		}
			#navy .image {
				background-position: 0 0;
			}
			#content a #navy .corner {
				top: -19px;
				/**/
				background-position: 0 0;
			}
			#marine .image {
				background-position: 0 -100px;
			}
			#content a #marine .corner {
				top: -19px;
				/**/
				background-position: 0 -65px;
			}
			#security .image {
				background-position: 0 -200px;
			}
			#content a #security .corner {
				top: -19px;
				/**/
				background-position: 0 -130px;
			}
			#specialApp .image {
				background-position: 0 -300px;
			}
			#content a #specialApp .corner {
				top: -19px;
				/**/
				background-position: 0 -195px;
			}
	/*.item .hrThin {
		clear: both;
	}*/
	/*.item + .hrThin {
		margin: 0 0 19px 130px;
	}*/

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

/*
 * Body
 */

/*
 * Header
 */

/*
 * General Type
 */

/*
 * Section
 */

/*
 * Content
 */

.image {
	display: none;
}

} /* End of Print */