/* header */

#header {
	background: #EE700C;
}


#header a#logo {
/*background: transparent url(/img/vh/logo.jpg) no-repeat; */
background: #EE700C url(http://www.voimaharjoittelu.fi/media/logo.jpg) no-repeat;

float:left;
display:block;
width:50%;
text-indent:-3000px;
height:100px;
}

#header:after, #featured ul:after {
content: "."; 
display: block; 
height: 0;
clear: both; 
visibility: hidden;
}

/* horizontal navigation */

#subnav {
font-weight:bold;
text-align:center;
clear:both;
margin-bottom:2em;
}

#subnav ul {
margin-top:0;
background: #000 url(/img/vh/menu_bg.gif) repeat-x;
line-height:3em;
padding:0 1em;
border-top:1px solid #666;
}

#subnav li {
display:inline;
margin:0;
}

#subnav ul a {
color:#fff;
text-decoration:none;
padding:1em 1.5em 0.8em 1.5em;
border-left:1px solid #333;
}

#subnav ul a:hover {
color:#fff;
background: url(/img/vh/menu_bg_hover.gif) repeat-x;
}


body th {
color: #fff;
font-size: 11px; 
height: 3em;
background: #000 url(/img/vh/menu_bg.gif) repeat-x left top;
}


body th a.cattitle {
color: #fff;
}

div#featured {
background:#eee;
border:1px solid #ccc;
}

div#featured ul li {
margin:0 5%;
background:#fff;
border:1px solid #ccc;
min-height:12em;
width:14em;
}

div#featured ul li a:first-child {
margin-bottom:1em;
}

div#featured ul li a:first-child {
line-height:12em;
}

div#featured li {
display:block;
float:left;
width:14em;
padding:2em 1%;
margin:0;
text-align:center;
}

div#featured li a {
display:block;
}

div#featured li a img {
vertical-align:middle;
}

/* prices */

.nprice { 
color: #666;
font-weight: normal;
text-decoration: line-through;
}
.sprice { 
color: #f00;
font-weight: bold;
}

/* IE fix */

* html div#featured, * html div#header {
height: 1%;
}