@CHARSET "UTF-8";

html, body {
	background-color: #000000;
	padding: 0;
	margin:  0;
	height: 100%;
	color: #636363;
	font-family: Helvetica, Trebuchet MS, sans-serif;
	line-height: 21px;
	letter-spacing: normal;
	word-spacing: normal;
}
html { overflow: -moz-scrollbars-vertical !important; }

a, a:hover, a:visited, a:active {
	text-decoration: none;
	border: none;
	outline: none;
}
img {
	border: none;
}


.navigation a:link {
	color: #000000;
}
.navigation a:visited {
	color: #000000;
}
.navigation a:hover {
	color: #000000;
	text-decoration: none;
	background-color: #e8b017;
}
.navigation a:active {
	color: #000000;
}

ul#taps {
	overflow: hidden;
	float: right;
	padding-top: 25px;
	padding-right: 50px;
}
ul.navigation,
ul.navigation a {
	display: block;
	margin: 0;
	padding: 7px 10px 7px 10px;
}
ul.navigation li {
	float: left;
	padding: 0;
	cursor: pointer;
	list-style-type: none;
}

#page {
	width: 1024px;
	background-color: #ffffff;
	margin: 0 auto 0px; /* the bottom margin is the negative value of the footer's height */
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background-image: url('/images/backgrounds/brew.jpg');
	background-repeat: no-repeat;
	background-position: bottom center;
}

#page > .content {
	padding: 85px 50px 50px 50px; /* top right bottom left */
	/* border: 1px solid blue; */
}

.bar {
	padding-top: 45px;
	width: 100%;
}

.logo {
	float: left;
}
.logo img {
	margin-top: -10px;
	padding-left: 20px;
}
.logo > .content {
	background-image: url('/images/backgrounds/taps-repeat.png');
	background-repeat: repeat-x;
	background-position: top left;
	width: 250px;
	height: 83px;
	float: left;
}
.logo > .border-right {
	background-image: url('/images/backgrounds/taps-right.png');
	background-repeat: no-repeat;
	background-position: top left;
	width: 13px;
	height: 83px;
	float: left;
}

.taps {
	padding-left: 5px;
	overflow: hidden;
}
.taps > .border-left {
	background-image: url('/images/backgrounds/taps-left.png');
	background-repeat: no-repeat;
	background-position: top left;
	width: 13px;
	height: 83px;
	float: left;
}
.taps > .content {
	background-image: url('/images/backgrounds/taps-repeat.png');
	background-repeat: repeat-x;
	background-position: top left;
	height: 83px;
	overflow: hidden;
}


#page > .content > .left {
	overflow: hidden;
}

.display {
	float: right;
}
.description {
	font-size: 14px;
	padding: 0px 30px 0 15px;
}
#slider-website, #slider-appstore {
	display: block;
	margin-top: 25px;
	padding: 8px 0 8px 0;
}
#slider-appstore {
	padding-top: 0;
}
#market {
	display: block;
	padding: 20px 0 35px 35px;
}
.device {
	padding-top: 5px;
}

a.download, #android {
	opacity:0.3;
	filter:alpha(opacity=30)
}
a.download:hover {
	opacity:0.8;
	filter:alpha(opacity=80)
}
#android {
	padding: 0 25px 0 30px;
}

.about {
	font-family: Helvetica, Trebuchet MS, sans-serif;
	background: none repeat scroll 0 0 rgba(245, 245, 245, 0.7);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	display: inline-block;
	margin: 100px 0 0 100px;
	padding: 20px;
	width: 700px;
}