/* Reset */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp,
small, 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: 100%;
  font: inherit;
  vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
hr { display: block; height: 11px; border: 0; margin: 0; padding: 0; background: url(../img/divider-bg.png) repeat-x top left; }
input, select { vertical-align: middle; }
body { font: 16px/25px 'Source Sans Pro', 'Helvetica', Arial, sans-serif; *font-size:small; color:#747474; }
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
a, a:hover, a:active { outline: none; }
sub, sup { font-size: 50%; line-height: 0; position: relative; }
sup { top: -0.9em; }
aside sup { font-size: 100%; top: -0.1em; margin-right: 2px;}
sub { bottom: -0.25em; }
pre {
  white-space: pre; white-space: pre-wrap; word-wrap: break-word;
  padding: 15px;
}
textarea { overflow: auto; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid {
   border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red;
}
a:link { -webkit-tap-highlight-color: rgba(0,0,0,0); }
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }
select, input, textarea { color: #333; }
h1, h2, h3, h4, h5, h6 { font-weight: 400; margin: 0; padding: 0; }
ul { list-style: none; margin: 0; padding: 0; }
.r { display: block; max-width: 100%; }
.fr { float: right; }

/* Layout */

body { background: #fff; }
body#home { background: #eaeae7; }

.container {
  	position: relative;
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 20px;
}

.two-thirds {
	float: right;
	width: 70%;
}

.two-thirds.bg {
	padding: 0 0 0 2.5%;
	background: url(../img/content-bg.png) repeat-y top left;
}

.one-third {
	margin: 0 75% 0 0;
}

#content { overflow: hidden; }

@media only screen and (max-width: 959px) {
	.two-thirds {
		float: none;
		width: auto;
	}
	.two-thirds.bg { background: none; padding: 0;}
	.one-third { margin: 0; }
}

/* Header */

header {
	min-height: 215px;
	background: url(../img/header-bg.jpg) 50% 0%;
}

header#no-sub { min-height: 144px; }

/* Buttons */

.btn {
	display: inline-block;
	line-height: 44px;
	padding: 0 22px;
	margin: 0 0 20px;
	font: 400 18px/44px 'Source Sans Pro' !important;
	color: #fff !important;
	text-decoration: none;
	border-radius: 4px;
	background: url(../img/btn-green-bg.png) repeat-x top left;
}

#home .btn { background: url(../img/btn-bg.png) repeat-x top left; }

.hero-content.bg .btn {
	float: left;
	clear: left;
	margin-top: 30px;
}

.btn:hover { background-position: bottom left !important; }

.btn span {
	height: 44px;
	padding: 0 24px 0 0;
	background: url(../img/ico-blue-arrow.png) no-repeat 100% 65%;
}

.wide { padding: 0 66px; }

.btn-blue { background: url(../img/btn-bg.png) repeat-x top left !important; }
.btn-gray { background: url(../img/btn-gray-bg.png) repeat-x top left !important; }

@media only screen and (max-width: 768px) {
	.hero-content.bg .btn {	margin-top: 20px; }
}

/* Navigation */

nav {
  position: relative;
  max-width: 1240px;
  height: 60px;
  margin: 0 auto;
  padding: 84px 20px 0;
  text-align: right;
}

#home nav {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 144px;
  z-index: 999;
}

#btn-mobile-nav {
	position: absolute;
	top: 45px;
	right: 20px;
	display: none;
	width: 39px;
	height: 39px;
	text-indent: -9999em;
	background: url(../img/ico-mobile-nav.png) no-repeat top left;
}

#home nav h1 { top: 70px; }
nav ul li { display: inline; }

nav a {
  margin: 0 0 0 34px;
  font-size: 20px;
  font-weight: 300;
  color: #fff;
  text-decoration: none;
  text-shadow: 0px 2px 2px rgba(0,0,0,.15);
}

nav a:hover,
nav a.active { color: #92c7a3; }

nav h1 a {
  position: absolute;
  top: 55px;
  left: 20px;
  width: 190px;
  height: 50px;
  margin: 0;
  text-align: left;
  text-indent: -9999em;
  background: url(../img/rtg-logo.png) no-repeat;
}

#go-home { display: none; }

#sub-nav {
	position: relative;
	width: 100%;
	background: url(../img/sub-nav-bg.png);
	overflow: hidden;
	text-align: right;
}

#sub-nav .container {
	padding-right: 0;
	max-width: 1260px;
}

#sub-nav li { display: inline-block; }

#sub-nav li a {
	display: block;
	height: 71px;
	line-height: 75px;
	padding: 0 20px;
	color: #a8a08e;
	font-size: 18px;
	text-shadow: 0 1px 1px #fff;
	text-decoration: none;
}

#sub-nav li a:hover,
#sub-nav li a.active,
#sub-nav li.here a {
	color: #92c7a3;
	background: #fff;
}

@media only screen and (max-width: 1024px) {
	nav {
		padding-top: 60px;
		height: 84px;
	}
	nav h1 { top: 40px; }
}

@media only screen and (max-width: 768px) {
	#home nav { height: 90px; }
	nav a { font: 300 17px/17px 'Source Sans Pro'; }
	#sub-nav li a {
		font-size: 14px;
		padding: 0 18px;
	}
}

@media only screen and (max-width: 767px) {
	nav { padding: 40px 30px 0;	}
	#go-home { display: block; }
	nav ul {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		background: #fff;
		z-index: 9999;
	}
	nav ul li {
		display: block;
		line-height: 35px;
		text-align: center;
		border-bottom: 1px solid #ccc;
	}
	nav ul li a {
		display: block;
		line-height: 35px;
		margin: 0;
		color: #333;
	}
	nav ul li a:hover {
		background: #f5f5f5;
		text-shadow: none !important;
	}
	#btn-mobile-nav { display: block; }
	#sub-nav li {
		display: block;
		text-align: center;
	}
	#sub-nav li a {
		height: 55px;
		line-height: 55px;
		padding: 0;
	}
	#sub-nav .container { padding: 0; }
}

/* Homepage Hero Slides */

#hero { position: relative; }

#hero-slides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}

#hero-slides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}

#hero-slides li:first-child {
	position: relative;
	display: block;
	float: left;
}

#hero-slides img.slide-bg {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
	position: relative;
	z-index: 1;
}

.hero-content {
	position: absolute;
	z-index: 2;
	top: 35%;
	left: 12%;
	width: 70%;
}

.hero-content h1 {
	font: 400 50px/50px 'Source Sans Pro';
	color: #fff;
	margin: 0 0 30px;
}

.hero-content h1 span {
  font-weight: 700;
  color: #0097ef;
}

.hero-content.bg h1 {
	float: left;
	padding: 0 20px;
	margin: 0 0 1px;
	color: #92c7a3;
	font: 400 50px/100px 'Source Sans Pro';
	background: #fff;
}

.rslides_nav.next,
.rslides_nav.prev {
  	display: block;
  	position: absolute;
  	width: 25px;
  	height: 42px;
  	top: 50%;
  	right: 30px;
  	z-index: 2;
  	text-indent: -9999em;
  	background: url(../img/home-slides-next.png) no-repeat top right;
}

.rslides_nav.prev {
	left: 30px;
	right: auto;
	background: url(../img/home-slides-prev.png) no-repeat top left;
}


@media only screen and (max-width: 1050px) {
	.hero-content.bg h1 { font: 400 38px/75px 'Source Sans Pro'; }
	.rslides_nav.next,
	.rslides_nav.prev { top: 40%; }

	.hero-content.bg { top: 30%; }
}

@media only screen and (max-width: 768px) {
	.hero-content h1 {
		font: 100 40px/40px 'Source Sans Pro';
		margin: 0 0 20px;
	}
	.hero-content.bg h1 { font: 400 28px/56px 'Source Sans Pro'; }
	.hero-content { top: 35%; }
	.hero-content.bg { top: 30%; }
}

@media only screen and (max-width: 767px) {
	#hero-slides-nav { display: none; }
	.hero-content {
		clear: left;
		position: relative;
		margin: 0 auto;
		padding: 30px;
		width: auto;
		left: auto;
		right: auto;
		background: #fff;
	}
	.hero-content h1 { color: #2d2d29; }
	.hero-content.bg {
		float: none;
		overflow: hidden;
	}
}

/* Homepage News & Events */

#news-events {
	position: relative;
	margin: -75px auto 0;
	padding: 30px 0 0;
	background: url(../img/news-events-bg.png) repeat-x top left;
	z-index: 3;

}

#news-events-docs {
	position: relative;
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 20px;
	overflow: hidden;
}

.doc h3 a {
	display: block;
	margin: 0 0 15px 20px;
	color: #2d2d29;
	font: 400 24px/30px 'Source Sans Pro';
	text-decoration: none;
}

.doc h3 a:hover { text-decoration: underline; }

.doc {
	position: relative;
	float: left;
	width: 25.4%;
	margin: 0 0.2% 30px;
	overflow: hidden;
}

#news-doc { width: 48%; }

.dc {
	width: auto;
	height: 200px;
	padding: 35px 10% 25px;
	border: 1px solid #dfdfdc;
	border-width: 0 1px;
	border-bottom: 1px solid #c7c9c5 !important;
	overflow: hidden;
	background: #fff;
}

#news-doc .dc { padding: 35px 5% 25px; }

.doc h4 {
	color: #3ca2a2;
	font: 400 18px/22px 'Source Sans Pro';
	text-decoration: none;
	margin: 0 0 20px;
}

.doc h6 {
	color: #a8a08e;
	font: 400 12px/15px 'Source Sans Pro';
	margin: 0 0 20px;
}

.doc strong,
.doc p {
	display: block;
	color: #a8a08e;
	font: 400 12px/15px 'Source Sans Pro';
}

.doc strong {
	margin: 0 0 20px;
	font-weight: 600;
}

.fade {
	position: absolute;
	bottom: 0;
	left: 1px;
	right: 1px;
	top: 40px;
	background: url(../img/news-events-fade.png) repeat-x bottom left;
}

@media only screen and (max-width: 1023px) {
	.doc.hide { display: block; }
}

@media only screen and (max-width: 767px) {
	#news-events {
		margin-top: 0;
		background: none;
	}
	.doc,
	#news-doc { width: auto;	}
}

/* Content */

#content h1 {
	font-weight: 300;
	font-size: 74px;
	line-height: 85px;
	color: #2d2d29;
	margin: 0 0 20px;
}

#content h1.small {
	font-size: 50px;
	line-height: 61px;
}

#content h1.single { margin-top: -20px; }

#content h2 {
	font: 600 26px/35px 'Source Sans Pro';
	color: #2d2d29;
	margin: 0 0 30px;
}

#content .listing-left h2 { font-weight: 400; }

#content .listing-right.company h2 {
	font: 600 26px/35px 'Source Sans Pro';
	color: #2d2d29;
	margin: 0 0 30px;
}

#content h2 {
	font: 600 22px/29px 'Source Sans Pro';
	color: #2d2d29;
	margin: 0 0 25px;
}

#content h2.sub-title { font-weight: 600 !important; }

#content h4 {
	font-size: 24px;
	line-height: 24px;
	font-weight: 300;
	color: #92c7a3;
	margin: 0 0 15px;
}

#content h5 {
	font-size: 17px;
	line-height: 24px;
	color: #a8a08e;
	margin: 0 0 20px;
}

#content p {
	line-height: 25px;
	color: #747474;
	margin: 0 0 30px;
}

.two-thirds a, .event a, .listing-right a {
	color: #349797;
	font-weight: 600;
	text-decoration: none;
}

.event ul, .listing-right ul {
	margin: 0 0 30px 20px;
	list-style: disc;
	list-style-position: outside;
}

.event ul li { margin: 0 0 10px; }

@media only screen and (max-width: 480px) {
	#content h1 {
		font-size: 45px;
		line-height: 53px;
	}
}

/* Sub Hero */

#sub-hero {
	margin: 0 0 50px;
	background: url(../img/sub-hero-bg.png) repeat-x bottom left;
}

#sub-hero .container {
	/*padding: 80px 280px 90px 13px;*/
	/*max-width: 960px;*/
	padding: 80px 20px 90px 13px;
	max-width: 1220px;
}

/*#sub-hero .container.has-image { padding-right: 20px; max-width: 1220px; }*/
#sub-hero .container.has-image img {
	float: right;
	margin: 0 30px 0 0;
	display: block;
	max-width: 100%;
}

#sub-hero h4 { margin-left: 7px; }

#sub-hero p {
	margin: 0 0 40px 7px;
	padding-right: 250px;
	font-weight: 300;
	color: #747474;
	font-size: 26px;
	line-height: 34px;
}

#sub-hero .btn { margin-left: 7px; margin-right: 7px; }

@media only screen and (max-width: 959px) {
	#sub-hero .container {
		padding: 80px 20px;
		max-width: 1240px;
	}
	#sub-hero p { padding-right: 0px; }
	#sub-hero .container.has-image img { max-width: 50%; }
}

@media only screen and (max-width: 767px) {
	#sub-hero .container.has-image img { display: none; }
}

/* Listing Hero */

#listing-hero { overflow: hidden; }

.listing-left {
	float: left;
	width: 25%;
	padding: 80px 0 0;
	text-align: right;
}

.listing-right {
	min-height: 150px;
	margin: 0 0 0 27.5%;
	padding: 75px 0 30px 2.5%;
	background: url(../img/content-bg.png) repeat-y top left;
}

#content .listing-right h2, #content .listing-left h2 {
	font-weight: 300;
	color: #747474;
	font-size: 26px;
	line-height: 34px;
}

#content .listing-left h4 { margin: 0; }

.listing {
	position: relative;
	margin: 0 0 0 -4%;
	padding: 30px 85px 0 4%;
	border-bottom: 1px solid #eaeaea;
	overflow: hidden;
}

.listing:last-child { border-bottom: 0; }

.listing-right img {
	display: block;
	max-width: 100%;
}

.app-image {
	float: left;
	margin-top: -10px;
	margin-bottom: 12px;
}

.app-image img {
	max-width: 75%;
}

#content .listing h3 {
	color: #3ca2a2;
	font-size: 26px;
	line-height: 31px;
	margin: 0;
}

#content .listing h4 { margin: 0; }

#content .listing p {
	margin: 0;
	padding: 0 0 30px;
}

.read-more {
	position: absolute;
	top: 0;
	bottom: -1px;
	right: 0;
	display: block;
	width: 65px;
	border-left: 1px solid #eaeaea;
	border-bottom: 1px solid #fff;
	text-indent: -9999em;
	background: url(../img/ico-read-more.png) no-repeat 100% 50%;
}

.read-more:hover { background: url(../img/ico-read-more-hover.png) no-repeat 100% 50%; }

.one-third ul {
	list-style: disc outside;
	margin: 40px 0 40px 20px;
	font-size: 17px;
	line-height: 24px;
	color: #a8a08e;
}

.one-third ul li { margin: 0 0 15px; }

.one-third img {
	display: block;
	max-width: 100%;
}

#content .listing.products h4 { margin: 0 0 8px; }

@media only screen and (max-width: 959px) {
	.listing-left {
		float: none;
		width: auto;
		padding: 50px 0 0;
		text-align: left;
	}
	.listing-right {
		margin: 0;
		padding: 0;
		background: none;
	}
}

@media only screen and (max-width: 480px) {
	.listing {
		margin: 0;
		padding: 30px 0 0 0;
	}
	.read-more {
		position: relative;
		top: auto;
		bottom: auto;
		right: auto;
		display: block;
		width: auto;
		border-left: none;
		border-bottom: none;
		margin: 0 0 20px;
		text-indent: 0;
		background: none;
	}
}

/* Application Map */

#application-map {
	position: relative;
	width: 100%;
	margin: 0 auto 40px;
}

#application-map a {
	position: absolute;
	display: block;
	top: 5%;
	left: 20%;
	width: 25%;
	height: 30%;
	text-indent: -9999em;
	z-index: 2;
}

#application-map img {
	position: relative;
	max-width: 100%;
	display: block;
	z-index: 1;
	margin: 0 auto;
}

#application-map a#family-pedigree { left: 55%; }
#application-map a#complex-disease { top: 65%; }
#application-map a#cancer-research { top: 65%; left: 55%; }
#application-map a#rtg-circle { top: 35%; left: 36%; }

@media only screen and (max-width: 768px) {
	#application-map a#childhood-disease { left: 16%; }
	#application-map a#complex-disease { left: 16%; }
	#application-map a#family-pedigree { left: 60%; }
	#application-map a#cancer-research { left: 60%; }
}

@media only screen and (max-width: 480px) {
	#application-map a#childhood-disease { left: 10%; }
	#application-map a#family-pedigree { left: 65%; }
	#application-map a#complex-disease { left: 10%; top: 65%; }
	#application-map a#cancer-research { top: 65%; left: 65%; }
}

/* Team */

#team { overflow: hidden; }

.team img {
	display: block;
	max-width: 100%;
	margin: 0 auto 10px;
	border-radius: 4px;
}

.team {

	width: 15%;
	margin: 0 0 50px;
	text-align: center;
	float: left;
}

#content .team h4 {
	font-size: 16px;
	font-weight: 600;
	color: #333;
}

p.tip {
    color: #fff !important;
    background: #1d1d1d;
    display: none;
    padding: 10px;
    width: 200px;
    position: absolute;
    text-align: left;
    z-index:1000;
    line-height: 19px !important;
    font-size: 14px !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

@media only screen and (max-width: 767px) {
	.team { width: 48%; }
}

/* Events */

.event { margin: 0 0 70px; }
.event.career { margin: 0 0 35px; }

#content .event h3 { margin: 0 0 10px; }
#content .event h3 a {
	color: #3ca2a2;
	font-size: 26px;
	line-height: 31px;
	text-decoration: none;
}

#content .event.career h3 a {
	color: #3ca2a2;
	font-size: 20px;
	line-height: 25px;
	text-decoration: none;
}

#content .event h4 {
	color: #747474;
	font-size: 18px;
	line-height: 23px;
	margin: 0 0 20px;
}

.event h6 {
	color: #bbb;
	font-size: 15px;
	line-height: 17px;
	margin: 0 0 30px;
}

#content .event p {	margin: 0 0 40px; }
#content .event.short p { margin: 0 0 20px; }

.btn-back {
	display: block;
	text-decoration: none;
	color: #333;
	margin: 0 0 20px;
}

table {
	width: 80%;
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-collapse: collapse;
}

table td	{
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 8px;
}
table th {
	background-color : #dcdcdc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 8px;
}

/* Contact Form */

#contact-form label {
	display: block;
	font-weight: 600;
	color: #333;
	font-size: 16px;
}

#contact-form label span { color: #ff0000; }

#contact-form input[type=text],
#contact-form select,
#contact-form textarea {
	margin: 0 0 20px;
}

#contact-form input[type=checkbox],
#contact-form input[type=radio] {
	float: left;
	clear: left;
	margin: 5px 5px 10px 0;
}

#contact-form label.checkbox {
	color: #777;
	font-weight: 400;
	margin: 0 0 10px;
}

#contact-form textarea {
	padding: 8px;
	width: 300px;
	height: 100px;
	border: 1px solid #777;
	resize: none;
}

fieldset { margin: 0 0 20px; }

#map-link {
	float: right;
	width: 40%;
	height: auto;
}

/* Footer */

footer {
	min-height: 105px;
	padding: 45px 0 20px 0;
	background: #fff url(../img/divider-bg.png) repeat-x top left;
}

#home footer { background: #fff; }

footer ul { float: left; }
footer ul li { display: inline; }

footer a {
	color: #808074;
	padding: 0 30px 0 0;
	text-decoration: none;
}

#copyright { float: right; }

#footer-twitter {
	color: #a79f8e;
	font-size: 12px;
	font-weight: bold;
	margin: 0 30px 0 0;
	padding: 0 0 4px 25px;
	background: url(../img/ico-twitter.png) no-repeat top left;
}

@media only screen and (max-width: 768px) {
	footer { text-align: center; }
	footer ul { float: none;}
	footer a {
		text-align: center;
		display: inline-block;
		width: 85px;
		padding: 0;
		margin-bottom: 15px;
	}
	#copyright {
		float: none;
		margin: 40px auto 0;
	}
	#footer-twitter {
		display: block;
		text-align: center;
		width: 120px;
		line-height: 19px;
		margin: 0 auto 20px;
	}
}