@charset "UTF-8";
/* CSS Document */
html { font-size: 101%; }
body {
	font-family:Arial, Helvetica, sans-serif;
	background: #FFF;
	margin: 0;
	padding: 0;
	color: #52565c;
	font-size: 75%;
}
ul, li, h1, h2, h3, h4, h5, h6, p, img { padding: 0; margin: 0; border: 0;}
a { color: #0087b7; text-decoration:none; }
a:hover { color: #000; }
#page {
	position:absolute;
	height: auto;
	width: 980px;
	margin: -205px 0px 0px -490px;
	top: 50%; 
	left: 50%;
}
/* Headlines */
h1 { color: #000; font-weight: bold; font-size: 13px;}
/* Header */
#head { height: 68px; padding: 0 20px; }
#head-logo { float: left; }
/* Head Navigation */
#head-nav {
	float: right;
	text-align: right;
	padding: 30px 0 0 0;
	font-size: 11px;
}
#head-nav ul { list-style-type: none; }
#head-nav ul li {  float: left; font-size: 11px; padding: 0 10px; border-right: 1px solid #d5d5d5;}
#head-nav ul li.last { border: none; padding-right: 0;}
/* Navigation */
#nav {
	height: 20px;
	background:url(../images/nav-background.gif) no-repeat;
	padding: 5px 20px 0 20px;
	border-bottom: 1px solid #636569;
}
#nav ul { list-style-type: none; }
#nav ul li { color: #000; font-weight: bold; font-size: 13px; }
/* Main Container */
#main { width: auto; height:auto;}
/* Content Contaier */
#content { padding: 20px; }
/* Teaser Wrapper */
#teaser {
	height: 260px;
}
/* Teaser Block Left */
#teaser-left {
	position: relative;
	height: 260px;
	width: 490px;
	float: left;
	overflow: hidden;
}
/* Teaser Block Right */
#teaser-right {
	position: relative;
	height: 260px;
	width: 490px;
	float:right;
	overflow: hidden;
}
/* Shop Button */
#shop-button {
	z-index: 10;
	position: absolute;
	bottom: 20px;
	right: 20px;
}
/* Footer */
#footer {
	font-size: 11px;
	position: relative;
	margin-top: 1px;
	width: auto;
	height: 100px;
	background:url(../images/footer-background.gif) no-repeat;
}
#footer-copyright {
	position: absolute;
	right: 20px;
	top: 30px;
}