html {
  background: #f4f4f4 url(../img/b23.gif) no-repeat bottom center fixed;
  background-size: cover;
}
body {
  background: transparent;
  color: #ddd;
  font-family: 'Open Sans', sans-serif;
  text-align: center;
}

h1, h2 {font-weight: 400;}
p {font-weight: 400; font-size: 14px;}
h1 {color: #fff; font-size: 32px; line-height: 1.1; text-transform: uppercase;}
h2 {font-size: 18px;}

h2 {text-shadow: rgba(0,0,0,.4) 0 0 2px;margin: 20px 0; padding: 10px 0; border: solid rgba(0,0,0,.3); border-width: 1px 0; box-shadow: 0 1px 0 rgba(255,255,255,.1), inset 0 1px 0 rgba(255,255,255,.1);}

.ydeal a {text-decoration: underline; color: inherit;}
.ydeal a:hover {text-decoration: none;}

.container {
	
	background: #000;
	background: rgba(0,0,0,.8);
	/* YDEAL Blue
	background: #0071BA;
	background: rgba(0,113,186,.8);
	*/
	box-shadow: 0 0 300px rgba(255,255,255,.5), inset 0 0 0 1px rgba(0,0,0,.3), inset 0 0 0 2px rgba(255,255,255,.15);
	height: 230px;
	left: 50%;
	margin-left: -150px;
	margin-top: -140px;
	padding: 20px;
	position: absolute;
	top: 50%;
 	width: 260px;
}