/* --------------------------------------------- ROOT
 * 
 * This file includes all global styling.
 * 
 * Benjamin Brygger, LCD 2009
 */

@media screen {
	
/*
 * Body
 */
body, html {
	height:100%;
}
body {
	background: url(_images/body-shadow.png) no-repeat center top; /* top of page shadow */
}
html {
	background-image: url(_images/html-background.gif); /* page background */
	/**/
	color: #5C5C5C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#container	{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	/**/
	background-color:#ffffff;
	border-style:solid;
	border-color:#fafafa;
	border-right-width:1px;
	border-bottom-width:1px;
	border-left-width:1px;
}

/*
 * Header
 */

#header {
	position: relative;
}
	#header .pointer {
		visibility: hidden !important; /* testing navigation without pointer */
		position: absolute;
		height: 93px;
		width: 17px;
		top: 0;
		/**/
		background: url(_images/header-navigation.png) -640px 0 no-repeat;
	}
	#logo {
		float: left;
		height: 93px;
		width: 390px;
	}
		#logo a {
			display: block;
			height: 93px;
			/**/
			background: url(_images/header-logo.png) no-repeat;
		}
			#logo a:hover {
				background-position: 0 -93px;
			}
	#mainNavigation {
		position: relative;
		float: right;
		height: 40px;
		width: 274px; /* was 394px with rep locator link */
		top: 26px;
		left: 0px; /* -16 */
	}
		#mainNavigation li, #mainNavigation a {
			display: block;
			height: 40px;
		}
		#mainNavigation li {
			position: absolute;
			top: 0;
			margin: 0;
			padding: 0;
			/**/
			list-style: none;
		}
		#mainNavigation a {
			background-image: url(_images/header-navigation.png);
			background-repeat: no-repeat;
		}
			#catalog {
				width: 80px;
				left: 0;
			}
				#catalog a {
					background-position: 15px 0;
				}
					#catalog a:visited {
						background-position: -465px 0;
					}
					#catalog a:hover {
						background-position: -145px 0;
					}
			#about {
				width: 69px;
				left: 81px;
			}
				#about a {
					background-position: 15px -40px;
				}
					#about a:visited {
						background-position: -465px -40px;
					}
					#about a:hover {
						background-position: -145px -40px;
					}
			#contact {
				width: 82px;
				left: 151px;
			}
				#contact a {
					background-position: 15px -80px;
				}
					#contact a:visited {
						background-position: -465px -80px;
					}
					#contact a:hover {
						background-position: -145px -80px;
					}
			#replocator {
				width: 160px;
				left: 234px;
			}
				#replocator a {
					background-position: 15px -120px;
				}
					#replocator a:visited {
						background-position: -465px -120px;
					}
					#replocator a:hover {
						background-position: -145px -120px;
					}
/*
 * General Type
 */

h1 {
	height: 19px;
	margin: 46px 0 10px 50px;
	/**/
	background-repeat: no-repeat;
}
h2 {
	height: 19px;
	margin: 32px 0 9px 50px;
	/**/
	background-repeat: no-repeat;
}
	h2.num2 {
		background-position: 0 -19px;
	}
	h2.num3 {
		background-position: 0 -38px;
	}
	h2.num4 {
		background-position: 0 -57px;
	}
	h2.num5 {
		background-position: 0 -76px;
	}
	h2.num6 {
		background-position: 0 -95px;
	}
	h2.num7 {
		background-position: 0 -114px;
	}
	h2.num8 {
		background-position: 0 -133px;
	}
	h2.num9 {
		background-position: 0 -152px;
	}
h3 {
	height: 20px;
	/**/
	background-repeat: no-repeat;
}
	h3.num2 {
		background-position: 0 -20px;
	}
	h3.num3 {
		background-position: 0 -40px;
	}
	h3.num4 {
		background-position: 0 -60px;
	}
	h3.num5 {
		background-position: 0 -80px;
	}
	h3.num6 {
		background-position: 0 -100px;
	}
	h3.num7 {
		background-position: 0 -120px;
	}
	h3.num8 {
		background-position: 0 -140px;
	}
	h3.num9 {
		background-position: 0 -160px;
	}
h4 {
	height: 20px;
	/**/
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
}
h6 {
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
}
hr {
	display: none;
}
	.hrBlank, .hrThin {
		height: 1px;
		margin: 0 0 19px 0;
	}
	.hrStandard {
		height: 2px;
		margin: 0 0 18px 0;
	}
	.hrThick {
		height: 5px;
		margin: 0 0 15px 0;
	}
	.hrBlank {
		background: #ffffff;
	}
	.hrThin, .hrStandard, .hrThick {
		overflow: hidden;
		background: #fafafa;
	}
p {
	margin-bottom: 20px;
	/**/
	line-height: 20px;
}
.textHide, h1, h2, h3, #logo a, #mainNavigation a, #section .image {
	overflow: hidden;
	text-indent: -9000px; /* hides text that has been replaced by images */
}

/*
 * Section
 */

#section {
	position: relative;
	height: 200px;
	/**/
	background: url(_images/sectionNavigation-background.gif) repeat-x 0 50px;
}
	#section .pageTab {
		position: absolute;
		width: 240px;
		bottom: 0;
		left: 0;
	}
	#section .background {
		position: absolute;
		height: 100%;
		width: 470px;
		top: 0;
		left: 240px;
		/**/
		background: #fafafa url(_images/section-round_ffffff_200.png) no-repeat; /* rounded corners between page tab and image area */ 
	}
		#section .image {
			position: relative;
			height: 190px;
			
			margin: 5px 0px 5px 10px;
		}
		#section .background .roundSide {
			position: absolute;
			height: 190px;
			width: 10px;
			top: 0;
			left: 0;
			/**/
			background: url(_images/section-round_fafafa_190.png) no-repeat; /* rounded corners of the image itself */
		}
	#section .navigation {
		position: absolute;
		height: 100%;
		width: 250px;
		top: 0;
		right: 0;
		/**/
		/*border-left: #fafafa solid 10px;*/
		background: #fafafa url(_images/sectionNavigation-left_border.png) no-repeat 0 0;
	}
		#section .navigation ul {
			margin: 9px 0 0 6px;
			/*padding: 10px 0 0 6px;*/
			/**/
			border-top: #ffffff solid 1px;
			/*background: url(_images/sectionNavigation-strip.png) 0 -10px;*/
			/**/
			line-height: 20px;
		}
			#section .navigation a {
				display: block;
				height: 19px;
				border-bottom: #ffffff solid 1px;
				padding: 0 0 0 14px;
				/**/
				color: #295373;
				text-decoration: none;
			}
				#section .navigation a:visited {
					background-color: #f5f5f5;
					/**/
					/* color: #8297A6; */
					color: #5C5C5C;
				}
				#section .navigation a:hover {
					background-color: #edf6f9;
					/**/
					color: #007EA6;
					/*text-decoration: underline;*/
				}
			#section #currentPageLink {
				color: #007EA6;
				text-indent: 16px;
				/**/
				background-color: #ffffff;
				background-image: url(_images/section-bullet.png); /* styling bullets this way keeps ie7 from ruining the party */
				background-repeat: no-repeat;
				background-position: center left;
			}
				#section #currentPageLink:visited {
					color: #007EA6;
				}
				#section #currentPageLink:hover {
					background-color: #edf6f9;
				}
	/*
	#sectionNavigation li {
		margin: 0 0 10px 0;
		list-style: none;
	}
	#sectionNavigation li, #sectionNavigation a {
		display: block;
		height: 20px;
	}
	*/

/*
 * Content
 */
.columnLeft, .columnCenter, .columnRight {	
	display: inline;  /*unsure if needed, probably not */
	float: left;
}
#content, .content {
	margin: 0 0 20px 0; /* bottom of page padding */
}													
#content .columnLeft {
	width: 720px;
}
	#content .columnLeft .margins {
		margin: 0 130px 0 130px;
	}
#content .columnRight {
	width: 240px;
	/**/
	color: #5c5c5c;
}
	#content .columnRight .margins {
		margin: 0 0 0 10px;
	}
		#content .columnRight p {
			font-size: 11px;
			line-height: 15px;
		}
		#content .columnRight .hilight {
			color: #007ea6;
		}

/*
 * Footer
 */

#footer {
	margin: 0 10px 0 10px;
	/**/
	color: #8297A6;
	font-size: 11px;
	line-height: 20px;
}
	#footer div div {
		float: right;
		/**/
		text-align: right;
	}
	#footer div div:first-child {
		float: left;
	}
	#footer span {
		margin-left: 14px; /* Added padding between items on the same line*/
	}
.footer-shadow {
	background: url(_images/footer-shadow.png) no-repeat center bottom;
}

} /* End Screen */

@media print {
	
/*
 * Body
 */

html {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/*
 * Header
 */

#header #logo {
	height: 40px;
	/**/
	font-size: 20px;
	line-height: 20px;
}
#header #mainNavigation {
	display: none;
}

/*
 * General Type
 */

a {
	color: #000000;
	text-decoration: none;
}
h1 {
	height: 20px;
	/**/
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
}
h2 {
	height: 40px;
	/**/
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
}
h3, h4 {
	height: 20px;
	padding-bottom: 20px;
	/**/
	font-size: 12px;
	line-height: 20px;
}

p {
	padding-bottom: 20px;
	/**/
	line-height: 20px;
}

/*
 * Section
 */

#section .background,
#section .navigation {
	display: none;
}

/*
 * Content
 */

img {
	padding-bottom: 20px;
}

/*
 * Footer
 */

#footer div div {
	height: 20px;
}
	#footer p {
		padding-bottom: 0;
	}
	#footer span {
		margin-left: 14px; /* Added padding between items on the same line*/
	}
} /* End Print */