@charset "UTF-8";
/* CSS Document */


/*   SF SPECIFIC GENERAL 
---------------------------------------------*/
@font-face {
	font-family: 'ChaletParisNineteenSeventy';
	src: url('http://www.bubblelounge.com/includes/font/chalet_paris_nineteen_seventy-webfont.eot');
	src: local('☺'), url('http://www.bubblelounge.com/includes/font/chalet_paris_nineteen_seventy-webfont.woff') format('woff'), url('http://www.bubblelounge.com/includes/font/chalet_paris_nineteen_seventy-webfont.ttf') format('truetype'), url('http://www.bubblelounge.com/includes/font/chalet_paris_nineteen_seventy-webfont.svg#webfontfA6MqXTM') format('svg');
	font-weight: normal;
	font-style: normal;
	}
h1, dt#press {
  font-size:2em;
  color:#A80101; 
  font-family: 'ChaletParisNineteenSeventy';
  font-weight: 300;
  text-transform: lowercase;
  }
  
h2 {
  color: #111;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  font-size:1.4em;
  text-transform:uppercase;
  border-bottom:1px solid #999;
  margin-top:2em;
  font-weight: lighter;
  }
 
h2.first {
  margin-top:0;
  padding-top:0;}
 
h2.clear {
  clear:both;}

h3 {
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  font-size:1.2em;
  margin:1.5em 0 .5em 0;
  text-transform: uppercase;
  font-weight: lighter;
  } 

h4 {
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1.1em;
  margin:1em 0 .2em 0;
  padding-bottom:0;
  color:#555;
  font-weight:lighter;
  font-style: italic;
  }

p, dd {
  font-family: "Helvetica Neue", Helvetica, san-serif;
  font-size:1.3em;
  color:#222;
  margin:1em 0;
  padding:0;
  }
    

/*  PRE HEADER
---------------------------------------------*/

#preheader {
  font-family: "Helvetica Neue", Helvetica, san-serif;
  font-size:1.1em;
  color:#222;
  margin:.6em 0 0 1.2em;
  padding:0;
  }
  
#preheader ul {
  list-style:none;
  margin:0em 0;
  padding:0;}

#preheader ul li {
  float:left;
  margin:0em 0 0em 1em;
  width:auto;
  }
  
#preheader ul li a:link {
  color: #42423c;
  text-decoration:underline;}

#preheader ul li a:visited {
  color: #42423c;
  text-decoration:underline;}

#preheader ul li a:hover {
  color: #79786e;
  text-decoration:underline;}

#preheader ul li a:active {
  color: #42423c;
  text-decoration:underline;}



/*  MASTHEAD
---------------------------------------------*/

#masthead {
  clear:both;
  background:url(../img/sitenew/hdr.png);
  height:11.9em;
  }

/*  NAV MAIN 
---------------------------------------------*/


#navmain ul li.bumpleft {
  padding-left:1.6em;
  margin-left:1.1em;
  background:url(../img/site/nav/divider.gif) 0px 10px no-repeat }

#navmain li a {
 padding: .5em;  
	font-size: 1.1em;
 	font-family: 'ChaletParisNineteenSeventy';               
	text-transform: lowercase;
 	text-decoration:none;
 	color: #fbf7e4;
 	font-weight: bolder;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#navmain li a:visited {
  color: #fffcfc;
    font-family: 'ChaletParisNineteenSeventy'; 
    text-shadow: 0 1px 1px rgba(0,0,0,.5);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    }

#navmain li a:hover {
 text-decoration:none;
 background: rgba(255,255,255,.15);
 color: #ffffff;
 font-family: 'ChaletParisNineteenSeventy';
 
 }

#navmain li a:active {
 color:#F0F0F0;
 text-decoration:none;
 outline: none;
  }


/*   LINKS (CONTENT)  SAN FRANCISCO
---------------------------------------------*/


#content a:link {
   font-weight: bold;
  color: #aaa68a;
  text-decoration: none;
  /* Animate color property across all supporting browsers */
    -webkit-transition: color  0.3s ease-in-out;
	-o-transition: color  0.3s ease-in-out;
	-moz-transition: color  0.3s ease-in-out;
	transition: color  0.3s ease-in-out;
  }
  
#content a:visited {
  color:#740d00;
  }

#content a:hover {
  color: #740d00;
  text-decoration: none;
  }
	
#content a:active {
  color:#740d00;
  text-decoration: none;
  outline: none;
  }
  
/*   ACTION BUTTONS
------1---------------------------------------*/


#actionbuttons {
  float:right;
  width:520px;
  padding-bottom:2em;
  }

#actionbuttons ul {
  margin:0;
  padding-left:2em; 
  }


#actionbuttons ul li {
  float:left;
  width:165px;
  list-style: none;
  }

#actionbuttons ul li.first a {
  display:block;
  background: url(../img/action/action-button-1.jpg) 0 0 no-repeat;
  height: 186px;
  text-indent: -9000px;
  }

#actionbuttons ul li.first a:hover {
  background: url(../img/action/action-button-1.jpg) 0 -186px no-repeat;
  }

/*
------2----------------*/

#actionbuttons ul li.second a {
  display:block;
  background: url(../img/action/action-button-2.jpg) 0 0 no-repeat;
  height: 186px;
  text-indent: -9000px;
  }

#actionbuttons ul li.second a:hover {
  background: url(../img/action/action-button-2.jpg) 0 -186px no-repeat;
  }

/*
------3----------------*/

#actionbuttons ul li.third a {
  display:block;
  background: url(../img/action/action-button-3.jpg) 0 0 no-repeat;
  height: 186px;
  text-indent: -9000px;
  }

#actionbuttons ul li.third a:hover {
  background: url(../img/action/action-button-3.jpg) 0 -186px no-repeat;
  }



/*   FOOTER
---------------------------------------------*/


#footer ul {
  padding:0;
  margin:.9em 1.5em;
  clear:both;
  float:right;
  list-style: none;
  width:auto;
  }

#footer ul li {
  color: #42423c;
  float: left;
  display:block;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  text-transform: uppercase;
  width:auto;
  }

#footer ul li.padright {
  padding-right:1em;}

#footer ul li a:link {
  color: #42423c;
  text-decoration:underline;}

#footer ul li a:visited {
  color: #42423c;
  text-decoration:underline;}

#footer ul li a:hover {
  color: #ffffff;
  text-decoration:underline;}

#footer ul li a:active {
  color: #42423c;
  text-decoration:underline;}




#footerbody {
  padding-left: 2em;
  padding-bottom: 6em;
  padding-right: 2em;
  padding-top: 1.5em;
  text-decoration: none;
  clear:both;
  margin:0em 0;
  background: url(../img/sitenew/footer-bg-2.png) bottom center no-repeat;
  font-family: 'ChaletParisNineteenSeventy';
  }

#footerbody li.phone {
  float:right;
  font-family: 'ChaletParisNineteenSeventy';
  list-style:none;
  font-size:1.7em;
  padding:0em 2em;
  color:#fbf7e4;
  width:auto;
  }
  
#footerbody li.divide {
  background:url(../img/site/nav/divider.gif) 0px 2px no-repeat;
  } 

#footerbody ul {
  font-family: 'ChaletParisNineteenSeventy';
  list-style:none;
  font-size:1.15em;
  color:#fff;
  margin:0;
  padding:0;
  text-decoration: none;
  }
  
#footerbody ul li {
  padding-left: 10px;
  padding-bottom: 30px;
  padding-right: 50px;
  padding-top: 15px;
  list-style:none;
  text-decoration: none;
  float:left;
  display:inline;
  width:auto;
  text-transform: lowercase;
  }
   
#footerbody li.ny {
  padding-left: 3em;
  text-decoration: none;
  background:url(../img/sitenew/socialmedia/newyork.png) -1px 0px no-repeat;
  }
#footerbody li.mail {
  padding-left:3em;
  background:url(../img/sitenew/socialmedia/MailSF.png) -3px 0px no-repeat;}

#footerbody li.twitter {
  padding-left:3em;
  background:url(../img/sitenew/socialmedia/twitterSF.png) -3px 0px no-repeat;}


#footerbody li.facebook {
  padding-left:3em;
  background:url(../img/sitenew/socialmedia/FacebookSF.png) -3px 0px no-repeat;}
  
#footerbody li.yelp {
  padding-left:3em;
  background:url(../img/sitenew/socialmedia/YelpSF.png) -3px 0px no-repeat;}

  
#footerbody ul li a {
  padding:1em .5em;
  color: #fbf7e4;
  text-decoration: none;
  }

#footerbody ul li a:visited {
  color: #fbf7e4;
  }

#footerbody ul li a:hover {
  color: #fbf7e4;
  }

#footerbody ul li a:active {
  color: #c5afb1;
  outline: none;
  }
  
  /* FOOTER LINKS */


#footerbody ul li a:link {
  text-decoration: none;
  padding:1em .5em;
  color:#fbf7e4;
 	color: rgba(251,247,226,.7);
    text-shadow: 0 1px 1px rgba(0,0,0,.5);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  }

#footerbody ul li a:visited {
  color:#fbf7e4;
 	color: rgba(251,247,226,.7);
    text-shadow: 0 1px 1px rgba(0,0,0,.5);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  }

#footerbody ul li a:hover {
  color: #fff;
 text-decoration:none;
     }

#footerbody ul li a:active {
  color: #fbf7e4;
  outline: none;
  }
#footerbody ul li a img { border: none;
    opacity: .50;
    filter: alpha(opacity = 50);
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;}

#footerbody ul li a:hover img { border: none;
     opacity: 1;
    filter: alpha(opacity = 100); /* for IE */
    color: #8c0b1b;
    
    }