/*=======================================================================
	
	Wrap a Section Block Include with a div that has the class of "Gray"

========================================================================*/


/*================================================================================================================================================================================

	Body

================================================================================================================================================================================*/

body.Gray {
	background: #f8f8f8;
}

#content-wrap.Gray {
	background: #f8f8f8;
}

/*================================================================================================================================================================================

	Header  ::  Default

================================================================================================================================================================================*/

.Gray .header-top {
	background: #eee;
}
.Gray .header-bottom {
	background: #f8f8f8;
}

/*================================================================================================================================================================================

	Header  ::  Alternate

================================================================================================================================================================================*/

.Gray .header_Alternate .header-bottom {
}
.Gray .header_bottom_alternate {
	background: #eee;
	border-bottom: 1px solid #e1e1e1;
}
.Gray .header_bottom_alternate .iw_menu .iw_menu_group .iw_menu_group_header > a {
	color: #444;
}
.Gray .header_bottom_alternate a.nav-button:link, 
.Gray .header_bottom_alternate a.nav-button:visited {
	color: #444;
}

/*-------------------------------------------------------
    ::  Clear   ::  Default 
---------------------------------------------------------*/

.Gray .headerClear .header-bottom {
	background: rgba(255,255,255,0.0);
}
.Gray .headerClear .header_bottom_alternate {
	background: rgba(255,255,255,0.0);
	border-bottom: 1px solid rgba(255,255,255,0.0);
}
.Gray .headerClear .header_bottom_alternate .iw_menu .iw_menu_group .iw_menu_group_header > a {
	color: #fff;
}
.Gray .headerClear .header_bottom_alternate a.nav-button:link, 
.Gray .headerClear .header_bottom_alternate a.nav-button:visited {
	color: #fff;
}

/*  On Scroll  */

.Gray .headerClear.navScroll .header_bottom_alternate {
	background: #eee;
	border-bottom: 1px solid #e1e1e1;
}
.headerAlternate_Body .Gray .headerClear.navScroll .header-bottom {
	background: #f8f8f8;
}
.Gray .headerClear.navScroll .header_bottom_alternate .iw_menu .iw_menu_group .iw_menu_group_header > a {
	color: #444;
}
.Gray .headerClear.navScroll .header_bottom_alternate a.nav-button:link, 
.Gray .headerClear.navScroll .header_bottom_alternate a.nav-button:visited {
	color: #444;
}


/*-------------------------------------------------------
    ::  Clear  ::  Light 
---------------------------------------------------------*/

.Gray .headerClear.headerClear_light .header_bottom_alternate {
	background: rgba(255,255,255,0.0);
	border-bottom: 1px solid rgba(255,255,255,0.0);
}
.Gray .headerClear.headerClear_light .header_bottom_alternate .iw_menu .iw_menu_group .iw_menu_group_header > a {
	color: #222;
}
.Gray .headerClear.headerClear_light .header_bottom_alternate a.nav-button:link, 
.Gray .headerClear.headerClear_light .header_bottom_alternate a.nav-button:visited {
	color: #222;
}

/*  On Scroll  */

.Gray .headerClear.navScroll.headerClear_light .header_bottom_alternate {
	background: #eee;
	border-bottom: 1px solid #e1e1e1;
}
.Gray .headerClear.navScroll.headerClear_light .header_bottom_alternate .iw_menu .iw_menu_group .iw_menu_group_header > a {
	color: #444;
}
.Gray .headerClear.navScroll.headerClear_light .header_bottom_alternate a.nav-button:link, 
.Gray .headerClear.navScroll.headerClear_light .header_bottom_alternate a.nav-button:visited {
	color: #444;
}



/*================================================================================================================================================================================

	Section Blocks

================================================================================================================================================================================*/

.Gray .section-block {
	background: #f8f8f8;
}

.Gray .section-block .big-section-title h1:after {
	background: #ddd;
}


/*------------------------------------
	Tabs
-------------------------------------*/

.Gray .nav-tabs>li.active>a, .Gray .nav-tabs>li.active>a:hover, .Gray .nav-tabs>li.active>a:focus {
	background: #f8f8f8;
}
.Gray .responsiveTabs .Gray .nav>li>a:hover, .Gray .nav>li>a:focus {
	background: #eee;
}

/*------------------------------------
	Icon List
------------------------------------*/

.Gray .TwoCols-IconList .two-col-left p:after {
	background: #ddd;
}
.Gray .two-col h1:after {
	background: #ddd;
}
.Gray .endCap {
	background: #ddd;
}

/*------------------------------------
	Image Boxes
------------------------------------*/

.Gray .imageBox-Box {
	background: #fff;
}


/*------------------------------------
	Image Buttons
------------------------------------*/

.Gray .imageButton .bottom {
	background: #fff;
}
.Gray .imageButton .bottom:before {
	border-bottom: 8px solid #fff;
}


/*------------------------------------
	Fluid Rows  
------------------------------------*/

.Gray .FluidRow-Box {
	background: #f8f8f8;
}

/*------------------------------------
	Fluid Row Gallery  
------------------------------------*/

.Gray .FluidRowGallery_textBox {
	background: #f8f8f8;
}

/*------------------------------------
	Draggable Columns  
------------------------------------*/

.Gray .DragCols-Wrapper {
	background: #f8f8f8;
}

/*------------------------------------
	Hot Spot Banner  
------------------------------------*/

.Gray .hotSpot_fallback {
	background: #f8f8f8;
}
.Gray .hotSpot_fallback_text {
	background: #fff;
}

/*================================================================================================================================================================================

	Option Blocks

================================================================================================================================================================================*/

.Gray .optionsBlock_empty_Message {
	background: #fff;
}
.Gray .optionsBlock_newsletter_Box {
	background: #fff;
	border: 1px solid rgba(0,0,0,0.1);
}
.Gray .optionsBlock_newsletter_Box input.promoInput {
	background: #f8f8f8;
	box-shadow: none !important;
	border: 1px solid #e8e8e8;
}

/*================================================================================================================================================================================

	Footer

================================================================================================================================================================================*/

.Gray .footer-top {
	background: #f8f8f8;
}
.Gray .footer-bottom {
	background: #eee;
}
.Gray .footer-block {
	border-color: #e1e1e1;
}
.Gray .footer-ImageLinks .image-frame {
	border: 3px solid #fff;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
}


/*================================================================================================================================================================================

	Misc

================================================================================================================================================================================*/

/*------------------------------------
	Promo Box  
------------------------------------*/

.Gray .promoBox {
	background: #fff;
}
.Gray .promoBox-newsletterSignup-twoFields .promoInput {
	background: #f8f8f8;
	box-shadow: none !important;
	border: 1px solid #e8e8e8;
}

/*================================================================================================================================================================================

	Widgets

================================================================================================================================================================================*/

/*  Image Tabs  */
.Gray .imageTabs-nav li {
	border-color: #e1e1e1 !important;
}
.Gray .imageTabs-nav a:link, 
.Gray .imageTabs-nav a:visited {
	background: #fff;
}
.Gray .imageTabs-content-text {
	background: #fff !important;
}


/*================================================================================================================================================================================
	
	Media Queries

================================================================================================================================================================================*/


@media all and (max-width: 992px) {

	/*  Header  ::  Alternate  ::  Clear  ::  Default  */

	.headerAlternate_Body .Gray .headerClear .header-top {
		background: #eee;
		padding: 0;
	}
	.headerAlternate_Body .Gray .headerClear .header-bottom {
		background: #f8f8f8;
		border-top: 1px solid #e1e1e1;
		border-bottom: 1px solid #e1e1e1;
	}
	.headerAlternate_Body .Gray .headerClear .header-bottom a.nav-button:link, 
	.headerAlternate_Body .Gray .headerClear .header-bottom a.nav-button:visited {
		color: #444;
		border-color: #e1e1e1;
	}
	.headerAlternate_Body .Gray .header-bottom h1.logo a img.headerClear_Logo {
		display: none !important;
	}
	.headerAlternate_Body .Gray .header-bottom h1.logo a img.headerSolid_Logo {
		display: inline-block !important;
	}
	
	/*  Header  ::   Alternate  ::  Clear  ::  Light  */
	
	.headerAlternate_Body.headerClear_Light_Body .Gray .headerClear_light .header-bottom a.nav-button:link, 
	.headerAlternate_Body.headerClear_Light_Body .Gray .headerClear_light .header-bottom a.nav-button:visited {
		color: #444;
	}
		
		
}