/*
Theme Name: Syncapse In-Bev Stella Artois Website
Theme URI: http://www.syncapse.com/
Description: Custom theme for Stella Artois Website
Author: Ian Hopkins
Version: 1.0
*/
html {overflow-y:scroll;}
body, table { font-family: Arial; }
body { margin: 0;
  background: white url('img/bg-grad.png') repeat-x left top; }
a { color: #df4844; }

.watermark { width: 334px; height: 178px; position: absolute; top: 0; right: 0;
  background: url('img/bg-watermark.gif') no-repeat; }

.footer { color: #b6b6b6; font-size: 10px; text-align: center; padding: 16px 0 75px 0;
  background: transparent url('img/footer-line.gif') no-repeat center top; }
.footer a { color: #df4844; }

.content { width: 960px; margin: 0 auto; z-index: 2; position: relative; }
.top { height: 45px; }
.main { width: 950px; height: 345px; padding: 5px 5px 15px 5px; margin: 0; 
  background: url('img/content-bg.png') no-repeat left top; }

.bigimage { float: right; width: 640px; height: 345px;}
.bigimage img { width: 640px; height: 345px; border: 0; }
.lefttext { text-align: center; width: 310px; float: left; }
.bigtext {text-transform: uppercase; font-size: 26px; margin: 20px 0 10px;}
.smalltext {color: #666666; font-size: 14px; font-family: Tahoma, Arial; margin: 0 20px; }

.logo { border: none; width: 112px; height: 74px; }
#logo { top: -30px; left: 95px; position: relative;} 

.menu { margin: 0 auto 28px auto; padding-left: 10px; width: 960px; }
.menu a { display: block; float: left; width: 182px; height: 50px; margin: 0 10px 10px 0;}
.menu span { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden;}
.menu a:hover, .menu a.active { background-position: 0 -50px; }
br.cl { clear: left; line-height: 0; }
br.cr { clear: right; line-height: 0; }

.page_content {
  background: url('img/content-bg-center.png') repeat-y left top;
}
.page_content .top {
  height: 40px;
  position: absolute;
  z-index: 1;
  width: 960px;
  height: 315px;
  background: url('img/content-bg.png') no-repeat left top;
  text-align: center;
}
.page_content .logo_container {
	text-align: center;
	height: 44px;
}
.page_content .logo_container a {
	position: relative;
	top: -30px;
	z-index: 3;
}
.page_content .middle {
	position: relative;
	z-index: 2;
	padding: 0 45px;
	font-size: 12px;
	color: #666666;
	min-height: 300px;
}
.page_content h1 {
	color: #000000;
}
.page_content h2 {
	font-size: 16px;
	color: #4a4a4a;
}
.page_content .middle .sp {
	float: right;
	height: 300px;
	width: 1px;
}
.page_content .middle strong {
	font-size: 14px;
	color: #4a4a4a;
	font-weight: bold;
}
.page_content .bottom {
  height: 15px;
  background: url('img/content-bg.png') no-repeat left bottom;
}

.age_form {
	border: 1px solid #E7E7E7;
	margin: 60px auto;
	width: 647px;
	text-align: center;
}
.age_form input {
	border: 1px solid #808084;
	background: url('img/input-bg.png') repeat-x;
}
.age_form input.input_text {
	width: 88px; height: 38px;
	line-height: 38px;
	padding: 0;
	text-align: center;
	font-size: 24px;
	font-family: Times New Roman, Times;
	margin: 0 5px;
}
.age_form input.input_check {
	border: 0;
}

.sharestrip {
	position: fixed; text-align: center; width: 100%; height: 40px; bottom: 0; left: 0; 
}
.fb-like {
	bottom: 30px; width: 292px; height: 287px;
	overflow: hidden;
	left: 500px;
	z-index: 2;
	background: white;
	position: absolute;
	display: none;
}
.share {
	position: relative; margin: 0 auto; z-index: 10; width: 880px; height: 40px;
}

.share .container {
	z-index: 3;
	position: relative;
	padding: 18px 0 0 217px;
	height: 24px;
	background: url('img/share-background.png') no-repeat;
}
.share a {
	width: 16px; height: 16px; display: block; float: left; margin-right: 4px; background: url('img/share-icons.gif');
}
.share a.like {
	background: url('img/like-icons.png');
}
.facebook_like {
	border: none; overflow: hidden; width: 110px; float: left;
	background: transparent; margin-top: -2px;
}