.layout-wrapper,.layout-wrapper-reset {
	margin-right: 0
}

.layout-content {
	margin-left: 0
}


.s {
	background: url(../img/sprite.png) no-repeat 0 -9999px
}

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	*text-indent: -9999px
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 100%
}

.hidden {
	display: none !important;
	visibility: hidden
}

.visuallyhidden {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto
}

.invisible {
	visibility: hidden
}

.cf:before,.cf:after {
	content: " ";
	display: table
}

.cf:after {
	clear: both
}

.cf {
	*zoom: 1
}

.f-right,.right {
	float: right
}

.f-left,.left {
	float: left
}

.cur-info {
	cursor: help
}

.cur-wait {
	cursor: wait
}

.cur-drag {
	cursor: move
}

.cur-drag-h {
	cursor: w-resize
}

.cur-drag-v {
	cursor: n-resize
}

.grid:before,.grid:after {
	content: " ";
	display: table
}

.grid:after {
	clear: both
}

.grid {
	*zoom: 1;
	*clear: left;
}

.grid__col {
	float: left;
	word-wrap: break-word;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

/*.grid__col:last-child {
	float: none;
	display: table-cell;
	width: 10000px;
	*width: auto;
	*zoom: 1
}*/

.grid__col:first-child:last-child {
	display: block;
	width: auto
}

.grid--gutter,.grid--gutter .grid {
	margin-left: -20px;
	margin-top: 0px;
}

.grid--gutter .grid__col {
	padding: 0 0 20px 20px
}

.grid--gutter .grid:last-child>.grid__col {
	padding-bottom: 0
}

[class *='size--'] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.size--1-1 {
	width: 100%
}

.size--1-2 {
	width: 50%
}

.size--1-3 {
	width: 33.3334%
}

.size--2-3 {
	width: 66.6667%
}

.size--1-4 {
	width: 25%
}

.size--3-4 {
	width: 75%
}

.size--1-5 {
	width: 20%
}

.size--2-5 {
	width: 40%
}

.size--3-5 {
	width: 60%
}

.size--4-5 {
	width: 80%
}

.size--1-6 {
	width: 16.6666%
}

.size--5-6 {
	width: 83.3333%
}

.size--1-8 {
	width: 12.5%
}

.size--3-8 {
	width: 37.5%
}

.size--5-8 {
	width: 62.5%
}

.size--7-8 {
	width: 87.5%
}

.size--1-12 {
	width: 8.3333%
}

.size--5-12 {
	width: 41.6666%
}

.size--7-12 {
	width: 58.3333%
}

.size--11-12 {
	width: 91.6666%
}

.size--1-1 {
	width: expression(( this.parentNode.clientWidth -   parseInt(this.currentStyle
		[ 'paddingLeft' ])-  parseInt(this.currentStyle [ 'paddingRight' ]) )+'px'
		)
}

.size--1-2 {
	width: expression(( this.parentNode.clientWidth/ 2 -   parseInt(this.currentStyle
		[ 'paddingLeft' ])-  parseInt(this.currentStyle [ 'paddingRight' ]) )+'px'
		)
}

.size--1-3 {
	width: expression(( this.parentNode.clientWidth/ 3 -   parseInt(this.currentStyle
		[ 'paddingLeft' ])-  parseInt(this.currentStyle [ 'paddingRight' ]) )+'px'
		)
}

.size--2-3 {
	width: expression(( this.parentNode.clientWidth/ 1.5 -   parseInt(this.currentStyle
		[ 'paddingLeft' ])-  parseInt(this.currentStyle [ 'paddingRight' ]) )+'px'
		)
}

.size--1-4 {
	width: expression(( this.parentNode.clientWidth/ 4 -   parseInt(this.currentStyle
		[ 'paddingLeft' ])-  parseInt(this.currentStyle [ 'paddingRight' ]) )+'px'
		)
}

.size--3-4 {
	width: expression(( this.parentNode.clientWidth * 0.75 -   parseInt(this.currentStyle
		[ 'paddingLeft' ])-  parseInt(this.currentStyle [ 'paddingRight' ]) )+'px'
		)
}

.size--1-5 {
	width: expression(( this.parentNode.clientWidth * 0.2 -   parseInt(this.currentStyle
		[ 'paddingLeft' ])-  parseInt(this.currentStyle [ 'paddingRight' ]) )+'px'
		)
}

.size--2-5 {
	width: expression(( this.parentNode.clientWidth * 0.4 -   parseInt(this.currentStyle
		[ 'paddingLeft' ])-  parseInt(this.currentStyle [ 'paddingRight' ]) )+'px'
		)
}

.size--3-5 {
	width: expression(( this.parentNode.clientWidth * 0.6 -   parseInt(this.currentStyle
		[ 'paddingLeft' ])-  parseInt(this.currentStyle [ 'paddingRight' ]) )+'px'
		)
}

.size--4-5 {
	width: expression(( this.parentNode.clientWidth * 0.8 -   parseInt(this.currentStyle
		[ 'paddingLeft' ])-  parseInt(this.currentStyle [ 'paddingRight' ]) )+'px'
		)
}

.size--1-6 {
	width: expression(( this.parentNode.clientWidth * 0.16666 -   parseInt(this.currentStyle
		[ 'paddingLeft' ])-  parseInt(this.currentStyle [ 'paddingRight' ]) )+'px'
		)
}

.size--5-6 {
	width: expression(( this.parentNode.clientWidth * 0.83333 -   parseInt(this.currentStyle
		[ 'paddingLeft' ])-  parseInt(this.currentStyle [ 'paddingRight' ]) )+'px'
		)
}

.size--1-8 {
	width: expression(( this.parentNode.clientWidth * 0.125 -   parseInt(this.currentStyle
		[ 'paddingLeft' ])-  parseInt(this.currentStyle [ 'paddingRight' ]) )+'px'
		)
}

.size--3-8 {
	width: expression(( this.parentNode.clientWidth * 0.375 -   parseInt(this.currentStyle
		[ 'paddingLeft' ])-  parseInt(this.currentStyle [ 'paddingRight' ]) )+'px'
		)
}

.size--5-8 {
	width: expression(( this.parentNode.clientWidth * 0.625 -   parseInt(this.currentStyle
		[ 'paddingLeft' ])-  parseInt(this.currentStyle [ 'paddingRight' ]) )+'px'
		)
}

.size--7-8 {
	width: expression(( this.parentNode.clientWidth * 0.875 -   parseInt(this.currentStyle
		[ 'paddingLeft' ])-  parseInt(this.currentStyle [ 'paddingRight' ]) )+'px'
		)
}

.size--1-12 {
	width: expression(( this.parentNode.clientWidth * 0.08333 -   parseInt(this.currentStyle
		[ 'paddingLeft' ])-  parseInt(this.currentStyle [ 'paddingRight' ]) )+'px'
		)
}

.size--5-12 {
	width: expression(( this.parentNode.clientWidth * 0.41666 -   parseInt(this.currentStyle
		[ 'paddingLeft' ])-  parseInt(this.currentStyle [ 'paddingRight' ]) )+'px'
		)
}

.size--7-12 {
	width: expression(( this.parentNode.clientWidth * 0.58333 -   parseInt(this.currentStyle
		[ 'paddingLeft' ])-  parseInt(this.currentStyle [ 'paddingRight' ]) )+'px'
		)
}

.size--11-12 {
	width: expression(( this.parentNode.clientWidth * 0.91666 -   parseInt(this.currentStyle
		[ 'paddingLeft' ])-  parseInt(this.currentStyle [ 'paddingRight' ]) )+'px'
		)
}

.gallery {
	padding: 0
}

.gallery li {
	list-style: none
}

.gallery li a {
	display: block;
	width: 218px;
	border: 1px solid #0065a2;
	background: #0065a2;
	color: #fff !important;
	text-decoration: none;
	height:218px;
	overflow:hidden;
}

.gallery__caption {
	padding: 5px;
	min-height: 36px;
	*cursor: pointer;
	*height: 36px
}

/* .home__stories a { */
/* 	display: block; */
/* 	background: url('../images/portraits/box-stories.png') no-repeat right top; */
/* 	height: 91px; */
/* 	margin-right: 4px; */
/* 	position: relative; */
/* 	margin-bottom: 20px */
/* } */

/* .home__stories a span { */
/* 	display: block; */
/* 	background: url('../images/icons/pdf.gif') no-repeat left 2px; */
/* 	padding: 0 0 0 20px; */
/* 	width: 160px; */
/* 	position: absolute; */
/* 	left: 190px; */
/* 	top: 20px; */
/* 	text-decoration: underline */
/* } */

.home__stories{
	display: table;
	height: 91px;
	margin-right: 4px;
	background: url('../images/portraits/banner_stories.png') no-repeat right top;	
	margin-bottom: 20px;
	width: 950px;
}

.banner_wrapper{
	display: table-row;

}

.home__stories .banner_title{
	display: table-cell;
	float:left;
	width: 85px;
	margin-left: 360px;
	margin-right: 10px;
}

.home__stories .banner_title .wrapper{
	display: table;
    width: 90px;
    height: 91px;
    vertical-align: middle;
}
.home__stories .banner_title .wrapper p{
	display: table-cell; 
    vertical-align: middle;
    height: 90px;
}
.home__stories .banner_link {
/* 	display: table-cell; */
}

.home__stories .link_seven_stories {
	display: table-cell;
	float:left;
	width: 145px;
	margin-left: 117px;
	margin-right: 5px;
	margin-top: 10px;
}

.home__stories .link_pub_difference {
	display: table-cell;
	float:left;
	width: 120px;
	margin-left: 90px;
	margin-right: 5px;
	margin-top: 10px;
}

.home__stories a span {
	display:table-cell;
	background: url('../images/icons/pdf.gif') no-repeat left 2px;
	padding: 0 0 0 25px;
	text-decoration: underline
}

.home__filter {
	display: inline-block;
	background: url('../images/portraits/arrow-filter.png') no-repeat right top
		#0065a2;
	padding: 5px 30px 5px 15px;
	margin-bottom: 15px;
	color: #fff;
	height: 33px;
	line-height: 33px;
	*float: left;
}

.home__filter select:focus {
       position: relative\9;
       width: auto\9;
}

.js .home__filter .submit {
	display: none
}

.home__filter span {
	font-size: 18px;
	font-weight: bold;
	line-height: 18px
}

.home__filter select {
	min-width: 150px
}

.button,.button:visited {
	color: #fff !important;
	text-decoration: underline;
	padding: 10px 20px;
	background: #0065a2;
	display: block;
	display: inline-block
}

.button:hover {
	color: #fff;
	text-decoration: none
}

.text-center {
	text-align: center
}

.page_gallery h1 {
	font-size: 18px;
	font-weight: bold;
	color: #0065a2
}

.cover-slideshow {
	margin-bottom: 10px;
	background-color: #000;
	width: 951px
}

.cover-slideshow .slide {
	display: block;
	height: 341px;
	width: 99px;
	float: left;
	background-position: -200px 0;
	border-right: 1px solid #fff;
	text-decoration: none;
	position: relative;
	opacity: .6;
	filter : alpha(opacity=60);
}

.cover-slideshow .slide.current {
	width: 450px;
	background-position: 0 0;
	opacity: 1;
	filter : alpha(opacity=100);
}

.cover-slideshow .slide .caption {
	display: none;
	background: #000;
	background-color: rgba(0, 0, 0, 0.7);	
	*background: #000;
	color: #fff;
	position: absolute;
	bottom: 0;
	width: 430px
}

.cover-slideshow .slide.current .caption {
	display: block;
	padding: 20px 10px
}

.cover-slideshow .slide .caption .title {
	font-size: 18px;
	text-transform: uppercase
}

.cover-slideshow .slide-1 {
	background-image: url(../images/videos/slides/slide-1.jpg)
}

.cover-slideshow .slide-2 {
	background-image: url(../images/videos/slides/slide-2.jpg);
	background-position: -180px 0
}

.cover-slideshow .slide-3 {
	background-image: url(../images/videos/slides/slide-3.jpg);
	background-position: -185px 0
}

.cover-slideshow .slide-4 {
	background-image: url(../images/videos/slides/slide-4.jpg);
	background-position: -207px 0
}

.cover-slideshow .slide-5 {
	background-image: url(../images/videos/slides/slide-5.jpg)
}

.cover-slideshow .slide-6 {
	background-image: url(../images/videos/slides/slide-6.jpg);
	background-position: -190px 0
}

.page_video .layout-wrapper {
	margin-right: -264px
}

.page_video .layout-wrapper-reset {
	margin-right: 264px
}

.page_video .layout-right {
	width: 255px;
	padding-top: 94px
}

.block {
	display: block
}

.block:before,.block:after {
	content: "";
	display: table
}

.block:after {
	clear: both
}

.block {
	zoom: 1
}

.block .block {
	margin: 0
}

.block__body {
	display: table-cell;
	width: 10000px;
	*width: auto;
	*zoom: 1;
	margin: 0
}

.block__media {
	float: left;
	margin: 0
}

.block__media--right {
	float: right
}

.block__media img {
	display: block
}

.video__title {
	position: relative
}

.video__title h2 {
	font-size: 18px;
	color: #0065a2;
	font-weight: bold;
	padding-top: 0;
	margin-top: 8px;
	padding-right: 140px;
	width: 555px;
}

.video__title ul {
	margin-top: 4px
}

.video__download a {
	display: block;
	padding-right: 20px;
	margin: 10px 10px 15px 10px;
	background: url('../images/videos/download.png') no-repeat right center;
	text-decoration: none;
	color: #166e9e
}

.video__download p{
	float:left;
	display: block;
	margin: 10px 10px 15px 10px !important;
}

.video__text {
	background: #f2eee8;
	padding: 20px;
	margin-bottom: 15px
}

.video__text .text-highlight {
	font-size: 18px;
	color: #009ee0;
	width: 250px;
	padding: 15px 0 15px 15px !important;
}

.video__text .intro {
	font-weight: bold
}

.video__text h3 {
	font-size: 12px;
	font-weight: bold;
	color: #0065a2;
	margin-bottom: 0;
	padding-bottom: 0
}

.video__text h4 {
	font-size: 15px;
	font-weight: bold;
	color: #009ee0
}

.all-stories,.video__text a {
	color: #5d5d5d
}

.page_video .layout-right a {
	color: #5d5d5d
}

.profile img,.video .media img {
	border: 1px solid #166e9e
}

.video .media {
	width: 187px;
	position: relative
}
.home-page-video-box .media {
	width: 187px;
	position: relative
}
.video .media .arrow {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -19px 0 0 -19px;
	display: block;
	width: 38px;
	height: 38px;
	background: url('../images/arrow.png') no-repeat
}

.media .arrow {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -19px 0 0 -19px;
	display: block;
	width: 38px;
	height: 38px;
	background: url('../images/arrow.png') no-repeat
}

.video .title {
	padding: 8px 0 14px 0;
	display: block
}

.profile img {
	margin-right: 10px
}

.profile {
	color: #7f8080
}

.profile a{
	text-decoration: none;
	color: #7f8080!important;
}
.profile .label {
	color: #000
}

.layout-right h3 {
	font-size: 15px;
	color: #009ee0;
	font-weight: bold
}

.layout-right .share {
	height: 16px
}

.video__text ul.blue_frame,.layout-right ul.blue_frame {
	padding: 0
}

.video__text ul.blue_frame li,.layout-right ul.blue_frame li {
	margin-left: 0
}

.mini-slideshow {
	position: relative
}

.mini-slideshow .slide,.mini-slideshow .slides_container {
	width: 176px
}

.mini-slideshow .slides_container {
	margin: auto
}

.mini-slideshow .slide img {
	border: 1px solid #8f8f8f;
	float: left;
	margin: 4px
}

.mini-slideshow .pagination {
	margin: 26px auto 15px;
	width: 100px
}

.mini-slideshow .pagination li {
	float: left;
	margin: 0 1px;
	list-style: none
}

.mini-slideshow .next,.mini-slideshow .prev {
	position: absolute;
	top: 54px;
	left: 10px;
	width: 24px;
	height: 43px;
	display: block;
	z-index: 101;
	border: 0
}

.mini-slideshow .next {
	left: 226px
}

.mini-slideshow .pagination li a {
	display: block;
	width: 10px;
	height: 0;
	padding-top: 10px;
	background-image: url(../images/portraits/slide-bullets.png);
	background-position: 0 0;
	float: left;
	overflow: hidden;
	margin: 0 2px
}

.mini-slideshow .pagination li.current a {
	background-position: 0 -10px
}

.videolang_selector{
	font-size: 100%;
}

ul.blue_frame li {
    background: url("../images/blue_square_list.gif") no-repeat scroll 0 5px transparent !important;
    padding: 0 0 0 20px;
}
ul.blue_frame li {
    list-style: none;
    margin: 0 0 7px 20px;
}
ul.blue_frame li {
    line-height: 1.4em;
}

/*---------------------------
		My Story internal page
-----------------------------*/
@media all and (min-width: 321px) and (max-width: 983px) {
	.js .layout-body, .js .layout-wrapper{}
	
	.page_video .layout-wrapper, .page_video .layout-wrapper-reset{margin-right: 0px;}
	.layout-content-reset{float:none;}
	.video__title h2{width:auto;}
	.video__box iframe{width:100%;}
	.page_video .layout-right{padding:15px;width:96%;float:none;clear:both;}
	.layout-right a#boxed-video{display:block;width:187px;margin-right:10px;float:left;}
	.layout-right h3{clear:both;}
	.mini-slideshow{width:300px;}
	.mini-slideshow .slide, .mini-slideshow .slides_container{margin-left: 18px;width: 199px;}
	#ccSub{padding-right:0px;}
	
}

/*---------------------------
		My Story Pages
-----------------------------*/
@media all and (min-width: 320px) and (max-width: 983px){
	/*.cover-slideshow{display:none;}*/
	.banner_wrapper{display:block;height:auto;overflow:hidden;}
	.home__stories{background:none;display:block;height:auto;width:100%;box-sizing:border-box;}
	.home__stories .banner_title .wrapper{width:100%;box-sizing:border-box;height:auto;}
	.home__stories .banner_title .wrapper p{height:auto;}
	.home__stories .banner_title{margin-left:0px;width:100%;box-sizing:border-box;float:none;}
	.home__stories .link_seven_stories, .home__stories .link_pub_difference{width:100%;box-sizing:border-box;margin:10px 0px 0px 0px;float:none;clear:both;display:block;}
	
	.gallery{width:100%;}
	.gallery li a{height:218px;overflow:hidden;}
	.grid--gutter, .grid--gutter .grid{margin-left:0px;}
	
	/*.grid__col{margin-left:74px;}*/
	.size--1-4{width:auto;}
	.js .layout-wrapper{width:100%;}
}

@media all and (min-width: 601px) and (max-width: 983px){
	.grid__col{margin-left:23px;}
	.js .layout-body, .js .layout-wrapper{width:100%;box-sizing:border-box;}
	.home__filter{height:auto;background-image:none;padding-bottom:10px;width:100%;box-sizing:border-box;}
	.gallery__caption div{font-size:0.9em;}
}

@media all and (min-width: 481px) and (max-width: 600px){
	.js .layout-body, .js .layout-wrapper{width:100% !important;}
	.grid__col{margin-left:7px;}
	.gallery li a, .gallery li a img{width:180px;}
	.home__filter select{font-size:11px;}
	.home__filter{height:auto;background-image:none;padding-bottom:10px;width:100%;box-sizing:border-box;}
}
@media all and (max-width: 600px){
	.video__box iframe{width:100%;height:316px;}
}
@media all and (max-width: 480px){
	.grid__col{margin-left:23px;}
	.grid--gutter .grid__col{padding-left:0px;}
	.gallery li a, .gallery li a img{width:180px;}
	.home__filter{height:auto;background-image:none;padding-bottom:10px;}
	.video__box iframe{width:100%;height:221px;}
	
}

@media all and (min-width: 767px) and (max-width: 983px) {
	.js .layout-body, .js .layout-wrapper{width:100% !important;}

}

@media all and (min-width: 320px) and (max-width: 768px) {
	.language-selector-close, .language-selector-open{position:relative;margin:7px 0px 10px 0px;}

}

@media all and (min-width: 321px) and (max-width: 479px){
	.gallery li a, .gallery li a img{width:218px;}
	.grid__col{margin-left:15%;}
	.home__filter{height:auto;background-image:none;padding-bottom:10px;width:100%;box-sizing:border-box;}
	.home__filter select{font-size:11px;}
	.gallery li a{height:218px;overflow:hidden;font-size:12px;line-height:16px;}
}

@media all and (max-width: 320px){
	/*.cover-slideshow{display:none;}*/
	.banner_wrapper{display:block;height:auto;overflow:hidden;}
	.home__stories{background:none;display:block;height:auto;width:auto;}
	.home__stories .banner_title .wrapper{width:auto;height:auto;}
	.home__stories .banner_title .wrapper p{height:auto;}
	.home__stories .banner_title{margin-left:0px;width:auto;float:none;}
	.home__stories .link_seven_stories, .home__stories .link_pub_difference{width:100%;box-sizing:border-box;margin:10px 0px 0px 0px;float:none;clear:both;display:block;}
	
	.gallery{width:100%;}
	.gallery li a{height:218px;overflow:hidden;font-size:12px;line-height:16px;}
	.grid--gutter, .grid--gutter .grid{margin-left:0px;}
	.gallery li a, .gallery li a img{width:218px;}
	
	.grid__col{margin-left:34px;}
	.size--1-4{width:auto;}
	.js .layout-wrapper{width:100%;}
	.home__filter{padding-bottom:10px;width:100%;box-sizing:border-box;padding-left:7px;}
	.home__filter select{font-size:11px;}
	
	/*-----------------------
	My Story Internal pages
	-----------------------*/
	
	.page_video .layout-wrapper, .page_video .layout-wrapper-reset{margin-right: 0px;}
	.layout-content-reset{float:none;}
	.video__title h2{width:auto;}
	.video__box iframe{width:100%;height:152px;}
	.page_video .layout-right{padding:15px;width:96%;float:none;clear:both;}
	.layout-right a#boxed-video{display:block;width:187px;margin-right:10px;float:left;}
	.layout-right h3{clear:both;}
	.mini-slideshow{width:300px;}
	.mini-slideshow .slide, .mini-slideshow .slides_container{margin-left: 19px;width: 199px;}
	.video__text .text-highlight{padding:0px !important;}
	.f-right, .right{float:none;}
	.language-selector-close, .language-selector-open{position:relative;margin:7px 0px 10px 0px;}
}
