@charset "utf-8";
/* CSS Document */
	
.masthead-wrapper {
	width: 100%;
	height: 300px;
	background: #fff url('../images/bg-masthead-default.jpg') no-repeat 50% 0%;
}

.masthead-extranet-wrapper {
	width: 100%;
	height: 300px;
	background: #fff url('../images/bg-masthead-extranet.jpg') no-repeat 50% 0%;
}

	.masthead {
		position: relative;
		width: 980px;
		margin: 0 auto;
		height: 300px;
 		background: url('../images/bg-masthead-default.jpg') no-repeat 50% 0%;
		}

	.masthead-extranet {
		position: relative;
		width: 980px;
		margin: 0 auto;
		height: 300px;
 		background: url('../images/bg-masthead-extranet.jpg') no-repeat 50% 0%;
		}


.content-wrapper {
	width: 100%;
	background: url('../images/bg-content.jpg') repeat-y 50% 0%;
}
	.container {
		width: 980px;
		margin: 0 auto;
	}
	
		.content {
			display: inline;
			float: left;
			width: 900px;
			padding: 20px 40px;
			background: url('../images/bg-content.jpg') repeat-y 50% 0%;
			}
		
			.left-column {
				position: relative;
				float: left;
				display: inline;
				width: 620px;
				min-height: 50px;
				margin: 0 30px 0 0;
			}
		
			.right-column {
				position: relative;
				float: left;
				display: inline;
				min-height: 50px;
				width: 250px;
			}

.footer-wrapper {
	width: 100%;
	height: 150px;
	background: url('../images/bg-footer.jpg') no-repeat 50% 0%;
}
	
	.footer {
		position: relative;
		width: 980px;
		height: 150px;
		margin: 0 auto;
		background: url('../images/bg-footer.jpg') no-repeat 50% 0%; /* for screen size approx counting */
	}