@charset "utf-8";
/* DEFAULT STYLES GO HERE */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: inherit;
  font: inherit;
  vertical-align: baseline;
  font-weight:inherit;
  font-style:inherit;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* Hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }
/* Make buttons play nice in IE:
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }
/* Bicubic resizing for non-native sized IMG:
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.iem7 img { -ms-interpolation-mode: bicubic; }
/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }

/* --- WEB FONTS --- */
@font-face {
    font-family: 'roboto';
    src: url('../fonts/roboto/roboto-thin-webfont.eot');
    src: url('../fonts/roboto/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto/roboto-thin-webfont.woff') format('woff'),
         url('../fonts/roboto/roboto-thin.ttf') format('truetype'),
         url('../fonts/roboto/roboto-thin-webfont.svg#robotothin') format('svg');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'roboto';
    src: url('../fonts/roboto/roboto-light-webfont.eot');
    src: url('../fonts/roboto/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto/roboto-light-webfont.woff') format('woff'),
         url('../fonts/roboto/roboto-light.ttf') format('truetype'),
         url('../fonts/roboto/roboto-light-webfont.svg#robotothin') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'roboto';
    src: url('../fonts/roboto/roboto-regular-webfont.eot');
    src: url('../fonts/roboto/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto/roboto-regular.ttf') format('truetype'),
         url('../fonts/roboto/roboto-regular-webfont.svg#robotothin') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'roboto';
    src: url('../fonts/roboto/roboto-bold-webfont.eot');
    src: url('../fonts/roboto/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto/roboto-bold-webfont.woff') format('woff'),
         url('../fonts/roboto/roboto-bold.ttf') format('truetype'),
         url('../fonts/roboto/roboto-bold-webfont.svg#robotothin') format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'robotocondensed';
    src: url('../fonts/roboto/robotocondensed-regular-webfont.eot');
    src: url('../fonts/roboto/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto/robotocondensed-regular-webfont.woff') format('woff'),
         url('../fonts/roboto/robotocondensed-regular.ttf') format('truetype'),
         url('../fonts/roboto/robotocondensed-regular-webfont.svg#robotothin') format('svg');
    font-weight: 400;
    font-style: normal;
}

html, body {height:100%;}
body {
	font-size:100%;
	font-family:'roboto';
	font-weight:400;
	color:#4a4a4a;
	letter-spacing:-.02em;
}
p {
	margin:1em 0;
}
.no-margin-top {
	margin-top:0 !important;
}
.no-margin-bottom {
	margin-bottom:0 !important;
}
.no-margin-right {
	margin-right:0 !important;
}
.no-margin-left {
	margin-left:0 !important;
}
.stretch-right {
	transform:scale(1.05,1);
    -webkit-transform:scale(1.1,1);
    -moz-transform:scale(1.1,1);
    -ms-transform:scale(1.1,1);
    -o-transform:scale(1.1,1);
	transform-origin: 0 50%;
	-ms-transform-origin:0 50%;
	-webkit-transform-origin:0 50%;
}
.stretch-left {
	transform:scale(1.05,1);
    -webkit-transform:scale(1.1,1);
    -moz-transform:scale(1.1,1);
    -ms-transform:scale(1.1,1);
    -o-transform:scale(1.1,1);
	transform-origin: 100% 50%;
	-ms-transform-origin:100% 50%;
	-webkit-transform-origin:100% 50%;
}
#background-image {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-size:cover;
	background-position: center center;
}
.home #background-image {
	background-image:url(../images/backgrounds/home.jpg);
}
.about-nxstage #background-image {
	background-image:url(../images/backgrounds/about-nxstage.jpg);
}
.system-1-s #background-image {
	background-image:url(../images/backgrounds/system-one-s.jpg);
}
.nx2me #background-image {
	background-image:url(../images/backgrounds/nx2me.jpg);
}
.dosing-calculator #background-image {
	background-image:url(../images/backgrounds/dosing-calculator.jpg);
}
.whats-your-therapy #background-image {
	background-image:url(../images/backgrounds/therapy.jpg);
}
.critical-care #background-image {
	background-image:url(../images/backgrounds/critical-care.jpg);
}
.medisystems #background-image {
	background-image:url(../images/backgrounds/medisystems.jpg);
}
.video-page #background-image {
	background-image:url(../images/backgrounds/nxstage_videopage-actualsize.jpg);
}
.nxstage-logo {
	position:absolute;
	left:23px;
	top:18px;
}
.home-link {
	position:absolute;
	right:29px;
	top:24px;
}
div.container {
	width:1514px;
	height:812px;
	margin: -406px auto 0 auto;
	position:relative;
	top: 50%;
}
#nav {
	float:left;
	width:244px;
	height:812px;
	margin-right:6px;
}
#main {
	float:right;
	width:1264px;
	height:812px;
}
#main h1 {
	font-family:'roboto';
	font-weight:100;
	font-size:2.75em;
	color:#a1a1a1;
	height:99px;
	line-height:99px;
	background-color:#FFF;
	padding:0 50px;
	background-position: right center;
	background-repeat:no-repeat;
}
.about-nxstage #main h1 {
	background-image:url(../images/header-logo-nxstage.gif);
}
.system-1-s #main h1 {
	background-image:url(../images/header-logo-system-1-s.gif);
}
.nx2me #main h1 {
	background-image:url(../images/header-logo-nx2me.gif);
}
.dosing-calculator #main h1 {
	background-image:url(../images/header-logo-dosing-calculator.gif);
}
.critical-care #main h1 {
	background-image:url(../images/header-logo-critical-care.gif);
}
.medisystems #main h1 {
	background-image:url(../images/header-logo-medisystems.gif);
}
#content-container {
	height:713px;
}
#subnav {
	height:40px;
	border-bottom:1px #FFF solid;
}
#subnav div.slide-tab {
	float:left;
	background-image:url(../images/transparencies/black-40.png);
	height:40px;
	position:relative;
	cursor:pointer;
}
#subnav div.slide-tab.active {
	background-image:url(../images/transparencies/black-70.png);
	height:34px;
}
.about-nxstage #subnav div.slide-tab.active {
	border-top:6px #0079c1 solid;
}
.system-1-s #subnav div.slide-tab.active {
	border-top:6px #6e298d solid;
}
.nx2me #subnav div.slide-tab.active {
	border-top:6px #009f93 solid;
}
.dosing-calculator #subnav div.slide-tab.active {
	border-top:6px #af006e solid;
}
.whats-your-therapy #subnav div.slide-tab.active {
	border-top:6px #00a4e4 solid;
}
.critical-care #subnav div.slide-tab.active {
	border-top:6px #f8aa28 solid;
}
.medisystems #subnav div.slide-tab.active {
	border-top:6px #8dc63f solid;
}
#subnav p {
	font-family:'roboto';
	font-weight:400;
	font-size:.8125em;
	text-transform:uppercase;
	letter-spacing:.18em;
	color:#fff;
	text-align:center;
	margin:0;
	position:absolute;
	width:100%;
	left:0;
	bottom:8px;
}
#subnav p span {
	text-transform:none;
}
#subnav.span-2 div.slide-tab {
	width:632px;
	border-right:1px #FFF solid;
}
#subnav.span-3 div.slide-tab {
	width:421px;
	border-right:1px #FFF solid;
}
#subnav.span-5 div.slide-tab {
	width:252px;
	border-right:1px #FFF solid;
}
#subnav.span-2 div.slide-tab.last-tab {
	border-right:none;
	width:631px;
}
#subnav.span-3 div.slide-tab.last-tab {
	border-right:none;
	width:420px;
}
#subnav.span-5 div.slide-tab.last-tab {
	border-right:none;
}
#content {
	height:672px;
}

/* --- HOME PAGE --- */
.home .row-2 {
	margin: 6px 0;
}
.home a.home-box {
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
	position:relative;
}
.home a.home-box span {
	position:absolute;
	font-family:'roboto';
	font-weight:300;
	/*font-size:22px;*/
	font-size:1.375em;
	line-height:27px;
}
.home a.home-box span strong {
	font-weight:normal;
	font-family:'roboto';
	font-weight:700;
}
.home #whats-your-therapy span {
	top:12px;
	right:12px;
	text-align:right;
}
.home #system-1-s span {
	bottom:12px;
	left:12px;
}
.home #critical-care span {
	bottom:12px;
	left:12px;
}
.home #nx2me span {
	bottom:12px;
	right:12px;
	text-align:right;
}
.home #dosing-calculator span {
	bottom:12px;
	left:12px;
}
.home #nx2me span strong {
	text-transform:none;
}
.home #medisystems span {
	bottom:12px;
	right:12px;
}
.home #whats-your-therapy {
	width:377px;
	height:400px;
	float:right;
	background-image:url(../images/home/whats-your-therapy.jpg);
}
.home #system-1-s {
	width:754px;
	height:200px;
	float:left;
	background-image:url(../images/home/system-1-s.jpg);
}
.home #critical-care {
	width:754px;
	height:200px;
	float:right;
	background-image:url(../images/home/critical-care.jpg);
}
.home #nxstage {
	width:747px;
	height:400px;
	float:left;
	margin-left:6px;
	background-image:url(../images/home/nxstage.jpg);
}
.home #nx2me {
	width:754px;
	height:200px;
	float:left;
	background-image:url(../images/home/nx2me.jpg);
}
.home #dosing-calculator {
	width:377px;
	height:400px;
	float:left;
	background-image:url(../images/home/dosing-calculator.jpg);
}
.home #medisystems {
	width:754px;
	height:200px;
	float:right;
	background-image:url(../images/home/medisystems.jpg);
}

/* --- NAVIGATION --- */
#nav ul,
#nav ul li {
	margin:0;
	padding:0;
	list-style:none;
}
#nav ul a {
	display:block;
	height:82px;
	margin-bottom:6px;
	position:relative;
	color:#FFF;
	color:rgba(255,255,255,0.8);
	text-decoration:none;
}
#nav ul a span {
	position:absolute;
	bottom:10px;
	left:12px;
	font-family:'roboto';
	font-weight:300;
	/*font-size:20px;*/
	font-size:1.25em;
	line-height:1.1em;
}
#nav .home {
	background-color:#333;
	text-transform:uppercase;
	background-image:url(../images/menu-home-icon.png);
	background-position:right bottom;
	background-repeat:no-repeat;
	height:99px;
}
#nav .about-nxstage {
	background-color:#0079c1;
}
#nav .whats-your-therapy {
	background-color:#00a4e4;
}
#nav .system-1-s {
	background-color:#6e298d;
}
#nav .critical-care {
	background-color:#f8aa28;
}
#nav .dosing-calculator {
	background-color:#af006e;
}
#nav .nx2me {
	background-color:#009f93;
}
#nav .medisystems {
	background-color:#8dc63f;
}

#nav div {
	height:167px;
	margin-bottom:6px;
	color:#FFF;
	padding:6px 12px;
	background-image:url(../images/menu-back.png);
	background-repeat:no-repeat;
	background-position: right bottom;
}
#nav div.about-nxstage {
	border-right:13px #6eb3dc solid;
}
#nav div.system-1-s {
	border-right:13px #ad85be solid;
}
#nav div.nx2me {
	border-right:13px #6ec8c2 solid;
}
#nav div.dosing-calculator {
	border-right:13px #d26ead solid;
}
#nav div.whats-your-therapy {
	border-right:13px #6ecbf0 solid;
}
#nav div.critical-care {
	border-right:13px #fbcf85 solid;
}
#nav div.medisystems {
	border-right:13px #bedf92 solid;
}
#nav div p {
	margin-top:0;
	margin-bottom:.5em;
	font-family: 'roboto';
	font-weight:300;
    /*font-size: 20px;*/
    font-size: 1.25em;
}
#nav div ul {
	margin:0;
	/*font-size:13px;*/
	font-size:.8125em;
	font-family:'roboto';
	font-weight:400;
	text-transform:uppercase;
}
#nav div li {
	background-image:url(../images/bullet.png);
	background-position: 8px center;
	background-repeat:no-repeat;
	padding-left:30px;
	margin: 3px 0;
}
#nav div li.active {
	background-image:url(../images/bullet-active.png);
}
#nav ul div li a {
	/*font-size:13px;*/
	font-family:'roboto';
	font-weight:400;
	text-transform:uppercase;
	height:auto;
	margin-bottom:0;
}


/* --- ROYALSLIDER --- */
#royalSlider > .rsImg {
	visibility:hidden;
}
#royalSlider {
	width:1264px;
	height:672px;
	overflow:hidden;
}
.rsUni, .rsUni .rsOverflow, .rsUni .rsSlide, .rsUni .rsVideoFrameHolder, .rsUni .rsThumbs {
    background: none repeat scroll 0 0 transparent;
    color: #FFFFFF;
}

/* --- MODAL --- */
.modal {
	width: 100%;
	height:100%;
	background-image:url(../images/transparencies/black-75.png);
	position:absolute;
	top:0;
	left:0;
	display:none;
}
.modal-content {
	width:1514px;
	height:812px;
	margin: -406px auto 0 auto;
	position:relative;
	top: 50%;
}
.modal-content img {
	display:none;
	margin: 0 auto;
}
a.close-modal {
	color:#FFF;
	text-decoration:none;
	font-size:15px;
	line-height:30px;
	position:absolute;
	top:-30px;
	right:0;
}

/* --- VIDEO --- */
	
.video-container {
	width:1600px;
	height:900px;
	position:relative;
	top:50%;
	margin: -450px auto 0 auto;
}
#video-button {
	width:100%;
	height:100%;
	cursor:pointer;
	position:absolute;
	top:0;
	left:0;
}

.fade-in {
	opacity:0;
	transition: opacity 1s;
	-webkit-transition: opacity 1s;
}
.fade-in.show {
	opacity:1;
}