html {
	font-family: Helvetica;
	font-size: 12px;
	line-height: 16px;
	background-color: #151515;
	overflow: auto;
}

body {
	width: 900px;
	height: 560px;
	background-color: transparent;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -280px 0 0 -450px;
	text-align: center;
}

a {
	color: #000;
	text-decoration: underline;
}

a:hover {
	color: #666;
}


ol li {
	padding: 20px 0 10px;
	border-bottom: 1px dotted #000;
	bdsackground: url(cssimg/divider.gif) 0 100% repeat-x;
}

li.last {
	background-image: none;
	padding-bottom: 10px;
}

h1 span, h2 span, a span {display: none} 

h2 {
	height: 30px;
	background-repeat: no-repeat;
	float: right;
	margin: 20px 20px 0 0;
}
	#news h2 {background-image: url(cssimg/h-news.gif); width: 102px;}
	#collection h2 {background-image: url(cssimg/h-ss10.gif); width: 81px;}
	#archive h2 {background-image: url(cssimg/h-archive.gif); width: 152px;}
	#shop h2 {background-image: url(cssimg/h-shop.gif); width: 94px;}
	#contact h2 {background-image: url(cssimg/h-contact.gif); width: 159px;}

h3 {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 4px;
	margin-bottom: 15px;
	font-weight: normal;
}

h4 {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: normal;
}

	#news h4 {
		letter-spacing: 4px;
	}


p {
	margin-bottom: 15px;
}

small {
	font-size: 12px;
	line-height: 16px;
	display: block;
	letter-spacing: 0;
	text-transform: none;
}

strong {
	font-weight: bold;
}

.ui-tabs-hide { display: none;}


#nav {
	width: 132px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -280px 0 0 -430px;
	z-index: 9999;
}

#nav li {
	float: left;
}

#nav a {
	display: block;
	width: 132px;
	height: 28px;
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-bottom: 1px;
}

	#nav a:hover, #nav .ui-tabs-selected {background-position-y: -28px}


#nav #nav-start a {
	height: 78px!important;
	}

	#nav-start a:hover {background-position-y: -78px;}

	#nav-start a {height: 78px; background-image: url(cssimg/logo-pudel.gif);}
	#nav-news a {background-image: url(cssimg/nav-news.gif)}
	#nav-collection a {background-image: url(cssimg/nav-ss10.gif)}
	#nav-archive a {background-image: url(cssimg/nav-archive.gif)}
	#nav-shop {background-image: url(cssimg/nav-shop.gif)}
	#nav-contact a {background-image: url(cssimg/nav-contact.gif)}

#nav-spacer {
	height: 29px;
}

#nav-shop {
	z-index: 9999;
	position: absolute;
	left: 20px;
	top: 166px;
	height: 28px;
	width: 132px;
}

	#nav-shop:hover {background-position-y: -28px}


/* ------ Sektioner ------*/

#start,
#news,
#collection,
#archive,
#shop,
#contact {
	width: 900px;
	height: 560px;
	overflow: auto;
	position: relative;
	background-color: #ebebeb;
}

/* #fef5ea */


#start img {
	position: absolute;
	left: 0;
}

#start, #collection {
	overflow: hidden;
}

.inner {
	margin: 16px 250px;
}


#news img {margin: 15px auto 0;}


/* collection */

#thumbs {
	width: 200px;
	position: absolute;
	right: 10px;
	top: 80px;
}

#thumbs li {
	float:left;
	margin: 0 10px 0 0;
}

#thumbs .ui-tabs-selected img {
	border: 1px solid #000;
	height: 38px;
	width: 28px;
}

#collection div {
	padding: 5px 0;
}

#collection h4 {font-size: 11px;}

#collection div img {
	margin: 0 auto 10px; 
}
	
/* Login */

#login {
	display: block;
	margin: 180px 0 70px 0;
}

form {
	display: block;
	margin-bottom: 20px;
}


input {
	display: block;
	margin: 4px auto 8px;
}


/* Clearfix */


#heros:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#heros {display: inline-block;}

/* Hides from IE-mac \*/
* html #heros {height: 1%;}

#heros {display: block;}
/* End hide from IE-mac */