@charset "UTF-8";

/* FONTS
--------------------------------------------------------------------------------------------------- */

@font-face {
    font-family: 'Berthold';
    font-weight: normal;
    font-style: normal;    
    src: url('/media_files/IROL/98/98390/2014/fonts/akzidgrocfflig-webfont.eot');
    src: url('/media_files/IROL/98/98390/2014/fonts/akzidgrocfflig-webfont.eot?#iefix') format('embedded-opentype'),
         url('/media_files/IROL/98/98390/2014/fonts/akzidgrocfflig-webfont.woff') format('woff'),
         url('/media_files/IROL/98/98390/2014/fonts/akzidgrocfflig-webfont.svg#berthold_akzidenz_groteskLt') format('svg'),
         url('/media_files/IROL/98/98390/2014/fonts/akzidgrocfflig-webfont.ttf') format('truetype');
}

@font-face {
    font-family: 'Berthold';
    font-weight: 500;
    font-style: normal;    
    src: url('/media_files/IROL/98/98390/2014/fonts/akzidgrocffreg-webfont.eot');
    src: url('/media_files/IROL/98/98390/2014/fonts/akzidgrocffreg-webfont.eot?#iefix') format('embedded-opentype'),
    url('/media_files/IROL/98/98390/2014/fonts/akzidgrocffreg-webfont.woff') format('woff'),
    url('/media_files/IROL/98/98390/2014/fonts/akzidgrocffreg-webfont.svg#akzidenz_grotesk_be_regularRg') format('svg'),
    url('/media_files/IROL/98/98390/2014/fonts/akzidgrocffreg-webfont.ttf') format('truetype');
}

@font-face {
    font-family: 'Berthold';
    font-weight: 700;
    font-style: normal;    
    src: url('/media_files/IROL/98/98390/2014/fonts/akzidgrocffmd-webfont.eot');
    src: url('/media_files/IROL/98/98390/2014/fonts/akzidgrocffmd-webfont.eot?#iefix') format('embedded-opentype'),
    url('/media_files/IROL/98/98390/2014/fonts/akzidgrocffmd-webfont.woff') format('woff'),
    url('/media_files/IROL/98/98390/2014/fonts/akzidgrocffmd-webfont.svg#berthold_akzidenz_groteskMd') format('svg'),
    url('/media_files/IROL/98/98390/2014/fonts/akzidgrocffmd-webfont.ttf') format('truetype');
}

@font-face {
    font-family: 'Berthold';
    font-weight: 900;
    font-style: normal;    
    src: url('/media_files/IROL/98/98390/2014/fonts/akzidgrocffbol-webfont.eot');
    src: url('/media_files/IROL/98/98390/2014/fonts/akzidgrocffbol-webfont.eot?#iefix') format('embedded-opentype'),
    url('/media_files/IROL/98/98390/2014/fonts/akzidgrocffbol-webfont.woff') format('woff'),
    url('/media_files/IROL/98/98390/2014/fonts/akzidgrocffbol-webfont.svg#berthold_akzidenz_groteskbold') format('svg'),
    url('/media_files/IROL/98/98390/2014/fonts/akzidgrocffbol-webfont.ttf') format('truetype');
}

/* RESETS
--------------------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, /*img,*/ ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
/*table, caption, tbody, tfoot, thead, tr, th, td,*/
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%; /* Resets global fonts to 16px. */
  font: inherit; /* Reset global fonts to remove bold weight. */
  vertical-align: baseline;
}

html {
  background-color: #ffffff;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  background-color: #ffffff;
  color: #000000;
  font-family: "Berthold";
}

img {
  border: 0px;
  max-width: 100%
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.clear {
  clear: both;
}

.orange {
  color: #ff6600 !important;
}

/* TRANSITIONS
--------------------------------------------------------------------------------------------------- */

a {
    outline: 0;
    -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

/* TYPOGRAPHY (Global font-size is 16px.)
--------------------------------------------------------------------------------------------------- */
a {
  text-decoration: none;
}

a:hover {
  color: #ff8533 !important;
}

h1 {
  font-size: 3.875em; /* 62px */
}

h2 {
  font-size: 2.5em; /* 40px */
}

h3 {
  font-size: 1.625em; /* 26px */
}

h4 {
  font-size: 1.25em; /* 20px */
}

h5 {
  font-size: 1em; /* 16px */
}

h6 {
  font-size: 0.875em; /* 14px */
}

/* HEADER
--------------------------------------------------------------------------------------------------- */
#click_menu {
  display: none;
  text-align: center;
  cursor: pointer;
  width: 50px;
  font-size: 13px !important;
  position: fixed;
  right: 2.2%;
  top: 10px;
  color: #ffffff;
  padding: 10px;
  border-radius: 5px;
  z-index: 9999;
}

#click_menu .three_Lines {
  width: 33px !important;
  height: 33px !important;
  margin: auto !important;
}

#click_menu .three_lines .line {
  height: 5px !important;
  margin-bottom: 6px !important;
  background: #ffffff !important;
  width: 100% !important;
  border-radius: 2px;
}

#header_wrapper {
  background-color: #000000;
  position: fixed;
  top: 0;
  z-index: 9999;
  width: 100%;
}

#header {
  max-width: 1600px;
  min-height: 100px;
  margin: 0 auto;
}

#logo {
  float: left;
  width: 12.3125%;
  margin: 38px 0px 0px 3.4375%; /* 55px / 1600px */
}

#main_nav {
  float: right;
  margin: 30px 3.4375% 0px 0px; /* 55px / 1600px */
}

#main_nav > ul > li {
  display: inline-block;
}

#main_nav > ul > li > a {
  display: block;
  color: #ffffff;
  text-transform: uppercase;
  padding: 10px 30px 10px 30px; /* 147px / 30px */
  border-radius: 25px;
}

#main_nav > ul > li > a.current {
  color: #ff8533 !important;
}

#searchform label {
  position: absolute;
  left: -10000px;
  top: auto;
}

#searchform input[type="search"] {
  width: 178px;
  height: 35px;
  background: #343434 url("http://www.cray.com/sites/default/files/images/miscellaneous_images/search_icon.png") no-repeat 95% center;
  border-radius: 25px;
  color: #ffffff;
  padding: 0 36px 0 10px;
  margin-left: 77px;
}

#searchform input[type="submit"] {
  display: none;
}

.rich_nav_wrapper {
  display: none;
  position: absolute;
  left: 0;
  top: 100px;
  z-index: 300;
  width: 100%;
  background-color: rgba(255, 255, 255,0.95);
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);  
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
}

.rich_nav_content {
  max-width: 1500px;
  margin: 0 auto;
}

.rich_nav_content:after {
  visibility: hidden;
  display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.rich_nav_left{
  width: 15%;
  float: left;
  padding: 30px 4%; /* 50px / 1200px */
  vertical-align: top;
}

.rich_nav_right{
  float: left;
  width: 77%;
  box-sizing: border-box;
}

.rich_nav_section_content{
  width: 100%;
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 30px 0px 15px 0px;
}

.rich_nav_section_content .left{
  float: left;
  width: 15%;
  margin: 0 2.5%;
}

.rich_nav_section_content .right{
  float: right;
  width: 80%;
}

.rich_nav_section_content:after{
  visibility: hidden;
  display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.rich_nav_section_content p{
  font-size: 1.25em !important;
  color: #424242 !important;
}

.rich_nav_section_content a{
  font-size: 1em !important;
  color: #ff6600 !important;
  font-weight: normal !important;
  margin-top: 15px;
  display: inline-block;
}

.rich_nav_section_content a:hover{
  color: #ff8533 !important;
}

.rich_nav_content > ul:after{
  visibility: hidden;
  display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.rich_nav_content > ul > li {
  float: left;
  vertical-align: top;
  width: 16.25%; /* 195px / 1200px */
  padding: 30px 1.5%;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}

.rich_nav_content > ul > li:nth-child(1) {
  width: 15%; /* 180px / 1200px */
  border-left: none;
}

.rich_nav_content ul li ul li{
  padding: 6px 0;
}

.rich_nav_content a {
  font-size: 0.8125em;
  line-height: 1.25em;
  color: #424242;
  font-weight: 500; 
}

.rich_nav_content img {
  margin-bottom: 10px;
}

.rich_nav_content h5 {
  padding: 6px 0;
  text-transform: uppercase;
}

.rich_nav_content p {
  line-height: 22px;
  font-size: 0.75em;
  color: #424242;
}

#main_nav a.rich_nav_open {
  background-color: rgba(255, 255, 255,0.95);
  color: #000000;
}

#main_nav a.rich_nav_open:hover {
  text-decoration: none;
}

/* MARQUEE
--------------------------------------------------------------------------------------------------- */
#speech_bubble_wrapper {
  position: fixed;
  right: 0px;
  top: 145px;
  z-index: 299;
  cursor: pointer;
}

#speech_bubble_content {
  width: 115px;
  background-color: #00add0;
  color: #ffffff;
  text-align: center;
  padding: 20px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}

#speech_bubble_content p {
  font-size: 0.6875em;
  color: #000000;
  font-weight: 500;
  margin-top: 7px;
}

/* MAIN BODY
--------------------------------------------------------------------------------------------------- */
#main_top_wrapper {
  width: 100%;
}

#main_top_content {
  max-width: 1200px;
  margin: 0px auto;
  padding: 86px 0px 100px 0px;  
  text-align: center  
}

#main_top_wrapper h2 {
  line-height: 52px;
}

#main_top_wrapper h4 {
  line-height: 32px;
}

#main_top_sub_content {
  margin-top: 140px;
}

.main_top_sub_content_col {
  display: inline-block;
  vertical-align: top;
  width: 31.333333333333%; /* 376px / 1200px */
  margin: 0px 0.666666666667%; /* 8px / 1200px */
}

#main_top_sub_content .sub_content {
  text-align: left;
  background-color: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  font-weight: 100;
  padding: 20px 5.263157894737% 30px 5.263157894737%; /* 20px / 380px */
}

#main_top_sub_content .sub_content h3 {
  line-height: 35PX;
  text-transform: uppercase;
}


#main_middle_content {
  max-width: 1200px;
  margin: 0px auto;
  padding: 58px 0px 90px 0px; 
  text-align: center;
  color: #ffffff;
}

.main_middle_sub_content_col {
  display: inline-block;
  vertical-align: top;
  width: 23%; /* 276px / 1200px */
  margin: 0px 0.666666666667%; /* 8px / 1200px */
  padding: 60px 0px 0px 0px;
  background-color: rgba(0, 0, 0, 0.4);
}

#main_middle_sub_content {
  margin-top: 52px;
}

.slider_main_middle_wrapper {
  width: 71.014492753623%; /* 196px / 276px */
  padding: 0px 14.492753623188%; /* 40px / 276px */
  margin-bottom: 40px;
}

.cycle-pager {
  font-size: 2em; /* 32px / 16px */
  background-color: rgba(0, 0, 0, 0.3);
}

.cycle-pager span {
  margin: 15px 10px;
  color: #005b77;
  cursor: pointer;
}

.cycle-pager span.cycle-pager-active {
  color: #ffffff;
  cursor: default;
}

#main_bottom_wrapper {
  width: 100%;
}

#main_bottom_wrapper #main_bottom_sub_content img {
  opacity: 0;
  border-radius: 100px;
  border: 10px solid rgba(202, 202, 196, 0.5);
  margin-bottom: 28px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; 
}

#main_bottom_wrapper h2 {
  line-height: 52px;
  color: #00518a;
}

#main_bottom_wrapper h4 {
  line-height: 32px;
}

#main_bottom_wrapper h5 {
  line-height: 25px;
  margin-bottom: 17px;
}

#main_bottom_wrapper p {
  line-height: 22px;
  font-size: 0.8125em;
}

#main_bottom_wrapper p:nth-child(3) {
  margin-top: 10px;
  font-weight: 500;
}

#main_bottom_wrapper p:nth-child(3) a {
  color: #0095c2;
}

#main_bottom_content {
  position: relative;
  max-width: 1200px;
  margin: 0px auto;
  padding: 86px 0px 100px 0px;
  text-align: center;
}

#main_bottom_content_tab {
  display: inline-block;
  position: absolute;
  top: -36px;
  left: 50%;
  margin-left: -136px;
  background-color: #ffffff;
  padding: 15px 45px 5px 45px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

#main_bottom_content_tab a {
  color: #005079;
  font-weight: 500;
  text-transform: uppercase;
}

#main_bottom_sub_content {
  margin-top: 35px;
}

.main_bottom_sub_content_col {
  display: inline-block;
  vertical-align: top;
  width: 21.333333333333%; /* 256px / 1200px */
  margin: 0px 0.666666666667%; /* 8px / 1200px */
  padding: 0px 0.833333333333%; /* 10px / 1200px */
}

/* FOOTER
--------------------------------------------------------------------------------------------------- */
#footer_wrapper {
  width: 100%;
  background-color: #2f2f2f;
}

#footer_wrapper li h6 a{
  color: #ffffff;
  font-weight: 200;
  line-height: 31px;
  font-size: 1em;
}

#footer_wrapper a {
  display: block;
  color: #7f7f7f;
  font-size: 0.875em;
  padding: 7px 0px;
}

#footer_wrapper dt h6 a {
  color: #00add0;
  font-size: 1em;
  font-weight: 600;
}

#footer_wrapper dt {
  color: #00add0;
  line-height: 31px;
}

#footer_content {
  position: relative;
  max-width: 1200px;
  margin: 0px auto;
  padding: 90px 0px 65px 0px;
}

#footer_content_tab {
  display: inline-block;
  position: absolute;
  top: -51px;
  left: 50%;
  margin-left: -160px;
  background-color: #2f2f2f;
  padding: 15px 35px 5px 34px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

#footer_content_tab li {
  display: inline-block;
  padding: 0px 10px;
}

.footer_col {
  display: inline-block;
  vertical-align: top;
  width: 12.666666666667%; /* 152px / 1200px */
  margin: 0px 1.666666666667%; /* 20px / 1200px */
}

#copyright_wrapper {
  width: 100%;
  background-color: #2f2f2f;
  border-top: 1px solid rgba(202, 202, 196, 0.1); 
}

#copyright_content {
  max-width: 1200px;
  margin: 0px auto; 
  padding: 22px 5px;
  color: #7f7f7f;
}

#copyright_content a {
  color: #7f7f7f;
}

/* Investors
--------------------------------------------------------------------------------------------------- */

#twitter_feed {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 0;
  text-align: center;
  color: #030303;
  font-size: 1em;
}

#twitter_feed img{
  margin-right: 12px;
  vertical-align: middle;
}

#twitter_feed span{
  color: #ff6600;
}

#twitter_feed a{
  color: #848484;
}

#twitter_feed a:hover{
  color: #848484 !important;
  text-decoration: underline;
}

.investor_content {
  max-width: 1200px;
  margin: 0px auto;
  padding: 34px 0px 100px 0px;
}

.investor_body{
  float: left;
  margin-left: 2.5%;
  width: 68.33333333333333%;
}

.investor_body h1{
  font-size: 2.625em;
  color: #00507b;
  margin: 60px 0px 55px 0px;
  text-transform: uppercase;
  font-family: Helvetica;
}

.investor_body h2{
  font-size: 1.5em;
  color: #00507b;
  margin: 0px 0px 40px 0px;
  padding-top: 30px;
  text-transform: uppercase;
  font-family: Helvetica;
}

.investor_body p{
  font-size: 1em;
  color: #424242;
  margin-bottom: 30px;
  line-height: 1.5em;
}

.investor_body strong, .investor_body b{
  font-weight: 700;
}

.investor_body a{
  color: #00add0;
  text-decoration: none;
}

.investor_body a:hover{
  text-decoration: underline;
}

.investor_body a.download{
  color: #424242;
  text-decoration: none;
  display: inline-block;
  padding-left: 40px;
  background: url("http://www.cray.com/sites/default/files/images/miscellaneous_images/download_icon.png") no-repeat left center;
  padding-top: 5px;
}

.investor_body a.download:hover{
  text-decoration: underline;
}

.investor_body ul{
  list-style: disc;
  margin-left: 4.8780487804878%;
}

.investor_body ul li{
  font-size: 1em;
  color: #424242;
  margin-bottom: 30px;
  line-height: 1.5em;
}

.investor_body .events{
  margin-bottom: 30px;
}

.investor_body .event_row{
  font-size: 1em;
  color: #424242;
  line-height: 1.5em;
  border-bottom: 1px solid #e1e1e1;
  padding: 15px 0px;
}

.investor_body .event_row:last-child{
  border-bottom: none;
}

.investor_body .event_row:after{
  visibility: hidden;
  display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.investor_body .event_row .event_date{
  float: left;
  margin-right: 3.65853658536585%;
  font-weight: 600;
  width: 24.39024390243903%;
}

.investor_body .event_row .event_title{
  float: left;
  width: 71.95121951219512%;
}

.investor_body .event_row .event_title strong, .investor_body .event_row .event_title b{
  font-weight: 600;
}

.investor_body form{
  margin-bottom: 30px;
}

.investor_body label{
  display: block;
  font-weight: bold;
  color: #00add0;
  font-size: 1em;
  font-weight: 700;
  margin-bottom: 10px;
}

.investor_body label span{
  color: #424242;
  font-weight: normal;
}

.investor_body input[type="text"]{
  border: 1px solid #d0d0d0;
  border-radius: 10px;
  margin-right: 25px;
  line-height: 31px;
  padding: 0px 15px;
  width: 240px;
  outline: none;
  margin-bottom: 10px;
}

.investor_body input[type="submit"]{
  font-size: 1em;
  font-weight: 500;
  color: #ffffff;
  height: 31px;
  line-height: 31px;
  background: #10b2d2 url("http://www.cray.com/sites/default/files/images/miscellaneous_images/submit_button_bg.png") no-repeat left top;
  padding: 0px 15px 0px 45px;
  cursor: pointer;
  outline: none;
}

.investor_body input[type="submit"]:hover{
  background: #00507b url("http://www.cray.com/sites/default/files/images/miscellaneous_images/submit_button_bg.png") no-repeat left top;
}

.investor_body select{
  border: 1px solid #d0d0d0;
  border-radius: 10px;
  margin-right: 25px;
  line-height: 31px;
  height: 31px;
  padding: 0px 15px;
  width: 272px;
  outline: none;
  margin-bottom: 10px;
}

.table_pagination{
  float: right;
}

.pagination_first{
  width: 21px;
  height: 20px;
  background: url("http://www.cray.com/sites/default/files/images/miscellaneous_images/pagination_first.png") no-repeat left top;
  display: inline-block;
  margin-right: 10px;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

.pagination_first:hover{
  background: url("http://www.cray.com/sites/default/files/images/miscellaneous_images/pagination_first.png") no-repeat left -20px;
}

.pagination_first.disabled{
  background: url("http://www.cray.com/sites/default/files/images/miscellaneous_images/pagination_first.png") no-repeat left bottom;
  cursor: default;
}

.pagination_prev{
  width: 21px;
  height: 20px;
  background: url("http://www.cray.com/sites/default/files/images/miscellaneous_images/pagination_prev.png") no-repeat left top;
  display: inline-block;
  margin-right: 10px;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

.pagination_prev:hover{
  background: url("http://www.cray.com/sites/default/files/images/miscellaneous_images/pagination_prev.png") no-repeat left -20px;
}

.pagination_prev.disabled{
  background: url("http://www.cray.com/sites/default/files/images/miscellaneous_images/pagination_prev.png") no-repeat left bottom;
  cursor: default;
}

.pagination_next{
  width: 21px;
  height: 20px;
  background: url("http://www.cray.com/sites/default/files/images/miscellaneous_images/pagination_next.png") no-repeat left top;
  display: inline-block;
  margin-right: 10px;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

.pagination_next:hover{
  background: url("http://www.cray.com/sites/default/files/images/miscellaneous_images/pagination_next.png") no-repeat left -20px;
}

.pagination_next.disabled{
  background: url("http://www.cray.com/sites/default/files/images/miscellaneous_images/pagination_next.png") no-repeat left bottom;
  cursor: default;
}

.pagination_last{
  width: 21px;
  height: 20px;
  background: url("http://www.cray.com/sites/default/files/images/miscellaneous_images/pagination_last.png") no-repeat left top;
  display: inline-block;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

.pagination_last:hover{
  background: url("http://www.cray.com/sites/default/files/images/miscellaneous_images/pagination_last.png") no-repeat left -20px;
}

.pagination_last.disabled{
  background: url("http://www.cray.com/sites/default/files/images/miscellaneous_images/pagination_last.png") no-repeat left bottom;
  cursor: default;
}

.content_table_header{
  padding: 12px 0px;
}

.content_table_header:after{
  visibility: hidden;
  display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.table_col{
  color: #424242;
  font-size: 1em;
  float: left;
  padding: 0px .60975609756098%;
}

.content_table_header .table_col{
  color: #00add0;
  font-weight: 700;
  word-wrap: break-word;
}

.table_rows_container{
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 12px;
}

.table_row{
  padding: 12px 0px;
}

.table_row:nth-child(odd){
  background: #ededed;
}

.table_row:after{
  visibility: hidden;
  display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.word_download{
  width: 17px;
  height: 17px;
  background: url("http://www.cray.com/sites/default/files/images/miscellaneous_images/word_download_icon.png") no-repeat top left;
  display: inline-block;
}

.excel_download{
  width: 17px;
  height: 17px;
  background: url("http://www.cray.com/sites/default/files/images/miscellaneous_images/excel_download_icon.png") no-repeat top left;
  display: inline-block;
}

.pdf_download{
  width: 17px;
  height: 17px;
  background: url("http://www.cray.com/sites/default/files/images/miscellaneous_images/pdf_download_icon.png") no-repeat top left;
  display: inline-block;
}

.investor_nav{
  float: right;
  margin-right: .83333333333333%;
  width: 23.33333333333333%;
}


.investor_nav_container{
  width: 100%;
  background: #ebebeb;
  border: 1px solid #e1e1df;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.investor_nav_box{
  width: 89.28571428571429%;
  margin: 10px auto;
  border: 1px solid #d2d2d1;
  background: #f7f7f7;
  padding: 25px 0;
}

.investor_nav_box h2{
  color: #00add0;
  font-size: .875em;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0px 0px 10px 0px;
  padding: 0px 18.14516129032258%;
}

.investor_nav_box h2 a{
  color: #00add0;
}

.investor_nav_box ul li.has_children{
  border-top: 2px solid #d9d9d9;
  border-bottom: 2px solid #d9d9d9;
}

.investor_nav_box ul li a{
  width: 100%;
  padding: 10px 18.14516129032258%;
  color: #505050;
  font-size: .875em;
  display: block;
  box-sizing: border-box;
}

.investor_nav_box ul li a:hover{
  background: #eeeeee;
}

.investor_nav_box ul li.has_children > a{
  background: url("http://media.corporate-ir.net/media_files/IROL/98/98390/investor_nav_has_children_circle.png") no-repeat 5.35714285714286% 8px;
}

.investor_nav_box ul li.has_children > a:hover{
  background: #eeeeee url("http://media.corporate-ir.net/media_files/IROL/98/98390/investor_nav_has_children_circle.png") no-repeat 5.35714285714286% 8px;
}

.investor_nav_box a.pdf_link{
  width: 100%;
  color: #505050;
  font-size: .875em;
  display: block;
  padding: 10px 16.07142857142857%;
  box-sizing: border-box;
  background: url("http://www.cray.com/sites/default/files/images/miscellaneous_images/pdf_download_icon.png") no-repeat 5.35714285714286% 10px;
}

.investor_nav_box a.pdf_link:hover{
  background: #eeeeee url("http://www.cray.com/sites/default/files/images/miscellaneous_images/pdf_download_icon.png") no-repeat 5.35714285714286% 10px;
}

.investor_page_controls{
  width: 100%;
  margin-bottom: 30px;
  padding: 25px 0px;
}

.investor_page_controls a{
  width: 100%;
  color: #424242;
  font-size: .875em;
  display: block;
  padding: 10px 16.07142857142857%;
  box-sizing: border-box;
}

/* Table Column widths
 * These need to be setup for each table depending on how many columns there are and the length of the header text.
 * The header text should be able to fit on one line when the page is viewed at full width.
--------------------------------------------------------------------------------------------------- */

#sec_filings_table .table_col:nth-child(1){
  width: 16%;
}

#sec_filings_table .table_col:nth-child(2){
  width: 9%;
}

#sec_filings_table .table_col:nth-child(3){
  width: 44%;
}

#sec_filings_table .table_col:nth-child(4){
  width: 14%;
}

#sec_filings_table .table_col:nth-child(5){
  width: 10%;
}


/* BREADCRUMB
--------------------------------------------------------------------------------------------------- */

#breadcrumb_wrapper {
  width: 100%;
  border-top: 1px solid #50504e;
  border-bottom: 1px solid #50504e;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  z-index: 1;
}

#breadcrumb_wrapper {
                background: #454545;
                /* background: rgb(0, 0, 0) transparent; /* default fallback */
                /* background: rgba(0, 0, 0, 0.7); /* modern browsers */
                /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3000000, endColorstr=#B7000000); /* IE 6/7 */       
                /* -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3000000, endColorstr=#B7000000)"; /* IE8 */
}


#breadcrumb {
  max-width: 1500px;
  margin: 0 auto;
  color: #ffffff;
  font-size: 0.8125em; /* 13px/16px */
  padding: 10px 25px;
}

#breadcrumb a {
  color: #ff8533;
}

#breadcrumb a:hover {
  text-decoration: underline;
}

#breadcrumb span {
  padding: 0 5px;
}

/* MARQUEE
--------------------------------------------------------------------------------------------------- */

#marquee_wrapper {
    position: relative;
    margin-top: 100px;
}

#marquee {
    width: 100%;
    background-size: cover;
    background-position: center 0; 
    background-repeat: no-repeat;
}

#marquee img {
    display: block;
    margin: 0 auto;
}

#marquee_content_wrapper {
    position: absolute;
    bottom: 45px;
    left: 0;
    width: 100%;
    padding: 20px 0px;
}

#marquee_content_wrapper.light {
    background-color: rgba(255, 255, 255, 0.8);
}

#marquee_content_container {
    max-width: 1200px;
    margin: 0px auto;
}

#marquee_content {
    width: 100%;
    padding-left: 02.08333333333333%; /* 25px/1200px */
    position: relative; /* For h1 positioning */
}

#marquee_content h5{
    width: 75%; 
}

#marquee_content h5 p a{
    color: #00add0;
}

#marquee_title {
    font-size: 6.25em; /* 100px/16px */
    position: absolute;
    top: -116px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.8);
    text-shadow: 0px -2px 5px rgba(0,0,0,.3);
    text-transform: uppercase;
    white-space: nowrap;
}

#marquee_content h1 {
    font-size: 2.25em; /* 36px/16px */
    font-size: 1.625em;
    text-transform: uppercase;
}

/* MAIN TOP LINK
--------------------------------------------------------------------------------------------------- */

#main_top_link_wrapper {
  background: #e1e3e3;
  border-top: 1px solid #ffffff;
}

#main_top_link {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 0;
  text-align: center;
}

/* SUB CONTENT EXTRA
--------------------------------------------------------------------------------------------------- */

.sub_content_extra {
  background: #08b0d1;
  color: #ffffff;
  text-align: left;
  margin-top: 5px;
}

.sub_content_extra_nav a:hover {
  color: #323232 !important;
}

.sub_content_extra_btn a {
  padding: 10px 03.98936170212766%; /* 15px/376px */
  font-size: 0.875em; /* 14px/16px */
  display: block;
  color: #ffffff;
}

.sub_content_extra_btn a:hover {
  color: #323232 !important;
}

/* ROW WRAPPER
--------------------------------------------------------------------------------------------------- */

.row_wrapper {
  width: 100%;
}

/* CONTAINER 1200
--------------------------------------------------------------------------------------------------- */

.container1200 {
  max-width: 1180px;
  margin: 0 auto;
}

/* LEFT HEADER - RIGHT TEXT
--------------------------------------------------------------------------------------------------- */

.left_header-right_text {
  padding: 100px 10px;
}

.left_header-right_text .left {
  float: left;
  width: 40.67796610169492%; /* 480px/1180px */
}

.left_header-right_text .left h2 {
  font-size: 2.125em; /* 34px/16px */
  text-align: right;
  font-weight: 300;
}

.left_header-right_text .right {
  float: right;
  width: 57.6271186440678%; /* 680px/1180px */
}

.left_header-right_text p {
  line-height: 1.5;
}

/* FOOTER FORM
--------------------------------------------------------------------------------------------------- */

.footer_form_wrapper {
  background: #00add0;
  border-top: 10px solid #ffffff;
}

.footer_form {
  max-width: 1200px;
  margin: 0 auto;
  padding: 100px 0;
  color: #ffffff;
}


/* PARALLAX
--------------------------------------------------------------------------------------------------- */

.plx1,
.plx2,
.plx3 {
  min-height: 330px;
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

/* CENTER HEADER - CENTER TEXT
--------------------------------------------------------------------------------------------------- */

.center-header_center-text {
  padding: 85px 10px;
  text-align: center;
}

.center-header_center-text h2 {
  font-size: 2.25em; /* 36px/16px */
  padding: 0 10.16949152542373%; /* 120px/1180px */
  margin-bottom: 25px;
  font-weight: 300;
}

.center-header_center-text h4 {
  padding: 0 16.94915254237288%; /* 200px/1180px */
  font-size: 1.125em; /* 18px/16px */
}

/* LEFT IMG - RIGHT TEXT
--------------------------------------------------------------------------------------------------- */

.left-img_right-text {
  position: relative;
  padding: 0 10px;
}

.left-img_right-text .left {
  float: left;
  width: 40.67796610169492%; /* 480px/1180px */
  position: relative;
  padding-top: 60px;
}

.left-img_right-text .left img {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.left-img_right-text .right {
  float: right;
  width: 57.6271186440678%; /* 680px/1180px */
  padding-bottom: 75px;
}

.left-img_right-text .right h2 {
  padding: 100px 0 15px;
  color: #00518a;
  text-transform: uppercase;
}

.left-img_right-text .right p {
  line-height: 1.5;
  font-size: 1.125em; /* 18px/16px */
}

/* LEFT TEXT - RIGHT IMG
--------------------------------------------------------------------------------------------------- */

.left-text_right-img {
  position: relative;
  padding: 0 10px;
}

.left-text_right-img .left {
  float: left;
  width: 57.6271186440678%; /* 680px/1180px */
  padding-bottom: 75px;
}

.left-text_right-img .left h2 {
  padding: 100px 0 15px;
  color: #00518a;
  text-transform: uppercase;
}

.left-text_right-img .left p {
  line-height: 1.5;
  font-size: 1.125em; /* 18px/16px */
}

.left-text_right-img .right {
  float: right;
  width: 40.67796610169492%; /* 480px/1180px */
  position: relative;
  padding-top: 60px;
}

.left-text_right-img .right img {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

/* TWO COLUMN - LEFT IMG - RIGHT TEXT
--------------------------------------------------------------------------------------------------- */

.two-column_left-img_right-text {
  max-width: 1180px;
  margin: 0 auto;
  padding: 85px 10px;
}

.two-column_left-img_right-text .col {
  width: 49.15254237288136%; /* 580px/1180px */
  background: #ededed;
}

.two-column_left-img_right-text .col.left {
  float: left;
}

.two-column_left-img_right-text .col.right {
  float: right;
}

.two-column_left-img_right-text .col .img {
  float: left;
  width: 48.27586206896552%; /* 280px/580px */
}

.two-column_left-img_right-text .col .text {
  float: right;
  width: 48.27586206896552%; /* 280px/580px */
  position: relative;
  padding-bottom: 65px;
}

.two-column_left-img_right-text .col .text h3 {
  color: #00518a;
  margin: 35px 0 10px;
  text-transform: uppercase;
}

.two-column_left-img_right-text .col .text p {
  line-height: 1.5;
  font-size: 0.875em; /* 14px/16px */
  padding-right: 17.85714285714286%; /* 50px/280px */
}