/* !Base Styles */

p {line-height: 1.7em;}

.wrapper {padding-bottom:1em;}

.ie7 .ieclear {display:inline-block;}

aside h3 {
color: #fff;
background-color: #2d2828;
padding-top: 1em;
padding-bottom: 1em;
padding-left: .5em;
margin-bottom: 1.3em;
margin-top: 1.5em;}

aside p {
margin-left: .5em;
margin-right: .5em;}

.related-news h2 {
font-family: 'Arial';
font-size: 1em;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 1em;}

.preview h2 {
font-size: .7em;
text-transform: none;
margin-left: .5em;}

.newspost p:first-of-type {
font-style: italic;
font-size: 1.2em;}

.sub {
font-weight: 100;
font-size: 1.7em;
color: #454545;}

a:link {color:#7C96a1;}

a:visited{color:#7C96a1;}

a:hover {color:#ce1126;}

a:active {color:#ce1126;}



/* !Images & Video========================================================================== */

aside img {
width:100%;
margin:0px;
padding:0px;
border:1px solid #ccc;}

.ie6 aside img {
width:100%;
margin-left:2.5%;
margin-right:2.5%;
padding:0px;
border:1px solid #ccc;}

.media {
width:100%;
text-transform: uppercase;
color:#ffffff;
background:#ce1126;
padding:.9em 0 .9em .5em;
display:block;
z-index: 4;
position: relative;
margin-top:-2.6em;
font-size:1em;
letter-spacing: 1px;
font-weight:bold;}

.newspost .media {width:100%;
text-transform: uppercase;
color:#ffffff;
background:#ce1126;
padding:.7em 0 .7em .5em;
display:block;
margin-left:0px;
z-index: 4;
position: relative;
margin-top:-1em;
font-size:1em;
letter-spacing: 1px;
font-weight:500;}

.photos a:link, .video a:link {text-decoration:none;}

.photos a:visited, .video a:visited {text-decoration:none;}

.video a:link {text-decoration:none;}

.video a:visited {text-decoration:none;}

.photos, .video {margin:0px; margin-bottom:2em;}

.newspost .video {position:relative;}

.play-button {
height: 40px;
width: 65px;    
background-color:#ce1126;
border-radius: 5px;
position: absolute;
top:30%;
left:40%;}

.play-button:hover {background-color:#666666; cursor:pointer;}

.ie8 .play-button:hover {background-color:#666666; cursor:pointer;}

.ie7 .play-button:hover {background-color:#666666; cursor:pointer;}

.play-button:after {
content: "";
display: block;
position: absolute;
top: 10.5px;
left: 24px;
margin: 0 auto;
border-style: solid;
border-width: 9.5px 0 9.5px 17px;
border-color: transparent transparent transparent rgba(255, 255, 255, 1);}

.ie8 .play-button:after {
content:"\f04b";
position: absolute;
top: 8px;
left: 25px;
margin: 0;
padding:0px;
border:none;
color:#ffffff;
display:inline-block;
font-family: FontAwesome;}

.ie7 .play-button {
height: 40px;
width: 65px;    
background-color:#ce1126;
border-radius: 5px;
position: absolute;
top:30%;
left:40%;
background-image:url(/rtnwcm/groups/secure/documents/site/news_play_arrow.png);
background-repeat:no-repeat;
background-position:center;} 


/* !Media Queries================================================*/

@media only screen and (max-width: 220px) {

.wrapper { width:100%;}

}

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

.play-button {
top:28%;
left:40%;}
	
.media {
width:100%;
text-transform: uppercase;
color:#ffffff;
background:#ce1126;
padding:.5em 0px .5em .5em;
display:block;
z-index: 4;
position: relative;
margin-top:-1.3em;
font-size:1.5em;
letter-spacing: 0px;
font-weight:normal;
margin-bottom:20px;
margin-left:0%;
font-family:'BebasNeueRegular';}

.newspost .media {
font-size: 1.5em;
padding: .55em 0px .5em .5em;}

.newspost img {width:100%}

.tradeshow figure {height: 14.5em!important;}

}

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

.wrapper {width:100%;}

.play-button {
top:32%;
left:43%;}

.year-story {width:45%;  display:inline-block; margin-right:1.2em; float:left; height:13em; margin-bottom:6em;}

.tradeshow figure {height: 9.5em!important;}

}

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

.play-button {
top:37%;
left:43%;}


.year-story {
width:45%;  
display:inline-block; 
margin-right:1.6em; 
float:left; 
height:16em; 
margin-bottom:6em;}

.tradeshow figure {height: 10.5em!important;}



}

@media only screen and (min-width: 768px) {
 
.wrapper {
max-width:1024px;
margin:0px auto;
width:98%;
margin-top:-.2em;}

p figure {font-size: 1.3em;}

aside h3,aside h4, aside h5 {line-height:1.3em}

aside li {font-size:.8em;}

aside li li {font-size:1em;}

aside ol {font-size:1em;}

aside ol li li {font-size:1em;} 

aside h4 {
margin-left: 5%; 
margin-right: 5%;}

aside h5 {
margin-left: 5%; 
margin-right: 5%;}

aside h6 {
margin-left: 5%; 
margin-right: 5%;} 

.play-button {
top:35%;
left:43%;}

.newspost ul, ol, dl {font-size:.8em;}

.newspost ul ul {font-size:inherit;}

.newspost li ol {font-size:inherit;}

.newspost dt {font-weight:bold;}

.newspost dd {margin-left:0px;}

.newspost p {
font-size: .8em;
line-height:1.8em;}

.newspost p:first-of-type {
font-style: italic;
font-size: 1em;
font-weight:400;}




.main aside {
margin-top: 2em;
background-image: linear-gradient(bottom, #fff 57%, #dedcdc 100%, #e0e0e0 100%);
background-image: -o-linear-gradient(bottom, #fff 57%, #dedcdc 100%, #e0e0e0 100%);
background-image: -moz-linear-gradient(bottom, #fff 57%, #dedcdc 100%, #e0e0e0 100%);
background-image: -webkit-linear-gradient(bottom, #fff 57%, #dedcdc  100%, #e0e0e0 100%);
background-image: -ms-linear-gradient(bottom, #fff 57%, #dedcdc  100%, #e0e0e0 100%);
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.57, #fff), color-stop(1, #dedcdc ), color-stop(1, #e0e0e0));}


aside h3 {
background-color: transparent;
color: #000;
font-size: 0.8em;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0.5em;
margin-top: 0.5em;
margin-left: .6em;}

.preview img {
float: none;
display: none;}

.main .related-news article {
float: none;
width: 100%;}

.related-news h2 {
float: none;
margin-left: 0px;
margin-right: 0px;}

.preview {
margin-bottom: 0em;
border-top: none;
margin-left: .5em;
font-size: 1.2em;
font-weight: normal;}

.preview h2 {
font-weight: normal;
margin-top: -1em;}

.related-news article:last-of-type {border-bottom: none;}

.related-news article {width: 100%;}

.archive {
clear: both;
margin-left: .5em;
margin-top: 1.3em;}

.main article {
width: 68%;
float: left;
margin-left: 0px;
display: inline-block;
clear: both;}

.main aside {
float: right;
width: 28%;
clear:none;}

aside p {
font-size: .8em;
line-height: 1.5em;
padding: 0;
margin-top:.5em;
margin-left:5%;
margin-right:5%;}

aside img {
width:90%;
margin-left:5%;
padding:0px;
border:1px solid #666666;
margin-top:.5em;}

aside .media {
width:90%;
text-transform: uppercase;
color:#ffffff;
background:#ce1126;
padding:.48em 0px .4em .5em;
display:block;
z-index: 4;
position: relative;
margin-top:-1.0em;
font-size:1.4em;
letter-spacing: 0px;
font-weight:normal;
margin-bottom:10px;
margin-left:5%;
font-family:'BebasNeueRegular';}

.year-story {
width:30%;  
display:inline-block; 
margin-right:1.52em; 
float:left; 
height:12em; 
margin-bottom:6em;}

.tradeshow figure {
border-bottom: medium none!important;
display: block!important;
padding-bottom: 0px!important;
height: 10em!important;
}

.tradeshow {
height: 9.5em!important;
margin-bottom: 9em!important;
}



}

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






}

/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection {
ul.MenuBarHorizontal li.MenuBarItemIE {display: inline;float: left;}

}
/* !Helper classes ========================================================================== */
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
*text-indent:-9999px;}

.ir:before {
content: "";
display: block;
width: 0;
height: 150%;}

.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;}

.clearfix:before, .clearfix:after {
content: " ";
display: table;}

.clearfix:after {clear: both;}

.clearfix {*zoom:1;}

.screen-reader-text {
/* Reusable, toolbox kind of class */
position: absolute;
top: -9999px;
left: -9999px;}

/* !Print styles========================================================================== */
@media print {
* {
background: transparent!important;
color: #000!important;
box-shadow: none!important;
text-shadow: none!important;}

a, a:visited {text-decoration: underline;}
/*
 * Don't show links for images, or javascript/internal links
 */
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content: "";}

pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid;}

thead {display: table-header-group;/* h5bp.com/t */}
	
tr, img {page-break-inside: avoid;}
	
img {
width:auto;
max-width: 100%!important;}

@page {margin:.5cm;}

p, h2, h3 {
orphans: 3;
widows: 3;}

h2, h3 {page-break-after: avoid;}

.desktopNav, .fixed-nav, #menu, a.menu-link {display:none;}

.logo {width:153px;}

}


/* HACK FOR Chrome: to smooth font on PC's */
@media screen and (-webkit-min-device-pixel-ratio:0) {

  
@font-face {
font-family:'BebasNeueRegular';
src:url(/rtnwcm/groups/secure/documents/site/bebasneue-webfont-svg.svg) format('svg');
font-weight:400;
font-style:normal;}
}