/*
	Theme Name: HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/* CSS Reset (customised) */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, small, strong {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
}

body { padding:0px !important; margin:0px !important; display:block; }

html { overflow-y: scroll; }

a:hover, a:active { outline: none; }

small { font-size: 85%; }

strong, th { font-weight: bold; }

::-moz-selection{ background: #3b7cbf; color: #fff; text-shadow: none; }

::selection { background: #3b7cbf; color: #fff; text-shadow: none; }

a:link { -webkit-tap-highlight-color: #3b7cbf; }

.ie7 img { -ms-interpolation-mode: bicubic; }

h1, h2, h3, h4, h5, h6 { font-weight: 700; }

/* Primary Styles */
  
body {
	padding: 0px;
	font-family: 'adellesemibold';
	font-weight: 300;
	color: #2b2b2b;
	background-color: #FFFFFF;
}
.title, .category {
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 30px;
	text-decoration: none;
}
h1, h2, h3 { 
	font-size: 3em;
	font-weight: 700;
}
h1 {
	color: #2b2b2b;
	line-height: 0.8;
	letter-spacing: -0.05em;
}
h2 {
	color: #2b2b2b;
	line-height: 0.9;
	letter-spacing: -0.05em;
}
h3 {
	color: #2b2b2b;
	line-height: 0.9;
	letter-spacing: -0.05em;
}
h4 {
	color: #2b2b2b;
	line-height: 30px;
	letter-spacing: -0.05em;
	padding-bottom:20px;
	font-size:25px;
}
p {
	font-size: 16px; 
    line-height: 25px;
    padding-bottom: 15px;
	color: #2b2b2b;
}
small {
	font-size: 1em; 
	color: #3b7cbf;
}
img { max-width: 100%; }

/* Media Queries */

.global_nav_l {    
	background: #2d2d2d none repeat scroll 0 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 50px;
    z-index: 999; }

.global_nav_r {    
	background: #f1f1f1 none repeat scroll 0 0;
    right: 0;
    position: absolute;
    top: 0;
    width: 50px;
    z-index: 999; }

.global_nav_btn a:link {     
	background: #ffffff none repeat scroll 0 0;
    color: #000000;
    display: block;
    float: left;
    font-size: 40px;
    padding-bottom: 50%;
    padding-top: 50%;
    text-align: center;
    text-decoration: none;
    width: 50px; }

.global_nav_btn a:visited { 	
	background: #ffffff none repeat scroll 0 0;
    color: #000000;
    display: block;
    float: left;
    font-size: 40px;
    padding-bottom: 50%;
    padding-top: 50%;
    text-align: center;
    text-decoration: none;
    width: 50px; }

.global_nav_btn a:hover { 	
	background: #2d2d2d none repeat scroll 0 0;
    color: #f1f1f1;
    display: block;
    float: left;
    font-size: 40px;
    padding-bottom: 50%;
    padding-top: 50%;
    text-align: center;
    text-decoration: none;
    width: 50px; }

.lead_slant {  
	position:absolute;   
	background: #41acc4 none repeat scroll 0 0;
    height: 100%;
    width: 40%;
	z-index:200;
	margin-left: 50px; }

.section_slant {  
	position:absolute;   
	background: #41acc4 none repeat scroll 0 0;
    height: 100%;
    width: 15%;
	z-index:200;
	margin-left: 50px; }

.grid_wrapper { 
    float: left;
    padding-left: 30%;
    transform: skewX(12deg);
    width: 65%;
	position: absolute; }

.intro_wrapper { 
    float: left;
    padding-left: 50%;
    transform: skewX(12deg);
	position: absolute; }

.contents_wrapper {
	transform: skewX(-12deg);
	padding:0% 25% 25% 25%;
}

.contents_list {
    padding: 0px 0px 15px 0px;
	list-style:none;
	margin-top: 0;
}

.contents_list li {	
    color: #19798f;
    font-family: "adellesemibold";
    font-size: 28px;
    font-weight: normal !important;
    line-height: 32px;
    padding-bottom: 15px;
}

.contents_list li a:link {	
    color: #19798f;
    font-family: "adellesemibold";
    font-size: 28px;
    font-weight: normal !important;
    line-height: 32px;
    padding-bottom: 15px;
}

.contents_list li a:hover {	
    color: #57b0c5;
    font-family: "adellesemibold";
    font-size: 28px;
    font-weight: normal !important;
    line-height: 32px;
    padding-bottom: 15px;
}

.contents_list li a:visited {	
    color: #19798f;
    font-family: "adellesemibold";
    font-size: 28px;
    font-weight: normal !important;
    line-height: 32px;
    padding-bottom: 15px;
}

#contents_title {
    border-left: 8px solid #19798f !important;
    color: #19798f;
    float: left;
    font-family: adellebold;
    font-size: 24px;
    line-height: 27px;
    padding-left: 6%;
    padding-right: 59%;
    padding-top: 40px !important;
    text-align: left !important;
    text-indent: 0;
	margin-bottom: 48px;
}

.intro_alt {    
	border-left: 13px solid #19798f;
    color: #ffffff;
    float: left;
    font-family: "adellesemibold";
    font-size: 20px;
    font-weight: normal !important;
    line-height: 29px;
    margin-top: 30px;
    padding: 25px 50px;
}

.grid_container {     
	margin-left: -40px;
    transform: skewX(-12deg);
    width: 130%;
	position: absolute; }
	
.grid_container img:hover { 
   opacity: 1;
}

.grid_title {
    background: #ffffff none repeat scroll 0 0;
    left: 0;
    margin: auto;
    position: absolute;
    top: 0;
    transform: skewX(12deg);
    width: 70%;
    z-index: 800;
	border-bottom: 3px solid #ccc; }

.grid_title h1 {
    color: #000000;
    font-size: 17px;
	font-family: 'adellesemibold';
    font-weight: normal !important;
    line-height: 21px;
    padding: 15px 30px 15px 25px;
    transform: skewX(-12deg); }

.nus_logo { padding:15px; float:left; display:none; }
	
.pure-table { width: 280px; }	
	
#headline {   
    border-left: 8px solid #ffffff !important;
    color: #ffffff;
    float: left;
    font-family: adellebold;
    font-size: 32px;
    line-height: 32px;
    padding-left: 6%;
    padding-right: 59%;
    padding-top: 40px !important;
	margin-left: 15% !important; }

#intro {
	float:left;
    padding-left: 6%;
    padding-top: 10%;
	border-bottom: 2px solid #ffffff; }
	
#intro p { 	
    color: #ffffff;
    font-family: adellesemibold;
    font-size: 17px;
    line-height: 22px; }

.social_icons {
	float:left;
	width:100%;
	padding:15px;	
}

.facebook_icon a:link { display:block; width:60px; height:100px; background:url(./img/icon_facebook.png) no-repeat; float:left; }

.facebook_icon a:visited { display:block; width:60px; height:100px; background:url(./img/icon_facebook.png) no-repeat; float:left; }

.facebook_icon a:hover { display:block; width:60px; height:100px; background:url(./img/icon_facebook.png) no-repeat;float:left; }

.twitter_icon a:link { display:block; width:60px; height:100px; background:url(./img/icon_twitter.png) no-repeat; float:left; }

.twitter_icon a:visited { display:block; width:60px; height:100px; background:url(./img/icon_twitter.png) no-repeat; float:left; }

.twitter_icon a:hover { display:block; width:60px; height:100px; background:url(./img/icon_twitter.png) no-repeat; float:left; }

/* Column Control Media Queries */

	.fancybox-close {     cursor: pointer;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute;
    right: -18px;
    top: -18px;
    width: 36px !important;
    z-index: 8040;  }

@media screen and (min-width:320px) {

.video_holder_twitter {
    float: left;
    padding: 0%;
    width: auto;
}
	
.finance_text_table { display:block; }

.landing_collage {    
    float: left;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 120px;	}

#report_footer_tag {
    color: #ffffff;
    display: block !important;
    float: left !important;
    font-family: adellesemibold;
    font-size: 13px;
    line-height: 19px;
    padding-left: 6% !important;
    padding-top: 10% !important;
	font-weight:bold; }

#landing_nus_logo {
    float: left;
    padding-top: 210px;
    text-align: center;
    width: 100%;
	margin-bottom:9%;
}

#landing_nus_logo img {
	width:180px;
}

.grid_container img { 
    float: left;
    left: 9%;
    margin-left: auto;
    margin-right: auto;
    opacity: 1;
    position: absolute;
    right: 15%;
    top: 75px;
    transition: opacity 0.25s ease-in-out 0s;
    width: 100%;
}

#mobile_title {     
	color: #41acc4;
    display: block;
    float: left;
    font-family: adellebold;
    font-size: 25px;
    line-height: 27px;
    padding: 9% 0% 20px 0px;
    text-align: center !important;
    text-indent: 0; 
	width:100%; }

#sub_headline {     
	color: #999999;
    display: block;
    float: left;
    font-family: adellebold;
    font-size: 16px;
    padding: 0;
    text-align: center !important;
    text-indent: 0;
    width: 100%; }

.contents_wrapper_mobile {
    display: block !important;
    float: left !important;
    margin-left: 0;
    margin-right: 0;
    padding: 5% 25% 0 !important;
    text-align: left;
    width: 50%; }

.contents_wrapper_mobile a {     
	margin:0% !important;
	padding-bottom:0px !important;
	width:auto !important;
	margin-right:4px !important;
	}

#contents_title_mobile {     color: #FFFFFF;
    font-family: "adellesemibold";
    font-size: 24px;
    font-weight: bold !important;
    line-height: 28px;
    padding: 0 0 15px; }
	
.contents_list_mobile li {
	color: #FFFFFF;
    font-family: "adellesemibold";
    font-size: 18px;
    font-weight: normal !important;
    line-height: 20px;
    padding-bottom: 15px; }

.contents_list_mobile li a:link {
	color: #FFFFFF;
    font-family: "adellesemibold";
    font-size: 18px;
    font-weight: normal !important;
    line-height: 20px;
    padding-bottom: 15px; }

.contents_list_mobile li a:visited {
	color: #FFFFFF;
    font-family: "adellesemibold";
    font-size: 18px;
    font-weight: normal !important;
    line-height: 20px;
    padding-bottom: 15px; }

.contents_list_mobile li a:hover {
	color: #dbdbdb;
    font-family: "adellesemibold";
    font-size: 18px;
    font-weight: normal !important;
    line-height: 20px;
    padding-bottom: 15px; }
	
.global_nav_l {    
	background: none !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 50px;
    z-index: 999; }

.global_nav_r {    
	background: none !important;
    right: 0;
    position: absolute;
    top: 0;
    width: 50px;
    z-index: 999; }
	
	body {
		max-width: 1600px;
		margin: 0 auto;
		padding: 40px;
		overflow: hidden;
	}

	h2 { position: absolute; }


	#intro {
    display:none !important;
    }
	
	.intro_wrapper {
	display:none;
	}
	
	.pure-table { width: 280px; }
	
	#headline {
    border-bottom: 0 none !important;
    border-left: 0 solid #ffffff !important;
    color: #ffffff;
    float: left;
    font-family: adellebold;
    font-size: 27px;
    line-height: 25px;
    padding-bottom: 0 !important;
    padding-left: 25%;
    padding-right: 25%;
    padding-top: 40px !important;
    text-align: center !important;
    text-indent: 0;
    width: 50%;
	margin-left: 0% !important;
}

	.contents_wrapper {
    padding: 0% 25% 25% 25% !important;
    transform: skewX(-12deg);
	}

	.abs_slant {
	display:none !important;	
	}
	
	.section_abs_slant {
	display:none !important;	
	}

	.lead_slant {
    background: #41acc4 !important;
    height: 100%;
    position: absolute;
    width: 100% !important;
    z-index: 200;
	margin-left: 0 !important;
	z-index:21;
	padding-bottom: 25%;
	}
	
	.section_slant {
	display:none !important;
	}


h1, h2, h3 { font-size: 2.5em; }

p { font-size: 1em; }

.title, .category, a, a:link, a:visited, a:hover, a:active {
    margin: 0;
    overflow: hidden;
    padding-bottom: 89%;
    position: relative;
    top: 0;
    width: 100%;
}

.title, .category, a, a:link, a:visited, a:hover, a:active {
    margin: 0 0 0 0%;
    padding-bottom: 300px;
    width: 100%;
}

.grid_wrapper {
    float: left;
    margin-top: 0 !important;
    padding-left: 15%;
    padding-right: 15%;
    transform: skewX(0deg) !important;
    width: 70% !important;
}

.grid_title h1 {
    border-top: 0 none;
    color: #000000;
    font-family: "adellesemibold";
    font-size: 12px;
    font-weight: normal !important;
    line-height: 22px;
    margin-bottom: 0px !important;
    margin-left: 15%;
    padding: 15px 0 0px !important;
    text-align: center;
    transform: skewX(0deg);
}

.grid_title {
    background: #ffffff none repeat scroll 0 0;
    border-bottom: 0 solid #ccc;
    left: 0;
    margin: auto;
    position: absolute;
    top: 0;
    transform: skewX(0deg);
    width: 98%;
    z-index: 800;
}	

.grid_container {
    margin-left: -48px;
    position: absolute;
    transform: skewX(0deg);
    width: 130%;
}

.my-video-dimensions {
    float: left;
    height: 192px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 30px;
    width: 100% !important;
}

.pure-table { display:none !important; }
	
.finance_content {
    width: 60%;
}

.finance_text_table {     
    background: #41acc4 none repeat scroll 0 0 !important;
    color: #ffffff !important;
    display: block;
    float: left;
    margin-left: 0;
    margin-right: 10%;
    margin-top: 40px;
    padding-left: 15%;
    padding-right: 20%;
    width: 70%; }

.finance_text_table p {     
    color: #ffffff !important; }

}



@media screen and (min-width:480px) {

.video_holder_twitter {
    float: left;
    padding: 0 13% 13%;
    width: 74%;
}
	
.finance_text_table { display:none; }

.landing_collage {    
    float: left;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 120px;	}

#report_footer_tag {
    color: #ffffff;
    display: block !important;
    float: left !important;
    font-family: adellesemibold;
    font-size: 13px;
    line-height: 19px;
    padding-left: 6% !important;
    padding-top: 10% !important;
	font-weight:bold; }

.grid_title h1 {
    border-top: 0 none;
    color: #000000;
    font-family: "adellesemibold";
    font-size: 14px;
    font-weight: normal !important;
    line-height: 22px;
    margin-left: 0;
    padding: 15px 52px !important;
    text-align: center;
    transform: skewX(0deg);
}

.pure-table { display:none !important; }

.finance_text_table {     
    background: #41acc4 none repeat scroll 0 0 !important;
    color: #ffffff !important;
    display: block;
    float: left;
    margin-left: 0;
    margin-right: 10%;
    margin-top: 40px;
    padding-left: 15%;
    padding-right: 20%;
    width: 70%; }

.finance_text_table p {     
    color: #ffffff !important; }
	
}


@media screen and (min-width:600px) {

.video_holder_twitter {
    float: left;
    padding: 0 13% 13%;
    width: 74%;
}
	
.finance_text_table {     
    background: #41acc4 none repeat scroll 0 0 !important;
    color: #ffffff !important;
    display: block;
    float: left;
    margin-left: 0;
    margin-right: 10%;
    margin-top: 40px;
    padding-left: 15%;
    padding-right: 20%;
    width: 100%; }

.finance_text_table p {     
    color: #ffffff !important; }

.landing_collage {    
    float: left;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 120px;	}

#report_footer_tag {
    color: #ffffff;
    display: block !important;
    float: left !important;
    font-family: adellesemibold;
    font-size: 13px;
    line-height: 19px;
    padding-left: 6% !important;
    padding-top: 10% !important;
	font-weight:bold; }

.grid_title h1 {
    border-top: 0 none;
    color: #000000;
    font-family: "adellesemibold";
    font-size: 14px;
    font-weight: normal !important;
    line-height: 22px;
    margin-left: 0;
    padding: 15px 52px !important;
    text-align: center;
    transform: skewX(0deg);
}

.pure-table { display:none !important; }
	
}




@media screen and (min-width:700px) {

	.video_holder_twitter {
    float: left;
    padding: 0 13% 13%;
    width: 74%;
}
	
.finance_text_table { display:none; }

.landing_collage {    
    float: left;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 120px;	}

#report_footer_tag {
    color: #ffffff;
    display: block !important;
    float: left !important;
    font-family: adellesemibold;
    font-size: 13px;
    line-height: 19px;
    padding-left: 6% !important;
    padding-top: 10% !important;
	font-weight:bold; }

#landing_nus_logo {
    float: left;
    padding-top: 47px;
    text-align: center;
    width: 100%;
	margin-bottom: 9%;
}

.grid_container img { 
    left: 7%;
    opacity: 1;
    position: absolute;
    right: 15%;
    top: 75px;
    transition: opacity 0.25s ease-in-out 0s;
}

#mobile_title { color: #41acc4;
    display: block;
    float: left;
    font-family: adellebold;
    font-size: 25px;
    line-height: 27px;
    padding: 9% 25% 20px;
    text-align: center !important;
    text-indent: 0;
    width: 50%; }

#sub_headline {     
	color: #999999;
    display: block;
    float: left;
    font-family: adellebold;
    font-size: 16px;
    padding: 0;
    text-align: center !important;
    text-indent: 0;
    width: 100%; }

.contents_wrapper_mobile {     
    display: block !important;
    float: left !important;
    margin-left: 0;
    margin-right: 0;
    padding: 25px 0 0 0 !important;
    text-align: center;
    width: 100%; }

.contents_wrapper_mobile a {     
	margin:0% !important;
	padding-bottom:0px !important;
	width:auto !important;
	margin-right:4px !important;
	color: #ffffff !important;
	}

#contents_title_mobile {     color: #FFFFFF;
    font-family: "adellesemibold";
    font-size: 24px;
    font-weight: bold !important;
    line-height: 28px;
    padding: 0 0 15px; }
	
.contents_list_mobile li {
	color: #FFFFFF;
    font-family: "adellesemibold";
    font-size: 18px;
    font-weight: normal !important;
    line-height: 20px;
    padding-bottom: 15px; }

.contents_list_mobile li a:link {
	color: #FFFFFF;
    font-family: "adellesemibold";
    font-size: 18px;
    font-weight: normal !important;
    line-height: 20px;
    padding-bottom: 15px; }

.contents_list_mobile li a:visited {
	color: #FFFFFF;
    font-family: "adellesemibold";
    font-size: 18px;
    font-weight: normal !important;
    line-height: 20px;
    padding-bottom: 15px; }

.contents_list_mobile li a:hover {
	color: #dbdbdb;
    font-family: "adellesemibold";
    font-size: 18px;
    font-weight: normal !important;
    line-height: 20px;
    padding-bottom: 15px; }

.contents_wrapper_mobile { display:block !important; }

.global_nav_l {    
	background: none repeat scroll 0 0 !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 50px;
    z-index: 999; }

.global_nav_r {    
	background: none repeat scroll 0 0 !important;
    right: 0;
    position: absolute;
    top: 0;
    width: 50px;
    z-index: 999; }

#intro {
    display:none !important;
}

.intro_wrapper {
	display:none;
}

.pure-table { width: 88%; }

#headline {
    border-bottom: 0 none !important;
    border-left: 0 solid #ffffff !important;
    color: #ffffff;
    float: left;
    font-family: adellebold;
    font-size: 33px;
    line-height: 33px;
    margin-bottom: 15px;
    margin-left: 0 !important;
    padding: 40px 0 0 !important;
    text-indent: 0;
    width: 100%;
}

.contents_wrapper {
    padding: 0% 25% 25% 25% !important;
    transform: skewX(-12deg);
}

.abs_slant {
	display:none;
}

.section_abs_slant {
	display:none;
}

.lead_slant {
    background: #41acc4 none repeat scroll 0 0;
    height: 100% !important;
    position: absolute;
    width: 100%;
    z-index: 200;
	margin-left: 0 !important;
	z-index:21;
	padding-bottom: 100%;
}

.section_slant {
	display:none !important;
}


h1, h2, h3 { font-size: 2.5em; }

p { font-size: 1em; }

.title, .category, a, a:link, a:visited, a:hover, a:active {
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 48%;
    width: 50%;
}

.grid_wrapper {
    float: left;
    padding-left: 0% !important;
    transform: skewX(0deg) !important;
    width: 100% !important;
	margin-top:0px !important;
}

.grid_title h1 {
    color: #000000;
    font-family: "adellesemibold";
    font-size: 15px;
    font-weight: normal !important;
    line-height: 22px;
    padding: 15px 10px 15px 62px !important;
    transform: skewX(0deg);
	margin-left:0px;
}

.grid_title {
    background: #ffffff none repeat scroll 0 0;
    border-bottom: 3px solid #ccc;
    left: 0;
    margin: auto;
    position: absolute;
    top: 0;
    transform: skewX(0deg);
    width: 84%;
    z-index: 800;
	text-align:center;
}

.grid_container {
    margin-left: -40px;
    position: absolute;
    transform: skewX(0deg);
    width: 130%;
}

.my-video-dimensions {
    float: left;
    height: 310px !important;
    margin-top: 0;
    width: 100% !important;
}

.pure-table { display:block !important; }

.finance_content { width:87%; }

}

@media screen and (min-width:800px) {

	.video_holder_twitter {
    float: left;
    padding: 0 13% 13%;
    width: 73%;
}
	
.finance_text_table { display:none; }

.landing_collage {    
    float: left;
    margin-left: 20%;
    margin-right: 20%;
    margin-top: 120px;	}

#report_footer_tag {
    color: #ffffff;
    display: block !important;
    float: left !important;
    font-family: adellesemibold;
    font-size: 13px;
    line-height: 19px;
    padding-left: 6% !important;
    padding-top: 10% !important;
	font-weight:bold; }

#landing_nus_logo {
    float: left;
    padding-top: 25px;
    text-align: center;
    width: 100%;
	margin-bottom: 9%;
}

.grid_container img { 
    left: 7%;
    opacity: 1;
    position: absolute;
    right: 15%;
    top: 75px;
    transition: opacity 0.25s ease-in-out 0s;
}

#mobile_title { display:block; 
    color: #41acc4;
    float: left;
    font-family: adellebold;
    font-size: 25px;
    padding-left: 0%;
    padding-right: 0%;
    padding-top: 9%;
	padding-bottom:50px;
    text-align: center !important;
    text-indent: 0; 
	width:86%; }

#sub_headline {     
	color: #999999;
    display: block;
    float: left;
    font-family: adellebold;
    font-size: 16px;
    padding: 0;
    text-align: center !important;
    text-indent: 0;
    width: 86%; }

.contents_wrapper_mobile { display:none !important; }

#intro {
	display:none !important;
	}

.my-video-dimensions {
    float: left;
    height: 310px !important;
    margin-left: 0 !important;
    margin-top: 30px;
    width: 500px !important;
}

.contents_wrapper {
    padding: 0% 25% 25% 25% !important;
    transform: skewX(-12deg);
}

.intro_wrapper {
	display:none;
}

headline {
    border-bottom: 0 none !important;
    border-left: 8px solid #ffffff !important;
    color: #ffffff;
    float: left;
    font-family: adellebold;
    font-size: 36px;
    line-height: 25px;
    padding: 9% 15% 0 3% !important;
    text-align: left !important;
    text-indent: 0;
    width: 100%;
}


.abs_slant {     
	display:none;
	}

.section_abs_slant {     
	display:none;
	}

.lead_slant {
    background: #41acc4 none repeat scroll 0 0;
    height: 100%;
    position: absolute;
    width: 100% !important;
    z-index: 200;
	margin-left: 0px !important;
	z-index:21;
    padding-bottom: 40%;
}

.section_slant {
	display:none !important;
}


h1, h2, h3 { font-size: 2.5em; }

p { font-size: 1em; }

.title, .category, a, a:link, a:visited, a:hover, a:active {
    margin: 0 0 0 3%;
    padding-bottom: 80%;
    width: 80%;
}

.grid_wrapper {
    float: left;
    padding-left: 23% !important;
    transform: skewX(0deg) !important;
    width: 62% !important;
}

.grid_title h1 {
    color: #000000;
    font-family: "adellesemibold";
    font-size: 17px;
    font-weight: normal !important;
    line-height: 25px;
    padding: 15px 10px 15px 58px !important;
    text-align: center;
    transform: skewX(0deg);
	margin-left:0px;
}

.grid_title {
    border-bottom: 3px solid #ccc;
    left: 0;
    margin: auto;
    position: absolute;
    text-align: center !important;
    top: 0;
    transform: skewX(0deg);
    width: 85%;
    z-index: 800;
}

.grid_container {
    margin-left: -40px;
    position: absolute;
    transform: skewX(0deg);
    width: 130%;
}

.contents_list li a:link {
    color: #19798f;
    font-family: "adellesemibold";
    font-size: 18px;
    font-weight: normal !important;
    line-height: 20px;
    padding-bottom: 15px;
}

.contents_list li a:hover {	
    color: #57b0c5;
    font-family: "adellesemibold";
    font-size: 18px;
    font-weight: normal !important;
    line-height: 20px;
    padding-bottom: 15px;
}

.my-video-dimensions {
    float: left;
    height: 315px !important;
    margin-top: 30px;
    width: 100% !important;
}

.contents_wrapper_mobile {     
    display: block !important;
    float: left !important;
    padding-left: 75px !important;
    padding-top: 30px !important;
    text-align: left;
    width: 80%;}

.contents_wrapper_mobile a {     
	margin:0% !important;
	padding-bottom:0px !important;
	width:auto !important;
	margin-right:4px !important;
	color: #ffffff !important;
	}

#contents_title_mobile {     color: #FFFFFF;
    font-family: "adellesemibold";
    font-size: 24px;
    font-weight: bold !important;
    line-height: 28px;
    padding: 0 0 15px; }
	
.contents_list_mobile li {
	color: #FFFFFF;
    font-family: "adellesemibold";
    font-size: 18px;
    font-weight: normal !important;
    line-height: 20px;
    padding-bottom: 15px; }

.contents_list_mobile li a:link {
	color: #FFFFFF;
    font-family: "adellesemibold";
    font-size: 18px;
    font-weight: normal !important;
    line-height: 20px;
    padding-bottom: 15px; }

.contents_list_mobile li a:visited {
	color: #FFFFFF;
    font-family: "adellesemibold";
    font-size: 18px;
    font-weight: normal !important;
    line-height: 20px;
    padding-bottom: 15px; }

.contents_list_mobile li a:hover {
	color: #dbdbdb;
    font-family: "adellesemibold";
    font-size: 18px;
    font-weight: normal !important;
    line-height: 20px;
    padding-bottom: 15px; }


.pure-table { display:block;	}

}

@media screen and (min-width:1000px) {

.video_holder_twitter {
    float: left;
    padding: 0 13% 13%;
    width: 75%;
}
	
.finance_text_table { display:none; }

.landing_collage {    
	float: left;
    margin-left: 80px;
    margin-top: 50px !important;
    width: 80% !important;		}

#report_footer_tag {
    color: #ffffff;
    display: block !important;
    float: left !important;
    font-family: adellesemibold;
    font-size: 13px;
    line-height: 19px;
    padding-left: 6% !important;
    padding-top: 10% !important;
	font-weight:bold; }

#landing_nus_logo {
    float: left;
    padding-left: 47px;
    width: 250px;
	padding-top:50px;
	margin-bottom: 9%;
}

.grid_container img { 
    left: 23%;
    opacity: 1;
    position: absolute;
    right: 15%;
    top: 54px;
    transition: opacity 0.25s ease-in-out 0s;
    width: 90%;
}

#mobile_title { display:none; }

#sub_headline { display:none; }

.grid_title {
    border-bottom: 3px solid #ccc;
    left: 0;
    margin: auto;
    position: absolute;
    text-align: left !important;
    top: 0;
    transform: skewX(0deg);
    width: 83%;
    z-index: 800;
}

.contents_wrapper_mobile { display:none !important; }

.global_nav_l {    
	background: #2d2d2d none repeat scroll 0 0 !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 50px;
    z-index: 999; }

.global_nav_r {    
	background: #f1f1f1 none repeat scroll 0 0 !important;
    right: 0;
    position: absolute;
    top: 0;
    width: 50px;
    z-index: 999; }

#intro {
    display:block !important;
}

.my-video-dimensions {
    float: left;
    height: 275px !important;
    margin-left: 50px !important;
    margin-top: 30px;
    width: 445px !important;
}

.contents_wrapper {
    padding: 0% 0 0 10% !important;
    transform: skewX(-12deg);
    width: 350px;
}

.intro_wrapper {
    float: left;
    padding-left: 57%;
    position: absolute;
    transform: skewX(12deg);
	display:block;
}

.pure-table { width: 418px; }

#headline {
    border-bottom: 0 none !important;
    border-left: 8px solid #ffffff !important;
    color: #ffffff;
    float: left;
    font-family: adellebold;
    font-size: 24px;
    line-height: 23px;
    margin-top: 0%;
    padding: 40px 20% 0 3% !important;
    text-align: left !important;
    text-indent: 0;
    width: 111px;
	margin-left: 15% !important;
}


.abs_slant {     
	background: #41acc4 none repeat scroll 0 0;
    height: 100%;
    left: 50px !important;
    position: absolute;
    top: 0;
    transform: skew(12deg) !important;
    width: 31% !important;
	z-index:20;
	display:block !important; }

.section_abs_slant {     
	background: #41acc4 none repeat scroll 0 0;
    height: 100%;
    left: 50px !important;
    position: absolute;
    top: 0;
    transform: skew(12deg) !important;
    width: 31% !important;
	z-index:20;
	display:block !important; }

.lead_slant {
    background: #41acc4 none repeat scroll 0 0;
    height: 100%;
    position: absolute;
    width: 50% !important;
    z-index: 200;
	margin-left: 50px !important;
	z-index:21;	
	padding-bottom: 0%;
}

.section_slant {
	display:block !important;
    background: #41acc4 none repeat scroll 0 0;
    height: 100%;
    margin-left: 50px !important;
    padding-bottom: 0;
    position: absolute;
    width: 22% !important;
    z-index: 21;
}

h1, h2, h3 { font-size: 2.5em; }

p { font-size: 1em; }

.title, .category, a, a:link, a:visited, a:hover, a:active {
    margin: 1% 1% 0 0;
    padding-bottom: 24%;
    width: 25%;
}

.grid_wrapper {
    float: left;
    margin-top: 0 !important;
    padding-left: 35% !important;
    padding-right: 0 !important;
    transform: skewX(12deg) !important;
    width: 58% !important;
}

.grid_title h1 {
    color: #000000;
    font-family: "adellesemibold";
    font-size: 11px;
    font-weight: normal !important;
    line-height: 13px;
    padding: 12px 20px 0 22px !important;
    text-align: left;
    transform: skewX(-12deg);
	margin-left:0px;
}

.grid_title {
    background: #f7f7f7 none repeat scroll 0 0;
    border-bottom: 3px solid #000;
    left: 45px;
    margin: auto;
    min-height: 75px;
    position: absolute;
    top: 0;
    transform: skewX(12deg);
    width: 80%;
    z-index: 800;
}

.grid_container {
    margin-left: -40px;
    position: absolute;
    transform: skewX(-12deg);
    width: 130%;
}

.contents_list li a:link {
    color: #19798f;
    font-family: "adellesemibold";
    font-size: 20px;
    font-weight: normal !important;
    line-height: 22px;
    padding-bottom: 15px;
}

.contents_list li a:hover {	
    color: #57b0c5;
    font-family: "adellesemibold";
    font-size: 20px;
    font-weight: normal !important;
    line-height: 22px;
    padding-bottom: 15px;
}

.pure-table { display:block; }

}

@media screen and (min-width:1200px) {

.video_holder_twitter {
    float: left;
    padding: 0 13% 13%;
    width: 90%;
}
	
.finance_text_table { display:none; }

.landing_collage {    
	float: left;
    margin-left: 80px;
    margin-top: 50px !important;
    width: 140% !important;		}

#report_footer_tag {
    color: #ffffff;
    display: block !important;
    float: left !important;
    font-family: adellesemibold;
    font-size: 13px;
    line-height: 19px;
    padding-left: 6% !important;
    padding-top: 10% !important;
	font-weight:bold; }

#landing_nus_logo {
    float: left;
    padding-left: 47px;
    width: 250px;
	padding-top:50px;
	margin-bottom: 9%;
}

.grid_container img { 
    left: 23%;
    opacity: 1;
    position: absolute;
    right: 15%;
    top: 85px;
    transition: opacity 0.25s ease-in-out 0s; width:120%;
}

#mobile_title { display:none; }

#sub_headline { display:none; }

.grid_title {
    border-bottom: 3px solid #ccc;
    left: 0;
    margin: auto;
    position: absolute;
    text-align: left !important;
    top: 0;
    transform: skewX(0deg);
    width: 83%;
    z-index: 800;
}

.contents_wrapper_mobile { display:none !important; }

.global_nav_l {    
	background: #2d2d2d none repeat scroll 0 0 !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 50px;
    z-index: 999; }

.global_nav_r {    
	background: #f1f1f1 none repeat scroll 0 0 !important;
    right: 0;
    position: absolute;
    top: 0;
    width: 50px;
    z-index: 999; }

#intro {
    border-bottom: 2px solid #ffffff !important;
    float: left !important;
    padding-left: 6% !important;
    padding-top: 10% !important;
	display:block !important;
}

.intro_wrapper {
    float: left;
    padding-left: 57%;
    position: absolute;
    transform: skewX(12deg);
	display:block;
}

.pure-table { width: 480px; }

#headline {   
    border-left: 8px solid #ffffff !important;
    color: #ffffff;
    float: left;
    font-family: adellebold;
    font-size: 24px;
    line-height: 27px;
    padding-left: 6%;
    padding-right: 59%;
    padding-top: 40px !important;
    text-align: left !important;
    text-indent: 0;
	margin-left: 15% !important; }

.contents_wrapper {
    padding: 0% 70px 0px 0px !important;
    transform: skewX(-12deg);
	width: 100%;
}

.my-video-dimensions {
    float: left;
    height: 300px !important;
    margin-left: 50px !important;
    margin-top: 30px;
    width: 490px !important;
}

.contents_list li a:link {
    color: #19798f;
    font-family: "adellesemibold";
    font-size: 20px;
    font-weight: normal !important;
    line-height: 22px;
    padding-bottom: 15px;
}

.contents_list li a:hover {	
    color: #57b0c5;
    font-family: "adellesemibold";
    font-size: 20px;
    font-weight: normal !important;
    line-height: 22px;
    padding-bottom: 15px;
}	

.abs_slant {     
    background: #41acc4 none repeat scroll 0 0;
    display: block !important;
    height: 100%;
    left: 50px !important;
    position: absolute;
    top: 0;
    transform: skew(12deg) !important;
    width: 50% !important;
    z-index: 20;
	}
	
.section_abs_slant {     
	background: #41acc4 none repeat scroll 0 0;
    height: 100%;
    left: 26px !important;
    position: absolute;
    top: 0;
    transform: skew(12deg) !important;
    width: 28% !important;
	z-index:20; 
	display:block !important;
	}


.lead_slant {
  background: #41acc4 none repeat scroll 0 0;
    height: 100%;
    margin-left: 50px !important;
    padding-bottom: 0;
    position: absolute;
    width: 40% !important;
    z-index: 21;
}

.section_slant {
	display:block !important;
    background: #41acc4 none repeat scroll 0 0;
    height: 100%;
    position: absolute;
    width: 20% !important;
	margin-left: 50px !important;
	z-index:21;
	padding-bottom: 0%;
}


.grid_container {
    margin-left: -40px;
    position: absolute;
    transform: skewX(-12deg);
    width: 130%;
}

.grid_title {
    background: #f7f7f7 none repeat scroll 0 0;
    border-bottom: 3px solid #000;
    left: 45px;
    margin: auto;
    min-height: 95px;
    position: absolute;
    top: 0;
    transform: skewX(12deg);
    width: 80%;
    z-index: 800;
}

.grid_wrapper {
    float: left;
    margin-top: 0 !important;
    padding-left: 30% !important;
    transform: skewX(12deg) !important;
    width: 61% !important;
}

.grid_title h1 {
    color: #000000;
    font-family: "adellesemibold";
    font-size: 12px !important;
    font-weight: normal !important;
    line-height: 16px !important;
    padding: 15px 20px 15px 27px !important;
    text-align: left;
    transform: skewX(-12deg);
}

p { font-size: 1em; }

.title, .category, a, a:link, a:visited, a:hover, a:active {
    margin: 1% 1% 0 0;
    padding-bottom: 28%;
    width: 23%;
}
		
#intro p { 	
    color: #ffffff;
    font-family: adellesemibold;
    font-size: 15px;
    line-height: 20px; }

.pure-table { display:block; }

}

@media screen and (min-width:1400px) {

.video_holder_twitter {
    float: left;
    padding: 0 13% 13%;
    width: 90%;
}
	
.finance_text_table { display:none; }

.landing_collage {    
	float: left;
    margin-left: 80px;
    margin-top: 50px !important;
    width: 100% !important;		}

#report_footer_tag {
    color: #ffffff;
    display: block !important;
    float: left !important;
    font-family: adellesemibold;
    font-size: 13px;
    line-height: 19px;
    padding-left: 6% !important;
    padding-top: 10% !important;
	font-weight:bold; }

#landing_nus_logo {
    float: left;
    padding-left: 47px;
    width: 250px;
	padding-top:50px;
	margin-bottom: 9%;
}

.grid_container img { 
    left: 15%;
    opacity: 1;
    position: absolute;
    right: 15%;
    top: 56px;
    transition: opacity 0.25s ease-in-out 0s; width:120%;
}

#mobile_title { display:none; }

#sub_headline { display:none; }

.grid_title {
    border-bottom: 3px solid #ccc;
    left: 0;
    margin: auto;
    position: absolute;
    text-align: left !important;
    top: 0;
    transform: skewX(0deg);
    width: 83%;
    z-index: 800;
}

.contents_wrapper_mobile { display:none !important; }

.global_nav_l {    
	background: #2d2d2d none repeat scroll 0 0 !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 50px;
    z-index: 999; }

.global_nav_r {    
	background: #f1f1f1 none repeat scroll 0 0 !important;
    right: 0;
    position: absolute;
    top: 0;
    width: 50px;
    z-index: 999; }

#intro {
    border-bottom: 2px solid #ffffff !important;
    float: left !important;
    padding-left: 6% !important;
    padding-top: 20% !important;
	display:block !important;
}


.intro_wrapper {
    float: left;
    padding-left: 57%;
    position: absolute;
    transform: skewX(12deg);
	display:block;
}


.pure-table { width: 480px; }

#headline {   
    border-left: 8px solid #ffffff !important;
    color: #ffffff;
    float: left;
    font-family: adellebold;
    font-size: 25px;
    line-height: 27px;
    padding-left: 6%;
    padding-right: 59%;
    padding-top: 40px !important;
    text-align: left !important;
    text-indent: 0;
	margin-left: 15% !important; }


.contents_wrapper {
    padding: 0% 0px 0px 0% !important;
    transform: skewX(-12deg);
	width: 100%;
}

.contents_list {
    padding: 0px 0px 15px 0px;
	list-style:none;
}

.contents_list li {	
    color: #19798f;
    font-family: "adellesemibold";
    font-size: 28px;
    font-weight: normal !important;
    line-height: 32px;
    padding-bottom: 15px;
}

.contents_list li a:link {	
    color: #19798f;
    font-family: "adellesemibold";
    font-size: 25px;
    font-weight: normal !important;
    line-height: 32px;
    padding-bottom: 15px;
}

.contents_list li a:hover {	
    color: #57b0c5;
    font-family: "adellesemibold";
    font-size: 28px;
    font-weight: normal !important;
    line-height: 32px;
    padding-bottom: 15px;
}

.contents_list li a:visited {	
    color: #19798f;
    font-family: "adellesemibold";
    font-size: 28px;
    font-weight: normal !important;
    line-height: 32px;
    padding-bottom: 15px;
}

#contents_title {
    border-left: 8px solid #19798f !important;
    color: #19798f;
    float: left;
    font-family: adellebold;
    font-size: 24px;
    line-height: 27px;
    margin-bottom: 48px;
    padding-left: 6%;
    padding-right: 59%;
    padding-top: 40px !important;
    text-align: left !important;
    text-indent: 0;
}

.abs_slant {     
	background: #41acc4 !important;
    height: 100%;
    left: 50px !important;
    position: absolute;
    top: 0;
    transform: skew(12deg) !important;
    width: 45% !important;
	z-index:20; 
	display:block !important;
	}

.section_abs_slant {     
	background: #41acc4 !important;
    height: 100%;
    left: 50px !important;
    position: absolute;
    top: 0;
    transform: skew(12deg) !important;
    width: 24% !important;
	z-index:20; 
	display:block !important;
	}

.lead_slant {
    background: #41acc4 none repeat scroll 0 0;
    height: 100%;
    position: absolute;
    width: 35% !important;
    z-index: 200;
	margin-left: 50px !important;
	z-index:21;
	padding-bottom: 0%;
}

.section_slant {
	display:block !important;
    background: #41acc4 none repeat scroll 0 0;
    height: 100%;
    position: absolute;
    width: 18% !important;
    z-index: 200;
	margin-left: 50px !important;
	z-index:21;
	padding-bottom: 0%;
}

	
p { font-size: 1.25em; }

.grid_container {
    margin-left: -40px;
    position: absolute;
    transform: skewX(-12deg);
    width: 130%;
}

.grid_title {
    background: #f7f7f7 none repeat scroll 0 0;
    border-bottom: 3px solid #000;
    left: 45px;
    margin: auto;
    position: absolute;
    top: 0;
    transform: skewX(12deg);
    width: 80%;
    z-index: 800;
	min-height:75px;
}

.grid_title h1 {
    color: #000000;
    font-family: "adellesemibold";
    font-size: 15px !important;
    font-weight: normal !important;
    line-height: 17px !important;
    padding: 15px 20px 15px 27px !important;
    text-align: left;
    transform: skewX(-12deg);
}

.grid_wrapper {
    float: left;
    padding-left: 29% !important;
    transform: skewX(12deg) !important;
    width: 65% !important;
	margin-top:0px !important;
}

.title, .category, a, a:link, a:visited, a:hover, a:active {
    margin: 0 2% 2% 0;
    padding-bottom: 22%;
    width: 22%;
}
	
#intro p { 	
    color: #ffffff;
    font-family: adellesemibold;
    font-size: 15px;
    line-height: 20px; }

.my-video-dimensions {
    float: left;
    height: 350px !important;
    margin-left: 50px !important;
    margin-top: 30px;
    width: 490px !important;
}

.pure-table { display:block; }
	
}

@media screen and (min-width:1600px) {

.video_holder_twitter {
    float: left;
    padding: 0 13% 13%;
    width: 90%;
}
	
.finance_text_table { display:none; }

.landing_collage {    
	float: left;
    margin-left: 80px;
    margin-top: 50px !important;
    width: 100% !important;		}

#report_footer_tag {
    color: #ffffff;
    display: block !important;
    float: left !important;
    font-family: adellesemibold;
    font-size: 15px;
    line-height: 19px;
    padding-left: 6% !important;
    padding-top: 10% !important;
	font-weight:bold; }

#landing_nus_logo {
    float: left;
    padding-left: 47px;
    width: 250px;
	padding-top:50px;
	margin-bottom: 9%;
}

.grid_container img { 
    left: 15%;
    opacity: 1;
    position: absolute;
    right: 15%;
    top: 56px;
    transition: opacity 0.25s ease-in-out 0s; width:120%;
}

#mobile_title { display:none; }

#sub_headline { display:none; }

.grid_title {
    background: #f7f7f7 none repeat scroll 0 0;
    border-bottom: 3px solid #000;
    left: 45px;
    margin: auto;
    position: absolute;
    top: 0;
    transform: skewX(12deg);
    width: 80%;
    z-index: 800;
	min-height:81px;
}

.contents_wrapper_mobile { display:none !important; }

.global_nav_l {    
	background: #2d2d2d none repeat scroll 0 0 !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 50px;
    z-index: 999; }

.global_nav_r {    
	background: #f1f1f1 none repeat scroll 0 0 !important;
    right: 0;
    position: absolute;
    top: 0;
    width: 50px;
    z-index: 999; }
	
.pure-table { width: 480px; }

#headline {   
    border-left: 8px solid #ffffff !important;
    color: #ffffff;
    float: left;
    font-family: adellebold;
    font-size: 32px;
    line-height: 32px;
    padding-left: 6%;
    padding-right: 59%;
    padding-top: 40px !important;
	text-indent: 0;
	text-align: left !important;
	margin-left: 15% !important; }

#intro {
    border-bottom: 2px solid #ffffff !important;
    float: left !important;
    padding-left: 6% !important;
    padding-top: 20% !important;
	display:block !important;
}

.intro_wrapper {
    float: left;
    padding-left: 52%;
    position: absolute;
    transform: skewX(12deg);
	display:block;
}

h1, h2, h3 { font-size: 4em; }

.lead_slant {
    background: #41acc4 none repeat scroll 0 0;
    height: 100%;
    position: absolute;
    width: 30% !important;
    z-index: 21;
	margin-left: 50px !important;
	padding-bottom: 0%;
}

.section_slant {
	display:block !important;
    background: #41acc4 none repeat scroll 0 0;
    height: 100%;
    position: absolute;
    width: 18% !important;
    z-index: 21;
	margin-left: 50px !important;
	padding-bottom: 0%;
}

.abs_slant {     
	background: #41acc4 !important;
    height: 100%;
    left: 50px !important;
    position: absolute;
    top: 0;
    transform: skew(12deg) !important;
    width: 50% !important;
	z-index:20; 
	display:block !important;
	}

.section_abs_slant {     
	background: #41acc4 !important;
    height: 100%;
    left: 50px !important;
    position: absolute;
    top: 0;
    transform: skew(12deg) !important;
    width: 25% !important;
	z-index:20; 
	display:block !important;
	}

.grid_container {
    margin-left: -40px;
    position: absolute;
    transform: skewX(-12deg);
    width: 130%;
}

.grid_wrapper {
    float: left;
    padding-left: 29% !important;
    transform: skewX(12deg) !important;
    width: 65% !important;
	margin-top:0px !important;
}

.grid_title h1 {
    color: #000000;
    font-family: "adellesemibold";
    font-size: 15px !important;
    font-weight: normal !important;
    line-height: 17px !important;
    padding: 15px 20px 15px 27px !important;
    text-align: left;
    transform: skewX(-12deg);
}	

.title, .category, a, a:link, a:visited, a:hover, a:active {
   margin: 0 2% 2% 0;
    padding-bottom: 23%;
    width: 22%;
}

.contents_wrapper {
    padding: 0% 0px 0px 25% !important;
    transform: skewX(-12deg);
	width: 100%;
}

.contents_list li a:link {	
    color: #19798f;
    font-family: "adellesemibold";
    font-size: 28px;
    font-weight: normal !important;
    line-height: 32px;
    padding-bottom: 15px;
}

.contents_list li a:hover {	
    color: #57b0c5;
    font-family: "adellesemibold";
    font-size: 28px;
    font-weight: normal !important;
    line-height: 32px;
    padding-bottom: 15px;
}

.contents_list li a:visited {	
    color: #19798f;
    font-family: "adellesemibold";
    font-size: 28px;
    font-weight: normal !important;
    line-height: 32px;
    padding-bottom: 15px;
}

.my-video-dimensions {
    float: left;
    height: 400px !important;
    margin-left: 50px !important;
    margin-top: 30px;
    width: 650px !important;
}

.pure-table { display:block; }

}