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


html, body {
	margin: 0px;
	padding: 0px;
	
	width: 100%;
	height: 100%;
}

a:hover {
	color: #BF311A;
	text-decoration: none;
}

#mapLink {
	color: #FFFFFF;
	text-decoration: none;
}

#mapLink:hover {
	color: #0000FF;
	text-decoration: underline;
}

body {
	background-color: #BF311A;
	background-image: url(../images/careersBackgroundGradient.png);
	background-repeat: repeat-x;
	background-position: center top;
}

#wholePage {
	max-width: 1000px;
	width: 100%;
	height: 100%;
	position: relative;
	margin: 0px auto;
	margin-left: -500px;
	left: 50%;
}

#centredDiv {
	width: 1000px;
		
	height: 540px;
	
	position: absolute;
	top: 50%;
	margin-top: -270px;
/*	top: 11px;*/
	margin-left: auto;
	margin-right: auto;
	
	background-image: url(../images/stageBack.png);
	background-position: center center;
	background-repeat: no-repeat;
}

#mainStage {
	width: 960px;
	height: 500px;
	margin: 20px;
}
	
#headerDiv {
	width: 960px;
	height: 100px;
	
	position: absolute;
	
	left: 20px;
	top: 20px;
	
	z-index: 100;
}

#contentDiv {
	width: 960px;
	height: 440px;
	
	overflow: hidden;
}

#yodelLogo {
	margin: 10px 0px 0px 14px;
	border: none;
	
	cursor: pointer;
}

#menuDiv {
	width: 960px;
	height: 68px;
	
	position: absolute;
	left: 20px;
	top: 452px;
	
	z-index: 150;
	
	background-image: url(../images/menuBack.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}
	
	#menuBar {
		width: 720px;
		height: 48px;
		overflow: hidden;
		
		background-image: url(../images/menuBarBack.png);
		background-position: left top;
		background-repeat: no-repeat;
		
		
		position: absolute;
		right: 40px;
		bottom: -6px;
	}
	
	#menuBarHighlight {
		width: 144px;
		height: 48px;
		
		margin: 0px;
		position: absolute;
		
		left: 0px;
		top: 0px;
		background-image: url(../images/menuBarBackHightlighted.png);
		background-position: left top;
		background-repeat: no-repeat
	}
	
	#scrollingImg {
		width: 144px;
		height: 42px;
		margin: 0px;
		
		cursor: default;
		
		background-image: url(../images/scrollingImg.png);
		background-position: center center;
		background-repeat: no-repeat;
	}
	
	#pageMarker {
		width: 144px;
		height: 18px;
		background-image: url(../images/pageMarker.png);
		background-position: center top;
		background-repeat: no-repeat;
		position: absolute;
		top: 9px;
		left: 200px;
	}
	/*------------------------- PAGES ----------------------------*/
	
	#pages {
		width: 4800px;
		height: 440px;
	}
	
	.sectionPage {
		width: 960px;
		height: 440px;
		margin: 0px;
		float: left;
		display: inline-block;
		
		position: relative;
		
		background-position: left bottom;
		background-repeat: no-repeat;
	}
	
	.sectionText {
		position: absolute;
		
		background-repeat: repeat;
	}
	
		.sectionText h2 a{
			display: block; /* Allows you to change the width and height of the image */
			height: 19px;
			padding: 0px;
			margin: 13px 0px 0px 14px;
			text-indent: -2000em; /* Hides the text in the h1 tag */
			text-decoration: none; /* Hides the underline of the hyperlink */
			z-index: 1000; /* IE Fix*/
			background: 0 0 no-repeat; /* The pathway to the image*/
		}
		
		.sectionText p {
			margin: 0px 14px;
			
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			line-height: 150%;
			color: #FFFFFF;
		}
	
		#youtubeDiv {
			width: 320px;
			height: 332px;
			
			margin: 4px 8px;
			
			float: left;
		}
		
		#flickrDiv {
			width: 400px;
			height: 324px;
			
			float: left;
			margin: 8px 4px;
		}