/* CSS Layout */


/* Page */
html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
#page_shell {
	min-width: 300px;
	position: relative;
	min-height: 100%;
	margin: 0 auto;
	text-align: left;
}
#page {
	position: relative;
	zoom: 1;
}
footer {
	position: relative;
	overflow: visible;
	margin: 0 auto;
}
.container {
	position: relative;
	text-align: center;
	max-width: 1080px;
}
.container.textLeft {
	text-align: left;
}
.container.textRight {
	text-align: right;
}
.container.textCenter {
	text-align: center;
}

#page {
	padding-bottom: 40px;
}
footer {
	height: 40px;
	margin-top: -40px;
	padding-top: 10px;
}

/* Header */
#header_shell {
	position: relative;
	width: 100%;
	overflow: hidden;
	min-height: 460px;
	text-align: center;
	margin-bottom: -110px;
	background: url(../images/bg/header_tile.png) #04173d top center repeat-x;
}
@media screen and (max-width: 992px) {
	#header_shell {
		margin-bottom: 0;
	}
}
#header_img {
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -638px;
	width: 1275px;
	height: 100%;
	overflow: hidden;
	background: url(../images/bg/header.png) top center no-repeat;
}
#header_content {
	position: relative;
	z-index: 1;
}

#header_intro {}
#header_intro .col-intro {
	text-align: left;
	padding-top: 70px;
}
#header_intro .col-intro .title {
	font-size: 2em;
	margin-bottom: 10px;
}
#header_intro .col-intro p {
	margin-bottom: 5px;
}
@media screen and (max-width: 992px) {
	#header_intro .col-intro {
		text-align: center;
		color: white;
	}
}

#header_links {
	position: absolute;
	top: 10px;
	right: 0px;
	z-index: 1;
}
#header_links a, #header_links img {
	float: left;
	margin-right: 4px;
}
#header_links a img {
	width: 48px;
	height: 48px;
}
#header_logo img {
	margin-top: 0px;
}
@media screen and (max-width: 992px) {
	#header_logo img {
		margin-top: 10px;
	}
}
@media screen and (max-width: 768px) {
	#header_logo img {
		margin-top: 50px;
	}
}

#header_shell {
	/*margin-bottom: -100px;*/
}
div.header_space {
	position: relative;
	height: 100px;
}

#cloud_left {
    position: absolute;
    width: 480px;
    height: 120px;
    left: -480px;
    top: 20px;
    background: url(../images/bg/cloud_left.png) no-repeat top center;
}
#cloud_right {
    position: absolute;
    width: 560px;
    height: 180px;
    right: -560px;
    top: 10px;
    background: url(../images/bg/cloud_right.png) no-repeat top center;
}