html,
body {
    height: 100%;
}
body {
    margin: 0;
    padding: 0;
    background:#f0f1f3;
}
header{
	height:48px;
	box-sizing:border-box;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#373e4a), color-stop(30%,#2f343f), color-stop(50%,#292e37), color-stop(71%,#21252c), color-stop(100%,#191d21)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #373e4a 0%,#2f343f 30%,#292e37 50%,#21252c 71%,#191d21 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(to bottom,  #373e4a 0%,#2f343f 30%,#292e37 50%,#21252c 71%,#191d21 100%); /* W3C */
}

header .logo{
	margin:0 auto 0 auto;
	width:100px;
	height:100%;
	background:url(oeno-logo.png) no-repeat center center;
	background-size:100px 27px;
}
.content{
	padding-bottom:50px;
}

.content .landing-picture{
	width:320px;
	height:298px;
	margin:20px auto;
	background:url(landing-picture.png) no-repeat center center;
	background-size:320px 298px;
}

.content .action-buttons{
	position:relative;
	margin:0 auto 0 auto;
	width:288px;
	height:48px;
	box-shadow: 0px 2px 0px 0px rgba(42, 49, 57, 0.2), 0px 1px 2px 0px rgba(255, 255, 255, 0.5) inset;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444e65), color-stop(100%,#2c3039)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #444e65 0%,#2c3039 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(to bottom,  #444e65 0%,#2c3039 100%); /* W3C */
	border-radius:4px;
}

.content .action-button{
	display:block;
	float:left;
	text-align:left;
	color:#f0f3f5;
	font-size:14px;
	height:49px;
	line-height:49px;
	font-family:Helvetica, Arial, sans-serif;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	text-decoration:none;
}

.content .action-button.left{
	width:152px;
	background:url(active-btn-bg.png) no-repeat 0 0;
	background-size:152px 49px;
	padding-left:20px;
}
.content .action-button.right{
	width:136px;
	padding-left:15px;
}

.content .action-button.single{
	width:100%;
	text-align:center;
	padding:0;
	box-shadow: 0px 2px 0px 0px rgba(42, 49, 57, 0.2), 0px 1px 2px 0px rgba(255, 255, 255, 0.5) inset;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(199,174,110,1)), color-stop(100%,rgba(146,130,90,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(199,174,110,1) 0%,rgba(146,130,90,1) 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(to bottom,  rgba(199,174,110,1) 0%,rgba(146,130,90,1) 100%); /* W3C */
	border-radius:4px;
}

.content .action-buttons .or-block{
	position:absolute;
	top:14px;
	left:133px;
	width:22px;
	height:22px;
	background:#000;
	border-radius:50%;
	text-align:center;
	line-height:20px;
	font-size:14px;
	color:#f0f3f5;
	font-family:"HelveticaNeue-Thin", "Helvetica Neue Thin", "Helvetica 35 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.content .action-button .market-icon{
	vertical-align:middle;
	margin-top:-2px;
}

.content .full-site-link{
	display:block;
	margin-top:20px;
	text-align:center;
	color:#282e36;
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
}