body {
 font-family: arial,helvetica,sans-serif;	
 margin: 0 auto;
}

img {
 max-width: 100%;
}

#wrapper {
  // max-width: 1200px;	
}


.display_none {
  display: none;	
}

#top_bar {
  background: #112244;
  color: white;  
  display: block;
}

#top_bar_holder {
  max-width: 1200px;
  margin: 0 auto;
}



#top_bar #top_bar_top_left {  /* aka got a mind of its own */
  float: left;	
  width: 50%;

}


#top_bar_top_right ul {
  list-style: none;
  margin: 0;
  padding: 0;

}


#top_bar_top_right ul li {
  list-style: none;
  float: left;
  margin: 0em 1.3em 2% 0;
}

#top_bar_top_right ul li a {
  color: #ccc;  
  text-decoration: none;
  font-size: .85em;
}


#top_bar_top_right ul li a.hilight {
  
  /*
  background: #335577;
  color: #eef;
  */
  padding: 4px;
  background: #fda;
  color: #420;
  font-size: 1.2em;
}

#top_bar_top_right ul li a.hilight:hover {

  background: #ff4;
  color: #a43;
}




#top_bar_top_right ul li a:hover {
  color: #fff;  
}



#top_bar #top_bar_top_right {
  float: right;	
  margin-top: .4em;
  margin-bottom: .2em;
}

.social_buttons {
  margin-top: .6em;
  margin-left: .3em;
  margin-bottom: .2em;
}

#instagram_sprite {
	/*  12 between */
    left: 10px;
    width: 30px;
	height: 22px;
    background: url('../home/social_icons_new.png');
	background-position: 0 -11px;
}

#instagram_sprite:hover {
    background: url('../home/social_icons_new_hover.png');
	background-position: 0 -11px;
}


#pinterest_sprite {
    left: 10px;
    width: 30px;
	height: 22px;
    background: url('../home/social_icons_new.png');
	background-position: 0 -41px;
}

#pinterest_sprite:hover {
    background: url('../home/social_icons_new_hover.png');
	background-position: 0 -41px;
}



#linkedin_sprite {
    left: 10px;
    width: 30px;
	height: 22px;
    background: url('../home/social_icons_new.png');
	background-position: 0 -71px;
}

#linkedin_sprite:hover {
    background: url('../home/social_icons_new_hover.png');
	background-position: 0 -71px;
}



#googleplus_sprite {
    left: 10px;
    width: 30px;
	height: 22px;
    background: url('../home/social_icons_new.png');
	background-position: 0 -101px;
}

#googleplus_sprite:hover {
    background: url('../home/social_icons_new_hover.png');
	background-position: 0 -101px;
}

#youtube_sprite {
    left: 10px;
    width: 30px;
	height: 22px;
    background: url('../home/social_icons_new.png');
	background-position: 0 -131px;
}

#youtube_sprite:hover {
    background: url('../home/social_icons_new_hover.png');
	background-position: 0 -131px;
}


#twitter_sprite {
    left: 10px;
    width: 30px;
	height: 22px;
    background: url('../home/social_icons_new.png');
	background-position: 0 -161px;
}

#twitter_sprite:hover {
    background: url('../home/social_icons_new_hover.png');
	background-position: 0 -161px;
}




#facebook_sprite {
    left: 10px;
    width: 30px;
	height: 22px;
    background: url('../home/social_icons_new.png');
	background-position: 0 -191px;
}

#facebook_sprite:hover {
    background: url('../home/social_icons_new_hover.png');
	background-position: 0 -191px;
}





#menu_bar {
   border-bottom: 1px solid #eee;
   width: 100%;
}


#menu_bar_holder {
  max-width: 1200px;
  margin: 0 auto;
  
}



#menu_bar_sticky_holder {
	 z-index: 2264;
	 position: fixed;
	
     width: 1200px;  /* have to do this b/c fixed */
	 
	 width: 100%;  /* why did this work?  */
	 
}


#yet_another_menu_holder {
  max-width: 1200px;
}



#menu_bar_behind {  /*  non float with  */
  height: 120px;
}


#menu_bar_shim {
  width: 100%;
  height: 80px;  
  z-index: 2000;
  background: white;
  display: none;
}


.some_white_bg {

	 background: -webkit-gradient(linear, left top, left bottom, color-stop(68%,rgba(255,255,255,1) ), color-stop(68%,rgba(255,255,255,0)));
   
	

	/*
    background: -moz-linear-gradient(left center, #F00 40%, #00F 40%);
    background: -o-linear-gradient(left, #F00 40%, #00F 40%);
    background: linear-gradient(to right, #F00 40%, #00F 40%);
    */
	
}



#menu_bar_top_left {
  float: left;
}

#menu_bar_top_left #logo {
  margin-top: 1em;
  max-width: 295px;
  max-height: 90px;
  
}

#menu_bar_top_left #ann  {
  margin-top: .3em;
  max-height: 81px;
  max-width: 120px;
}




#menu_bar_top_right {
  float: right;
}



#menu_bar_top_right ul {
  list-style: none;
  margin: 0 0 0 0;
  padding: 0;

}

#menu_bar_top_right ul li {
  list-style: none;
  float: left;
  margin: 0;
  padding: 0;
}

#menu_bar_top_right ul li a {  /* em messed up? */
  color: #04a;  
  text-decoration: none;
  font-size: .95em;
  text-transform: uppercase;
  width: 5.5em;
  height: 3em;
  
  font-family: "Trebuchet MS";
  padding: 1.2em 1.4em 1.9em 10%;
  display: block;
  text-align: center;
  
  /* for old style sheet compatabilty */
  
  /*
  font-size: 22px;
  width: 100px;
  height: 100px;
  */
  
  -webkit-clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 89%, 0 0);
  clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 89%, 0 0);

  
}

#menu_bar_top_right ul li a.active {
  color: #eef;  
  background: #008;
}

#menu_bar_top_right ul li a:hover {
  color: #eef;  
  background: #008;
}

#menu_bar_top_right #last_item {
    margin-right: 0;
	
}


#slider_bar {
	 margin: 0 auto;
}

#slider_image {
	text-align: center;
	margin: 0 auto;
}


#slider_video {
	text-align: center;
	margin: 0 auto;
	max-width: 1200px;
}


#slider_image img {
	width: 100%;
}


#menu_bar {
   border-bottom: 1px solid #eee;
}



#mail_box {
}


#mail_box_holder {
  max-width: 1200px;
  margin: 0 auto;
  background: #025557;
  
}


#mail_box_first {
  float: left;	
}

#mail_box_first img {
  margin: .5em 1em .5em 1em;	
}

#mail_box_second {
  float: left;		
  padding-right: 1.5em;
  width: 25%;
}

#mail_box_second p {
  color: white;	
  // margin-top: 2.75em;
  font-size: 1.2em;
}

#mail_box_second .hilight_mail_copy {
  text-shadow: 0px 0px 7px #ff9;
  color: #ff0;
}



#mail_box_third {
   float: left;	
   margin-right: 1em;
   margin-bottom: 1em;
}

#mail_box_third form, #mail_box_third img {
  margin-top: 0;
}


#email_list_first {
  float: left;
  padding-top: 1.8em;
  
}

#email_list_second {
  float: left;	
  padding-top: 1.8em;
}

#email_list_field {
     width: 10em;
    padding: 3px 3px;
    margin: 0;
    box-sizing: border-box;
	font-size: 1.9em;
	border-radius: 0; /* for safari */
}

#email_list_submit {
	
}




#front_box_holder {
  max-width: 1200px;
  margin: 0 auto;
}



.discounts_box {
  max-width: 14.5em;
  float: left;
  color: white;
  background: #EE3333;
  padding: 0em 1em 1em 1em;
  margin-bottom: 1em;
}

.discounts_box .top_holder {
  text-align: center;
  margin-top: 2em;
}


.discounts_box p {
	font-size: .85em;
	line-height: 1.4em;
}


#travel_discounts_box {
  background: #EE3333;
   margin-right: 2.4em;
}

#entertainment_discounts_box {
  background: #EEEEEE;
  color: #005;
  margin-right: 2.4em;
}

#videos_box {
  background: #16B6EA;	
  margin-right: 2.4em;
}

#why_join_box {
  background: #FF8800;	
}


.responsive_floater {
  float: left;
}

.chopped {
  -webkit-clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 85%, 0 0);
  clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 85%, 0 0);
}



.h2_link_homepage {
  color: white;
  text-decoration: none;  
}



#cards_box {
  background: #663321;
  background-image: repeating-linear-gradient(2deg, transparent, transparent 15px, rgba(255,255,255,.05) 15px, rgba(255,255,255,.05) 50px);
  -webkit-clip-path: polygon(100% 15%, 100% 100%, 100% 100%, 0 100%, 0 0);
  margin: 0 auto;
  padding-top: 3em;
}



#cards_box_holder {
  max-width: 1200px;
  margin: 0 auto;
  color: white;
  text-align: center;

}

#cards_box_holder p {
  font-size: 1.3em;
}

#cards_box_holder img {
  margin-right: 2em;
  max-height: 9em;
  box-shadow: .5em .7em .5em #220600;
  z-index: 3;
}





#types_of_businesses_holder {
  max-width: 1200px;
  margin: 0 auto;
}



#types_of_businesses_copy {
  margin-right: 4%;
}

#types_of_businesses_copy h2 {
  margin-top: 2em;
}

#types_of_businesses_copy p {
  font-size: 1.3em;
  color: #555;  
  line-height: 1.3em;
}


#types_of_businesses_list {
  padding: .5em;
  color: #222;
}


.types_box_holder {
  width: 28%;
  float: left;
  margin-right: 3%;
  min-height: 11em;
}

.types_box_holder .l_first {  /*  local, not referenced on its own*/
   float: left;
   width: 5em;
}



.types_box_holder .l_second {
  float: left;
  margin-left: 2%;
  width: 70%;
}

.types_box_holder .l_second h4 {
	margin: 0 0 1em 0;
	padding: 0;
	font-weight: normal;
	font-size: 1.3em;
}

.types_box_holder .l_second a {
  color: black;
  text-decoration: none;
}

.types_box_holder .l_second a:hover {
  color: #059;
}

.types_box_holder .l_second p {
	margin: 0 0 1em 0;
	line-height: 1.4em;
	font-size: .85em;
	color: #555;
	
}


.bottom_icons{ background:url("http://www.hotelsetc.com/images/2016/home/bottom_icons.png") top left no-repeat; margin-bottom: .3em; }

.bottom_icons_incentives{ width:70px; height:76px; background-position:-10px -10px; }
.bottom_icons_private_label{ width:70px; height:76px; background-position:-10px -96px; }
.bottom_icons_exclusivities{ width:70px; height:76px; background-position:-10px -182px; }
.bottom_icons_distributorships{ width:70px; height:76px; background-position:-10px -268px; }
.bottom_icons_fundraiser{ width:70px; height:76px; background-position:-10px -354px; }
.bottom_icons_employee_benefits{ width:70px; height:76px; background-position:-10px -440px; }





#footer {
  background: #2D2D2D;	
}


#footer_holder{
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 3em;
}


#footer_holder a {
  color: #aaa;
  text-decoration: none;
}

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


#footer_holder h4 {
  color: #fff;
}


#footer_holder p {
  line-height: 1.6em;
  color: #ddd;
}



#footer_col1, #footer_col2, #footer_col3, #footer_col4 {
  float: left;
  margin-right: 7.5%;
  
}

#footer_col5 {
  float: left; 
}

#footer_bottom_bar {
	background: #1E1E1E;
}


#footer_bottom_bar_holder {
  max-width: 1200px;
  margin: 0 auto;
}


#footer_bottom_bar_left {
  float: left;	
}

#footer_bottom_bar_left p {
  color: #aaa;
  padding-top: 7px;
  margin: 0;  /*  reset one there, one not */
}


#footer_bottom_bar_right {
  float: right;	
}



#content_holder {
	
	
  max-width: 1200px;
  margin: 0 auto;

}


img.join_banner {
	width: 100% ;
}




#cssmenu {
 display: none;	
}



.clear_both {
  clear: both;	
}

.sleeper_clear_div {  
  float: left;	
}


.light_blue {
 color: #4ad;	
	
}


@media only screen and (max-width:1200px) {
	
 .text_wrapper_padding_shiv {
   padding-left: 1em !important;
   padding-right: 1em !important;
 }

 
}
 
 

@media only screen and (max-width:1220px) {


}



@media only screen and (max-width:1166px) {


.types_box_holder {
  width: 100%;
  float: none;
  clear: both;
  min-height: 0em;
  
  padding-bottom: 4em !important;
}



}


@media only screen and (max-width:1076px) {



#menu_bar_top_left #ann  {
  margin-top: 0;
  max-height: 55px;
  max-width: 60px;
  margin-left: -60px;
}


/*
 .sleeper_clear_div {   //  ?? ? / ?    ? ? ? ? ?? ???????  
  clear: both;
  float: none;
 }




 #menu_bar_top_right {
  float: none;
  clear: both; 
	
 }

*/

#menu_bar_top_left img {
	width: 15em;
}


#menu_bar_top_right ul li a {

  font-size: 88%;
  width: auto;
  height: 3em;
  

  padding: 1em 1.2em 1.9em 7%;

  
  -webkit-clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 89%, 0 0);
  clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 89%, 0 0);

}

#menu_bar_shim {
  height: 70px;  
}


/*
 #menu_bar_behind {
  height: 210px;  
 }

 
 #menu_bar_sticky_holder {
	 background: white !important;
 }
 
 */


}



@media only screen and (max-width:876px) {

#menu_bar_top_left #ann  {
  margin-top: 0;
  max-height: 55px;
  max-width: 60px;
  margin-left: -70px;
}





#menu_bar_top_right ul li a {

  font-size: 85%;
  width: auto;
  height: 3em;
  

  padding: 1em 1em 1.9em 5%;

  
  -webkit-clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 89%, 0 0);
  clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 89%, 0 0);

}





}


@media only screen and (max-width:767px) {


#menu_bar_top_left #ann  {
  margin-top: 0;
  max-height: 41px;
  max-width: 50px;
  margin-left: 0px;
}



#menu_bar_top_left {
	width: 25%;
}


#menu_bar_top_left img {
	width: 10em;
}


#menu_bar_top_right ul li a {

  font-size: 78%;
  padding: 1em .8em 1.9em 7%;

}

#menu_bar_shim {
  height: 63px;  
}




.responsive_floater {
  float: none;
  clear: both;
}





 .discounts_box { 

 }
 
 
 #types_of_businesses_copy {
	 float: none;
     clear: both;	 
	 
 }
 
 
 #types_of_businesses_list {
	 float: none;
     clear: both;	 
	 
 }
 

 
.types_box_holder {
   min-height: auto;
}

.types_box_holder p {
   margin-bottom: 2em;
}






}


@media only screen and (max-width:580px) {



#menu_bar_top_right ul li a {

  font-size: 64%;
  padding: 1em 1.2em 1.9em 7%;

}


#menu_bar_shim {
  height: 55px;  
}



#email_list_field {
     width: 8em;
}

}


@media only screen and (max-width:480px) {



#menu_bar_top_left img, #menu_bar_top_left{
	width: auto;
}

 #menu_bar_behind {
  height: 170px;  
 }
 

#top_bar #top_bar_top_left {  /*  ?!?   */
	
	width: 100%;
    float: none;
	clear: both;
    padding-top: 1em;
    margin-top: 0;
}


#cssmenu {
 display: block;	
}

#menu_bar_top_right {
 display: none;

}


#cards_box {

 -webkit-clip-path: polygon(100% 7%, 100% 100%, 100% 100%, 0 100%, 0 0);

}


#cards_box_holder img {
  margin-bottom: 2em;
  max-width: 85%;
  box-shadow: .5em .7em .5em #220600;
}




 .discounts_box { 
   float: none;
   clear: both;
   margin-left: 0px !important;
 }
 
 
  #email_list_first, #email_list_second {
   float: none;
   clear: both;
 }

  #mail_box_second {
	  
	 width: 100%;  
  }
  
 #mail_box_second p {
  color: white;	
  padding: 0 .5em 0 .5em;
  margin-top: .1em;
  font-size: .7em;
 }

 

#mail_box_third {
  margin: 0;
  padding: 0;  
  width: 100%;
}


#email_list_field {
     width: 80%;
}

#email_list_second {
  margin-top: 0;
  padding-top: 0;
}




.types_box_holder .l_second {

  width: 100%;
}




 #footer_col1, #footer_col2, #footer_col3, #footer_col4 {
	 
  
  float: none;
  clear: both;
  margin-right: 0;
  margin-left: 3%;
  
}



}

@media only screen and (max-width:360px) {



}