@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 *****

logo red #bc1827
logo sandy brn #9b8478
logo blk 110d0d

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

*
{
box-sizing: border-box;
}

body, body .entry-content, body p, table, td, .default, body.custom-font-enabled
{
font-family: open sans, 'Montserrat', sans-serif;
font-family: 'Montserrat', sans-serif;
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: #000;
padding: 0px !important;
margin: 0px !important;
padding-top: 0px;	
text-align: left;
border: 0px !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: #bc1827; text-decoration: none}
a:link, .entry-content a:link {color: #bc1827; }
a:visited, .entry-content a:visited {color: #bc1827; }
a:hover, .entry-content a:hover {color: #bc1827;} 
a:active, .entry-content a:active {color: #bc1827; }


/* 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: #000;
/*color: #E2E0D4;*/
padding-bottom: 4px;
font-weight: normal;
}

.alt_color
{
color: #bc1827;
}

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;
}


.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: 26px;
line-height: 36px;
/*display: inline-block;*/
display: block;
border: 0px solid yellow;
margin: 0px 0px 10px 0px;
}

	.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 #bc1827;
/*margin: 20px;*/
margin-top: 20px;
margin-bottom: 20px;
display: block;
font-size: 26px;
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: 20px;	
margin-bottom: 15px
}					

#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-size: 100%;
background-color: transparent;
background-size: cover;
height: 300px;
}
									
.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;
width: 90%;
height: 1px;
border: 1px solid #9EA2A5;
}
	
.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);
}

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

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

a .promo_button
{
margin: 0 auto;
text-align: center;
padding: 20px 20px 20px 20px;
background-color: #000;
background-color: #bc1827;
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;
}

	a .promo_button .small
	{
	display: inline-block;
	font-size: 20px;
	margin-bottom: 6px;
	}

.button_group
{
text-align: center;
}

/**** 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: #9b8478;
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-top: 0px solid red;
/*margin-top: 58px;*/
position: relative;
margin-top: 220px; /* 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-color: transparent;
	/*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: rgba(0, 0, 0, 0) linear-gradient(to top, transparent 0%, #000 100%) repeat scroll 0 0;*/
	/*background-color: rgba(260, 260, 260, 0.80);		*/
	}
	
		#header_1_container.smaller
		{
		background-color: rgba(260, 260, 260, 0.90);			
		}
	
			
		#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: #000;*/
		}	
		
			.home #header_2_container			
		   {		
			/*background: transparent;*/
			}
	
			#header_2
			{		
			position: relative;	
			left: 0px;	
			border: 0px solid green;
			/*width: 1200px;*/			
			/*height: 20px;	*/
			text-align: left;		
			overflow: visible;			
			z-index: 1200;				
			margin: 0 auto;
			
			display: none;
			}			
		
		#header_1
		{		
		position: relative;				
		left: 0px;	
		border: 0px solid orange;
		/*max-width: 1200px;*/		
		height: 220px;	/* remember to change container 1 top margin to match overall header height */	
		/*height: 228px;*/
		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;						
		}	
							
				#logo
				{		
				/* positioned left */	
				position: absolute;	
				top: 15px;
				left: 50px;
						
				/* centered */
				/*position: relative;
				top: 7px;	
				margin: 0 auto;	*/						
				
				width: 137px;
				height: 166px;	
				
				width: 200px;
				height: 193px;
				
				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: 100px;
				height: 97px;					
				left: 20px;
				top: 6px;
				margin: 0 0;					
				}						
		
					
					.home #nav_container
					{
					top: 10px;
					}
													
					#nav_container
					{					
					/*width: 100%;	*/
					position: relative;				
					/*position: absolute;*/
					/*left: 500px;*/
					/*right: 20px;*/
					top: 75px;					
					text-align: right;						
					z-index: 200;	
					padding-left: 15px;	
					margin-top: 0px;
					margin-bottom: 0px;
					padding-right: 30px;
					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: #bc1827;*/
					}	
					
					.smaller #nav_container
					{
					top: 26px;	
					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
			{
			margin-top: 0px;		
			margin-bottom: 0px;		
			border: 0px solid #000;	
			background-color: #ededed;
			background-color: #9b8478;
			background-color: #D7CEC9;
			/*background: #606060 url('images/bgd.gif') repeat;*/
			border-top: 0px solid #606060;
			border-bottom: 2px solid #fff;
			text-align: center;
			/*font-family: 'Montserrat', sans-serif;
			font-weight: 400;*/
			}
			
				.home_page_content
				{
				Max-width: 800px;
				/*margin-bottom: 35px;*/				
				font-size: 28px;
				line-height: 42px !important;
				font-weight: bold;
				margin: 0 auto;		
				color: #110d0d;	
				border: 0px solid yellow;	
				}
					
					.home_page_content_padding
					{				
					padding: 60px 20px 60px 20px;				
					}
					
						.home_page_content h2
						{									
						font-size: 42px;
						line-height: 56px;						
						color: #110d0d;
						margin-bottom: 30px;
						border: 0px solid green;
						}
					
						.home_page_content hr
						{			
						color: #3c3c3c;	
						border-color: #3c3c3c;						
						}
						
						.home_page_content .quote
						{
						font-size: 28px;
						line-height: 44px;
						/*display: none;						*/
						}
						
						.home_page_content .quote .author
						{
						font-size: 16px;
						font-style: italic;	
						}
					
							
	
		#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-left: 300px;
					padding-top: 28px;
					padding-right: 300px;
					padding-bottom: 120px;
					}					
									
						.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 */
						}		
										
											
			#footer_promo_text_container
			{
			border-top: 0px solid #dbe2e9;	
			border-bottom: 0px solid #202020;				
			text-align: center;			
			margin-bottom: 0px;			
			/*margin: 0 auto;*/
			text-align: center;
			background-color: #fff;		
			/*background-image: url(images/goose-people-pattern.jpg); 			
			background-repeat: repeat-x repeat-y; 	*/
			
			display: none;
			}
		
				#footer_promo_text
				{	
				border: 0px solid red;			
				text-align: center;					
				/*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: #ed2324;
						font-size: 22px !important;
						line-height: 30px;
						margin-bottom: 0px !important;
						}		
						
						#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 #9b8478;		
		/*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: #110d0d;
		/*display: none;*/
		}

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

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

/*******************/
		
		#footer_2
		{
		text-align: left;	
		border: 0px solid black; 
		}
		
		
			.footer_links
			{
			border: 0px solid blue; 
			max-width: 850px;
			/*margin: 0 auto;*/
			/*padding: 10px;*/
			text-align: left;	
			/*width: 980px;	
			width: 50%;	*/
			border: 0px solid #242424;		
			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;				
				}
				
					.footer_links ul .last
					{								
					/*border-right: 1px dotted #939393;	*/
					}
				
					
					.footer_links ul li
					{								
					border: 0px solid yellow;
					line-height:normal;
					margin: 0;
					margin-top: 0px;
					margin-bottom: 5px;
					padding: 0 !important;
					background-color: #fff;						
					border-left: 4px solid #bc1827;
					border-right: 4px solid #bc1827;
					}						
						
					.footer_links ul li a
					{
					color: #110d0d !important;	
					padding-left: 20px !important;			
					margin: 0px !important;
					font-size: 14px;
					font-weight: bold;
					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 blue;	
			/*display: none;	*/
			position: absolute;
			top: 60px;			
			right: 200px;
			margin-bottom: 20px;			
			}
				
				#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: 10px;	
			border: 0px solid #c3c4b2;		
			display: block;	
			}
	
			#mcp_logo
			{
			position: absolute;	
			right: 80px;
			top: 100px;	
			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: #606060;
			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: #606060;
				}

				


/****** 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;*/
}
					
	.white
	{	
	background-color: #fff;
	}
	
	.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;			
	}
					
		.responsive_promo_box_wrapper
		{
		background-color: #606060;	
		background: none !important;		
		margin: 0px;
		padding: 0px;
		margin-bottom: 20px;
		}
		
		.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: #242424;			
			font-size: 18px;
			line-height: 28px;
			/*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: #424242;
				color: #000;
				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: 0px solid #242424;
				background-color: rgba(0, 0, 0, 0.70); /* used RGB so I can use opacity (0.30) */		
				}
				
					.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; */
				}				
				
/*******************************************/


/******** BOARD TRAIN PACKAGES ************/

.board_train_packages.container
{
list-style: none outside none;
/*width: 1000px;*/
border: 0px solid black;
margin: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding: 20px 40px 50px 40px;
display: block;
background-color: #ccc;
background-color: #000;
background-color: #131313;

}

	.board_train_packages #header
	{
	text-align: center;
	padding: 30px;
	padding-top: 10px;
	/*background-color: #000;*/	
	font-size: 30px;
	font-weight: bold;
	border: 0px solid red;
	}
	
		.board_train_packages #header h2
		{
		color: #262626;
		color: #fff;	
		font-size: 50px;	
		line-height: 62px;	
		}
		
	
	.board_train_packages.container .four.columns
	{
	/*width: 24%;		*/
	}
		
	.board_train_packages.container .column, .board_train_packages.container .columns /* represents each box */
	{	
	/*min-width: 275px !important;		*/
	/*min-height: 400px;	*/
	background-color: #e9e9e9;
	position: relative;	
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;	
	margin-right: 10px;
	margin-bottom: 20px;
	text-align: left;
	}

	.board_train_packages.container .columns.last /* represents each box */
	{		
	/*border-right: 0px solid #f4f4f4;	*/
	}	
	
	
		.board_train_packages .promo_image
		{		
		position: relative;
		margin: 0px !important;
		padding: 0px !important;		
		border: 0px solid green;	
		height: auto;
		}	
	
		.board_train_packages .promo_image img
		{				
		width: 100%;	
		border: 0px solid red;	
		margin: 0px !important;
		padding: 0px !important;
		height: auto;
		border-top: 0px solid #606060;	
		border-bottom: 0px solid #4C938E;	
		/*border-right: 2px solid #23282E;*/
		}	
	
		.board_train_packages .box_title_container
		{				
		width: 100%;
		bottom: 0px;				
		padding: 20px 10px 20px 10px;			
		text-align: center;			
		border-bottom: 0px solid #fff;	
		border-left: 0px solid #fff;
		background-color: #1d3b50;
		background-color: #bc1827;
		}	
		
		.board_train_packages .box_title_container.light
		{				
		background-color: #577e9a;		
		background-color: #9d5f01;
		}			
		
			.board_train_packages .title_icon
			{	
			position: absolute;
			left: 10px;
			top: -4px;			
			width: 50px;
			height: 60px;			
			background:transparent url('images/box_icon.png') left top no-repeat;	
			display: block;
			display: none;		
			}							
		
			.board_train_packages .box_title_container .box_title_alternate
			{			
			font-size: 18px;			
			color: #4C938E !important; /* blue */	
			}
		
			.board_train_packages .box_title_container h2 
			{
			/*position: absolute;*/
			bottom: 4px;			
			border: 0px solid red;			
			font-size: 20px;
			line-height: 28px;			
			color: #fff !important; /* wht */
			margin: 0px !important;		
			padding: 0px !important;		
			}
	
		.board_train_packages .content
		{		
		border: 0px solid red;
		font-size: 16px;
		line-height: 26px;	
		font-weight: bold;	
		}
	
		.board_train_packages .columns .content_padding
		{			
		padding: 20px 20px 20px 20px;
		}	

		.board_train_packages .columns .price
		{
		font-weight: bold;
		font-style: italic;
		font-size: 18px;
		line-height: 26px;		
		}

		.board_train_packages .content .more
		{					
		text-align: center;
		display: block;
		border: 0px;
		}
	
		.board_train_packages .content .more a
		{		
		border: 2px solid fff;		
		color: #fff;		
		font-size: 16px;
		line-height: 26px;	
		padding: 15px 20px 15px 20px;
		background-color: #262626;	
		}
	
	/* FIRST BOX */
	
	.board_train_packages .columns.first
	{
	
	}
		

/******** GROUP CLASSES BOXES ************/

.group_classes.container
{
list-style: none outside none;
/*width: 1000px;*/
border: 0px solid black;
margin: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding: 20px 30px 50px 30px;
display: block;
background-color: #131313;
background-color: #000;
text-align: center;
}

	.group_classes #header
	{
	text-align: center;
	padding: 30px;
	/*background-color: #000;*/
	
	font-size: 30px;
	font-weight: bold;
	border: 0px solid red;
	}
	
		.group_classes #header h2
		{
		color: #262626;
		color: #fff;	
		font-size: 50px;	
		line-height: 62px;	
		}
		
	
	.group_classes.container .one-third.column
	{
	width: 32%;		
	}
		
	.group_classes.container .column, .group_classes.container .columns /* represents each box */
	{	
	/*min-width: 275px !important;		*/
	/*min-height: 400px;	*/
	background-color: #e9e9e9;
	position: relative;	
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;	
	margin-right: 10px;
	margin-bottom: 20px;
	text-align: left;
	}

	.group_classes.container .columns.last /* represents each box */
	{		
	/*border-right: 0px solid #f4f4f4;	*/
	}	
	
	
		.group_classes .promo_image
		{		
		position: relative;
		margin: 0px !important;
		padding: 0px !important;		
		border: 0px solid green;	
		height: auto;
		}	
	
		.group_classes .promo_image img
		{				
		width: 100%;	
		border: 0px solid red;	
		margin: 0px !important;
		padding: 0px !important;
		height: auto;
		border-top: 0px solid #606060;	
		border-bottom: 0px solid #4C938E;	
		/*border-right: 2px solid #23282E;*/
		}	
	
		.group_classes .box_title_container
		{				
		width: 100%;
		bottom: 0px;				
		padding: 20px 10px 20px 10px;			
		text-align: center;			
		border-bottom: 0px solid #fff;	
		border-left: 0px solid #fff;		
		background-color: #9d5f01;
		}	
		
		.group_classes .box_title_container.light
		{				
		background-color: #bc1827;
		}			
		
			.group_classes .title_icon
			{	
			position: absolute;
			left: 10px;
			top: -4px;			
			width: 50px;
			height: 60px;			
			background:transparent url('images/box_icon.png') left top no-repeat;	
			display: block;
			display: none;		
			}							
		
			.group_classes .box_title_container .box_title_alternate
			{			
			font-size: 18px;			
			color: #4C938E !important; /* blue */	
			}
		
			.group_classes .box_title_container h2 
			{
			/*position: absolute;*/
			bottom: 4px;			
			border: 0px solid red;			
			font-size: 26px;
			line-height: 34px;			
			color: #fff !important; /* wht */
			margin: 0px !important;		
			padding: 0px !important;		
			}
	
		.group_classes .content
		{		
		border: 0px solid red;
		font-size: 16px;
		line-height: 26px;	
		font-weight: bold;	
		}
	
		.group_classes .columns .content_padding, .group_classes .column .content_padding
		{			
		padding: 20px 20px 20px 20px;
		}	

		.group_classes .columns .price
		{
		font-weight: bold;
		font-style: italic;
		font-size: 18px;
		line-height: 26px;		
		}

		.group_classes .content .more
		{					
		text-align: center;
		display: block;
		border: 0px;		
		}
	
		.group_classes .content .more a
		{		
		border: 2px solid #121212;
		-moz-border-radius: 4px;  
		-webkit-border-radius: 4px;  
		border-radius: 4px;	
		color: #fff;		
		font-size: 16px;
		line-height: 26px;	
		padding: 15px 20px 15px 20px;
		background-color: #262626;	
		}
	
	/* FIRST BOX */
	
	.group_classes .columns.first
	{
	
	}
		


/******** ROW OF BOXES *********/

.row_of_boxes.container
{
list-style: none outside none;
/*width: 1000px;*/
border: 0px solid black;
margin: 0px;
margin-top: 0px;
margin-bottom: 2px;
display: block;
background-color: #fff;

}

	.row_of_boxes #header
	{
	text-align: center;
	padding: 30px;
	background-color: #000;
	color: #fff;	
	font-size: 30px;
	font-weight: bold;
	border-bottom: 2px solid #fff;
	}
		
	.row_of_boxes.container .column, .row_of_boxes.container .columns /* represents each box */
	{			
	/*min-width: 275px !important;		*/
	/*min-height: 400px;	*/
	position: relative;	
	border: 0px solid orange;
	background-color: #fff;
	border-top: 0px;
	border-bottom: 0px;
	border-right: 2px solid #f4f4f4;
	margin-right: 0px;
	text-align: left;
	}
	
		.row_of_boxes .promo_image
		{		
		position: relative;
		margin: 0px !important;
		padding: 0px !important;		
		border: 0px solid green;	
		height: auto;
		}	
	
		.row_of_boxes .promo_image img
		{				
		width: 100%;	
		border: 0px solid red;	
		margin: 0px !important;
		padding: 0px !important;
		height: auto;
		border-top: 0px solid #606060;	
		border-bottom: 0px solid #4C938E;	
		/*border-right: 2px solid #23282E;*/
		}	
	
		.row_of_boxes .box_title_container
		{		
		position: relative;	
		position: absolute;
		width: 100%;
		bottom: 0px;
				
		padding: 20px 0px 20px 0px;			
		text-align: center;			
		border-bottom: 0px solid #fff;	
		border-left: 0px solid #606060;
		background-color: #606060;	
		background-color: rgba(0, 0, 0, 0.60); /* used RGB so I can use opacity (0.30) */			
		}	
		
			.title_icon
			{	
			position: absolute;
			left: 10px;
			top: -4px;			
			width: 50px;
			height: 60px;			
			background:transparent url('images/box_icon.png') left top no-repeat;	
			display: block;
			display: none;		
			}							
		
			.box_title_container .box_title_alternate
			{			
			font-size: 18px;			
			color: #4C938E !important; /* blue */	
			}
		
			.box_title_container h2 
			{
			/*position: absolute;*/
			bottom: 4px;			
			border: 0px solid red;			
			font-size: 22px;			
			color: #fff !important; /* wht */
			margin: 0px !important;		
			padding: 0px !important;		
			}
	
		.row_of_boxes .content
		{		
		border: 0px solid red;	
		
		display: none;		
		}
	
		.row_of_boxes .column .content_padding
		{			
		padding: 20px 40px 20px 40px;
		}	
	
	
	/* FIRST BOX */
	
	.row_of_boxes .column.first
	{
	
	}
		
		.row_of_boxes .first .content
		{
		
		}

				
	/* SECOND BOX */	
	
	.row_of_boxes .column.second
	{
	
	}
		
		
	/* THIRD BOX */		
	
	.row_of_boxes .column.third
	{			
	
	}
	
		.row_of_boxes .third .content
		{
		
		}
	
	
							


/****** TOOL TIPS *****************/

.tooltip_wrapper
{	
float: right;
border: 0px solid green;
cursor: pointer;
} 

	.info_btn
	{	
	border: 0px solid red;	
	cursor: pointer;
	float: left;
	background: url("images/info_icon.png") no-repeat scroll left top transparent;
	height: 36px;
	width: 32px;
	z-index: 1000;
	}
	
	.tooltip
	{		
	position: relative;	
	float: left;
	border: 0px solid yellow;
	left: 10px; /* to position content next to the icon */
	top: -19px;	
	z-index: 10000;		
	}		

		.tooltip_content
		{		
		background-color: #FFFFFF;		
		padding: 20px;
		position: absolute;				
		text-align: left;				
		border-size: 2px;
		display: none;	
		min-width: 250px;		
		}

		.tooltip_arrow 
		{
		background: url("images/bg-tooltip.png") no-repeat scroll left top transparent;
		display: block;
		height: 50px;
		top: 22px;
		left: -15px;
		border: 0px solid black;
		position: absolute;
		width: 15px;		
		}


/*********** responsive anything slider **************/

	#anything-slider 
	{	
	position: relative;
	border-top: 0px solid #dfae3d;	
	border-bottom: 2px solid #f1f1f1;
	border-left: 0px solid #939393;
	border-right: 0px solid #939393;
	margin: 0 auto;	
	z-index: 0;	
	margin-bottom: 0px;
	/*max-width: 800px;*/
	/*display: none;*/
	width: 100%;
	
	/*top: 110px; 	*/
	}
	

			#anything-slider .as-slide
			{
			/*position: absolute; /* uncomment for regular slider functionality */
			/*top: 0;/* uncomment for regular slider functionality */
			/*z-index: 1;*/	/* uncomment for regular slider functionality */			
			
			text-align: right;
			border: 0px solid yellow;				
			}

			
			#anything-slider .banner_text
			{
			position: absolute;
			padding: 40px 40px 60px 40px;	
			padding: 0px 0px 0px 0px;	
			margin: 30px 20px 0px 40px;
			/*font-family: 'Radley', serif;		
			font-family: "Roboto Slab",sans-serif;	
			font-family: 'Josefin Sans', sans-serif;*/				
			/*font-family: "Roboto", sans-serif;	*/
			/*font-family: 'Montserrat', sans-serif;*/
			/*font-weight: 300;*/	/* used to pick between 'light' or 'regular' font thickness. Look at include code in head to see options*/
			/*top: 0px;
			left: 0px;*/
			z-index: 100;			
			text-align: left;	
			text-align: center;				
			/*background-color: rgba(0, 0, 0, 0.30);*/ /* used RGB so I can use opacity (0.30) */		
			/*background-color: rgba(266, 266, 266, 0.40);*/ /* used RGB so I can use opacity (0.30) */		
			color: #424242;
			border: 0px solid red;
			border-left: 6px solid #fff;	
			display: block;	
			max-width: 725px;					
			top: 250px;
			
			display: none;
			}
			
			#anything-slider .banner_text.right 
			{
			left: auto;			
			right: 90px;	
			text-align: right;			
			}							
			
			#anything-slider.short 
			{
			display: none;
			}	
						
			#anything-slider.short .banner_text
			{
			display: none;
			}			
			
			#anything-slider .banner_text .alt_color_1
			{
			color: #fff;		
			}
			
			#anything-slider .banner_text .alt_color_2
			{
			color: #fff;
			}
			
		
				#anything-slider .banner_text .banner_text_title
				{	
				position: relative;		
						
				font-family: oswald, 'Montserrat', sans-serif;				
				
				font-weight: bold;
				line-height: 68px;
				font-weight: 400;	/* used to pick between 'light' or 'regular' font thickness. Look at include code in head to see options*/
				color: #110d0d;
				font-size: 50px;
				line-height: 85px;
				letter-spacing: 4px;
				padding: 0px 0px 0px 0px;		
				margin: 0px 0px 50px 0px;		
				border: 0px solid yellow;	
				/*text-transform: uppercase;*/
				
				/*text-shadow: 2px 2px 2px #fff;		*/				
				}

			      #anything-slider .banner_text .banner_text_title .alt_color_1
					{
					font-family: 'Dancing Script', cursive;				
					font-size: 92px;
		    		/*line-height: 110px;*/
					color: #bc1827;
					border: 0px solid green;
					}
					
				
				#anything-slider .banner_text .title_2
				{				
				font-size: 34px;
				font-weight: bold;
				line-height: 44px;	
				color: #fff;
				text-shadow: 2px 2px 2px #000;	
				padding: 0px 0px 0px 0px;		
				margin: 0px 0px 0px 0px;		
				}
				
				.banner_text .banner_text_details
				{				
				position: relative;
				/*font-family: 'Montserrat', sans-serif;				
				font-size: 30px;
				line-height: 45px;	
				font-weight: 300;*/	/* used to pick between 'light' or 'regular' font thickness. */
				font-weight: bold;
				font-size: 20px;	
				line-height: 34px;			
				padding: 0px 0px 0px 0px;		
				margin: 0px 0px 0px 0px;							
				border: 0px solid green;
				/*text-shadow: 2px 2px 2px #2c2c2c;				*/
				/*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_text .banner_text_details ul
				{	
				position: relative;			
				/*max-width: 550px;*/
				border: 0px solid green;					
				
				}

					.banner_text .banner_text_details ul li
					{
					font-size: 14px;	
				   line-height: 26px;
					font-weight: bold;	
					padding: 10px;						
					border-left: 3px solid #9b8478;	
					margin-bottom: 10px;
					margin-right: 6px;
					background-color: rgba(0, 0, 0, 0.50); /* used RGB so I can use opacity (0.30) */		
					display: inline-block;	
					text-align: center;
					text-transform: uppercase;		
					width: 200px;			
					}
					
					.banner_text .banner_text_details ul.alt_bg_color li
					{
					background-color: rgba(260, 260, 260, 0.50); /* used RGB so I can use opacity (0.30) */			
					}
					
					.banner_text .banner_text_details ul li.last
					{				
					border-bottom: 0px solid #B0D7F6;	
					}
					
					.banner_text .banner_text_details ul a li
					{				
					color: #110d0d;	
					}
										
					
			
				.banner_text .call_to_action
				{
				width: 100%;
				font-size: 30px;
				line-height: 60px;
				/*background-color: #bc1827;*/
				background-color: rgba(260, 260, 260, 0.50); /* used RGB so I can use opacity (0.30) */			
				border: 1px solid #110d0d;
				color: #fff;
				text-align: center;				
				max-width: 350px;	
				margin: 0 auto;	
				margin-top: 10px;	
				}
			
				.banner_text a .call_to_action
				{				
				color: #110d0d;	
				font-weight: bold;			
				}				
	
				#anything-slider img {
				position: relative;
				/*width: 100%;*/ /* for absolutely full screen image no matter how big screen */	
				max-width: 100%; /* will keep image within it's actual dimensions. Using text-align on 'as-slide' will align image right or left */									
				z-index: 2;
				border: 0px solid green;	
				/*height: auto;*/
				}
		

.carouselNav /* hide grey nav circles */
{
display: none;
}	

.carousel-next, .carousel-last /* hide nav arrows */
{
display: none;
}	
	

/******** ROW OF BOXES *********/

.contact_boxes
{
list-style: none outside none;
border: 0px solid black;
margin: 0px;
display: block;
background-image: url(images/contact_bg_1.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: auto;
background-size: cover;
background-attachment: fixed;
min-height: 300px;
}

	.contact_boxes .inner_wrapper
	{
	/*padding-top: 80px;
	padding-bottom: 80px;	*/
	border: 0px solid red;
	}

		.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;
			padding: 20px;
			/*width: 33.3%;*/
			/*background-color: rgba(260, 260, 260, 0.50);*/ /* used RGB so I can use opacity (0.30) */
			}
			
				.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: left;		
				color: #110d0d;
				font-weight: bold;
				}
			
				.contact_boxes .column .content_padding
				{			
				padding: 80px 20px 80px 70px;				
				}	
				
					.contact_boxes h2 
					{						
					font-size: 26px;
					font-weight: bold;
					color: #110d0d !important; /* wht */				
					padding: 0px !important;
					margin-bottom: 20px;
					border: 0px solid red;
					}
					
					.contact_boxes a
					{
					color: #110d0d;	
					}
			
			
			/* 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
				{
				
				}


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

.videos.container
{
border: 0px solid #000;	
margin-top: 10px;
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;
		
	}
	
	.videos.container .one-third.column
	{
	width: 32%;		
	}
	
	.videos.container .column.last, .videos.container .columns.last
	{
	margin-right: 0px;
	}
	
		.videos .column_padding
		{
		margin-left: 10px;
		margin-right: 10px;		
		
		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;
		}