html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%;
vertical-align : baseline; background : transparent; }									
.container{position: relative;}
article, aside, figure, footer, header, hgroup, nav, section { display : block; }
.colgroup:before, .colgroup:after { content:""; display:table; }
.colgroup:after{ clear: both; }
.colgroup{ zoom: 1; }
.clearfix:after {  
	content: "";  
	display: block;  
	clear: both;  
	visibility: hidden;  
	font-size: 0;  
	height: 0;  
}  
.clearfix {   
	*display: inline-block;   
	_height: 1%;  
}  
.container{				width: 100%; display: block; margin: 0 auto 0 auto; text-align: left;}	
.col{					margin: 0 3% 0 3%; float: left; display: block;}	
.w-1, .w-2, .w-3, .w-4, .w-5, .w-6, .w-7, .w-8, .w-9, .w-10, .w-11, .w-12, .w-13, .w-14, .w-15, .w-16{		width: 94%;}
.l-1, .l-2, .l-3, .l-4, .l-5, .l-6, .l-7, .l-8, .l-9, .l10, .w11, .w12, .w13, .w14, .w15, .w16{				margin: 0 3% 0 3%;}	

@media only screen and (min-width: 480px) {
	.container{								width: 100%;}
	.col{									margin: 0 2% 0 2%; float: left; display: block;}
	.w-1, .w-2, .w-3, .w-4{					width: 21%;}	
	.w-5, .w-6, .w-7, .w-8{					width: 46%;}
	.w-9, .w-10, .w-11, .w-12,{				width: 71%;}
	.w-13, .w-14, .w-15, .w-16{				width: 96%;}
	.l-0, .l-1, .l-2, .l-3, .l-4,{			margin-left: 2%;}
	.l-5, .l-6, .l-7, .l-8, .l-9 {			margin-left: 27%;}
	.l-10, .l-11, .l-12, .l-13, .l-14{		margin-left: 52%;}
	.l-15{									margin-left: 77%;}	
}

@media only screen and (min-width: 960px) {
	.container{
		width: 			960px;
	}

	.col{
		display:		block;
		float: 			left;
		margin: 		0 10px 0 10px;
	}

	.w-1{	width: 40px;}
	.w-2{	width: 100px;}
	.w-3{	width: 160px;}
	.w-4{	width: 220px;}
	.w-5{	width: 280px;}
	.w-6{	width: 340px;}
	.w-7{	width: 400px;}
	.w-8{	width: 460px;}
	.w-9{	width: 520px;}
	.w-10{	width: 580px;}
	.w-11{	width: 640px;}
	.w-12{	width: 700px;}
	.w-13{	width: 760px;}
	.w-14{	width: 820px;}
	.w-15{	width: 880px;}
	.w-16{	width: 940px;}

	.l-0{	margin-left: 10px;}
	.l-1{	margin-left: 70px;}
	.l-2{	margin-left: 130px;}
	.l-3{	margin-left: 190px;}
	.l-4{	margin-left: 250px;}
	.l-5{	margin-left: 310px;}
	.l-6{	margin-left: 370px;}
	.l-7{	margin-left: 430px;}
	.l-8{	margin-left: 490px;}
	.l-9{	margin-left: 550px;}
	.l-10{	margin-left: 610px;}
	.l-11{	margin-left: 670px;}
	.l-12{	margin-left: 730px;}
	.l-13{	margin-left: 790px;}
	.l-14{	margin-left: 850px;}
	.l-15{	margin-left: 910px;}
}

header{
	position: fixed;
	width: 100%;
	height: 90px;
	background-color:rgb(45,107,146);
	-moz-box-shadow:5px 5px 7px rgba(0,0,0,0.29);
	-webkit-box-shadow:5px 5px 7px rgba(0,0,0,0.29);
	box-shadow:5px 5px 7px rgba(0,0,0,0.29);
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5,OffY=5,Color=#4a000000,Positive=true)";
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5,OffY=5,Color=#4a000000,Positive=true);	
	z-index: 10;
}

.header-logo{margin-top: 18px; width: 28%; height: auto}

header p{
	font-family:'Open Sans', Arial, sans-serif;
	font-size:16px;
	line-height:150%;
	color: #ffffff;
	position: absolute;
	top: 12px;
}

header p.col1{
	left: 35%;
}

header p.col2{
	left: 55%;
}
header p.col3{
	left: 59%;
}
header p.col4{
	left: 75%;
}

header a{
	color: #ffffff;
}

.slider-container{
	position: relative;
	margin-bottom: 40px;	
}

.header-slider{
	display: block;
	list-style-type: none;
	width: 100%;
}

.header-slider li{
	width: 100%;
	position: relative;
}

.header-slider li img{display: block; width: 100%; height: auto;}

.header-slider div{
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
	background-color:rgba(45,107,146,0.5);
	top: 0;
	left: 0;
}

.header-slider div strong{
	font-family:'HelveticaNeueW01-77BdCn 692722', Arial, sans-serif;
	font-size: 60px;
	line-height: 120%;
	position: absolute;
	bottom: 100px;
	left: 30px;
	font-weight: normal;
	color: #ffffff;
}

.header-slider div em{
	font-family:'HelveticaNeueW01-77BdCn 692722', Arial, sans-serif;
	font-size: 44px;
	line-height: 120%;
	position: absolute;
	bottom: 30px;
	left: 70px;
	font-weight: normal;
	color: #ffffff;
	font-style: normal;
}

div[role=main]{
	padding-top: 90px;
}


.header_nav{
	position: absolute;
	bottom: 10px;
	font-size: 30px;
	line-height: 120%;
	color: #ffffff;
}

.header_nav.next{
	right: 10px;
}

.header_nav.prev{
	right: 50px;
}


/*
font-family:'HelveticaNeueW01-57Cn';
font-family:'HelveticaNeueW01-77BdCn 692722';
*/

h1{
	font-family:'HelveticaNeueW01-77BdCn 692722', Arial, sans-serif;
	font-size:60px;
	font-weight:bold;
	line-height:120%;
	color:rgb(44,107,146);
	text-align:left;
	margin-bottom: 30px;
	font-weight: normal;
}

h2{
	font-family:'Open Sans', Arial, sans-serif;
	font-size:22px;
	line-height:120%;
	color:rgb(44,107,146);
	margin-bottom: 10px;
}

h2.clear{
	clear: both;
}

article p, article ul{
	font-family:'Open Sans', Arial, sans-serif;
	font-size:18px;
	line-height:150%;
	color:rgb(153,153,153);
	margin-bottom: 36px;
	font-weight: normal;
}

article li{
	margin-left: 30px;
}

article img{
	width: 100px;
	height: auto;
	float: left;
	margin-right: 20px;
	margin-bottom: 40px;
}


@media only screen and (max-width: 600px) {
	h1{
		font-size:40px;
	}
	article p, article ul{
		font-size:16px;
		margin-bottom: 24px;
	}
	.header_nav.next, .header_nav.prev{
		bottom: auto;
		top: 5px;
		font-size: 20px;
	}
	.header-slider div strong{
		font-size:20px;
		bottom: 30px;
	}
	.header-slider div em{
		font-size: 14px;
		bottom: 10px;
	}	
	header p.col1{
		left: 3%;
		top: 48px;
	}
	header p.col2{
		left: 40%;
	}
	header p.col3{
		left: 45%;
	}
	header p.col4{
		left: 40%;
		top: 48px;
	}	
	article img{
		width:30%;
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 960px) {
	header p{
		font-family:'Open Sans', Arial, sans-serif;
		font-size:12px;
	}
}