html, body{
  padding:0;
  margin:0;
  font-family:"trebuchet MS", sans-serif;
  color:#3f1f67;
  background-color:#fff;
  height: 100%;
}
header,
nav,
section,
footer{
  display:block
}
a {
  text-decoration:none;
  color:#3f1f67;
}
a img{
  border:0;
}
a:hover{
  color:#01adf5;
}
header{
  background:url(/media/bg_header.jpg) no-repeat top center;
  height:354px;
  padding:0;
  margin:0;
}
header p{
  position:relative;
  clear:right;
  padding:40px 100px 0 0;
  width:250px;
  left:350px;
  height:80px;
  margin:0 auto 20px auto;
}
header p.slogan{
  font-size:1.3em;
  margin-bottom:-100px;
}
header p.subslogan{
  margin-top:20px;
  font-size:1.0em;
  margin-bottom:-160px;
}
header nav{
  position:relative;
  padding:19em 0 0 0;
  width:725px;
  margin:0 auto;
  background:url(/media/logo_main_top.png) no-repeat center top;
  z-index:1;
}
#container{
  min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -150px;
}
#container>*:last-child{
  padding-bottom:150px;
}
footer nav{
  width:725px;
  margin:0 auto;
  padding:8em 0 0 0;
  font-size:.8em;
}
header nav a{
  color: #fff;
}
header nav ul,
footer nav ul{
  list-style-type:none;
  margin:0;
  padding:0;
}

header nav li a,
footer nav li{
  display:block;
  float:left;
  font-family:Arial Narrow,  sans-serif;
  padding:0 1em;
}
footer nav li{
  width:300px;
  color:#40206b;
  float:left;
}
header nav li:last-child,
footer nav li:last-child{
  float:right;
  text-align:right;
}
#push{
  height:150px;
}
footer{
  clear:both;
  background:url(/media/bg_footer.jpg) no-repeat bottom center;
  height:150px;
  width:100%;
}
section{
  width:950px;
  margin:.5em auto 0 auto;
  padding:0;
}
section ul{
  clear:left;
}
.productsdisplay,
.news{
  overflow:auto;
}
.productsdisplay ul{
  margin:0 auto;
  padding:0;
  overflow:auto;
  width:950px;
  float:left;
}
.productsdisplay li{
  margin:0 auto;
  padding:0 8px;
  list-style-type:none;
  width:221px;
  float:left;
  background:url(/media/bg_product_home.png) no-repeat bottom center;
}
.productsdisplay li h2{
  margin:.5em 0 0 0;
  padding:0 15px;
  font-size:.9em;
  min-height:40px;
  text-align:center;
}
.productsdisplay li p{
  font-size:.9em;
  margin:0;
  min-height:50px;
  padding:0 20px 5px 20px;
  text-align:center;

  display:block;
}
.productsdisplay li img{
  clear:both;
  float:none;
  display:block;
  margin:0 auto -15px auto;
}
.productsdisplay li a{
  background-image:url('/media/bg_button_prod_home.png');

  clear:both;
  display:block;
  width:140px;
  height:23px;
  font-size:12px;
  padding:10px 0 0 54px;
  margin:0 auto 8px auto;
  font-weight:bold;
}
section h2{
  clear:left;
  font-size:.9em;
}
.productinfo h2{
  clear:none;
}
section img{
  float:right;
  margin:0 0 .5em 1em;
}
section img.logo{
  float:left;
  margin:0 1em .5em 0;
}
section li img{
  float:right;
  margin:0;
}
section p,
section li,
section dd,
section du{
  font-size:.8em;
  text-align:justify;
}
.productsdisplay h1{
  text-indent:-999px;
  height:36px;
  margin:.1em 0;
}
.vitadelay h1{
  background:url(/media/vitadelay_tekst.png) no-repeat top center;
}
.vitadelay h2,
.productsdisplay li.vitadelay a:hover{
  color:#ff9000;
}
.vitaerect  h1{
  background:url(/media/vitaerect_tekst.png) no-repeat top center;
}
.vitaerect h2,
.productsdisplay li.vitaerect a:hover{
  color:#01adf5;
}
.vitaprosta  h1{
  background:url(/media/vitaprosta_tekst.png) no-repeat top center;
}
.vitaprosta h2,
.productsdisplay li.vitaprosta a:hover{
  color:#de044c;
}
.vitafert h1{
  background:url(/media/vitafert_tekst.png) no-repeat top center;
}
.vitafert h2,
.productsdisplay li.vitafert a:hover{
  color:#48b828;
}

.productsdisplay aside{
  float:right;
  width:290px;
  text-align:justify;
  font-size:.8em;
}
#page_news section img{
    border:1px solid #cfc3de;
    clear:right;
}
.news{
  clear:both;
  overflow:auto;
  margin-top:1em;
  padding-top:20px;
  background:url(/media/divider_home_middle.png) no-repeat top center;
}
.news ul{
  padding:0;
  margin:0;
}
.news li{
  list-style-type:none;
  float:left;
  width:455px;
  color:#3f1f67;
  margin-bottom:.8em;
  font-size:.95em;
}
.news li:nth-child(odd){
  clear:both;
}
.news li p{
  margin:0;
  text-align:justify;
}
.news li p a{
  text-align:right;
  display:block;
  margin-top:.5em;
  clear:both;
  font-weight:bold;
}
.news li img{
  float:left;
  margin:0 1.2em 1.2em 0;
  border:1px solid #cfc3de
}
.news li:nth-child(even){
  float:right;
}

.button{
  display:block;
  height:19px;
  width:204px;
  padding:10px 5px 10px 45px;
  font-size:1.2em;
  background:url(/media/button_content.png) no-repeat top left;
}
.button:hover{
  background-position:bottom left;
}

#slideshow {
  top:0;
  left:50%;
  margin-left:-460px;
	padding:25px 0 0 0;
	width:250px;
  z-index:2;
	position:absolute;
}
#slideshow #slidesContainer {
  margin:0;
  width:141px;
  height:239px;
  overflow:auto; /* allow scrollbar */
  position:relative;
  padding:0;
  float:left;
}
#slideshow #slidesContainer li {
  margin:0 auto;
  padding:0;
  width:141px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:239px;
  list-style-type:none;
  float:left;
}

/**
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:30px;
  height:63px;
  text-indent:-10000px;
  overflow:hidden;
  float:left;
  cursor: pointer;
  margin:75px 0 0 0;
}
#leftControl {
  background:transparent url(/media/button_prev_prod_header.png) no-repeat 0 0;
}
#rightControl {
  background:transparent url(/media/button_next_prod_header.png) no-repeat 0 0;
}
#leftControl:hover,
#rightControl:hover{
  background-position:0 -63px;
}