@import url("../twentytwelve/style.css");


/*
Theme Name:     Responsive 1
Theme URI:      http://example.com/
Description:    Child theme for the Twenty Twelve theme
Author:         Adam Cooper
Author URI:     http://example.com/about/
Template:       twentytwelve                             
Version:        0.1.0
*/


/***** COLORS *****

lt blue #28abe2
med blue #2076bc
dk blue #292865

main orange 28abe2
lt grey aabbcb
logo dk grey 3e424d
very lt grey #DDE4EA

/*******************/

*
{
box-sizing: border-box;
}

body, body .entry-content, body p, table, td, .default, body.custom-font-enabled
{
font-family: sans-serif, 'Montserrat', open sans;
font-weight: 400;	/* used to pick between 'light' or 'regular' font thickness. Look at include code in head to see options*/
font-size: 20px;
line-height: 34px;
color: #323232;
padding: 0px !important;
margin: 0px !important;
padding-top: 0px;	
text-align: left;
border: 0px;
}

table.makeup_table td
{
border: 1px solid #ccc !important;
}

body.mceContentBody /* set the bg color of the editor area in wp admin */
{
background-color: #fff;
}	

table, table td, table tr /*overdides default table css that screws up table content */
{
vertical-align: top;	
}

.entry-content table, .comment-content table
{
color: inherit;	
}

p
{
margin: 0px 0px 20px 0px!important;
}

body
{
text-align: left;
background-color: #fff; 
}


/* LoVe HAte anchors */
a, .entry-content a {color: #28abe2; text-decoration: none}
a:link, .entry-content a:link {color: #28abe2; }
a:visited, .entry-content a:visited {color: #28abe2; }
a:hover, .entry-content a:hover {color: #28abe2;} 
a:active, .entry-content a:active {color: #28abe2; }


/* Generic heading styling */
h1, h2, h3, h4,
h1 a, h2 a, h3 a,
.entry-content h1 a, .entry-content h2 a, .entry-content h3 a,
h1 a:link, h2 a:link, h3 a:link,
.entry-content h1 a:link, .entry-content h2 a:link, .entry-content h3 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, 
.entry-content h1 a:visited, .entry-content h2 a:visited, .entry-content h3 a:visited
{
font-family: open sans, arial, verdana, helvetica, geneva, sans-serif;
font-family: oswald,'Montserrat', sans-serif;
letter-spacing: 1px;
color: #323232;

/*color: #E2E0D4;*/
padding-bottom: 4px;
font-weight: normal;
}

.alt_color
{
color: #ccc;
}

h1, .entry-content h1, h1.page-title
{
font-size: 26px !important;
line-height: 38px;
margin-bottom: 18px;
/*display: inline-block;*/
display: block;
border-bottom: 0px solid #939393;	
}
	
	/****** these 2 styles are only here to get rid of the unnecessary default padding below the main title ******/
	header.entry-header
	{
	margin-bottom: 0px;	
	}
	
	footer.entry-meta 
	{
	display: none;
	}
   /**********************/
	
.home h1.entry-title /* The default 'Home' title that will be displayed on the HOME page. Insert a custom one via the editor if needed */
{
font-size: 24px !important;
margin-bottom: 10px;
position: relative;
top: 0px;
left: 0px;
color: #fff;
text-shadow: none;
display: none;
}

	.home h1.entry-title .dark
	{
	color: #cccccc;	
	}
	
h1.entry-title, .entry-title /* The default h1 title that will be displayed on ALL pages. Shut off here if needed.  */
{
/*max-width: 500px;*/
position: relative;
margin: 0 auto;
top: 0px;
left: 0px;
/*color: #fff;*/
font-size: 50px !important;
line-height: 74px;
margin-top: 30px;
margin-bottom: 50px;
border-bottom: 0px solid #939393;	
/*text-shadow: 4px 4px 2px #333333;*/
/*text-transform: uppercase;*/
text-align: center;

display: none;
}	


.home h1 /* for the custom title on homepage. entered via the wp editor */
{
/*font-size: 18px !important;
line-height: 24px !important;
margin-top: 0px;
color: #939393;
text-shadow: none;
margin-bottom: 0px;*/
}
	
	
h2, .entry-content h2
{
font-size: 30px;
line-height: 46px;
/*display: inline-block;*/
display: block;
border: 0px solid yellow;
margin: 0px 0px 25px 0px;
/*font-weight: bold;*/
}

	.entry-content .staff_list  h2
	{
	margin-bottom: 0px;	
	}

h3, entry-content h3
{
font-size: 22px;
line-height: 34px !important;
border: 0px solid yellow;
margin: 15px 0px 0px 0px !important;

}

h4
{
font-size: 14px;
line-height: 18px;

}


/***** LISTS. Note! this is for lists WITHIN the content area. Anything outside the content area will need to be added using a unique id for the area/list ******/
.entry-content ul, .comment-content ul, .mu_register ul, .mceContentBody ul,
.entry-content ol, .comment-content ol, .mu_register ol, .mceContentBody ol  
{
margin-bottom: 20px;
margin-left: 40px;
margin-right: 40px;
}

	.entry-content li, .comment-content li, .mu_register li, .mceContentBody li
	{
	padding-left: 0px;
	margin-left: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	}

	.entry-content ul li, .comment-content ul li, .mu_register ul li, .mceContentBody ul li
	{
	list-style: outside none disc;	
	}
	
	.entry-content ol li, .comment-content ol li, .mu_register ol li, .mceContentBody ol li
	{
	list-style: outside none decimal;	
	}
/*******************************************/	

.no_float
{
	float: none;
}

.default_color
{
color: #3c3c3c;	
}

.bold
{
font-weight: bold;
}

.small
{
font-size: 10px;	
}

.font_size_18
{
font-size: 18px;
line-height: 26px;	
}

.font_size_20
{
font-size: 20px;
line-height: 28px;	
}

.emphasis
{
font-style: italic;
/*font-size: 28px;*/
font-weight: bold;
}

.underline
{
margin-bottom: 10px;
border-bottom: 1px solid #939393 ;	
display: block;	
}

blockquote, .entry-content blockquote, .mceContentBody blockquote
{
text-align: center;
background-color: #000;	
color: #fff;
border-left: 10px solid #28abe2;
/*margin: 20px;*/
margin-top: 20px;
margin-bottom: 20px;
display: block;
}

blockquote p
{
color: #fff;	
font-size: 30px;
font-weight: bold;
line-height: 40px;
}

	blockquote .author, .entry-content blockquote .author, .mceContentBody blockquote .author
	{	
	font-size: 16px;	
	/*float: right;*/
	}

.copyright
{
font-size: 14px;
}

a img
{
border: 0px;
}

img /* gets rid of default wp img shadow */
{
box-shadow: none;	
vertical-align: middle;/* a fix used to get rid of margin at bottom of images */	
}

img.alignright /* gets rid of default margin thats added when aligning images to the right in the editor */
{
margin: 0px;
margin-left: 30px;	
margin-bottom: 25px
}		

.entry-content img.alignleft /* gets rid of default margin thats added when aligning images to the right in the editor */
{
margin: 0px;
margin-right: 30px;	
margin-bottom: 25px
}					

#image-navigation .previous-image /* this fixes the image alignment on WP attachment pages. Images were occasionally floating right */
{
float: none;
}
	
.responsive_image
{
max-width: 100%;
height: auto;	
}

.flexible_image
{
height: auto;
/*background-image: url("/wp-content/themes/responsive_1/images/banner_images_1550_5.jpg");*/
background-repeat: no-repeat;
/*background-position: 50% 50%;*/
background-position: left center; /* make it cut itself from the left */
/*background-position: right center;*/
background-size: 100%;
background-color: transparent;
background-size: cover;
min-height: 400px;

}

									
.more, a.more, .less, a.less, .entry-content a.more
{
cursor: pointer;
margin: 0px 0px 0px 0px;
margin-top: 10px !important;
padding: 10px;
/*color: #C93409;*/
/*display: block;*/
display: inline-block;
font-size: 26px;
line-height: 32px;
border: 2px solid #feefd9;
/*background-color: #E2E0D4;*/
}		


.float_right
{
float: right;
}		
			
hr
{
color: #9EA2A5;
color: #ddd;
width: 90%;
height: 1px;
border: 1px solid #ddd;
}
	
.clear_all
{
clear: both;
}
	
/* to remove round border and shadow from images in the content area */
.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
   /* border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);*/
	 border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}

.button_1
{
margin: 0 auto;
text-align: center;
padding: 10px 20px 10px 20px;
background-color: #28abe2;
color: #fff !important;
font-weight: bold;
font-size: 22px;
line-height: 28px;	
display: inline-block;
margin-bottom: 10px;

border: 2px solid #AABBCB;
-moz-border-radius: 60px;  
-webkit-border-radius: 60px;  
border-radius: 60px; 

-webkit-box-shadow: 2px 2px 3px #a2a2a2;
-moz-box-shadow: 2px 2px 3px #a2a2a2;
box-shadow: 2px 2px 3px #a2a2a2;	
}

	.button_1.white
	{
	background-color: none;
	border-color: #fff;
	box-shadow: none;	
	}

.button_2
{
margin: 0 auto;
text-align: center;
padding: 20px 20px 20px 20px;
background-color: #000;
background-color: #DD8500;
color: #fff !important;
font-weight: bold;
font-size: 28px;
line-height: 28px;	
display: inline-block;
margin: 10px;
/*min-width: 400px;*/

border: 2px solid #606060;
border: 2px solid #9D5F01;
-moz-border-radius: 8px;  
-webkit-border-radius: 8px;  
border-radius: 8px;
}

.button_3
{
margin: 0 auto;
text-align: center;
padding: 10px 20px 10px 20px;
background-color: #DDE4EA;
color: #3e424d !important;
font-weight: normal;
font-size: 18px;
line-height: 24px;	
display: inline-block;
margin-bottom: 10px;

border: 2px solid #3e424d;
/*-moz-border-radius: 60px;  
-webkit-border-radius: 60px;  
border-radius: 60px; */

/*-webkit-box-shadow: 2px 2px 3px #a2a2a2;
-moz-box-shadow: 2px 2px 3px #a2a2a2;
box-shadow: 2px 2px 3px #a2a2a2;	*/
}

	.button_3.white
	{
	background-color: #fff;
	color: #3e424d !important;
	border: 2px solid #3e424d;	
	}

/***** COLORS *****

lt blue #28abe2
med blue #2076bc
dk blue #292865

/*******************/

.home_appt_button.button_3
{
background-color: #28abe2;
background-color: #DDE4EA;	
}

h2.reviews
{
font-size: 44px;
color: #fff;
margin: 0 auto;	
padding-top: 40px;
text-align: center;	
background-color: #28abe2;
}


/**** MAIN LAYOUT ****/

#mobile_nav_bar
{	
/*padding-left: 20px;
padding-right: 20px;*/
border-top: 0px solid #606060;
border-bottom: 0px solid #606060;
/*background: #343434 url('images/tiling_bg_mobile.jpg') left top repeat-x;*/
background-color: #AABBCB;
position: fixed;
top: 0px;
z-index: 10000;
width: 100%;
height: 44px;
cursor: pointer;

/*background-image: -webkit-linear-gradient(top, #343434, #595959); 
background-image:    -moz-linear-gradient(top, #343434, #595959);
background-image:     -ms-linear-gradient(top, #343434, #595959); 
background-image:      -o-linear-gradient(top, #343434, #595959); 
background-image:         linear-gradient(to bottom, #343434, #595959); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#343434', endColorstr='#595959'); */

/*-webkit-box-shadow: 0 8px 6px -6px #5a5a5a;
-moz-box-shadow: 0 8px 6px -6px #5a5a5a;
box-shadow: 0 8px 6px -6px #5a5a5a;*/

display: none;
}


	#mobile_nav_bar_2
	{
	height: 100%;
	font-size: 14px;
	line-height: 14px;
	background:transparent url('images/nav_icon.png') left 3px no-repeat;
	cursor: pointer;	
	border: 0px solid red;	
	/*width: 200px;*/
	position: absolute;
	left: 20px;			
	padding-left: 40px;
	/*float: right;*/
	
	display: none; /* hide nav icon if using nav plugin */
	}
	
	#mobile_nav_bar a
	{
	color: #fff;
	position: relative;
	top: 22px;
	border: 0px solid yellow;
	height: 100%;
	}
	
		#open_nav_container_mobile, #close_nav_container_mobile
		{
		border: 0px solid yellow;	
		width: 90px;
		}

		#nav_tel_container_mobile
		{
		position: absolute;
		right: 10px;			
		top: 0px;
		font-size: 16px;
		/*width: 220px;*/
		display: block;			
		border: 0px solid #fff;	
		z-index: 20000;	
		}
		
			#nav_tel_container_mobile a
			{
			top: 0px;	
			background:transparent url('images/nav_icon_phone.png') left top no-repeat;
			width: 40px;
			height: 40px;
			display: block;		
			}
			
		#nav_email_container_mobile
		{
		border: 0px solid red;	
		position: absolute;
		right: 60px;			
		top: 1px;
		font-size: 16px;
		/*width: 220px;*/
		display: block;			
		z-index: 20000;	
		}
		
			#nav_email_container_mobile a
			{
			top: 0px;
			width: 40px;
			height: 40px;
			border: 0px solid #fff;	
			background:transparent url('images/nav_icon_email.png') left top no-repeat;			
			display: block;		
			}


#container_1,
.smaller #container_1
{
max-width: 9999px !important;
/*background:transparent url('images/tiling_bg_2_internal.jpg') left top repeat-x;*/
border-bottom: 0px solid red;
/*margin-top: 58px;*/
position: relative;
margin-top: 130px; /* this must match the height of any floating/fixed header unless the header is to overlay the rest of the site*/

}


.home #container_1
{
/*margin-top: 0px;*/ /* this must match the height of any floating/fixed header unless the header is to overlay the rest of the site*/
}


#container_2
{
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;	
text-align: center;
/*margin: 0 auto;*/
border: 0px solid yellow;
/*width: 100%;
height: 100%;*/
/*background:transparent url('images/sun_bg_lg.png') right top no-repeat;*/
}
							
	#header_1_container
	{	
	position: fixed;	
	top: 0px;	
	width: 100%;	
	/*min-width: 1200px;	*/
	/*background-image: url(images/header_bg.jpg);
	background-repeat: repeat-x; 	*/		
	/*border-top: 2px solid #606060;*/
	border-bottom: 0px solid red;
	z-index: 1000;
	margin-top: 0px;
	margin-bottom: 20px;			
	/*box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4);*/
	background-color: #fff;		
	/*background-image: -webkit-linear-gradient(top, #890D0D, #28abe2); 
	background-image:    -moz-linear-gradient(top, #890D0D, #28abe2);
	background-image:     -ms-linear-gradient(top, #890D0D, #28abe2); 
	background-image:      -o-linear-gradient(top, #890D0D, #28abe2); 
	background-image:         linear-gradient(to bottom, #890D0D, #28abe2); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#890D0D', endColorstr='#28abe2'); */
	}
			
		#header_2_container,	.home .smaller #header_2_container
		{			
		width: 100%;
		/*min-width: 1200px;	*/
		/*background-color: #f4f4f4;	*/
		border-bottom: 0px solid #606060;
		z-index: 2000;	
	   /*background-color: #EFF0F0;*/
		}	
		
			.home #header_2_container			
		   {		
			/*background: transparent;*/
			}
	
			#header_2
			{		
			position: relative;	
			left: 0px;	
			border: 0px solid green;
			/*width: 1200px;*/			
			height: 50px;
			text-align: left;		
			overflow: visible;			
			z-index: 1200;				
			margin: 0 auto;
			
			/*display: none;*/
			}		
			
				.header_2_button	
				{
				position: relative;
				top: 7px;
				font-size: 14px;
				line-height: 14px;
				color: #3e424d;
				border: 1px solid #3e424d;
				/*-moz-border-radius: 60px;  
				-webkit-border-radius: 60px;  
				border-radius: 60px; */
				display: inline;
				float: right;
			   padding: 10px;		
				margin-right: 20px;
				background-color: #aabbcb;
				background-color: #DDE4EA;
				/*-webkit-box-shadow: 2px 2px 3px #a2a2a2;
				-moz-box-shadow: 2px 2px 3px #a2a2a2;
				box-shadow: 2px 2px 3px #a2a2a2;*/
				}

		#social_buttons_1
		{
		border: 0px solid blue;	
		width: 170px;
		height: 46px;
		position: absolute;
		right: 350px;
		top: 4px;
		display: none;
		/*text-align: center;
		
		display: inline-block;	
		position: relative;
		top: 0px;			
		right: 230px;
		margin-bottom: 0px;	
		*/
		}
			
			#social_buttons_1 #linked_in_link, #social_buttons_1 #facebook_link, #social_buttons_1 #twitter_link, #social_buttons_1 #youtube_link, #social_buttons_1 #instagram_link
			{
			display: inline;	
			margin-right: 15px;
			}
			
	
		#header_1
		{		
		position: relative;				
		left: 0px;	
		border-bottom: 1px solid #fff;
		/*max-width: 1200px;*/		
		height: 180px;	/* remember to change container 1 top margin to match overall header height */	
		height: 90px;
		text-align: left;		
		overflow: visible;				
		z-index: 1100;
		/*background-color: #fff;*/
		margin: 0 auto;		
		width: 100%;
		
		-webkit-transition: all 0.5s;
	   -moz-transition: all 0.5s;
	   -ms-transition: all 0.5s;
	   -o-transition: all 0.5s;
	   transition: all 0.5s;
		}	
		
		.smaller #header_1
		{
		/*height: 110px;	*/
		height: 90px;					
		}	
							
				#logo
				{		
				position: absolute;	
				left: 20px;
				top: 5px;	
				border: 0px solid #3c3c3c;
				width: 240px;
				height: 84px;	
				overflow: hidden;
				display: block;					
				-webkit-transition: all 0.5s;
			   -moz-transition: all 0.5s;
			   -ms-transition: all 0.5s;
			   -o-transition: all 0.5s;
			   transition: all 0.5s;	
				z-index: 1000;
				}	
									
				.smaller #logo
				{				
				/*width: 240px;
				height: 71px;					
				left: 20px;
				top: 12px;*/
				margin: 0 0;					
				}						
		
													
					#nav_container
					{					
					/*width: 100%;	*/
					position: relative;				
					/*position: absolute;*/
					/*left: 500px;*/
					/*right: 20px;*/
					top: 61px;
					top: 16px;
					text-align: right;						
					z-index: 200;	
					padding-left: 15px;	
					margin-top: 0px;
					margin-bottom: 0px;
					padding-right: 150px;
					margin: 0 auto;
					display: block !important;
					-webkit-transition: all 0.3s;
				   -moz-transition: all 0.3s;
				   -ms-transition: all 0.3s;
				   -o-transition: all 0.3s;
				   transition: all 0.5s;
					border: 0px solid green;	
					/*border-top: 0px solid #606060;*/	
					/*background-color: #EFF0F0;*/
					}	
					
					.smaller #nav_container
					{
					top: 16px;	
					border-bottom: 0px solid #606060;
					background-color: transparent;
					}													
					
					#nav_container_mobile_wrapper		
					{			
					z-index: 10000;			
					}
				
					#nav_container_mobile	
					{
					position: fixed;	
					top: 50px;
					z-index: 10000;
					}				

					#wide_shadow
					{
					position: absolute;			
					bottom: -41px;	/* for wide shadow */
					/*bottom: -29px;	 for other shadow */			
					border: 0px solid black;
					/* this keeps it centered even when it is absolute */					 
					left:0;
					right:0;
					margin-left:auto;
					margin-right:auto;
					
				   }								
	
/*********** Home page content container *********/
			
			.home_page_content_container
			{
			margin-top: 0px;		
			margin-bottom: 0px;		
			border: 0px solid #000;					
			
			/*background: #606060 url('images/bgd.gif') repeat;*/
			border-top: 0px solid #606060;
			border-bottom: 2px solid #fff;
			text-align: left;
			/*font-family: 'Montserrat', sans-serif;
			font-weight: 400;*/
			position: relative;
			text-align: center;
			}
			
				.home_page_content
				{
				max-width: 800px;
				/*margin-bottom: 35px;*/				
				font-size: 28px;
				line-height: 42px !important;				
				margin: 0 auto;		
				color: #323232;	
				border: 0px solid yellow;	
				}
					
					.home_page_content_padding
					{				
					padding: 60px 20px 60px 20px;	
					border: 0px solid #000;		
					overflow: hidden;		
					}
					
					.right .home_page_content_padding
					{				
					padding-right: 0px;									
					}
					
					
						.home_page_content h2
						{									
						font-size: 42px;
						line-height: 56px;						
						color: #28abe2;
						color: #3e424d;
						margin-bottom: 30px;
						border: 0px solid green;
						}
					
						.home_page_content hr
						{			
						color: #913233;	
						border-color: #913233;						
						}
						
						.home_page_content .quote
						{
						font-size: 20px;
						line-height: 32px;
						/*display: none;						*/
						}
						
						.button_finger
						{
						position: relative;
						margin: 0 auto;
						text-align: left;
						padding: 12px 20px 12px 20px;
						background-color: #28abe2;
						color: #fff !important;
						font-weight: bold;
						font-size: 22px;
						line-height: 28px;	
						display: block;
						margin-bottom: 20px;						
						
						border: 2px solid #AABBCB;
						border-radius: 100px 0px 0px 100px;
						border-right: 0px;
						
						-webkit-box-shadow: 2px 2px 3px #a2a2a2;
						-moz-box-shadow: 2px 2px 3px #a2a2a2;
						box-shadow: 2px 2px 3px #a2a2a2;
						
						-webkit-transition: all 0.3s;
						-moz-transition: all 0.3s;
						-ms-transition: all 0.3s;
						-o-transition: all 0.3s;
						transition: all 0.5s;
							
						right: -60px;	
						overflow: hidden;
						}
						
							.button_finger:hover 
							{
							right: 0px;
							/*padding: 15px 20px 15px 20px;*/
							}
						
						.button_finger #check_1
						{
						/*width: 0px;
						height: 0px;	*/
						/*display: none;*/
						}
						
						.button_finger .check
						{
						margin-right: 10px;
						display: none;	
						}
						
						.home_page_content .quote .author
						{
						font-size: 16px;
						font-style: italic;	
						}
						
/*********** END Home page content container *********/


/*********** START page content container 2 *********/

			.home_page_content_container_2
			{
			margin-top: 0px;		
			margin-bottom: 20px !important;		
			border: 0px solid #000;					
			
			/*background: #606060 url('images/bgd.gif') repeat;*/
			/*background-color: #28abe2;*/
			background-color: #aabbcb;
			background-color: #DDE4EA;
			border-top: 0px solid #606060;
			border-bottom: 2px solid #fff;
			text-align: left;
			/*font-family: 'Montserrat', sans-serif;
			font-weight: 400;*/
			position: relative;
			}
			
				.home_page_content_2
				{
				/*max-width: 800px;*/
				/*margin-bottom: 35px;*/				
				font-size: 28px;
				line-height: 42px !important;				
				margin: 0 auto;		
				/*color: #fff;*/
				color: #3e424d; 					
				border: 0px solid yellow;	
				}
					
					.home_page_content_2_padding
					{				
					padding: 60px 20px 60px 20px;	
					border: 0px solid #000;		
					overflow: hidden;		
					}
					
					.right .home_page_content_2_padding
					{				
					padding: 0px;												
					}
					
					.right .home_page_content_2_padding img
					{
					/*width: 100%;*/
					max-width: 100%;
  					height: auto;
					/*background-image: url(images/contact_bg.jpg);
					background-position: center;
					background-repeat: no-repeat;
					background-size: cover;	*/
					}
					
					
						.home_page_content_2 h2
						{									
						font-size: 42px;
						line-height: 56px;						
						color: #3e424d;						
						margin-bottom: 30px;
						border: 0px solid green;
						}
					
						.home_page_content_2 hr
						{			
						color: #fff;	
						border-color: #fff;						
						}
						
						.home_page_content_2 .quote
						{
						font-size: 20px;
						line-height: 32px;
						/*display: none;	*/
						}		
						
						.home_page_content .quote .author
						{
						font-size: 16px;
						font-style: italic;	
						}
						
/*********** END Home page content container 2 *********/
								
									
	
		#container_3
		{
		width: 100%;
		text-align: left;
		text-align: center;
		margin: 0 auto;
		border: 0px solid red;	
		/*margin-top: 25px;		*/
		}	

	
			#content_container
			{
			position: relative;
			left: 0px;
			/*width: 100%;*/
			border: 0px solid yellow;			
			padding-top: 0px;
			margin-bottom: 25px;	
			margin-bottom: 0px;	
			margin-top: 70px;
			margin-top: 0px;
				
			text-align: center;
			}
				
				.home #content_container
				{
				margin-top: 0px;
				margin-bottom: 0px;
				}
			
			#content_container_2
			{
			/*width: 100%;*/
			border: 0px solid green;		
			padding-top: 0px;
			margin-bottom: 0px;	
			margin: 0 auto;	
			text-align: left;
			/*background-image: url(images/border_grey.gif); 
			background-repeat: repeat-y;
			background-position: 250px 20px;*/
			/*padding-left: 20px;
			padding-right: 20px;*/
			}			
						
						
					
				#main_content
				{
				position: relative;	
				left: 0px;		
				/*float: left;	*/
				text-align: left;				
				/*width: 654px;*/
				/*border: 0px solid #94BCE4;*/
				/*display: none;*/	
				
				border: 0px solid #000;			
				}		
				
					.home #main_content
					{
					display: none;	
					}
								
				#main_content.box
				{				
				padding: 0px;				
				}				
		
					/*#main_content_padding, #posts_on_home_page*/
					.main_content_padding
					{
					border: 0px solid red;						
					/*padding-right: 300px;
					padding-bottom: 80px;*/
					padding: 80px 10vw 60px 10vw;
					}					
									
						.home .main_content_padding
						{	
						/*border: 1px solid green;			
						padding-top: 40px;*/
						}	
						
						.page-id-625 .main_content_padding /* change padding for gallery page so thumbnails spread out widthways */
						{	
						padding-left: 50px;						
						padding-right: 50px;
						}	
						
					
					html .mceContentBody /* set the width of the editor area in wp admin */
					{
					width: 800px;
					max-width: none; /* leave this here! */
					}				
									
					
						#title_container, #category_container
						{
						position: relative;
						left: 0px;
						top: 0px;
						/*width: 610px;*/
						border: 0px solid yellow;
						margin-top: 28px;
						margin-bottom: 50px;
						border-bottom: 0px solid #d1d1d1; /* use to add underline to main titles */
						}		
					
					
					.group_class_times
					{
					/*text-transform: uppercase;	*/
					display: block;
					padding: 20px;
					background-color: #121212;
					color: #fff;
					font-weight: bold;
					text-align: center;
					}
						
			#footer_promo_text_container
			{
			border-top: 0px solid #dbe2e9;	
			border-bottom: 0px solid #202020;				
			text-align: center;			
			margin-bottom: 0px;	
			padding: 40px 20px 40px 20px; 		
			/*margin: 0 auto;*/
			text-align: center;
			background-color: #28abe2;		
			background-image: -webkit-linear-gradient(top, #890D0D, #28abe2); 
background-image:    -moz-linear-gradient(top, #890D0D, #28abe2);
background-image:     -ms-linear-gradient(top, #890D0D, #28abe2); 
background-image:      -o-linear-gradient(top, #890D0D, #28abe2); 
background-image:         linear-gradient(to bottom, #890D0D, #28abe2); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#890D0D', endColorstr='#28abe2'); 
			position: relative;
			
			display: none;		
			}
		
				#footer_promo_text
				{	
				border: 0px solid red;			
				text-align: center;
				color: #fff;					
				/*max-width: 1200px;*/
				margin: 0 auto;
				/*min-height: 200px;	*/
				}
				
					#footer_promo_text_padding
					{						
					padding: 20px;
					}
					
						#footer_promo_text h1, #footer_promo_text_container h1, #clients_container
						{			
						color: #202020;
						font-size: 28px !important;
						background-color: #f2f2f2;	
						padding-top: 20px;	
						padding-bottom: 20px;						
						}
						
						#footer_promo_text h2
						{			
						color: #202020;
						color: #28abe2;
						color: #fff;
						font-size: 32px !important;
						line-height: 40px;
						margin-bottom: 20px !important;
						}		
						
						#footer_promo_text h2 .alt
						{			
						color: #28abe2;	
						text-shadow: 1px 1px 0px #fff;						
						}		
						
						#footer_promo_text img
						{			
						padding: 10px;
						}							
													
			
		#footer
		{
		position: relative;
		left: 0px;
		bottom: 0px;
		padding: 30px;
		text-align: center;
		margin: 0 auto;
		margin-top: 17px;
		margin-top: 0px;
		border-top: 8px solid #AABBCB;		
		/*height: 225px;*/
		/*width: 1000px;*/
		width: 100%;
		display: block;
		/*background:transparent url('images/footer_bg.jpg') center top no-repeat;	
		background-position: center top;			*/			
		background-color: #484f5b;
		/*display: none;*/
		}

/***** COLORS *****

E2E0D4 dk blue
007DC6 med blue
#94BCE4 lt blue

/*******************/
		
		#footer_2
		{
		text-align: left;	
		border: 0px solid red; 
		width: 100%;
		}
		
		
			.footer_links
			{
			border: 0px solid yellow; 
			max-width: 850px;
			/*margin: 0 auto;*/
			/*padding: 10px;*/
			
			/*width: 980px;	
			width: 50%;	*/			
			margin-bottom: 0px;
			position: relative;
			/*left: 20px;*/
			}
			
				.footer_links h2
				{
				color: #242424;	
				}
			
				.footer_links ul
				{								
				list-style: none;
				margin: 0px;	
				/*margin-bottom: 30px !important;	
				margin-right: 40px !important;		*/
				padding: 0px;				
				/*float: left;	*/
				/*width: 210px;*/
				border: 0px solid red;	
				max-width: 200px;			
				}
				
					.footer_links ul .last
					{								
					/*border-right: 1px dotted #939393;	*/
					}
				
					
					.footer_links ul li
					{								
					border-left: 4px solid #fff;
					line-height:normal;
					margin: 0;
					margin-top: 0px;
					margin-bottom: 5px;
					padding: 0 !important;
					background-color: #28abe2;
					background-color:#AABBCB;	
					}						
						
					.footer_links ul li .text
					{
					color: #484F5B !important;	
					padding-left: 20px !important;			
					margin: 0px !important;
					font-size: 14px;
					line-height: 34px ; /* use this to vertically space the links */
					border: 0px solid green;							
					display: block;						
					}					

					.footer_links ul li a:hover
					{								
					color: #606060;								
					text-shadow: 0 0 6px #fff;		
					transition: none 0s ease 0s;
					}
					
					
					.footer_links.second ul li a /* second set of footer links */
					{	
					color: #fff !important;				
					font-size: 12px;							
					/*text-shadow: 1px 1px 0px #000;*/
					}
					

			#social_buttons_2
			{
			text-align: center;
			border: 0px solid green;	
			/*display: none;	*/
			position: absolute;
			top: 40px;			
			right: 230px;
			margin-bottom: 20px;	
			
			display: none;		
			}
				
				#social_buttons_2 #linked_in_link, #social_buttons_2 #facebook_link, #social_buttons_2 #twitter_link, #social_buttons_2 #youtube_link, #social_buttons_2 #instagram_link
				{
				display: inline;	
				margin-right: 15px;
				}
						
			#footer_logo
			{
			position: absolute;	
			right: 20px;
			top: 30px;	
			border: 0px solid #c3c4b2;		
			display: block;			
			}
	
			#ministry_logo
			{
			position: absolute;	
			right: 30px;
			top: 120px;	
			border: 0px solid #c3c4b2;		
			display: block;	
			}
		
				
			#website_by
			{			
			/*position: absolute;
			top: 112px;
			left: 430px;*/
			font-size: 12px;
			line-height: 18px;
			border: 0px solid red;
			color: #f4f4f4;
			margin: 0 auto;	
			margin-top: 20px;
			/*text-shadow: 1px 1px 0px #424242;	*/
			padding-bottom: 20px;
			padding-left: 20px;
			padding-right: 20px;
			text-align: center;
			}
			
				#website_by a
				{
				color: #f4f4f4;
				}




/******************* STATIC BANNER *****************/

.banner_wrapper /* wraps everything */
{
position: relative;
border: 0px solid #ccc;
border-left: 0px;
border-right: 0px;
border-top: 0px;
margin: 0 auto;	
z-index: 0;	
width: 100%;
padding: 0px;
margin-bottom: 20px;
text-align: center;
}

.banner_wrapper.home
{
text-align: left;	

}

	.banner_content_wrapper /* wraps each individual banner and content */
	{
	position: absolute;
	bottom: -50px;
	
	
	z-index: 1;		
	margin: 0 auto;
	text-align: left;
	width: 100%;
	border: 0px solid red;	
	}
	
	.banner_wrapper.home .banner_content_wrapper
	{
	bottom: auto;
	top: 180px;	
	left: 0px;	
	width: auto;
	}
		
		.banner_content_wrapper .banner_content
		{
		position: relative;
		
		padding: 30px 40px 30px 40px;			
		margin: 0 auto;
		font-family: oswald,'Montserrat', sans-serif;
		font-weight: regular;	/* used to pick between 'light' or 'regular' font thickness. Look at include code in head to see options*/		
		z-index: 100;			
		text-align: center;			
		/*background-color: rgba(0, 0, 0, 0.40);*/ /* used RGB so I can use opacity (0.30)*/		
		background-color: #28abe2;
		background-color: #2076bc;
		background-color: rgba(32, 118, 188, 0.92); /* used RGB so I can use opacity (0.30) */	
		color: #262626;
		color: #fff;
		border: 0px solid red;
		
		display: block;	
		width: 60vw;
		/*max-width: 750px;*/		
		}
		
		.banner_wrapper.home .banner_content_wrapper .banner_content
		{
		color: #262626;
		/*color: #292865;*/
		background-color: rgba(266, 266, 266, 0.60); /* used RGB so I can use opacity (0.30) */			
		background-color: rgba(0, 0, 0, 0.60); /* used RGB so I can use opacity (0.30) */			
		background-color: rgba(170, 187, 203, 0.40); /* used RGB so I can use opacity (0.30) */			
		}
		
		
			.banner_content .title
			{	
			font-size: 60px;
			font-weight: regular;
			line-height: 80px;
			padding: 0px 0px 0px 0px;		
			margin: 0px 0px 20px 0px;		
			border: 0px solid yellow;			
			/*text-shadow: 1px 1px 1px #424242;*/
			}
			
				.banner_content .alt_color
				{
				/*text-shadow: 0px 0px 50px #fff;	*/
				}
							
			.banner_content .title_2
			{				
			padding: 0px 0px 0px 0px;		
			margin: 0px 0px 0px 0px;		
			}
			
			.banner_content .details
			{	
			font-size: 26px;	
		   line-height: 34px;			
			padding: 0px 0px 0px 0px;		
			margin: 0px 0px 0px 0px;							
			border: 0px solid green;			
			/*background-color: rgba(250, 250, 250, 0.3);	
			background-color: rgba(0, 0, 0, 0.50);*/ /* used RGB so I can use opacity (0.30) */		
			
			}
			
				.banner_content .details ul
				{
				max-width: 550px;	
				margin: 0 auto;
				}
				
				.banner_content .details ul li
				{
				/*padding: 15px 0px 15px 0px;		
				border-bottom: 1px solid #B0D7F6;	
				border-bottom: 1px solid #000;	
				border-bottom: 1px dotted #ddd;	
				display: inline-block;*/
				
				
				font-size: 14px;	
				line-height: 26px;
				font-weight: bold;	
				padding: 10px;						
				border-bottom: 0px dotted #ddd;	
				margin-bottom: 10px;
				margin-right: 6px;
				background-color: rgba(0, 0, 0, 0.60); /* used RGB so I can use opacity (0.30) */		
				/*background-color: rgba(260, 260, 260, 0.30);*/ /* used RGB so I can use opacity (0.30) */		
				display: inline-block;	
				text-align: center;
				text-transform: uppercase;		
				width: 240px;				
				}
				
				.banner_content .details ul li.last
				{				
				border-bottom: 0px solid #B0D7F6;	
				}
				
				.banner_content .details ul li, .banner_content .details ul li a
				{
				color: #28abe2;	
				}
			
			.banner_content .call_to_action
			{
			width: 100%;
			font-size: 30px;
			line-height: 60px;
			background-color: #e62330;
			border: 2px solid #202020;
			color: #fff;
			text-align: center;
			margin-top: 20px;
			}
			
				.banner_content a .call_to_action
				{				
				color: #fff;				
				}


/****** BOX SETTINGS *****************/

.box_border
{
border: 1px solid #d1d1d1;	
}

.box_bottom_margin
{
margin-bottom: 20px;	
}

.box_padding
{
/*margin: 0px 0px 0px 0px;*/
padding: 20px;			
/*background-color: #ffffff;
height: 170px;*/
}
					
	
	.box_sub_title
	{
	font-weight: bold;
	margin: 0px 0px 4px 0px;		
	}


.round_corners
{
border: 2px solid #007DC6;
-moz-border-radius: 10px;  
-webkit-border-radius: 10px;  
border-radius: 10px;
background-color: #fff;  	
}


img.round_image
{

border: 5px solid #d6eabf;border: 5px solid #76BA29;

-moz-border-radius: 1000px;  
-webkit-border-radius: 1000px;  
border-radius: 1000px;  
}


.round_corners_2, .entry-content .round_corners_2
{
border-radius: 30px 30px 30px 0px;
}

.round_corners_3, #main_content .entry-content img.round_corners_3
{
border-radius: 80px 0;
border: 2px solid #76BA29;
}


.drop_shadow
{
-webkit-box-shadow: 2px 2px 3px #d1d1d1;
-moz-box-shadow: 2px 2px 3px #d1d1d1;
box-shadow: 2px 2px 3px #d1d1d1;
}

.drop_shadow_dark
{
-webkit-box-shadow: 2px 2px 3px #3e3e3e;
-moz-box-shadow: 2px 2px 3px #3e3e3e;
box-shadow: 2px 2px 3px #3e3e3e;
}

.box_shade_top
{
background-image: url(images/box_shade_top.png);
background-position: top left;
background-repeat: repeat-x;			
}

.box_shade_top_wht
{
background-image: url(images/box_shade_top_wht.png);
background-position: top left;
background-repeat: repeat-x;			
}

.box_shade_btm
{
background-image: url(images/box_shade_btm.png);
background-position: bottom left;
background-repeat: repeat-x;			
}

.box_shade_btm_tall
{
background-image: url(images/box_shade_btm_tall.png);
background-position: bottom left;
background-repeat: repeat-x;			
}



/*********** RESPONSIVE FULL WIDTH PROMO BOXES **************/
		
	.responsive_promo_box_container
	{
	background-color: #fff;
	padding-bottom: 20px;	
	/*padding-top: 20px;*/
	border: 0px solid #000;	
	max-width: 2000px;
	margin: 0 auto;
	}
					
		.responsive_promo_box_wrapper
		{
		background-color: #606060;	
		background: none !important;		
		margin: 0px;
		padding: 0px;
		margin-bottom: 0px;
		}
		
		.responsive_promo_box_wrapper.two
		{
		/*background-color: #f1f1f1 !important;
		background: none !important;*/
		}
		
		.responsive_promo_box_wrapper.last
		{
		margin-bottom: 0px;
		}

		.responsive_promo_box_wrapper.four
		{
		/*background-color: #dfae3d;*/
		}
		
		.responsive_promo_box
		{
		/*background-color: red;*/
		border: 0px solid blue;		
		margin: 0 auto;
		margin-bottom: 0px;
		padding: 0px;	
		/*width: 100%;*/
		max-width: none;	
			
		/* This line is the setting to modify in media queries to reduce size of box and image. !!! This needs to match the min-height of the .content class below. Also needs to keep matching in media queries */
		min-height: 400px; 		
		
		text-align: left;	
		position: relative;	
		overflow: hidden;
		}
		
			.responsive_promo_box .responsive_image /* image on right */
			{
			display: block;
			height: 100%;	
			position: absolute;
			top: 0px;
			right: 0px; /*REMOVE this for image reduction on RIGHT sides of image */
			left: auto;
			border: 0px solid red;
			min-width: 0px;
			min-height: 0px;
			
			/*REPLACE these two lines for image reduction on RIGHT sides of image */
			/*margin: 0 0 0 0px; 
			/*left: 55%;	*/
			}
			
			.responsive_promo_box.image_left .responsive_image /* image on left */
			{			
			right: auto;
			left: 0px;
			
			/*left: 50%; /*REPLACE these two lines for image reduction on RIGHT sides of image */
			/*margin: 0 0 0 -650px;*/
			}
			
			.responsive_promo_box .content
			{	
			position: relative;					
			border: 0px solid yellow;	
			color: #323232;			
			font-size: 20px;			
			line-height: 32px;
			/*font-family: Museo Sans;*/
			/*margin: 0px;*/
			padding-top: 40px;			
			padding-left: 40px;
			padding-right: 40px;
			/*background-color: #007DC6;	*/
			max-width: 540px;
			
			/*!!! This needs to match the min-height of its container. Also needs to keep matching in media queries */
			/*!!! Remove if you want content in a smaller bar */
			min-height: 400px; 
			
			display: block;
			z-index: 100;
			/*left: 20%;*/			
			left: 50%;
			}
			
						
			.responsive_promo_box.image_left .content
			{				
			margin: 0 0 0 20px; /* use this setting to move content left or right */
			max-width: 540px;
			background: rgba(0, 0, 0, 0) linear-gradient(to right, transparent 0%, #f1f1f1 20%) repeat scroll 0 0;
			background: rgba(0, 0, 0, 0) linear-gradient(to right, transparent 0%, #fff 20%) repeat scroll 0 0;
			background-color: #fff; /* use this for non-gradual bg color */
			/*display: none;*/
			}
			
			.responsive_promo_box.image_right .content
			{			
			/*color: #fff;	*/
			margin: 0 0 0 -520px; /* use this setting to move content left or right */
			background: rgba(0, 0, 0, 0) linear-gradient(to left, transparent 0%, #606060 20%) repeat scroll 0 0;
			background: rgba(0, 0, 0, 0) linear-gradient(to left, transparent 0%, #fff 20%) repeat scroll 0 0;
			
			/*display: none;*/
			}
			
				.responsive_promo_box .content h2
				{						
				color: #323232;
				font-size: 42px;
				line-height: 50px;
				margin-bottom: 30px;
				/*text-shadow: 2px 2px 2px #000;*/
				}
				
				.responsive_promo_box.image_right .content h2
				{	
				/*color: #606060;
				color: #fff;*/
				}
				
				.responsive_promo_box .content a
				{						
				/*color: #424242;	*/
				}	
				
				.responsive_promo_box.image_right .content a
				{						
				/*color: #fff;	*/
				}	
				
				.responsive_promo_box .content a:hover
				{						
				color: #fff;		
				}						
						
				
				.responsive_promo_box.image_left a.more
				{
				cursor: pointer;
				margin: 0px 0px 0px 0px;
				margin-top: 10px !important;
				padding: 10px 30px 10px 30px;				
				color: #fff;		
				/*display: block;*/
				display: inline-block;
				font-size: 14px;
				font-weight: bold;
				line-height: 24px;
				text-transform: uppercase;
				border: 1px solid #28abe2;
				-moz-border-radius: 4px;  
				-webkit-border-radius: 4px;  
				border-radius: 4px;	
				/*background-color: rgba(0, 0, 0, 0.70);*/ /* used RGB so I can use opacity (0.30) */	
				background-color: #890D0D;
				}
				
					.responsive_promo_box.image_left a.more:hover
					{
					color: #fff;		
					}
					
				
				.responsive_promo_box.image_right a.more
				{
				cursor: pointer;
				margin: 0px 0px 0px 0px;
				margin-top: 10px !important;
				padding: 10px;
				/*color: #fff;*/
				/*display: block;*/
				display: inline-block;
				font-size: 20px;
				line-height: 28px;
				border: 2px solid #fff;		
				/*background-color: #f1f1f1; */
				}				
				
/*******************************************/

/******** ROW OF BOXES - INVISALIGN *********/

#invisalign_boxes_wrapper
{
width: 100%;
padding-top: 0vw !important;
padding-bottom: 20px;
background-color: #DDE4EA;	
}

	.invisalign_boxes
	{
	display: flex;  
	justify-content: space-around;
	justify-content: space-between;
	justify-content: space-evenly;
	
	border: 0px solid #000; 		
	position: relative;	
	/*width: 90vw;*/
	margin: 0 5vw;		
	margin-bottom: 20px;	
	background-color: transparent;
	background-color: #DDE4EA;	
	min-height: 300px;	
	}
	
		/*.invisalign_boxes.container
		{			
		max-width: 100%;		
		margin-bottom: 40px;
		}*/		
		
			.invisalign_boxes.container .eight.columns /* represents each box */
			{				
			/*position: relative;			
			border-top: 0px;
			border-bottom: 0px;
			border: 0px solid red;			
			margin: 0px;*/
			
			/*width: 33.3%;*/
			}
			
				.invisalign_boxes .promo_image
				{		
				margin: 0px !important;
				padding: 0px !important;		
				border: 0px solid green;	
				height: auto;
				width: 100%;
				}	
			
				.invisalign_boxes .content
				{	
				flex-grow: 1;	
				flex-basis: 0;
				border: 0px solid #02aef3;
				text-align: left;		
				padding: 40px 40px 40px 40px !important;
				margin: 20px !important;
				background-color: #fff;
				/*box-shadow: 0 3px 19px 0 rgba(0,0,0,.5);*/
				}
				
				.invisalign_boxes .second .content
				{		
				border: 0px solid #A5935B;				
				}				
			
				.invisalign_boxes .columns .content_padding
				{			
				/*padding: 40px 40px 40px 40px !important;*/
				border: 0px solid orange;	
				}	
				
					.invisalign_boxes h2 
					{						
					font-size: 32px;
					font-weight: bold;					
					color: #2076bc;	
					padding: 0px !important;
					margin-bottom: 0px;
					border: 0px solid red;
					}
					
						.invisalign_boxes h2 .alt_color 
						{	
						color: #28abe2;	
						}

					.invisalign_boxes .second h2 
					{						
					color: #28abe2;		
					color: #2076bc;				
					}
	
					h2.invisalign_main_title
					{
					font-size: 48px;
					color: #3e424d !important;					
					text-align: center;	
					margin-bottom: 20px;
					/*text-shadow: 2px 2px 2px #fff;*/
					}
											
					.invisalign_boxes .first a
					{
					color: #2076bc;
					font-size: 16px;
					}
					
					.invisalign_boxes .second a
					{
					color: #2076bc;
					font-size: 16px;
					}					
			
		

/******** ROW OF BOXES - Contact boxes *********/

#contact_boxes_wrapper
{
width: 100%;
/*background-image: url(images/patients_2.jpg);*/	
background-image: url(images/three_children.jpg);	
background-size: contain;
background-repeat: no-repeat;
padding-top: 50vw !important;
margin-bottom: 40px;
}

	.contact_boxes
	{
	position: relative;
	/*top: 15vw;*/
	width: 80vw;
	margin: 0 5vw;
		
	list-style: none outside none;
	border: 0px solid black;
	
	display: block;
	background-color: #AABBCB;
	background-color: #aabbcb;
	/*background-image: url(images/contact_bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;*/
	/*min-height: 300px;*/
	padding-top: 40px !important;
	padding-bottom: 20px !important; 
	/*box-shadow: 0 3px 19px 0 rgba(0,0,0,.5);*/
	}
	
		.contact_boxes.container
		{			
		max-width: 100%;
		}
		
		
			.contact_boxes.container .one-third.column, .contact_boxes.container one-third.columns /* represents each box */
			{			
			/*min-width: 275px !important;		*/
			
			position: relative;			
			border-top: 0px;
			border-bottom: 0px;
			border: 0px solid orange;
			margin: 0px;
			/*width: 33.3%;*/
			}
			
				.contact_boxes .promo_image
				{		
				margin: 0px !important;
				padding: 0px !important;		
				border: 0px solid green;	
				height: auto;
				}	
			
				.contact_boxes .content
				{		
				border: 0px solid red;	
				text-align: center;		
				color: #484F5B;
				color: #3e424d;
				color: #fff;
				}
			
				.contact_boxes .columns .content_padding, .contact_boxes .column .content_padding
				{			
				padding: 40px 40px 20px 40px;
				border: 0px solid green;	
				}	
				
					.contact_boxes h2 
					{						
					font-size: 26px;
					font-weight: bold;
					color: #3e424d !important;		
					color: #fff !important; /* wht */						
					padding: 0px !important;
					margin-bottom: 0px;
					border: 0px solid red;
					}
	
					.contact_boxes h2.main_title
					{
					font-size: 44px;
					color: #28abe2 !important;
					color: #fff !important;
					text-align: center;	
					margin-bottom: 0px;
					/*text-shadow: 2px 2px 2px #fff;	*/
					}
											
					.contact_boxes a
					{
					color: #fff;
					color: #2076bc;	
					}
			
			
			/* FIRST BOX */
			
			.contact_boxes .first
			{
			/*margin-right: 26px;	*/	
			/*background-image: url(images/relaxed_lady_sm.png);
			background-position: right bottom;
			background-repeat: no-repeat;*/
			}
				
				.contact_boxes .first .content
				{
				
				}
		
						
			/* SECOND BOX */	
			
			.contact_boxes .second .content
			{
			
			}
				
				
			/* THIRD BOX */		
			
			.contact_boxes .third
			{			
			/*background-image: url(images/blonde_on_phone_sm.png);
			background-position: right bottom;
			background-repeat: no-repeat;	*/
			}
			
				.contact_boxes .third .content
				{
				
				}

/***** contact page ***/

.contact_info, .contact_info p
{
text-align: center;
padding-right: 40px;
}
		


/********* videos SECTION **************/

.videos.container
{
border: 0px solid #000;	
margin-top: 0px;
margin-bottom: 0px;
}
		
	.videos.container .column, .videos.container .columns
	{
	font-size: 20px;
	line-height: 28px;
	font-weight: bold;
	/*margin-bottom: 40px !important;*/
	background-color: #eaeaea;
	/*margin-right: 15px;*/
	padding: 20px 20px 20px 20px;
	
	}
	
	.videos.container .column.first, .videos.container .columns.first
	{
	padding-right: 10px;
	}
	
	.videos.container .column.last, .videos.container .columns.last
	{
	/*margin-right: 0px;*/
	padding-left: 10px;
	}
	
		.videos .column_padding
		{
		margin-left: 0px;
		margin-right: 0px;		
		/*background-color: #ccc;*/
		}	
	
		.videos .content
		{
		font-size: 16px;
		line-height: 24px;
		padding: 20px;	
		text-align: left;
		}


/***** MOBILE PHONE AND EMAIL BUTTONS *****/

/***** COLORS *****

#FF300A logo red
#cccccc logo orange

/*******************/
.page-id-7 #phone_button, .page-id-7 #email_button
{
/*position: relative;
top: -40px;	*/
}

.mobile_button
{
/*position: relative;*/
background-color: #FF300A; /* use the background-color on the 'a' attribute below if getting a mystery padding on the right */
/*background-image: -webkit-linear-gradient(top, #E51937, #850316); 
background-image:    -moz-linear-gradient(top, #E51937, #850316);
background-image:     -ms-linear-gradient(top, #E51937, #850316);
background-image:      -o-linear-gradient(top, #E51937, #850316); 
background-image:         linear-gradient(to bottom, #E51937, #850316);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E51937', endColorstr='#850316'); */

background-color: #94BCE4; 
background-image: url(images/header_bg.jpg); 
background-repeat: repeat-x; 
margin: 0 auto;
margin-bottom: 10px;

/*background-image: url(images/box_shade_btm.png);
background-position: bottom left;
background-repeat: repeat-x;		*/

border: 2px solid #007DC6;
max-width: 450px;
}
	
	.mobile_button a
	{
	font-size: 18px;
	line-height: 50px;	
	text-shadow: 0px 2px 2px #d1d1d1;	
	text-shadow: none;text-shadow: 1px 1px 1px #424242;	
	margin: 0 auto;
	color: #DDD3C7;
	}

#desktop_button.mobile_button
{
background-color: #969595;	
background-image: none;
text-shadow: none !important;
margin-bottom: 20px;
}

	#desktop_button.mobile_button a
	{
	text-shadow: none !important;	
	}

#desktop_button.mobile_button a
{
color: #DDD3C7 !important;
}

#phone_button, #email_button, #appointment_button, #lens_order_button, #desktop_button
{
text-align: center;
display: none;
}

#phone_button_2
{
background-image: url(images/phone_icon.png); 
background-repeat: no-repeat; 
background-position: 15px 5px;
}

	#phone_button a
	{	
	padding-left: 25px;
	border: 0px solid black;
	}


#email_button
{
margin-bottom: 30px;
}

	#email_button_2
	{
	background-image: url(images/email_icon.png); 
	background-repeat: no-repeat; 
	background-position: 15px 5px;
	}
	
		#email_button a
		{
		font-size: 18px;
		padding-left: 20px;
		border: 0px solid black;
		}


/***** COLORS *****

#94BCE4 logo red
#cccccc menu bg grey
#f4f4f4 body bg grey

/*******************/