@charset "utf-8";
@import url(no-script.css);

*
	{margin: 0;
	padding: 0;
	font-size: 1em;
	font-family: "century gothic", tahoma, arial, helvetica, sans-serif;}

html 
	{min-height: 100%; 
	margin-bottom: 1px;}

body
	{text-align: center;
	background: black;
	color: white;}
	
a
	{text-decoration: none;}
	
a:focus
	{outline: none;}

a img
	{border: 0;}
	
#container
	{width: 650px;
	text-align: left;
	margin: 40px auto;}

#header
	{position: relative;
	text-align: right;
	width: 650px;
	height: 100px;
	overflow: hidden;}

#header #logo
	{position: absolute;
	left: 0;
	top: 0;}

#header p
	{display: none;}

#content-wrapper
	{float: left;
	padding-top: 20px;}

#content
	{float: left;
	display: inline;
	width: 500px;
	font-size: 75%;
	line-height: 1.4em;
	text-align: justify;}

#content h1
	{display: none;}

#content p, #content ol, #content ul, #content dl
	{margin: 0 0 1.5em 0;}

#content ol, #content ul
	{padding-left: 35px;}

#content a
	{text-decoration: underline;
	color: white;}

#content dt
	{font-weight: bold;
	margin-top: 2em;}

#contact
	{float: left;
	display: inline;
	width: 100%;
	padding: 15px 0;
	margin: 15px 0;
	border: solid white;
	border-width: 1px 0;}

#content #contact *
	{margin: 0;}

#contact .split
	{float: left;
	display: inline;
	width: 50%;
	padding-bottom: 5px;}

#contact p
	{clear: both;}

#contact span.type
	{display: none;}

#contact span
	{display: block;}

.gallery
	{position:relative;
	width:700px;}

#content .gallery ol
	{display: none;
	position: absolute;
	float: left;
	width: 495px;
	height: 10px;
	top: 313px;
	left: 0;
	padding: 5px 0 5px 5px;
	margin: 0;
 	background: black;
	z-index: 100;}

.gallery li
	{list-style-type: none;
	cursor:pointer;}

.gallery ol li
	{text-indent: -10000px;
	float: left;
	display: inline;
	margin: 0 2px 0 0;
	width: 9px;
	height: 9px;
	overflow: hidden;
	background-image: url(/images/layout/prev-next.gif);
	background-repeat: no-repeat;}

.gallery ol li.prev
	{background-position: 0 0;}

.gallery ol li.next
	{background-position: -9px 0;}

.gallery img
	{display: block;}

#slideshow
	{clear: both;
	overflow:hidden;
	width:500px;}

#content #slideshow ul
	{width:10000px;
	padding: 0;
	margin: 0;}

#slideshow li
	{float:left;
	margin:0 16px 0 0;}

#slideshow li em
	{display: block;
	font-style: normal;}

#navigation
	{float: left;
	display: inline;
	position: relative;
	width: 105px;
	margin-right: 45px;
	font-size: 75%;
	text-transform: lowercase;
	line-height: 1.2em;}

.homepage #navigation ul.l2
	{position: absolute;
	top: 3em;}

.homepage #navigation ul ul ul
	{display: block;
	padding: 0;
	position: relative;
	top: auto;}

#navigation li
	{list-style-type: none;
	margin-bottom: 6px;}

.homepage #navigation li#eng a.heading, .homepage #navigation li#is a.heading
	{display: block;
	position: absolute;
	top: 0;
	font: 100% "gill sans", "trebuchet ms", arial, helvetica, sans-serif;}

#navigation li#eng ul a, #navigation li#is ul a
	{position: static;
	top: auto;
	background: none;
	width: auto;
	text-align: left;}

#navigation li#is a
	{right: 2px;
	width: 63px;
	text-align: right;
	background: transparent url(/images/layout/kria-icon-small.gif) 0 45% no-repeat;}

#navigation li#is ul
	{display: none;}
	
#navigation a
	{display: block;
	font-size: 130%;
	color: white;
	font-weight: bold;
	padding: 3px 0 0 0;}

#navigation li.bikes
	{font-size: 130%;
	font-weight: bold;}

#navigation li.bikes a
	{font-size: 100%;}

#navigation li.bikes ul
	{margin-top: 5px;}

#navigation li.bikes ul li
	{position: relative;
	height: 66px;
	margin-bottom: 5px;}

#navigation li.bikes span
	{position: absolute;
	bottom: 0;
	white-space: nowrap;
	left: 2px;
	z-index: 2;
	font-weight: normal;
	font-size: 70%;}

#navigation img
	{display: block;
	position: absolute;
	bottom: 0;}

#navigation li.bikes img
	{position: absolute;
	top: 0;
	left: 0;
	border: 1px solid white;}

#navigation li.facebook img
	{position: static;}