/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
html {height: 100%;} 
form {height: 100%;} 

#header {
	width:100%;
	height:184px;
	background:#a8dae8;	
}

#home_header {
	width:100%;
	height:390px;
	background:#a8dae8;
}

#mobile_header {
	display:none;	
}

.subheader_bg {
	background:url(../images/sub_header_bg.png) no-repeat center 0px;
	height:184px;	
}

.header_bg {
	background:url(../images/header_bg.png) no-repeat center 0px;
	height:390px;	
}

.subpage_header_graphic {
	margin-top:-20px;
}

.home_header_graphic {
	margin-top:-20px;
}


.tagline {
	padding-top:60px;	
}

.home_tagline {
	text-align:right;	
}

.topbar {
	padding:15px 0px;	
}


.topbar_link, a.topbar_link, a.topbar_link:link, a.topbar_link:visited, a.topbar_link:hover {
	color:#de3f18;
	border:#de3f18 solid 1px;
	font-weight:bold;
	font-size:16px;
	padding:3px 8px;
	text-decoration:none;
}

.mobile_topbar_link {
	float:left;
}

#navigation {
	width:100%;
	height:45px;
	background:#de3f18;	
}

.white, a.white, a.white:link, a.white:visited, a.white:hover {
	color:#ffffff;
	text-decoration:none;
}

.homeicon {
	text-align:center;
	padding-top:10px;	
}

.menu_mainnav {
	padding:0;
	margin:0;	
}

.slicknav_menu {
	display:none;
}

#content_area {
	width:100%;
	position:relative;	
	display:block;
}

#quote_area {
	width:100%;
	padding: 0px 0px;
	background: #006ca8; 
  background: -webkit-linear-gradient(left, #007dc2 , #006ca8); 
  background: -o-linear-gradient(right, #007dc2, #006ca8); 
  background: -moz-linear-gradient(right, #007dc2, #006ca8); 
  background: linear-gradient(to right, #007dc2 , #006ca8); 
	position:relative;	
	display:block;
}
	
.quote_text {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 24px;
	letter-spacing: 2px;
	color: #ffffff;
	font-style: italic;
	 line-height: 40px;
	padding-bottom: 10px;
    margin-left: 55px;
    border-bottom: 2px #ffffff solid;
}

.quote_name {
	color:#72c2e0;
	font-size: 16px;
	    padding-left: 55px;
}

.quote_read_more {
	text-align: right;
}

.author_name {
	color:#72c2e0;
}

.content_border {
	border-right:#d7d7d7 solid 1px; 
}

.slick-list {
	height: fit-content;
}

.quote_bg {
	background: url(../images/quote_bg.png) no-repeat top center;
	    padding: 20px 0px 0px 0px;
}

.quote_callout {
	color: #2374bb;
    font-size: 24px;
    font-style: italic;
    line-height: 34px;
    padding-bottom: 50px;
    margin-top: 50px;
	background: url(../images/subpage_quote_bg.png) no-repeat;
	padding-left: 25px;
}

#footer {
	width:100%;	
	background:#e6e7e8;
	
	padding-top:35px;
	color:#0082c8;
	font-size:16px;
}

.footerlink, a.footerlink, a.footerlink:link, a.footerlink:visited {
	color:#0082c8;
	text-decoration:none;
	font-weight:normal;
}

a.footerlink:hover {
	color:#de3f18;
	text-decoration:none;
	font-weight:normal;
}

.footer_address {
	padding: 28px 18px 0px 18px;
	line-height:normal;	
}

#signup {
	background:#2374bb;
	width:100%;
	margin-top:25px;
}

.signup_iframe {
	width:100%;
	height:80px;	
}


/* Homepage Styles
================================================== */
.homegraphic img:last-child{display:none}
.homegraphic:hover img:first-child{display:none}
.homegraphic:hover img:last-child{display:inline-block}


.btn_what_expect {	
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 501px;
	height: 245px;
	background: url(../images/homepage/btn_what_expect.png) no-repeat;
	background-position: 0 0px;
}

.btn_what_expect span {
	position:absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(../images/homepage/btn_what_expect.png) no-repeat;
	background-position: 0 -245px;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}

.btn_what_expect:hover span {
	opacity: 1;
}


.btn_questions {	
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 501px;
	height: 245px;
	background: url(../images/homepage/btn_questions.png) no-repeat;
	background-position: 0 0px;
}

.btn_questions span {
	position:absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(../images/homepage/btn_questions.png) no-repeat;
	background-position: 0 -245px;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}

.btn_questions:hover span {
	opacity: 1;
}


.btn_how_much {	
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 501px;
	height: 245px;
	background: url(../images/homepage/btn_how_much.png) no-repeat;
	background-position: 0 0px;
}

.btn_how_much span {
	position:absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(../images/homepage/btn_how_much.png) no-repeat;
	background-position: 0 -245px;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}

.btn_how_much:hover span {
	opacity: 1;
}

.btn_how_find {	
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 501px;
	height: 245px;
	background: url(../images/homepage/btn_how_find.png) no-repeat;
	background-position: 0 0px;
}

.btn_how_find span {
	position:absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(../images/homepage/btn_how_find.png) no-repeat;
	background-position: 0 -245px;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}

.btn_how_find:hover span {
	opacity: 1;
}


.btn_help_me {	
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 501px;
	height: 245px;
	background: url(../images/homepage/btn_help_me.png) no-repeat;
	background-position: 0 0px;
}

.btn_help_me span {
	position:absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(../images/homepage/btn_help_me.png) no-repeat;
	background-position: 0 -245px;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}

.btn_help_me:hover span {
	opacity: 1;
}


.btn_genetic_counselor {	
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 501px;
	height: 245px;
	background: url(../images/homepage/btn_genetic_counselor.png) no-repeat;
	background-position: 0 0px;
}

.btn_genetic_counselor span {
	position:absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(../images/homepage/btn_genetic_counselor.png) no-repeat;
	background-position: 0 -245px;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}

.btn_genetic_counselor:hover span {
	opacity: 1;
}

/* #Page Styles
================================================== */

h1 {
	color:#2374bb;
	font-size:40px;
	font-weight:bold;	
}

h2 {
	color:#de3f18;	
	font-weight:bold;
	font-size:24px;
}

h3 {
	color:#808285;	
}

.side_button_container {
	width:225px;
	height:88px;
	overflow:hidden;
}

.side_button, a.side_button, a.side_button:link, a.side_button:visited {
	font-size:16px;
	font-weight:bold;
	color:#174f78;
	display:block;
	vertical-align:middle;	
	width:125px;
	height:88px;
	padding-left:100px;
	text-align:center;
	overflow:hidden;
}

a.side_button:hover {
	color:#72c2e0;
	text-decoration:none;
}

.blog {background:url(../images/buttons/blog.png) no-repeat; padding-top:25px;}
.blog:hover {background:url(../images/buttons/blog_hover.png) no-repeat;}

.family_health_history {background:url(../images/buttons/family_health_history.png) no-repeat;  padding-top:20px;}
.family_health_history:hover {background:url(../images/buttons/family_health_history_hover.png) no-repeat;}

.find_genetic_counselor {background:url(../images/buttons/find_genetic_counselor.png) no-repeat;  padding-top:20px;}
.find_genetic_counselor:hover {background:url(../images/buttons/find_genetic_counselor_hover.png) no-repeat;}

.genetic_conditions {background:url(../images/buttons/genetic_conditions.png) no-repeat;  padding-top:20px;}
.genetic_conditions:hover {background:url(../images/buttons/genetic_conditions_hover.png) no-repeat;}

.genetic_testing {background:url(../images/buttons/genetic_testing.png) no-repeat;  padding-top:20px;}
.genetic_testing:hover {background:url(../images/buttons/genetic_testing_hover.png) no-repeat;}

.gina_resources {background:url(../images/buttons/gina_resources.png) no-repeat;  padding-top:20px;}
.gina_resources:hover {background:url(../images/buttons/gina_resources_hover.png) no-repeat;}

.patients_words {background:url(../images/buttons/patients_words.png) no-repeat;  padding-top:20px;}
.patients_words:hover {background:url(../images/buttons/patients_words_hover.png) no-repeat;}

.prenatal {background:url(../images/buttons/prenatal.png) no-repeat; padding-top:30px;}
.prenatal:hover {background:url(../images/buttons/prenatal_hover.png) no-repeat;}

.what_genetic_counselor {background:url(../images/buttons/what_genetic_counselor.png) no-repeat;   padding-top:10px;}
.what_genetic_counselor:hover {background:url(../images/buttons/what_genetic_counselor_hover.png) no-repeat;}

/* Default Over-rides 
================================================== */

.hidden_link, a.hidden_link:link, a.hidden_link:hover, a.hidden_link:visited {
	color:#e6e7e8;	
}

.nopadding {
	padding:0px;
	margin:0px;	
}

.ui-button {
	padding:0px 0px 0px 0px;	
}

#main_container {
	padding:0;
	margin:0;	
}

#main_container .row {
	padding:0;
	margin-bottom:20px;	
}

#main_container ul li {
	list-style:none; /* if you’re not already using a reset */
}

#main_container ul li ul li{
	list-style:circle;
}

#main_container ul li:before {
  color:#de3f18; /* set color to red */
  content:"\2022"; /* /2022 is the numerical unicode for • */
  font-size:1.5em; /* set the font-size of the bullet if necessary. Make sure to use em or %*/
  padding-right:.25em; /* give the bullet some padding from the text Make sure to use em*/
  margin-left:-.5em;
  position:relative;
  top:.1em; /* set the vertical position of the bullet if necessary. Make sure to use em or % */
}

#main_container ul li ul li:before
{
	content:"";
	
}

#sub_container h1 {
	color:#2374bb;
	font-size:24px;
	font-weight:bold;	
}


.Invisible .row {
	margin-bottom:20px;	
}

td #dnn_ContentPane {
	margin:0;
	padding:0;	
}

p, UL LI, UL LI LI, UL LI LI LI, OL LI, OL OL LI, OL OL OL LI, OL UL LI, td {
	font-size:14px;
	line-height:22px;
}


a.dnnPrimaryAction {
	text-decoration:none;
	color:#ffffff;
}

a.dnnSecondaryAction {
	text-decoration:none;	
}

#ControlBar_ControlPanel {
	position:absolute !important;
	z-index:9000;	
	top:0;
}

#ControlPanelWrapper #dnnCPWrap{filter:none !important;}

/* Modules */
.DnnModule{margin:0 0 2em 0;}

/* Panes - In Layout Mode */
.paneOutline{border:0;}
.paneOutline span.SubHead center{border:1px #ccc dotted;border-left:0;border-right:0;line-height:2.5em;}

#iPopUp{display:none;}
.eipbackimg{z-index:1000;}

/* Fonts */
.Normal{font-size:14px;line-height:22px; font-family: 'Roboto', sans-serif;}
.SubHead{color:#333;}

/* Language Object */
.language-object { display:inline-block; margin-left: 5px; }

.dnnEditState .DnnModule { 
opacity: 1.0; 
} 


.dnnSearchBox {
	background:#e6e7e8 !important;
	border-radius:0px !important;
	border:0px !important;	
}

.search_btn, a.search_btn, a.search_btn:link, a.search_btn:visited, a.search_btn:hover {
	width: 25px !important;
    height: 25px !important;
    background: url(../images/icon_search.png) no-repeat #e6e7e8;
    text-indent: -9000px;
    display: inline-block;
    margin-left: -30px;
    margin-top: 6px;
    z-index: 9000;
    position: absolute;
	text-align:left;
}

.breadcrumbLink, a.breadcrumbLink, a.breadcrumbLink:link, a.breadcrumbLink:visited, a.breadcrumbLink:hover {
	color:#808285;
	font-style:italic;
	font-weight:normal;
}


.NormalTextBox {
	
}

.alpha {
	float:right !important;
}

.omega {
	float:left !important;
}

.display_mobile {
	display:none;
}

/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 768px) {

.menu_mainnav, .hide_mobile, #navigation, #home_header, #header {
	display:none;	
}

.slicknav_menu, #mobile_header {
	display:block;
}
 
#footer, .topbar {
	text-align:center;
} 

.subpage_header_graphic {
	margin:0 auto;	
}

.content_border {
	border-bottom:#d7d7d7 solid 1px; 
	border-right: 0px; 
}

.mobile_topbar_link {
	margin-bottom:15px;
	width:100%;
}

.display_mobile {
	display:block;
}
	
	
	
.btn_what_expect {	
	width: 300px;
	height: 147px;
	background-size: cover;
}

.btn_what_expect span {
	background-size: cover;
	background-position: 0 -147px;
}

.btn_questions {	
	width: 300px;
	height: 147px;
	background-size: cover;
}

.btn_questions span {
	background-size: cover;
	background-position: 0 -147px;
}


.btn_how_much {	
	width: 300px;
	height: 147px;
	background-size: cover;
}

.btn_how_much span {
	background-size: cover;
	background-position: 0 -147px;
}

.btn_how_find {	
	width: 300px;
	height: 147px;
	background-size: cover;
}

.btn_how_find span {
	background-size: cover;
	background-position: 0 -147px;
}


.btn_help_me {	
	width: 300px;
	height: 147px;
	background-size: cover;
}

.btn_help_me span {
	background-size: cover;
	background-position: 0 -147px;
}


.btn_genetic_counselor {	
	width: 300px;
	height: 147px;
	background-size: cover;
}

.btn_genetic_counselor span {
	background-size: cover;
	background-position: 0 -147px;
}
.quote_read_more {
	text-align: left;
	padding-left: 55px;
}


}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {}