/* CSS Document */

body {
  background:#fff;
  margin:20px 0;
  padding:0;
  font-size:12px;
  line-height:18px;
  font-family:Arial, Helvetica, sans-serif, "Lucida Grande";
  color:#666;
  text-align:center;
}

#wrapper {
width:820px;
text-align:left;
margin:20px auto;
background:#fff;
padding:10px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 800px;	 
	}
	
html>#wrapper	{
width: 820px;
	}
	
#header {
width:800px;
padding:25px 0 0 0;
background:#fff;
}

#katalog {
float:left;
margin:0 0 0 20px;
}

#k {
float:right;
margin:0 20px 0 0;
}


/* Nav */

#nav {
width:800px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
float: left;
margin: 25px 0 0 0px;
padding: 0 0 0 20px;
font-size:13px;
font-weight:bold;
text-transform:uppercase;
voice-family: "\"}\""; 
voice-family:inherit;
width: 780px;	 
	}
	
html>#nav	{
width: 800px;
	}

#nav p {
	display: inline;
}

#home a, #news a, #about a, #products a, #contact a, #links a {
	display: block;
    color: #999;
	background:#fff;
	float: left;
	padding: 8px 68px 8px 0;
}

#join a {
	display: block;
    color: #999;
	background:#fff;
	float: left;
	padding: 8px 0px 8px 0;
}

#nav p a:hover {
background:#fff;
	color:#000;
}

#nav p.last a {
	padding: 8px 0px 8px 0;
}


/* home page content*/

#content {
width:800px;
clear:both;
margin:0px 0 0px 0;
padding:40px 20px 80px 20px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 760px;	 
	}
	
html>#content	{
width: 800px;
	}

#colOneHome {
float:left;
width:450px;
}

#colTwoHome {
width:265px;
float:right;
margin:0 0 40px 0;
}

#colOneHm {
width:350px;
height:361px;
float:left;
}

#colTwoHm {
width:305px;
float:right;
margin:0 0 40px 0;
}


#colOne {
width:185px;
float:left;
border-right:1px solid #f1f1f1;
margin-bottom:30px;
}

#colTwo {
width:540px;
float:right;
}

#product {
width:295px;
float:right;
margin:0 0 40px 30px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 265px;	 
	}
	
html>#product	{
width: 295px;
	}

.lh {
margin-bottom:10px;
font-size:10.5px;
}

.lhimgs img {
width:40px;
height:auto;
margin:0;
padding:4px;
border:1px solid #ccc;
background:#fff;
}


/* footer*/

#footer {
clear:both;
width:800px;
border-top:1px solid #ccc;
background:#fff;
margin: 100px 0 0 0;
padding: 20px 0 0 20px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 780px;	 
	}
	
html>#footer	{
width: 800px;
	}

#footer p {
	display: inline;
	font-size:.9em;
	color:#ccc;
}

#footer p a {
	padding: 0 28px 0 0;
}

/* text*/

a {
text-decoration:none;
}

h1 {
color:#c00;
font-size:18px;
text-transform:uppercase;
margin:0;
padding:0 0 5px 0;
}

h2 {
color:#000;
font-weight:normal;
font-size:11px;
text-transform:uppercase;
}

h1 + h2 {
margin-top:-0px;
}

h6 {
color:#c00;
font-size:90px;
line-height:85px;
font-weight:2000;
text-transform:uppercase;
letter-spacing:-3px;
margin:0;
padding:0 0 5px 0;
}

h6 a:link, h6 a:hover, h6 a:visited {
color:#c00;
}


#colOne a:link, #colOne a:visited {
text-decoration:none;
color:#999;
text-transform:uppercase;
}

#colOne a:hover {
color:#000;
}

#colOne p {
margin:0;
}

#colTwo a:link, #colTwo a:visited, #colOneHome  a:link, #colOneHome  a:visited {
text-decoration:none;
color:#c00;
}

#colTwo a:hover {
text-decoration:none;
color:#000;
}

a:hover {
text-decoration:none;
}