/* ============================== */
/* ! Layout for desktop version   */

body {
		font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 0.95em;
		line-height:1.5em;
		color: #666;		
	}
a {
		color: #2c2f91;
		text-decoration: none;
		outline: 0px;
	}
	
a:hover {
	text-decoration:underline;
	}
.clear{
	clear:both;
	}
#header{
	background: #2292d1;
	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;
 border-top:1px solid #1d80b8;
 overflow:hidden;
}
#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;
	}
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 ***************/
#butlink{	
	background-color:#e6eff6;
    padding: 20px 0;
}

.butstyle{background-color: #2292d1; /* Green */
  border: none;
  color: #fff;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-weight:bold;
  /*margin: 4px 2px;*/
  cursor: pointer;
  border-radius: 50px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  text-decoration:none;
  text-transform: uppercase;
  }
  
.butstyle:hover{background-color:#0375b8; text-decoration:none;}  

.button1 {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

	
#partner{	
	margin-top:15px;
	background-color:#e8f5fe;
    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;
}
.phonestyle{
	margin-left:5px; vertical-align:middle; color:#fff;
}
.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;
	}
	
.partner_line{
		clear:both; border-top:1px dashed #d5d5d5; line-height:15px;
	}
	
.drphoto{
	float:left; padding:3px; border:1px solid #ccc; margin-bottom:3px; margin-right:10px; margin-top:5px; width:230px; height:280px;
}	
	
/********************* begin footer  *********************/
#footer{
	background-color:#7fc8fc;
	padding-top:5px;
	padding-bottom:10px;
	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;
}

.center_mo{
	text-align:center;
	margin:0 auto;
}
.partner_title1{
	text-align:center;
}
.partner_title2{ 
	text-align:center;
}
.gmap iframe {
  height: 280px;
  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;
	}
}
@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;
}
#header{
	padding-bottom:5px;
}
.butphone{margin-top:5px;}
@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;
	}*/

}
