/* CSS Document */
@font-face {
  font-family: "Novecento Demi Bold";
src: url("../fonts/Novecento/260FEC_2_0.eot"); /*if IE */
src: local("Novecento Demi Bold"), url("../fonts/Novecento/260FEC_2_0.ttf") format("truetype"); /* non-IE */
}
@font-face {
  font-family: "Novecento Normal";
src: url("../fonts/Novecento/260FEC_4_0.eot"); /*if IE */
src: local("Novecento Normal"), url("../fonts/Novecento/260FEC_4_0.ttf") format("truetype"); /* non-IE */
}
@font-face {
  font-family: "Novecento Medium";
  src: url("../fonts/Novecento/260FEC_5_0.eot"); /*if IE */
  src: local("Novecento Medium"), url("../fonts/Novecento/260FEC_5_0.ttf") format("truetype"); /* non-IE */
}
body {
  color: #5a5a5a;
  margin:0;
  padding:0;
}
h1 {
  font-family:"Novecento Demi Bold", Times, serif;
  color:#000000; 
  font-size:30px;
  line-height:40px; 
}
h2 {
  font-family:"Times New Roman", Times, serif;
  color:#4D4D4D;
  font-style:italic;
  font-size:30px;
  line-height:40px;  
}
h3 {
  font-family:"Novecento Normal", Times, serif;
  color:#1A1A1A;
  font-size:20px;
  line-height:30px;
}
h4 {
  font-family:"Novecento Normal", Times, serif;
  font-size:16px;
  line-height:24px;
  margin:0;
  font-weight:100;
}
a {
  font-family: Times, serif;
  color:#FF9CD2;  
}
p {
  font-family: Times, serif;
  color:#4D4D4D;  
}
li {
	list-style:url("../../images/blog_bullet.png") inside;	
}
.center {
	text-align:center;	
}
.warn {
	color:red;	
}
.item {
	display:inline-block;
}
.clear {
	clear:both;	
}
.dashed-top {
	border-top:1px dashed black;	
}
.dashed-bottom {
	border-bottom:1px dashed black;	
	padding:0 0 10px;
	margin:0 0 10px
}
p.dashed-bottom {
}
.container {
	padding:0 5px;	
}
.divider {
	text-align:center;	
	padding-top:20px;
	box-shadow:0 -3px 3px 0 rgb(225,225,225);
}
.circle {
	width:220px;
	height:220px;
	border-radius:50%;
}
.circle-hover {
	box-shadow:0 0 5px 5px rgba(0, 0, 0, .4) !important;	
}
.fixwidth {
	margin:auto;	
}
.halfwidth {
	width:50%;	
}
.row {
	margin:auto;
	padding:20px 0 60px 0;	
}
.row li {
	list-style:none;	
}
.row h1 {
	margin-top:0;	
}
.bliss-arrow-expanded {
	background:url("../../images/dropdown_arrow_2.png") no-repeat right !important;
}


#bliss-header {
	font-family:"Novecento Demi Bold", Times, serif;
	height:180px;
	background:#C4FFFF url(../../images/border_top_r2.png) repeat-x top left;
	border-bottom:5px solid #FFDBEF;
}
#bliss-header a {
	font-family:"Novecento Demi Bold", Times, serif; 
	text-decoration:none;
	color:#808080;
  	font-weight:bold;	
}
#bliss-logo {
	position:absolute;
	left:50%;
	margin-left:-110px;
	z-index:1;
	height:171px;
	box-shadow:0 0 15px 10px rgba(200,200,200,0.4);
}
#bliss-header-navbar-collapse {
	float:right;
	background: transparent;
	padding: 5px;
	line-height: 1;
	border: 0;
	border-radius: 0;
	height: 34px;
}
#bliss-header-navbar .left-nav, #bliss-header-navbar .right-nav {
	position:absolute;
	list-style-type:none;
}
#bliss-header-navbar .left-nav li, #bliss-header-navbar .right-nav li {
	display:inline-block;
	margin-right:25px;
}
#bliss-header-navbar .left-nav {
	left:50%;
	margin-left:-477px;
}
#bliss-header-navbar .right-nav {
	left:50%;
	margin-left:95px;
}
#bliss-header-navbar {
	padding-top:60px;	
}

#bliss-body {
	min-height:100px;
	margin-top:150px;
}

#bliss-footer {
	border-top:5px solid #FFDBEF;
	margin:80px auto 0;
	background:#C4FFFF;
}
#bliss-footer h2 {
	margin:5px 0;
	padding:10px 0;
}
#bliss-footer .fixwidth {
	list-style:none;
	padding:20px 0;
}
#bliss-footer li {
	display:inline-block;
	width:300px;
	vertical-align:top;
}
#bliss-footer .blog {
	padding:0;	
}
#bliss-footer .bliss-blog, #bliss-footer .bliss-social {
	padding:0;	
}
#bliss-footer .bliss-social {
	margin-top:15px;	
}
#bliss-footer .social {
	font-family:"Novecento Normal", Times, serif;
	height:80px;
	width:255px;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	position:absolute;
	left:50%;
	margin-left:-126px;
	padding:0 10px;
	background:#C4FFFF;
	margin-top:-95px;
}
#bliss-footer .social div {
	margin-top:10px;
}
#bliss-footer .social li {
	width:40px;
	height:40px;
	background:url('../../images/social_media2.png');
	position:relative;
	cursor:pointer;
	list-style:none;
	display:inline-block;
	margin:10px;
}
#bliss-footer .social .yelp-icon {
	background-position:-1px -2px;
}
#bliss-footer .social .google-icon {
	background-position:-1px 40px;
}
#bliss-footer .social .citysearch-icon {
	background-position:-1px 80px;
}
#bliss-footer .social .facebook-icon {
	background-position:-1px 122px;
}
#bliss-footer .social .yelp-icon:hover {
	background-position:41px -3px;
}
#bliss-footer .social .google-icon:hover {
	background-position:41px 40px;
}
#bliss-footer .social .citysearch-icon:hover {
	background-position:41px 80px;
}
#bliss-footer .social .facebook-icon:hover {
	background-position:41px 122px;
}
#bliss-footer .location-image img {
	width:100%;	
}
#bliss-footer .blog li {
	font-size:18px;
	line-height:32px;
	display:list-item;
	margin:10px 20px;
}
#bliss-footer .blog li a {
	color:black;
	text-decoration:none;
	font-weight:200;
}
#bliss-footer .hours h4:nth-child(even) {
	float:right;
}
#bliss-footer .hours h4:nth-child(odd) {
	float:left;
}
#bliss-footer .hours h1 {
	margin:5px 0 0;	
}
#bliss-footer .hours p {
	margin:0;	
}
#bliss-footer .hours h4.clear {
	margin-bottom:10px;	
}
#bliss-footer .location h4 {
	width:300px;
}
/* Google Voice adds its own tags to the HTML to make it easy to call someone from the browser */
span.gc-cs-link {
	text-decoration:none;
	color:black;	
}

/* RESPONSIVE CSS
-------------------------------------------------- */
/* 1170 Grid */
@media all and (min-width: 1170px) {
	.fixwidth {
		width:1170px;	
	}
	#bliss-logo {
		height:171px;
		box-shadow:0 0 15px 10px rgba(200,200,200,0.4)_;	
	}
	#bliss-header-navbar-collapse {
		display:none;	
	}
	#bliss-footer li {
		margin:0 43px;	
	}
	#bliss-footer li.location {
		width:600px;	
	}
	#bliss-footer .blog .container {
		height:184px;	
	}
	#bliss-footer .bliss-blog.container {
		height:194px;	
	}
}
/* 940 Grid */
@media (min-width: 940px) and (max-width: 1170px) {
	.fixwidth {
		width:940px;	
	}
	#bliss-header-navbar-collapse {
		display:none;	
	}
	#bliss-logo {
		height:171px;
		box-shadow:0 0 15px 10px rgba(200,200,200,0.4);	
	}
	#bliss-footer li {
		margin:0 5px;
	}
	#bliss-footer li.location {
		width:600px;	
	}
}
/* 724 Grid */
@media (min-width: 724px) and (max-width: 940px) {
	.fixwidth {
		width:724px;	
	}
	.inner-container {
		display:none;	
	}
	#bliss-header-navbar {
		display:none;	
	}
	#bliss-logo {
		position:absolute;
		left:33.333%;
		margin-left:-110px;
		height:171px;
		box-shadow:0 0 15px 10px rgba(200,200,200,0.4);		
	}
	#bliss-header-navbar-collapse {
		margin-right:20%;
		margin-top:13%;
		width:200px;
		font-size: 16px;
	}
	#bliss-footer .fixwidth {
		width:620px;	
	}
	#bliss-footer li.hours li {
		width:280px;
	}
	#bliss-footer li {
		width:100%;	
	}
	#bliss-footer .bliss-blog {
		padding-left:46px;	
	}
	#bliss-footer .social .container li {
		width:310px;
		display:inline-block;	
	}
}
/* 320 Grid */
@media (max-width: 724px) {
	.fixwidth {
		width:320px;	
	}
	.halfwidth {
		width:300px;	
	}
	.divider h1 {
		font-size:14px;	
		margin-top:0;
	}
	#bliss-header-navbar {
		display:none;	
	}
	#bliss-header {
		height:100px;
		background:#C4FFFF;	
	}
	#bliss-logo {
		position:absolute;
		left:0;
		margin-left:0;
		height:95px;
	}
	#bliss-logo img {
		height:150px;	
	}
	#bliss-header-navbar-collapse {
		margin-right:15%;
		margin-top:7%;
		width:100px;
		font-size: 13px;
	}
	#bliss-footer .fixwidth {
		padding:10px;
	}
	.bliss-expandable h2 {
		border-bottom:0;
		cursor:pointer;	
	}
	#bliss-footer .location h2 {
		background:url("../../images/dropdown_arrow_1.png") no-repeat right;
	}
	#bliss-footer .hours ul {
		padding:0;	
	}
	#bliss-footer .hours li h2 {
		background:url("../../images/dropdown_arrow_1.png") no-repeat right;
	}
}