/* @group Body Content */

	.page {
	    margin: 0 auto;
	    min-height: 100%;
	    overflow: hidden;
	    position: relative;
	    vertical-align: middle;
	    width: 100%;
	    overflow-x: hidden;
	}

	/* Intro Section Page Styles */
	
	#intro {
		background:	url(/images/aboutus/slide1.jpg) 50% 0 no-repeat fixed;
		background-size: cover;
		-webkit-background-size: cover;
	  	-moz-background-size: cover;
	  	-o-background-size: cover;
		-webkit-box-shadow: inset 0px -23px 18px -27px rgba(0,0,0,1);
		-moz-box-shadow: inset 0px -23px 18px -27px rgba(0,0,0,1);
		box-shadow: inset 0px -23px 18px -27px rgba(0,0,0,1);
	}
	
	#intro .introStory {
		width: 100%;
		height: 278px;
	    left: 0;
	    top: 150px;
	    right: 0;
	    bottom: 0;
	    margin: auto;
	    position: absolute;
	    display: inline-block;
	    vertical-align: middle;
	    background-color: rgba(0,0,0,0.4);
		
	}
	
	.introStory .introContent {
	    margin: 0 auto;
	    padding: 2%;
	    width: 96%;
	    max-width: 1000px;
	    vertical-align: middle;    
	}
	
	.introStory .introContent p {
		font-family: "myriad-pro", "Source Sans Pro", "Helvetica neue", Helvetica, sans-serif;
		font-size: 36px;
		font-weight: 300;
		font-style: normal;
		color: #FFFFFF;
		text-align: center;
		line-height: 1.4em;
		padding: 0;
		margin: 0;
	}
	
	/* Second Section Page Styles */
	
	#second {
		background: url(/images/aboutus/slide2.jpg) 50% 0 no-repeat fixed;
		background-size: cover;
		-webkit-background-size: cover;
	  	-moz-background-size: cover;
	  	-o-background-size: cover; 
		-webkit-box-shadow: inset 0px -23px 18px -27px rgba(0,0,0,1);
		-moz-box-shadow: inset 0px -23px 18px -27px rgba(0,0,0,1);
		box-shadow: inset 0px -23px 18px -27px rgba(0,0,0,1);
	}
	
	#second .bg1 {
		background: url(../images/slide2_bg1.png) 50% 0 no-repeat fixed;
		height: 100%;
		margin: 0 auto;
		padding: 0;
		position: absolute;
		width: 100%;
		background-size: cover;
		-webkit-background-size: cover;
	  	-moz-background-size: cover;
	  	-o-background-size: cover; 
	}
	
	#second .story {
		width: 100%;
		height: 100%;
	    left: 0;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    margin: auto;
	    position: absolute;
	    display: inline-block;
	    vertical-align: middle;
	}
	
	#second .story .secondContent {
		position: absolute;
		left: 0;
	    top: 320px;
	    right: 0;
	    bottom: 0;
	    margin: auto;
	    padding: 2%;
	    width: 96%;
	    height: 308px;
	    max-width: 980px;    
	}
		
	#second .story .secondContent h1 {
		font-family: "myriad-pro", "Source Sans Pro", "Helvetica neue", Helvetica, sans-serif;
		font-size: 35px;
		font-weight: 300;
		font-style: normal;
		color: #333333;
		text-align: left;
		line-height: 1.4em;
		padding: 0;
		margin: 0 0 20px 380px;
		clear: both;
	}
	
	#second .story .secondContent p {
		font-family: "myriad-pro", "Source Sans Pro", "Helvetica neue", Helvetica, sans-serif;
		font-size: 22px;
		font-weight: 300;
		font-style: normal;
		color: #333333;
		text-align: left;
		line-height: 1.5em;
		padding: 0;
		margin: 0 0 0 380px;
		clear: both;
	}
	
	/* Third Section Page Styles */
	
	#third {
		background:	url(/images/aboutus/slide3.jpg) 50% 0 no-repeat fixed;
		background-size: cover;
		-webkit-background-size: cover;
	  	-moz-background-size: cover;
	  	-o-background-size: cover;
		-webkit-box-shadow: inset 0px -23px 18px -27px rgba(0,0,0,1);
		-moz-box-shadow: inset 0px -23px 18px -27px rgba(0,0,0,1);
		box-shadow: inset 0px -23px 18px -27px rgba(0,0,0,1);
	}
	
	#third .story {
		width: 100%;
		height: 100%;
	    left: 0;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    margin: auto;
	    position: absolute;
	    display: inline-block;
	    vertical-align: middle;
	    background-color: rgba(0,0,0,0.2);
	}
	
	#third .story .thirdContent {
		position: absolute;
		left: 0;
	    top: 150px;
	    right: 0;
	    bottom: 0;
	    margin: auto;
	    padding: 0 2%;
	    height: 286px;
	    width: 96%;
	    max-width: 900px;    
	}
	
	#third .story .thirdContent h1 {
		font-family: "myriad-pro", "Source Sans Pro", "Helvetica neue", Helvetica, sans-serif;
		font-size: 35px;
		font-weight: 300;
		font-style: normal;
		color: #FFFFFF;
		text-align: center;
		line-height: 1.4em;
		padding: 0;
		margin: 0 0 20px 0;
		clear: both;
	}
	
	#third .story .thirdContent p {
		font-family: "myriad-pro", "Source Sans Pro", "Helvetica neue", Helvetica, sans-serif;
		font-size: 23px;
		font-weight: 300;
		font-style: normal;
		color: #FFFFFF;
		text-align: center;
		line-height: 1.5em;
		padding: 0;
		margin: 0;
		clear: both;
	}
	
	/* Fouth Section Page Styles */
	
	#fourth {
		background: url(/images/aboutus/slide4.jpg) 50% 0 no-repeat fixed;
		background-size: cover;
		-webkit-background-size: cover;
	  	-moz-background-size: cover;
	  	-o-background-size: cover; 
		-webkit-box-shadow: inset 0px -23px 18px -27px rgba(0,0,0,1);
		-moz-box-shadow: inset 0px -23px 18px -27px rgba(0,0,0,1);
		box-shadow: inset 0px -23px 18px -27px rgba(0,0,0,1);
	}
	
	#fourth .story {
		width: 100%;
		height: 100%;
	    left: 0;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    margin: auto;
	    position: absolute;
	    display: inline-block;
	    vertical-align: middle;
	}
	
	#fourth .story .fourthContent {
		position: absolute;
		left: 0;
	    top: 150px;
	    right: 0;
	    bottom: 0;
	    margin: auto;
	    padding: 2%;
	    width: 96%;
	    height: 240px;
	    max-width: 980px;    
	}
		
	#fourth .story .fourthContent h1 {
		font-family: "myriad-pro", "Source Sans Pro", "Helvetica neue", Helvetica, sans-serif;
		font-size: 35px;
		font-weight: 300;
		font-style: normal;
		color: #4591CE;
		text-align: left;
		line-height: 1.4em;
		padding: 0;
		margin: 0 0 20px 380px;
		clear: both;
	}
	
	#fourth .story .fourthContent p {
		font-family: "myriad-pro", "Source Sans Pro", "Helvetica neue", Helvetica, sans-serif;
		font-size: 22px;
		font-weight: 300;
		font-style: normal;
		color: #FFFFFF;
		text-align: left;
		line-height: 1.5em;
		padding: 0;
		margin: 0 0 0 380px;
		clear: both;
	}
	
	/* Fifth Section Page Styles */
	
	#fifth {
		background:url(/images/aboutus/slide5.jpg) 50% 0 no-repeat fixed;
		background-size: cover;
		-webkit-background-size: cover;
	  	-moz-background-size: cover;
	  	-o-background-size: cover;
		-webkit-box-shadow: inset 0px -23px 18px -27px rgba(0,0,0,1);
		-moz-box-shadow: inset 0px -23px 18px -27px rgba(0,0,0,1);
		box-shadow: inset 0px -23px 18px -27px rgba(0,0,0,1);
	}
	
	#fifth .story {
		width: 100%;
		height: 100%;
	    left: 0;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    margin: auto;
	    position: absolute;
	    display: inline-block;
	    vertical-align: middle;
	}
	
	#fifth .story .fifthContent {
		position: absolute;
		left: 0;
	    top: 150px;
	    right: 0;
	    bottom: 0;
	    margin: auto;
	    padding: 2%;
	    width: 96%;
	    height: 274px;
	    max-width: 980px;    
	}
	
	#fifth .story .fifthContent h1 {
		font-family: "myriad-pro", "Source Sans Pro", "Helvetica neue", Helvetica, sans-serif;
		font-size: 35px;
		font-weight: 300;
		font-style: normal;
		color: #FFFFFF;
		text-align: left;
		line-height: 1.4em;
		padding: 0;
		margin: 0 380px 20px 0;
		clear: both;
	}
	
	#fifth .story .fifthContent p {
		font-family: "myriad-pro", "Source Sans Pro", "Helvetica neue", Helvetica, sans-serif;
		font-size: 22px;
		font-weight: 300;
		font-style: normal;
		color: #FFFFFF;
		text-align: left;
		line-height: 1.5em;
		padding: 0;
		margin: 0 380px 0 0;
		clear: both;
	}
	
	/* Sixth Section Page Styles */
	
	#sixth {
		background: url(/images/aboutus/slide6.jpg) 50% 0 no-repeat fixed;
		background-size: cover;
		-webkit-background-size: cover;
	  	-moz-background-size: cover;
	  	-o-background-size: cover; 
		-webkit-box-shadow: inset 0px -23px 18px -27px rgba(0,0,0,1);
		-moz-box-shadow: inset 0px -23px 18px -27px rgba(0,0,0,1);
		box-shadow: inset 0px -23px 18px -27px rgba(0,0,0,1);
	}
	
	#sixth .story {
		width: 100%;
		height: 100%;
	    left: 0;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    margin: auto;
	    position: absolute;
	    display: inline-block;
	    vertical-align: middle;
	}
	
	#sixth .story .sixthContent {
		position: absolute;
		left: 0;
	    top: 150px;
	    right: 0;
	    bottom: 0;
	    margin: auto;
	    padding: 2%;
	    width: 96%;
	    height: 410px;
	    max-width: 980px;    
	}
		
	#sixth .story .sixthContent h1 {
		font-family: "myriad-pro", "Source Sans Pro", "Helvetica neue", Helvetica, sans-serif;
		font-size: 35px;
		font-weight: 300;
		font-style: normal;
		color: #FFFFFF;
		text-align: left;
		line-height: 1.4em;
		padding: 0;
		margin: 0 0 20px 380px;
		clear: both;
	}
	
	#sixth .story .sixthContent p {
		font-family: "myriad-pro", "Source Sans Pro", "Helvetica neue", Helvetica, sans-serif;
		font-size: 22px;
		font-weight: 300;
		font-style: normal;
		color: #FFFFFF;
		text-align: left;
		line-height: 1.5em;
		padding: 0;
		margin: 0 0 0 380px;
		clear: both;
	}
	
	/* Seventh Section Page Styles */
	
	#seventh {
		background:	url(/images/aboutus/slide7.jpg) 50% 0 no-repeat fixed;
		background-size: cover;
		-webkit-background-size: cover;
	  	-moz-background-size: cover;
	  	-o-background-size: cover;
		-webkit-box-shadow: inset 0px -23px 18px -27px rgba(0,0,0,1);
		-moz-box-shadow: inset 0px -23px 18px -27px rgba(0,0,0,1);
		box-shadow: inset 0px -23px 18px -27px rgba(0,0,0,1);
	}
	
	#seventh .story {
		width: 100%;
		height: 100%;
	    left: 0;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    margin: auto;
	    position: absolute;
	    display: inline-block;
	    vertical-align: middle;
	}
	
	#seventh .story .seventhContent {
		position: absolute;
		left: 0;
	    top: 400px;
	    right: 0;
	    bottom: 0;
	    margin: auto;
	    padding: 0 2%;
	    height: 245px;
	    width: 96%;
	    max-width: 800px;    
	}
	
	#seventh .story .seventhContent h1 {
		font-family: "myriad-pro", "Source Sans Pro", "Helvetica neue", Helvetica, sans-serif;
		font-size: 35px;
		font-weight: 300;
		font-style: normal;
		color: #FFFFFF;
		text-align: center;
		line-height: 1.4em;
		padding: 0;
		margin: 0 0 20px 0;
		clear: both;
	}
	
	#seventh .story .seventhContent p {
		font-family: "myriad-pro", "Source Sans Pro", "Helvetica neue", Helvetica, sans-serif;
		font-size: 22px;
		font-weight: 300;
		font-style: normal;
		color: #FFFFFF;
		text-align: center;
		line-height: 1.5em;
		padding: 0;
		margin: 0;
		clear: both;
	}


/* @end */