/* ==========================================================================
   custom font
   ========================================================================== */
@font-face {
    font-family: 'questrialregular';
    src: url('../fonts/questrial-regular-webfont.eot');
    src: url('../fonts/questrial-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/questrial-regular-webfont.woff') format('woff'),
         url('../fonts/questrial-regular-webfont.ttf') format('truetype'),
         url('../fonts/questrial-regular-webfont.svg#questrialregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* ==========================================================================
   Author's custom styles
   ========================================================================== */
html{
	height:100%;
}

body{
	margin:0px; 
	font-family:'EB Garamond',"Times New Roman", Times, serif; 
	font-size:19px; 
	font-size:1.9rem; 
	color:#666666; 
	height:100%;
}

a {
	text-decoration:none; color:#007dc3;
}

a:hover {
	border-bottom:1px dashed #007dc3;
}

p {
	font-family:'EB Garamond',"Times New Roman", Times, serif; 
	font-size:19px;
	font-size:1.9rem;
}

strong {
	color:#007dc3;
}



h1 {
	font-family: 'questrialregular', sans-serif; 
	font-size:26px; 
	font-size:2.6rem;
	color:#007dc3;
	
	}

h2 {
	font-family:'EB Garamond',"Times New Roman", Times, serif; 
	font-size:25px; 
	font-size:2.5rem;
	margin-bottom:0px;
	}

h3 {
	font-family: 'questrialregular', sans-serif; 
	font-size:32px; 
	font-size:3.2rem;
	color:#007dc3; 
	margin:0px;
}

h4 {
	font-family: 'questrialregular', sans-serif; 
	font-size:25px; 
	font-size:2.5rem; 
	color:#007dc3;
	font-weight:bold;
	}

h6 {
	margin:20px 0px 0px 0px; 
	font-size:16px;
	font-size:1.6rem;
	
	font-weight:bold; 
}

body {
    color: #666666;
    font-family: "EB Garamond","Times New Roman",Times,serif;
    font-size: 19px;
}


.container{
	max-width:960px;
	margin:0px auto;
	position:relative;
	
}

.wrapper_container{
	min-height:100%;
}

.bg_glow_left{
	position:absolute;
	left:-30px;
	top:0px;
	width:15px;
	height:100%;
	background:url(../img/bg_glow_left.jpg) right repeat-y transparent;
}

.bg_glow_right{
	position:absolute;
	right:-30px;
	top:0px;
	width:15px;
	height:100%;
	background:url(../img/bg_glow_right.jpg) left repeat-y transparent;
}

.logo_area{
	margin-top:25px;
	position:relative;
}

.mobile_logo {
	margin-top:-20px!important;
}

.logo_area .link_contact_us{
	position:absolute;
	top:10px;
	right:10px;
	background: url("../img/link_contact.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    border-bottom: 1px solid #017dc3;
    color: #fff;
    display: block;
    font-family: "questrialregular",sans-serif;
    font-size: 14px;
	font-size: 1.4rem;
    font-weight: normal;
    height: 25px;
    margin: 20px;
    text-transform: uppercase;
    width: 108px;
}

.logo_area .link_contact_us span{
	display:none;
}

.logo_area .link_contact_us:hover{
	border-bottom: 1px dashed #fff;
    font-weight: normal;
    text-decoration: none;
}

.logo_area  .link_make_appt{
	position:absolute;
	bottom:-38px;
	right:20px;
	z-index:99;
}

.logo_area  .link_make_appt:hover{
	border-bottom:none;
}

 	/* menu styling*/

.navbar{
	min-height:0px;
	border:none;
}

.navbar-default{
	background:none transaprent;
    border-radius: 0px;
    box-shadow: none;
	background-image:none;
	background-color: transparent;
}


.menu-main-menu-container ul {
	margin:0px;
	padding:0px;	
}

.menu-main-menu-container ul {
	margin:0px;
	padding:0px;	
	list-style:none;
}


.menu-main-menu-container ul li{
	background:none #007dc3;
	border-bottom:solid 1px #ffffff;
}

.menu-main-menu-container a{
	font-size:14px;
	font-size:1.4rem;
	font-family:"questrialregular",sans-serif;
	text-transform:uppercase;
	color:#ffffff;
	letter-spacing:1px;
	display:block;
	padding:0.8em 1em;
	text-decoration:none;
}

.menu-main-menu-container .sub-menu li{
	padding-left:1.5em;
}

.menu-main-menu-container .sub-menu li:first-child{
	border-top:solid 1px #fff;
}


.menu-main-menu-container .sub-menu li:last-child{
	border-bottom:none;
}

.menu-main-menu-container li:hover{
	background:none #73a7c4;
}

/* banners */
.banners{
	margin-bottom:15px;
}

#footer{
	padding-bottom:25px;
}

#footer,
#footer p{
	color: #007dc3;
    font-family: "questrialregular",sans-serif;
    font-weight: bold;
    letter-spacing: 1px;
	font-size:12px;
	font-size:1.2rem;
}

#footer .blue_cell{
	text-align: center;
}

#footer .blue_cell p{
	margin:10px 0px;
}

#footer .blue_cell_left{
	text-align: center;
	border-top:1px solid #007dc3;
}

/* Accordion */

.accordions {
    margin: 30px auto 0;
    position: relative;
    width: 100%;
    z-index: 1;
}
.accordion {
}
.accordionButton {
    background: none repeat scroll 0 0 #007dc3;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    box-shadow: 0 -3px 5px 0 rgba(50, 50, 50, 0.58);
    color: #ffffff;
    cursor: pointer;
    font-family: "questrialregular",sans-serif;
    font-size: 15px !important;
    font-weight: normal !important;
    letter-spacing: 1px;
    line-height: 1.3;
    margin: 0;
    padding: 10px 0 10px 20px;
}
.two_lines {
    height: 35px !important;
}
.accordion:first-child .accordionButton {
    box-shadow: none;
}
.accordion_content {
    background: none repeat scroll 0 0 #ffffff;
    border-left: 2px solid #d2232a;
    box-shadow: 4px 4px 5px 0 rgba(79, 79, 79, 0.75);
    color: #666666;
    display: none;
    font-size: 15px;
    padding: 1px 15px 25px;
}
.accordion_content strong {
    color: #666666;
    font-size: 13px;
}
.accordion_content p {
    line-height: 1.2;
}
.accordion_content ul {
    list-style: outside none none;
    padding-left: 0;
}
.accordion_content ul li {
    background: url("../img/bullet_arrow.jpg") no-repeat scroll 0 7px rgba(0, 0, 0, 0);
    font-size: 15px;
    margin: 5px 0;
    padding-left: 15px;
}
.accordion_content ul ul li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.accordion_content ul ul ul li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.accordion .on {
    display: block;
}

/* Our Surgeon */

.doctor_img {
	margin-bottom:25px;
}

.text_content {
  
    text-align: justify;
}

.bio p {
    font-size: 15px;
    letter-spacing: 0;
    line-height: 1.5;
}

.bio h2 {
    font-family: "questrialregular",sans-serif;
    font-size: 23px;
    font-weight: normal;
    margin-top: 0;
}

.bio h2 em {
    font-family: "EB Garamond","Times New Roman",Times,serif;
    font-size: 15px;
}

.doctor_name{
	margin-bottom:25px;
}

.doctor_name .subheader {
    display: block;
    margin: 10px 0 0;
}

/* publications */

.references{
	border-top: 1px solid #007dc3;
    margin-top: 20px;
	width:100%!important;
}

.references h4{
	margin-top:25px;
	margin-bottom:25px;
}

.references strong {
    font-weight: normal;
	   color: #007dc3;
}

.references p {
    font-size: 14px;
	font-size:1.4rem;
    line-height: 1.5;
}

/* */
.useful_link_header{
	font-size:29px!important; 
	font-size:2.9rem!important; 
	margin-bottom:30px; 
	margin-left:0px; 
	margin-top:20px;
}

.useful_link_header .useful_link_sub_header{
	font-size:22px!important;
	font-size:2.2rem!important;
}

.svcs_article p {
    font-size: 15px;
	font-size: 1.5rem;
    letter-spacing: 1px;
	margin:15px 0px;
}

.useful_link .left_column{
	width:100%;
}

/* make appointment */

.map{
	margin-top:25px;
	border:solid 1px #007dc3;
}

.contact_info_main{
	margin-top:25px;
	color: #007dc3;
    font-family: "questrialregular",sans-serif;
    font-size: 15px;
	font-size:1.5rem;
    line-height: 1.5;
}

.contact_info{
	margin-top:25px;
	color: #007dc3;
    font-family: "questrialregular",sans-serif;
    font-size: 13px;
	font-size:1.3rem;
    line-height: 1.5;
	
	padding-top:25px;
	border-top:solid 1px #007dc3;
}

.form{
	margin-top:25px;
}

.form .row{
	margin-bottom:10px;
}

.form label{
	color: #007dc3;
    font-family: "questrialregular",sans-serif;
    font-size: 15px;
	font-size:1.5rem;
    line-height: 1.5;
	font-weight: normal;
}

.field_label_holder{
	position:relative;
}


.field_label_holder .form-colon{
	position: relative;
	margin-left:5px;
}

.form input[type="text"]{
	width:100%;
	height:25px;
	font-family: "questrialregular",sans-serif;
    font-size: 13px;
	font-size:1.3rem;
}

.form select,
.form textarea{
	font-family: "questrialregular",sans-serif;
    font-size: 13px;
	font-size:1.3rem;
}

.radio_label{
	margin:0px 10px;
}

.btn_Submit_contact {
    background-image: url("../img/btn_submit_contact.png");
    border: medium none;
    height: 51px;
    width: 50px;
	float:right;
}

#msg{
	width:100%;
}

/* General */
.nopadding{
	padding:0px;
}

.full-width{
	width:100%;
}

.title{
	color: #007dc3;
    font-family: "questrialregular",sans-serif;
    font-size: 36px;
	font-size:3.6rem;
    margin-top: 10px;
	text-transform:uppercase;
}

.red-text {
    color: #d04732;
}

.purple-text {
    color: #8c619a;
}

.main-panel {
    border-top: 1px solid #007dc3;
    margin-top: 20px;
	margin-bottom:20px;
    width: 100%;
}

.style_list{
	font-weight:bold;
	margin:0px;
	padding:0px;
	list-style:none;
}

.style_list li{
	position:relative;
	padding-left:30px;
}

.style_list label{
	position:absolute;
	left:0px;
	top:0px;
	display:inline-block;
	padding-right:15px;
}

.no-border{
	border:none!important;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 

/* ==========================================================================
   Dropdown menu
   ========================================================================== */


.logo_area .link_make_appt{
	 bottom: -38px;
    position: absolute;
    right: 12px;
    z-index: 99;
}

.menu-main-menu-container {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}
.menu-main-menu-container ul {
	font-size: 13px;
	font-size: 1.3rem;
	list-style: none;
	margin: 0 0 0 -1.1em;
	padding-left: 0;
}
.menu-main-menu-container li {
	float: left;
	position: relative;
	margin-right:2px;
}
.menu-main-menu-container a {
	color: #000000;
	display: block;
	line-height: 1.1;
	text-decoration: none;
	padding: 10px 15px;
	text-align:center;
}
.menu-main-menu-container ul ul {
	/*-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);*/
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 2.7em;
	left: 0;
	width: 220px;
	z-index: 99999;
}

.menu-main-menu-container .sub-menu li{
	padding-left:0px;
	border:none;
}

.menu-main-menu-container .sub-menu li:first-child{
	border-top:none;
}




.menu-main-menu-container ul ul ul {
	left: 100%;
	top: 0;
}
.menu-main-menu-container ul ul a {
	background: url(img/menu_overlay.png) repeat center transparent;
	border-bottom: 1px solid #ddd;
	color: #ffffff;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
	height: auto;
	line-height: 1.1;
	padding: 10px 15px;
	width: 200px;
}
.menu-main-menu-container li:hover > a,
.menu-main-menu-container ul ul :hover > a,
.menu-main-menu-container a:focus {
	/*background: #efefef;*/
}

.menu-main-menu-container ul ul a:hover{
	color:#ffffff!important;
}

.menu-main-menu-container li:hover > a,
.menu-main-menu-container a:focus {
	/*background: #f9f9f9;*/ /* Show a solid color for older browsers */
	/*
	background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
	background: -o-linear-gradient(#f9f9f9, #e5e5e5);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */
	/*background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);*/
	/*color: #373737;*/
}
.menu-main-menu-container ul li:hover > ul {
	display: block;
}
.menu-main-menu-container .current-menu-item > a,
.menu-main-menu-container .current-menu-ancestor > a,
.menu-main-menu-container .current_page_item > a,
.menu-main-menu-container .current_page_ancestor > a {
	font-weight: normal;
}

	/* menu styling */
.menu-main-menu-container a {
	width:auto;
	font-size:12px;
	font-size:1.2rem;
	font-family:"questrialregular",sans-serif;
	text-transform:uppercase;
	color:#ffffff;
	background:none #999;
	letter-spacing:1px;
}

#menu-item-purple a{
	background:none #8b5f9a;
}

#menu-item-red a{
	background:none #d04832;
}

#menu-item-blue a{
	background:none #7eafcf;
}

#menu-item-pink{
	width:220px;
}

#menu-item-pink a{
	padding:4px 15px 3px 15px;
	background:none #d48485;
}

/* footer */

#footer {
	margin-top:25px;
}

#footer .blue_cell{
	border-top:1px solid #007dc3;
	text-align: left;
}

#footer .blue_cell p{
	margin:10px 0px;
}

#footer .blue_cell_left{
	text-align: right;
	border-right:solid 1px #007dc3;
}

/* home */
.home-left-column{
	border-top: 1px solid #007dc3;
    float: left;
    margin-top: 20px;
    width: 47%;
}

.home-right-column{
	padding-top:20px;
	border-top: 1px solid #007dc3;
    float: right;
    margin-top: 20px;
    width: 47%;
}

/* publications */

.references{
	border-top: 1px solid #007dc3;
    margin-top: 20px;
	width:47%!important;
}

.references h4{
	margin-bottom:25px;
}

/* */
.useful_link_header{
	font-size:29px!important; 
	font-size:2.9rem!important; 
	margin-bottom:30px; 
	margin-left:0px; 
}

.useful_link_header .useful_link_sub_header{
	font-size:22px!important;
	font-size:2.2rem!important;
}

.useful_link .left_column{
	width:70%;
}

/* make appointment */

.map{
	margin-top:25px;
}

.contact_info_main{
	margin-top:25px;
	color: #007dc3;
    font-family: "questrialregular",sans-serif;
    font-size: 15px;
	font-size:1.5rem;
    line-height: 1.5;
}

.contact_info{
	border:none;
	margin-top:25px;
	color: #007dc3;
    font-family: "questrialregular",sans-serif;
    font-size: 13px;
	font-size:1.3rem;
    line-height: 1.5;
}

.form{
	margin-top:25px;
}

.form .row{
	margin-bottom:10px;
}

.form label{
	color: #007dc3;
    font-family: "questrialregular",sans-serif;
    font-size: 15px;
	font-size:1.5rem;
    line-height: 1.5;
	font-weight: normal;
}

.field_label_holder{
	position:relative;
}


.field_label_holder .form-colon{
	position: absolute;
	right:0px;
}

.form input[type="text"]{
	width:100%;
	height:25px;
	font-family: "questrialregular",sans-serif;
    font-size: 13px;
	font-size:1.3rem;
}

.form select{
	font-family: "questrialregular",sans-serif;
    font-size: 13px;
	font-size:1.3rem;
}

.radio_label{
	margin:0px 10px;
}

.btn_Submit_contact {
    background-image: url("../img/btn_submit_contact.png");
    border: medium none;
    height: 51px;
    width: 50px;
	float:right;
}

#msg{
	width:100%;
}

/* General */


.title{
	color: #007dc3;
    font-family: "questrialregular",sans-serif;
    font-size: 40px;
	font-size:4.0rem;
    margin-top: 10px;
	text-transform:uppercase;
}

.red-text {
    color: #d04732;
}

.purple-text {
    color: #8c619a;
}


.left_column {
    float: left;
    padding-right: 15px;
    width: 48%;
	padding-top:20px;
}

.right_column {
    float: right;
    padding-left: 15px;
    width: 48%;
	padding-top:20px;
}


}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 

.logo_area .link_make_appt{
	bottom: -38px;
    right: 20px;
}

	/* menu styling */
.menu-main-menu-container a {
	font-size:13px;
	font-size:1.3rem;
}

#menu-item-pink{
	width:240px;
}

#menu-item-pink a{
	padding:2px 15px 3px 15px;
	background:none #d48485;
}

/* */
.useful_link .left_column{
	width:50%;
}
	
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { }