@CHARSET "UTF-8";

html, body, img, table {
	padding: 0px;
	margin: 0px;
	border: 0;
}

body {
	height: 100%;
	background: #0b0b0b url(../img/bg_main.jpg) no-repeat center top;
	font-family: Arial, Helvetica;
	font-size: 11px;
	color: #b9b9b9;
	line-height: 14px;
}

/* *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** LAYOUT *** */

.layout {
	width: 720px;
	margin: 0 auto;
}

.header {
	height: 81px;
	width: 100%;
	position: relative;
}

.nav {
	margin-bottom: 37px;
}

.nav .nav_main1 {
	position: relative;
	height: 28px;
	width: 100%;
	background: url(../img/line_dashed.gif) no-repeat center bottom;
	text-align: center;
}

.nav .nav_main1 span.selected,
.nav .nav_main2 span.selected{
	background: url(../img/border_menu_red.gif) no-repeat 0px 14px;
	display: inline-block;
	padding-bottom: 2px;
	cursor: pointer;
}

.nav .nav_main2 {
	padding-top: 15px;
	position: relative;
	height: 17px;
	width: 100%;
}

.nav .nav_main1 .dash {
	position: absolute;
	left: -31px;
	bottom: -1px;
}

.content {
	min-height: 300px;
	padding-bottom: 50px;
}

.feature {
	position: relative;
	background: url(../img/line_dashed.gif) no-repeat center top;
	height: 101px;
	width: 100%;
}

.footer {
	height: 107px;
	width: 100%;
	position: relative;
	background: url(../img/line_dashed.gif) no-repeat center top;
	letter-spacing: 1px;
	text-transform: uppercase;
}

/* *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** ALL OVER / HELPERS *** */

.line_dashed {
	background: url(../img/line_dashed.gif) no-repeat center top;
	height: 1px;
	width: 100%;
}

/* *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** HEADER *** */

.header .logo {
	position: absolute;
	left: -32px;
	top: 0px;
}

.header .nav_language {
	position: absolute;
	right: -1px;
	top: 14px;
	line-height: 12px;
}

.header .nav_language a {
	width: 34px;
	height: 14px;
	padding-top: 1px;
	background-position: 0 0;
	display: inline-block;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 1px;
	cursor: pointer;
	text-align: center;
	margin-left: 4px;
}

.header .nav_language a.selected {
	color: #6b6c6b;
}
.header .nav_language a:hover {
	background-position: 0 15px;
}
.header .nav_language a.en {
	background-image: url(../img/bg_nav_language_en.gif);
}
.header .nav_language a.de {
	background-image: url(../img/bg_nav_language_en.gif);
}

/* *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** NAVIGATION *** */

.nav a {
	position: absolute;
	color: #ffffff;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none;
}

.nav a:hover {
	color: #bdbdbd;
}

/* *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** VISUALS *** */

.visual .visual_newsdates {
	width: 100%;
	height: 75px;
	margin-top: -24px;
	margin-bottom: 24px;
	background-image: url(../img/visuals/visual_newsdates.jpg);
}

.visual .visual_history {
	width: 100%;
	height: 75px;
	margin-top: -24px;
	margin-bottom: 24px;
	background-image: url(../img/visuals/visual_history.jpg);
}

.visual .visual_wheretobuy {
	width: 100%;
	height: 75px;
	margin-top: -24px;
	margin-bottom: 24px;
	background-image: url(../img/visuals/visual_wheretobuy.jpg);
}

.visual .visual_sightings {
	width: 100%;
	height: 75px;
	margin-top: -24px;
	margin-bottom: 24px;
	background-image: url(../img/visuals/visual_sightings.jpg);
}

.visual .visual_about {
	width: 100%;
	height: 75px;
	margin-top: -24px;
	margin-bottom: 24px;
	background-image: url(../img/visuals/visual_about.jpg);
}

/* *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** CONTENT *** */

.content h1 {
	padding: 0;
	margin: 0 0 12px 0;
	font-size:18px;
	font-weight:bold;
	color: #ffffff;
}

.content .description {
	padding: 0 0 0 1px;
	width: 100%;
	line-height: 16px;
	position: relative;
}

.content .description .infobox {
	position: absolute;
	right: -249px;
	width: 220px;
}

.content .description .infobox img{
	background: #000000;
	margin-bottom: 5px;
}

.content .description.small {
	width: 347px;
}

.content .description.middle {
	width: 470px;
}

.content .description a {
	color: #ffffff;
}
.content .description a:hover {
	text-decoration: none;
}

.content .description h2 {
	padding: 0;
	margin: 53px 0 12px 0;
	font-size:14px;
	font-weight:bold;
	color: #ffffff;
}

.content .description h3 {
	padding: 28px 0 0 0;
	margin: 0;
	font-size: 9px;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.content .description ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.content .description li {
	background:transparent url(../img/li_description.gif) no-repeat scroll 0 9px;
	padding-left:7px;
}

/* *** *** *** *** *** *** *** *** *** *** *** *** *** *** CONTENT gallery *** */

.content .gallery {
	position: relative;
	width: 343px;
	height: 421px;
	float: right;
	overflow: hidden;
	margin-left: 28px;
	-moz-user-select: none; 
    -khtml-user-select: none;
}

.content .gallery .left {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 170px;
	height: 421px;
	background: no-repeat url(../img/image_left.gif) 24px 0px;
	cursor: pointer;
}
.content .gallery .left:hover {
	background-position: 24px -422px;
}

.content .gallery .right {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 170px;
	height: 421px;
	background: no-repeat url(../img/image_right.gif) 133px 0px;
	cursor: pointer;
}
.content .gallery .right:hover {
	background-position: 133px -422px;
}

/* *** *** *** *** *** *** *** *** *** *** *** *** *** NEWS & DATES *** */

.content .description .news_entry {
	min-height: 50px;
	margin-bottom: 30px;
	display: inline-block;
}

.content .description .news_entry .category {
	width: 90px;
	margin-right: 30px;
	float: left;
	text-transform: uppercase;
}
.content .description .news_entry .details {
	width: 100px;
	margin-right: 30px;
	float: left;
}

.content .description .news_entry .text {
	float: left;
	width: 470px;
}

.content .description .news_entry .text img {
	margin-bottom: 10px;
}

.content .description .news_entry .text .title {
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
}

.content .description .line_dashed.newsdates {
	margin: 10px 0px;
	padding: 0px;
	line-height: 1px;
	font-size: 1px;
}


/* *** *** *** *** *** *** *** *** *** *** *** *** *** *** PRODUCTS *** */

.content .description h3 .count {
	color: #ff0000;
}

.content .description h3 .round_brackets {
	color: #7d7d7d;
}

.content .description .colors {
	margin-top: 5px;
	margin-bottom: 3px;
}

.content .description .colors div {
	width: 22px;
	height: 22px;
	display: inline-block;
	background: url(../img/border_color.gif) 0 0;
	cursor: pointer;
	position: relative;
	margin: 0px 3px 3px 0px;
}
.content .description .colors div:hover {
	background-position: 0 22px;
}
.content .description .colors div.red {
	background-color: #ff0000;
}
.content .description .colors div.orange {
	background-color: #f49a21;
}
.content .description .colors div.yellow {
	background-color: #f9f440;
}
.content .description .colors div.green {
	background-color: #406c35;
}
.content .description .colors div.blue {
	background-color: #004ccb;
}
.content .description .colors div.white {
	background-color: #ffffff;
}
.content .description .colors div.black {
	background-color: #000000;
}

.content .description .images {
	margin-top: 4px;
	margin-bottom: 3px;
}
.content .description .images img {
	margin: 0px 3px 3px 0px;
}
.content .description .images div {
	margin: 0px 3px 3px -50px;
	width: 47px;
	height: 37px;
	display: inline-block;
	background: url(../img/border_images.gif) 0 0;
	cursor: pointer;
}
.content .description .images div:hover {
	background-position: 0 37px;
}

/* *** *** *** *** *** *** *** *** *** *** *** *** *** *** SIGHTINGS *** */

.content .description .sightings_images {
	margin-top: 25px;
}

.content .description .sightings_images .sightings_col {
	float: left;
	margin-right: 1px;
}

/* *** *** *** *** *** *** *** *** *** *** *** *** *** *** ABOUT *** */

.content .description table.about{
	width: 100%;
	margin-top: -6px;
}

.content .description table.about thead td {
	width: 159px;
	text-transform: uppercase;
	font-size: 9px;
	color: #6d6d6d;
	letter-spacing: 2px;
}
.content .description table.about thead td.spacer {
	width: 28px;
}

.content .description table.about tbody td {
	line-height: 15px;
	vertical-align: top;
}

/* *** *** *** *** *** *** *** *** *** *** *** *** *** *** WHERE TO BUY *** */

.content .description .shop,
.content .description .shop_link {
	width: 220px;
	margin-right: 30px;
	float: left;
	line-height: 15px;
}
.content .description .shop.right,
.content .description .shop_link.right {
	margin-right: 0px;
}

.content .description .shop_link a {
	text-decoration: none;
	color: #b8b8b8;
}
.content .description .shop_link a:hover {
	text-decoration: underline;
}

.content .description .shop_link a span.selected {
	font-weight: bold;
	color: #ffffff;
}

.content .description .line_dashed.wheretobuy {
	margin: 19px 0px 9px;
}

.content .description .shops_country {
	margin-top: 53px;
}

.content .description .shops_country h2 {
	margin-bottom: 4px;
}

.content .description .shops_country h2 .country {
	background: #ff0000;
	padding: 0px 2px;
}

.content .description .shops_country .shop .name {
	font-weight: bold;
	color: #ffffff;
}

.content .description .shops_country .shop .label {
	width: 15px;
	display: inline-block;
}

/* *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** FEATURE *** */



/* *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** FOOTER *** */

.footer {
	line-height: 14px;
}

.footer .socialmedia {
	position: absolute;
	top: 15px;
	left: 1px;
}

.footer .poweredby {
	position: absolute;
	top: 13px;
	right: 0px;
}

.footer .poweredby img {
	vertical-align: middle;
}
.footer .socialmedia img {
	vertical-align: middle;
}
.footer .socialmedia a {
	margin-right: 7px;
}

/*  *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** SPLASH PAGE ***  */

#splash {
	background: #000000 url(../img/bg_splash.jpg) no-repeat center top;
}

#splash .nav {
	margin: 401px 0 0;
	background: url(../img/line_dashed.gif) no-repeat center top;
	width: 100%;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 29px 0px;
}

#splash .nav_splash {
	position: relative;
	height: 13px;
}

#splash .footer {
	background: url(../img/line_dashed.gif) no-repeat center top;
	height: 107px;
	width: 100%;
	position: relative;
	letter-spacing: 1px;
	text-transform: uppercase;
}

#splash .footer .poweredby {
	text-align: center;
	position: static;
	margin: 0 auto;
	padding-top: 66px;
}
#splash .footer .poweredby img {
	margin-left: 10px;
}