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

4D6FB6 main blue
274988 dk blue
8FA4CF lt blue
939393 grey borders
8CD42F grn
9ce43f lt grn



#838383 logo dk grey
#274988 burgundy

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

*
{
box-sizing: border-box;
}

body, body .entry-content, body p, table, td, .default
{
font-size: 18px;
line-height: 28px;
font-family: helvetica, roboto, open sans, arial, verdana, helvetica, geneva, sans-serif !important;
font-family: open sans, arial, verdana, helvetica, geneva, sans-serif !important;
color: #4c4c4c;
padding: 0px !important;
margin: 0px !important;
padding-top: 0px;	
text-align: left;
/*background-color: #fff;*/
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: #f4f4f4;
}

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


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

.alt_color
{
color: #ccc;
}

h1, .entry-content h1, h1.page-title
{
font-size: 36px !important;;
line-height: 38px !important;;
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: 34px !important;
margin-bottom: 10px;
position: relative;
top: 0px;
left: 0px;
color: #939393;
text-shadow: none;
display: none;
}

	.home h1.entry-title .dark
	{
	color: #cccccc;	
	}
	
h1.entry-title /* The default h1 title that will be displayed on ALL pages. Shut off here if needed.  */
{
/*display: none;*/
text-align: center;

position: relative;
top: 0px;

left: 0px;
/*color: #fff;*/
font-size: 40px !important;
line-height: 40px;
margin-top: 0px;
margin-bottom: 40px;
/*display: inline-block;*/
/*display: block;*/
border-bottom: 0px solid #939393;	
/*text-shadow: 4px 4px 2px #333333;*/
}


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

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

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

}

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

}

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

.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, .wp-caption.alignright /* gets rid of default margin thats added when aligning images to the right in the editor */
{
margin: 0px;
margin-left: 30px;	
margin-bottom: 20px;
}	
	
#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;	
}
					
.more, .more a, .less, .less a
{
cursor: pointer;
margin: 5px 0px 0px 0px;
padding: 0px;
/*color: #C93409;*/
display: block;
font-size: 12px;
line-height: 16px;
border: 0px solid yellow;
}					

.entry-content a.call_to_action
{
margin: 0 auto;
padding: 20px 40px 20px 40px;
background-color: #4D6FB6;
color: #fff;
font-weight: bold;
font-family: open sans;	
font-size: 28px;
border: 2px solid #8FA4CF;
-moz-border-radius: 8px;  
-webkit-border-radius: 8px;  
border-radius: 8px; 
display: inline-block;

-webkit-box-shadow: 2px 2px 4px #aaa;
-moz-box-shadow: 2px 2px 4px #aaa;
box-shadow: 2px 2px 4px #aaa; 
}

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

.float_right
{
float: right;
}		
			
hr
{
color: #ccc;
width: 90%;
height: 1px;
border: 0px solid #ccc;
}
	
.clear_all
{
clear: both;
}
	
/* to remove round border and shadow froom 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);
}
	

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

#mobile_nav_bar
{	
/*padding-left: 20px;
padding-right: 20px;*/
border-top: 2px solid white;
border-bottom: 2px solid #fff;

position: fixed;
top: 0px;
z-index: 10000;
width: 100%;
height: 40px;
cursor: pointer;
background-color: #274988;	
background-image: -webkit-linear-gradient(top, #8FA4CF, #274988); /* For Chrome and Safari */
background-image:    -moz-linear-gradient(top, #8FA4CF, #274988); /* For old Fx (3.6 to 15) */
background-image:     -ms-linear-gradient(top, #8FA4CF, #274988); /* For pre-releases of IE 10*/
background-image:      -o-linear-gradient(top, #8FA4CF, #274988); /* For old Opera (11.1 to 12.0) */
background-image:         linear-gradient(to bottom, #8FA4CF, #274988); /* Standard syntax; must be last */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#343434', endColorstr='#274988'); /* for post 5.5 IE */

-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;
	top: -2px;		
	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: 30px;			
		top: -2px;
		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: 90px;			
		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
{
max-width: 9999px !important;
/*background:transparent url('images/tiling_bg_2_internal.jpg') left top repeat-x;*/
border: 0px solid red;
}

.home #container_1
{
/*padding-top: 0px;*/
/*text-align: center;*/
/*margin: 0 auto;*/
/*background:transparent url('images/tiling_bg_2.jpg') left top repeat-x;*/
border: 0px solid yellow;
}

#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_2_container
		{			
		width: 100%;
		/*min-width: 1200px;	*/
		background-color: #23282D;	
		border-bottom: 0px solid #fff;	
		z-index: 2000;	
		/*display: none;	*/
		}			
		
			#header_2
			{		
			position: relative;	
			left: 0px;	
			border: 0px solid green;
			/*width: 1200px;			*/
			height: 35px;	
			height: 0px;		
			text-align: left;		
			overflow: visible;			
			z-index: 1200;				
			margin: 0 auto;
			}
					
			
		#header_1_container
		{			
		width: 100%;	
		/*min-width: 1200px;	*/
		background-color: #fff;
	/*	background-image: -webkit-linear-gradient(top, #4a4a4a, #333); 
		background-image:    -moz-linear-gradient(top, #4a4a4a, #333); 
		background-image:     -ms-linear-gradient(top, #4a4a4a, #333); 
		background-image:      -o-linear-gradient(top, #4a4a4a, #333); 
		background-image:         linear-gradient(to bottom, #4a4a4a, #333);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a4a4a', endColorstr='#333');*/ 	
		border-bottom: 0px solid #939393;
		border-top: 0px solid #939393;
		z-index: 1000;
		margin-bottom: 30px;
		margin-bottom: 0px;
		/*display: none;*/
		}	
	
			#header_1
			{		
			position: relative;	
			left: 0px;	
			border: 0px solid pink;
			/*width: 1200px;	*/			
			height: 125px;
			text-align: left;		
			overflow: visible;		
			/*background-image: url(images/header.jpg); 
			background-repeat: no-repeat; 	*/
			z-index: 1000;
			/*background-color: #333;*/
			margin: 0 auto;
			}			
			
			
				
				#logo
				{		
				position: absolute;	
				left: 40px;
				top: 15px;	
				border: 0px solid #3c3c3c;
				width: 339px;
				height: 100px;	
				overflow: hidden;		
				diaply: inline-block;					
				}			
				
									
				#vcard
				{			
				position: absolute;	
				top: 13px;					
				right: 25px;				
				border: 0px solid blue;
				font: 14px/20px arial, verdana, helvetica, geneva, sans-serif;
				/*width: 280px;	
				height: 80px;*/
				color: #161515;			
				z-index: 1;
				
				}		
				
					#vcard a
					{
					color: #161515;	
					}
				
					#tel_container
					{
					position: absolute;
					top: 0px;
					right: 250px;
					font-size: 16px;
					width: 160px;
					display: block;	
					
					background-color: #E2D4C7; /* use the background-color on the 'a' attribute below if getting a mystery padding on the right */				
					background-image: -webkit-linear-gradient(top, #E2D4C7, #ffffff); /* For Chrome and Safari */
					background-image:    -moz-linear-gradient(top, #E2D4C7, #ffffff); /* For old Fx (3.6 to 15) */
					background-image:     -ms-linear-gradient(top, #E2D4C7, #ffffff); /* For pre-releases of IE 10*/
					background-image:      -o-linear-gradient(top, #E2D4C7, #ffffff); /* For old Opera (11.1 to 12.0) */
					background-image:         linear-gradient(to bottom, #E2D4C7, #ffffff); /* Standard syntax; must be last */
					/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E2D4C7', endColorstr='#ffffff');*/ /* for post 5.5 IE */				
										background-image: none;
										background-color: transparent;
					border: 0px solid #770122;
					
					}
				
						#vcard .tel
						{
						background-image: url(images/phone_icon_sm.png); 
						background-repeat: no-repeat; 
						background-position: 10px 5px;
						overflow: visible;
						padding: 10px 0px 10px 50px;	
						display: block;					
						}
						
										
					#email_container
					{
					position: absolute;
					top: 40px;
					top: 0px;
					right: 0px;
					width: 230px;
					display: block;	
					
					background-color: #E2D4C7; /* use the background-color on the 'a' attribute below if getting a mystery padding on the right */				
	
					background-image: -webkit-linear-gradient(top, #E2D4C7, #ffffff); /* For Chrome and Safari */
					background-image:    -moz-linear-gradient(top, #E2D4C7, #ffffff); /* For old Fx (3.6 to 15) */
					background-image:     -ms-linear-gradient(top, #E2D4C7, #ffffff); /* For pre-releases of IE 10*/
					background-image:      -o-linear-gradient(top, #E2D4C7, #ffffff); /* For old Opera (11.1 to 12.0) */
					background-image:         linear-gradient(to bottom, #E2D4C7, #ffffff); /* Standard syntax; must be last */
					/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E2D4C7', endColorstr='#ffffff');*/ /* for post 5.5 IE */
										background-image: none;
										background-color: transparent;
					border: 0px solid #770122;				
					}
					
						#vcard .email
						{
						background-image: url(images/email_icon_sm.png); 
						background-repeat: no-repeat; 
						background-position: 10px 5px;
						overflow: visible;
						padding: 10px 0px 10px 50px;	
						display: block;
						}
					
					#address
					{			
					position: absolute;
					top: 10px;
					right: 0px;
					padding-left: 30px;
					/*width: 250px;
					height: 60px;		*/
					border: 0px solid yellow;
					border-left: 1px solid #CCC;
					/*font: 13px/18px arial, verdana, helvetica, geneva, sans-serif;*/
					/*color: #fff;				*/
					/*width: 1200px;	
					height: 48px;	*/		
					display: none;
					}		
				
					#quote_1
					{
					position: absolute;
					bottom: 8px;
					right: 30px;					
					}
					
					#quote_2
					{
					margin: 0 auto;	
					display: none;	
					width: 200px;
					}
					
					
					#nav_container
					{
					/*width: 1000px;*/
					max-width: 1600px;	
					max-width: 100%;		
					position: relative;
					/*position: relative;*/
					/*left: 500px;*/
					left: 0px;
					top: 110px;	
					top: 0px;		
					border: 0px solid green;
					border-top: 2px solid #8FA4CF;
					border-bottom: 2px solid #8FA4CF;
					text-align: center;		
					/*background-image: url(images/nav_bg.png); 
					background-repeat: no-repeat; */
					background-color: #23282D;
					background-color: #4D6FB6;
					/*background-color: #274988;*/
					z-index: 200;	
					padding-right: 0px;	
					margin-top: 0px;
					margin-bottom: 0px;
					margin: 0 auto;
					display: block !important;
					}								
					
					#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;
					/* */
				   }								
		
		#container_3
		{
		width: 100%;
		text-align: left;
		text-align: center;
		margin: 0 auto;
		border: 0px solid blue;	
		margin-top: 25px;
		
		}	
		
			#static_banner_image
			{
			border-top: 0px solid #8FA4CF;
			border-bottom: 2px solid #8FA4CF;
			}

			
			#home_page_content_container
			{
			margin-top: 30px;			
			border: 0px solid #000;
			background-color: #e0e0e0;	
			border-top: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			text-align: center;
			}
			
				#home_page_content
				{
				Max-width: 1200px;
				/*margin-bottom: 35px;*/				
				font-size: 20px;
				line-height: 30px;
				margin: 0 auto;
				text-align: left;
				}
					
					#home_page_content_padding
					{				
					padding: 30px 50px 30px 0px;				
					}
					
					#nadca_logo
					{
					float: left;
					padding-right: 40px;
					padding-bottom: 30px;
					}

		
			#content_container
			{
			position: relative;
			left: 0px;
			/*width: 100%;*/
			border: 0px solid yellow;			
			padding-top: 0px;
			margin-bottom: 20px;	
			margin-top: 70px;
			margin-top: 0px;
			
			text-align: center;
			}
				
				.home #content_container
				{
				margin-top: 0px;
				}
			
			#content_container_2
			{
			/*width: 100%;*/
			border: 0px solid yellow;		
			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;*/
			}			
			
				#column_1
				{
				float: left;
				/*width: 344px;			*/
				text-align: left;
				border: 0px solid orange;				
				position: relative;					
				top: 0px;
				left: 0px;		
				display: block;				
				}
				
					#column_1_padding
					{
					/*padding: 0px 0px 0px 26px;*/
					padding: 0px 0px 0px 0px;
					}							
							
						.column_box .box_title_container
						{		
						position: relative;			
						padding: 20px 0px 0px 20px;
						padding: 0px 0px 0px 0px;		
						text-align: left;		
						height: 50px;
						border-bottom: 0px solid #fff;	
						border-left: 0px solid #4D6FB6;				
						background-color: #ccc; /* grey */
						background-color: #4D6FB6; /* grey */						
						}	
								
						.column_box .box_title_container h2
						{
						position: absolute;
						bottom: 4px;
						left: 20px;
						font-size: 20px;
						/*font-weight: bold;*/
						color: #fff !important;				
						margin: 0px !important;		
						padding: 0px !important;			
						}
						
						#homestars_iframe
						{
						margin: 0 auto;	
						}
								
						#second_level_nav_container
						{					
						position: relative;
						left: 0px;
						top: 0px;
						border: 0px solid #4D6FB6;
						text-align: center;	
						/*background-color: #cccccc;		*/
						border-right: 0px;
						border-left: 0px;
						margin-bottom: 20px;
						}
						
					
				#main_content
				{
				position: relative;	
				left: 0px;		
				float: left;							
				text-align: left;				
				/*width: 654px;*/
				/*border: 0px solid #4D6FB6;*/
				/*display: none;*/	
				background-color: #fff;					
				}		
				
				#wide #main_content 
				{
				/*width: 1000px;	*/
				min-height: 300px;	
				display: block;
				/*width: 1000px;	*/
				/*clear: both;	*/
				}
				
				#main_content.box
				{				
				padding: 0px;				
				}				
		
					#main_content_padding
					{
					padding-left: 50px;
					padding-top: 40px;
					padding-right: 50px;
					padding-bottom: 50px;
					}					
									
					.home #main_content_padding
					{				
					padding-top: 40px;
					}	
					
					html .mceContentBody /* set the width of the editor area in wp admin */
					{
					width: 800px;
					max-width: none; /* leave this here! */
					}				
				
					#promo_box_4
					{				
					/*width: 314px;*/
					margin-bottom: 20px;
					/*background:transparent url('images/mobile_screen_2_sm.png') right bottom no-repeat;*/
					}
					
						#promo_box_4_2
						{				
						/*width: 314px;*/
						background:transparent url('images/mobile_screen_2_sm.png') right bottom no-repeat;
						}
						
							#promo_box_4 .content
							{				
							padding-right: 85px;
							padding-bottom: 10px;
							}
							
							#promo_box_4 .btn_1_go_mobile
							{
							background:transparent url('images/button_1_go_mobile.png') left top no-repeat;
							width: 150px;
							height: 35px;
							position: relative;
							right: 0px;
							top: 0px;
							}
						
					#promo_box_5
					{				
					/*width: 314px;*/
					margin-bottom: 20px;
					/*background:transparent url('images/mobile_screen_2_sm.png') right bottom no-repeat;*/
					}
					
					
						#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
		{
		position: relative;
		left: 0px;
		bottom: 0px;
		padding-top: 30px;
		text-align: center;
		margin: 0 auto;
		margin-top: 17px;
		margin-top: 0px;
		border-top: 8px solid #4D6FB6;		
		/*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: #e8e8e8;
		/*display: none;*/
		}
		
		#footer_2
		{
		text-align: left;	
		border: 0px solid black; 
		}
		
		
			#footer_links
			{
			border: 0px solid blue; 
			
			max-width: 600px;
			/*margin: 0 auto;*/
			padding: 10px;
			margin-left: 10px;
			text-align: left;	
			/*width: 980px;	
			width: 50%;	*/
			/*border: 0px solid #3c3c3c;*/
			padding-bottom: 25px;
			margin-bottom: 22px;
			position: relative;
			/*left: 20px;*/
			}
			
				#footer_links ul
				{								
				list-style: none;
				margin: 0px;
				padding: 0px;
				padding-left: 0px;
				margin-right: 0px;
				float: left;	
				/*width: 210px;*/
				/*min-width: 250px;*/
				border: 0px solid red; 
				}
				
						#footer_links ul .last
						{								
						/*border-right: 1px dotted #939393;	*/
						}
				
					
					#footer_links ul li
					{								
						
					}					
					
						
					#footer_links ul li a
					{								
					color: #274988;					
					font-size: 14px;
					/*text-shadow: 1px 1px 0px #000;*/
					}
					
					#footer_links ul li a:hover
					{								
					color: #4D6FB6;								
					text-shadow: 0 0 6px #fff;		
					transition: none 0s ease 0s;
					}
					

			#social_buttons_2
			{
			text-align: center;
			border: 0px solid blue;	
			display: block;	
			position: absolute;
			top: 16px;			
			right: 260px;			
			}
				
				#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: 40px;
			top: 18px;	
			border: 0px solid #3c3c3c;		
			display: block;	
			}
		
			#website_by
			{			
			/*position: absolute;
			top: 112px;
			left: 430px;*/
			font-size: 12px;
			line-height: 18px;
			border: 0px solid red;
			color: #424242;
			margin: 0 auto;	
			/*text-shadow: 1px 1px 0px #424242;	*/
			padding-bottom: 20px;
			padding-left: 20px;
			pedding-right: 20px;
			text-align: center;
			}
			
				#website_by a
				{
				color: #424242;
				}

				


/****** 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: 1px solid #d1d1d1;
-moz-border-radius: 6px;  
-webkit-border-radius: 6px;  
border-radius: 6px;  	
}

.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 #757575;
-moz-box-shadow: 2px 2px 3px #757575;
box-shadow: 2px 2px 3px #757575;
}

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


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

.row_of_boxes
{
list-style: none outside none;
/*width: 1000px;*/
border: 0px solid black;
margin: 0px;
margin-top: 0px;
display: block;
}
		
	.row_of_boxes .column /* represents each box */
	{			
	/*min-width: 275px !important;		*/
	min-height: 422px;	
	position: relative;	
	/*border: 0px solid orange;*/
	}	
	
		.row_of_boxes .box_title_container
		{		
		position: relative;			
		padding: 20px 0px 0px 20px;
		padding: 0px 0px 0px 0px;		
		text-align: left;		
		height: 50px;
		border-bottom: 0px solid #fff;	
		border-top: 6px solid #274988;	
		border-left: 0px solid #4D6FB6;				
		background-color: #ccc; /* grey */
		background-color: #4D6FB6; /* grey */
		
		/*-webkit-box-shadow: 0px 3px 10px #6b6b6b;
		-moz-box-shadow: 0px 3px 10px #6b6b6b;
		box-shadow: 0px 3px 10px #6b6b6b;*/
		}	

		
			.title_icon
			{	
			position: absolute;
			left: -10px;
			top: -10px;			
			width: 40px;
			height: 40px;			
			background:transparent url('images/circle_40.png') left top no-repeat;	
			display: none;
			
			left: 0px;
			top: 0px;	
			width: 50px;
			height: 50px;						
			background:transparent url('images/circle_50_half.png') left top no-repeat;				
			}	
			
			.second .title_icon
			{	
		
			}										
		
			.box_title_container .box_title_alternate
			{			
			/*font-size: 16px;*/
			font-weight: bold;
			/*color: #fff !important;*/
			
			color: #181415 !important; /* blk */
			color: #fff !important; /* wht */		
			/	
			}
		
			.box_title_container h2 
			{
			position: absolute;
			bottom: 4px;
			left: 20px;
			font-size: 20px;
			/*font-weight: bold;*/
			color: #fff !important;				
			margin: 0px !important;		
			padding: 0px !important;
			/*text-transform: uppercase;*/
			/*text-shadow: 1px 1px 0px #000;*/
			}
	
		.row_of_boxes .content
		{		
		border: 0px solid red;			
		}
		

		.row_of_boxes .promo_image
		{
		border-bottom: 1px solid #ccc;	
		}
	
		.row_of_boxes .column .content_padding
		{			
		padding: 20px 20px 20px 20px;
		}	
	
	
	/* FIRST BOX */
	
	.row_of_boxes .first
	{
	/*margin-right: 26px;*/	
	background-color: #fff;
	/*background: url("images/relaxed_lady_sm.png") no-repeat right bottom transparent;*/	
	}
		
		.row_of_boxes .first .content
		{
		/*margin-left: 0px;*/
		/*width: 130px;*/
		/*max-width: 220px;*/
		/*float: left;*/
		/*position: absolute;*/
		/*right: 20px;*/
		/*top: 70px;	*/
		/*border: 1px solid red;*/
		}

				
	/* SECOND BOX */	

	.row_of_boxes .second
	{
	/*margin-right: 26px;*/	
	background-color: #fff;
	/*background: url("images/relaxed_lady_sm.png") no-repeat right bottom transparent;*/	
	}
	
	.row_of_boxes .second .content
	{
	
	}
		
		
	/* THIRD BOX */		
	
	.row_of_boxes .third
	{	
	background-color: #fff;
	/*background: url("images/blonde_on_phone_sm.png") no-repeat right bottom transparent;			*/
	}
	
		.row_of_boxes .third .content
		{
		/*margin-left: 0px;*/
		/*width: 130px;*/
		/*max-width: 200px;*/
		/*float: left;*/
		/*position: absolute;*/
		/*right: 20px;*/
		/*top: 70px;	*/
		/*border: 1px solid red;*/
		}
	
	

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

#banner_and_slider_wrapper
{
margin-bottom: 0px !important;
border: 0px solid green;
}

#ribbon
{
width: 550px;
height: 111px;	
position: absolute;
bottom: 18px;
left: -33px;
background-image: url(images/ribbon.png); 
background-repeat: no-repeat; 
background-position: 0px 0px;
}

#banner_box
{
/*width: 400px;	*/

text-align: left;
border-right: 1px solid #fff;
/*max-height: 419px;*/
min-height: 419px;
/*min-width: 300px;*/
background-color: #4D6FB6;
background-image: -webkit-linear-gradient(top, #4D6FB6, #2a6794); 
background-image:    -moz-linear-gradient(top, #4D6FB6, #2a6794);
background-image:     -ms-linear-gradient(top, #4D6FB6, #2a6794);
background-image:      -o-linear-gradient(top, #4D6FB6, #2a6794); 
background-image:         linear-gradient(to bottom, #4D6FB6, #2a6794);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4D6FB6', endColorstr='#2a6794'); 

position: relative;
width: 34%;
float: left;
display: inline;
margin-right: 0;
}

	#banner_box_padding
	{
	padding: 25px;
	}
	
		#banner_box a
		{
		color: #ccc;
		}

      #banner_box a:hover
		{
		color: #fff;
		}


		#banner_box
		{
		color: #fff;
		font-size: 16px;	
		line-height: 24px;
		}
		
		#banner_box h1
		{
		color: #fff;	
		font-weight: bold;
		}

#anything-slider-wrapper
{
border-right: 0px solid blue;	

/* if not using skeleton to do the banner layout... */
position: relative;
width: 65.9%;
width: 65.8%;
float: left;
display: inline;
margin-left: 0;
}

	#anything-slider 
	{	
	position: relative;
	border-top: 0px solid #939393;
	border-bottom: 2px solid #8FA4CF;
	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%;
	margin-top: 0px;
	}
	
		#anything-slider div
		{	
		border: 0px solid red;
		/*padding: 0px !important;
		margin: 0px !important;*/
		}
	
			#anything-slider .as-slide
			{
			position: absolute;
			top: 0;
			z-index: 1;	
			}
		
				#anything-slider img {
				position: relative;
				max-width: 100%;
				z-index: 2;
				border: 0px solid green;				
				}

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

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

/***** 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: #4D6FB6; 
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 #ccc;
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: #fff;
	}

#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: #fff !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 *****

#4D6FB6 logo red
#cccccc menu bg grey
#f4f4f4 body bg grey

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