@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,300,800);

/* ============================== */
/* ! Layout for desktop version   */

body {
		/*font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;*/
		font-family: "Open Sans",sans-serif;
		font-weight: 300;
		/*font-size: 0.875em;*/
		line-height:1.75em;
		color: #666;		
	}
	
a {
		color: #2c2f91;
		text-decoration: none;
		outline: 0px;
	}
	
a:hover {
	text-decoration:underline;
	}
.clear{
	clear:both;
	}
#header{
	background: #69be28;
	color:#fff;	
	}
#right_header{
	padding-top:5px;
	color:#fff;
	padding-bottom:0;
	}
.header_text{
   font-size: 11px;
   line-height: 16px;
   text-align: right;
   float: right;
}
.phone_header img{
   float: left;
   margin-right: 10px;
   vertical-align:middle;
}

.phone_header p{
   font-size:24px; vertical-align:middle; padding-top: 5px;
}
/************ begin banner *************/	
#banner{
 background-color:#e6eff6;
 overflow:hidden;
}
#patient_portal{
 background-color:#327ba6;
 overflow:hidden;
 color:#fff;
 padding-top:1.9em;
	padding-bottom:1.9em;
}
#left_banner{
	text-align:center;
	margin-top:1.9em;
	}
#right_banner{
	padding-top:2em;
	}
#right_banner h1{
	color:#fff;
	text-shadow:2px 1px #333;
	font-size:2.3em;
	line-height:1em;
	padding-bottom:0.5em;
	}
#right_banner p{
	color:#fff;
	text-shadow:1px 0 0 #e9fafe;
	font-size:1.2em;
	font-weight:normal;
	text-shadow:1px 1px #333;
	line-height:1.8em;
	}
#right_banner img{
	padding-top:0.5em;
	padding-bottom:1.5em;
	}
#sub_banner{
	background: #1672bd url(../images/banner_bg.png) repeat;
    border-bottom:1px solid #025197;
    border-top:1px solid #025197;
	height:70px;	
	}
#sub_banner h1{
	float:right;
	margin-right:40px;
	font-size:2em;
	color:#fff;
	text-shadow: 2px 1px #333;
	padding-top:25px;
	}
#right_content hr{
    color: #e1e1e1;
    background: #e1e1e1;
    border: 0;
    height: 1px;
}
/************ end banner *************/	
/************** begin main_content ***************/
#main_content{
	padding-top:1.9em;
	padding-bottom:1.5em;
	}
#feature_service{
	padding-top:1.9em;
	background: #e6eff6;
	padding-bottom:1.9em;
	}		
.business-hour{
	background-color:rgba(105, 190, 40, 0.7);
	color:#fff;
	 border-radius: 5%;	
	   width: 270px;
	   margin:0 auto;
	   position: relative;
	   padding-bottom:20px;
}
.business-hour-1{
	padding: 20px 0 5px 20px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:16px;
	}
.business-hour-2{
	padding: 5px 0 0 20px;
	}
.business-hour-3{
	padding: 0px 0px 0px 20px;
	}	
ul#feature_list{
	list-style: none;
	padding-top:1.8em;
	}
ul#feature_list li{
	min-height:130px;
	overflow:hidden;
	}	
ul#feature_list li img{
	float:left;
	margin-right:10px;
	}
ul#feature_list li h3{
	color:#067bc0;
}
.appointment_right{
	background: #d0f4aa url(../images/appointment_bg.png) top right no-repeat;
	min-height:188px;
	font-size:12px;
	}
.appointment_but {
    background-color: #067bc0;
    border-radius: 3px;
    border-style: solid;
    color: #fff;
    display: inline-block;
    font-size: 25px;
    margin: 0;
    opacity: 0.9;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
}
.appointment_but:hover{
  cursor: pointer;
  text-decoration:none;
  background-color:#2db0da;
}
/************** end main_content ***************/	
#partner{	
	margin-top:15px;
	background-color:#e8f5fe;
	background: #e8f5fe url(../images/quote.png) center no-repeat;
    padding: 20px 0;
}
.img_partner{
	display:inline-block;
}
.img_partner img{
	border:1px solid #e8f5fe; 
	padding:5px;
}

.img_partner img:hover{
  border:1px solid #999;
  border-radius:3px;
}

.partner_title1{
	text-align:right; font-size:28px; font-style:italic; padding-top:10px;
}
.partner_title2{ 
	text-align:right; font-style:italic; padding-top:10px;
}
.phoneheader{
	clear:both; text-align:right; font-size:14px; float:right;
}	
.emailheader{
	clear:both; text-align:right; font-size:14px; float:right;  padding-bottom:5px; padding-top:5px;
}
.address_style{
	margin-left:5px; vertical-align:middle; color:#fff; font-size:16px;
}
.phonestyle{
	margin-left:5px; vertical-align:middle; color:#fff; font-size:16px;
}
.yelp{ 
	margin-left:5px;
}
a.yelp_link:link, a.yelp_link:visited, a.yelp_link:active {
	color:#fff;
	text-decoration:underline;
}
a.yelp_link:hover{text-decoration:none}

.top_right_header{
	padding-top:10px;
}
.top_right_header_inner{
	padding-top:5px;
}

.address_style{
	margin-left:5px; vertical-align:middle; color:#fff;
}
.phone_image{
	vertical-align:middle;
	}
	.icon_bott{
	vertical-align:middle;
	margin-right:5px;
	}
	
.partner_line{
		clear:both; border-top:1px dashed #d5d5d5; line-height:15px;
	}
	
.drphoto{
	float:left; padding:5px; border:1px solid #ccc; margin-bottom:3px; margin-right:20px; margin-top:15px; width:208px; height:300px;
}	
	
/********************* begin footer  *********************/
#footer{
	background-color:#87cb53;
	padding-top:15px;
	padding-bottom:5px;
	color:#fff;
	}
#footer p{
	font-size:0.8em;
	text-align:center; 
	margin:5px auto;
	color:#fff;
	}
ul#nav_footer{
  list-style:none;
  padding-top:0.8em;
  padding-bottom:0.5em;
  border-bottom:1px solid #99d3fd
}
ul#nav_footer li{
  overflow:hidden;
   min-height:55px;
}
ul#nav_footer li img{
	float:left;
	margin-right:5px;
	}
ul#nav_footer li div{
	margin-top:3px;
}
ul#nav_footer li a{
	color:#036ba8;
}
ul#nav_footer li div.fax{
	font-size:16px;
}
ul#nav_footer li div.location{
	margin-top:7px;
}
#footer p{
	color:#eee;
}
.hrcopyright{
    color: #c6dcb5;
    background: #c6dcb5;
    border: 0;
    height: 1px;
}

.center_mo{
	text-align:center;
	margin:0 auto;
}
.partner_title1{
	text-align:center;
}
.partner_title2{ 
	text-align:center;
}
.gmap iframe {
  height: 230px;
  width: 652px;
}

.gmap{
   
}

/********************* end footer  *********************/

@media screen and (max-width: 768px) {
#menu {
width:1.4em;
display: block;
background:#ddd;
font-size:1.35em;
text-align: center;
}
#nav.js {
display: none;
}
ul {
width:100%;
}
li {
width:100%;
border-right:none;
}
.partner_line{
		display:none;
	}
}
.patient_portal_link, a.patient_portal_link:focus, a.patient_portal_link:active, a.patient_portal_link:link {
    font-size: 24px;
    font-weight: bold;
    padding: 5px 15px;
    border-radius: 25px;
    border: 1px solid #fff;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
    color: #fff;
	text-decoration:none;
}
a.patient_portal_link:hover {
    background-color: #69be28;
	border: 1px solid #69be28;
}
.bio{
	
}
.app_text{
	font-style: italic; font-size:14px; line-height:1.5em; text-align:right; color:e6eff6;
}
.meet_dr{
	font-family: 'Dancing Script', cursive; 
	font-size:35px;
}
.name_testimonial{
	font-family: 'Dancing Script', cursive; 
	font-size:25px;
}
.make_app{
	text-align:center; padding-bottom:10px; font-family: 'Dancing Script', cursive; color:#e6eff6;
}
.portal_pad{
	margin-top:25px; clear:both;
}
.quote_line_wrap {
    margin: 0 auto;
    min-height: 120px;
    text-align: center;
    width: 80%;
}
.testimonial_content{
	line-height:1.75em;
}
@media screen and (min-width: 768px) {
#menu {
display: none;
}

}

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */
@media only screen and (min-width: 320px) and (max-width: 768px) {
.partner_line{
		display:none;
	}
.partner_title1{
	text-align:center;
}
.partner_title2{ 
	text-align:center;
}

.center_mo{
	text-align:center;
	margin:0 auto;
}
@media handheld, only screen and (max-width: 767px) {

	body {
		
	}

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}
