body {
	margin:0 auto;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 80%; color:#333;
	background:#fff url('images/bg.jpg') repeat-x top left;
	
}

img	{border:none;}
a img.linked, a:visited img.linked {border:1px solid #fff;}
a:hover img.linked, a:active img.linked {border:1px solid #999;}

h1	{font-size:16px; margin:15px 0;}
h2	{font-size:14px; margin:15px 0;}
h3	{font-size:12px; margin:10px 0;}
h4	{font-size:12px; margin:10px 0;}

a:link, a:visited, a:active {font-size: 12px; color: #333; text-decoration:none;}
a:hover	{color:#aaa;}
/* FF hack to disable default dotted borders around links */
a {outline: none;}
/* End of the hack */

ul.list {
	margin-top:5px;
}
ul.list li	{
	margin-left:-15px;
	list-style: outside url(images/puce-black.png);
}

blockquote	{
	margin:0;
	font: 12px Arial, sans-serif;
	font-style: italic;
	font-weight:normal;
}

.spacer	{
	margin:0; padding:0;
	border-top:1px solid #CCC;
	color:#FFF;
	border-left:none;
	border-right:none;
	border-bottom:none;
}

.clear {clear: both}



#main {
	margin:0 auto; padding:0;
	width:100%;
	background-color:#7b69a8;
	position:relative;
	z-index:1;
}
#main-container {
	margin:0 auto; padding:0;
	width:990px;
	background-color:#7b69a8;
}

#header {
	margin:0 auto; padding:0;
	width:990px;
	height:79px;
	background:url('images/header_bg.jpg') no-repeat top left;
}

#logo {
	margin:0; padding:0;
	width:319px;
	height:79px;
	background:url('images/logo-milka.jpg') no-repeat top left;
}
#logo a {
	display:block;
	width:319px;
	height:79px;
}

#slideshow {
	margin:0 auto; padding:0;
	width:990px;
	height:395px;
	position:relative;
	z-index:2;
}
#slide1 {
	float:left;
	width:990px; height:395px;
	padding:0 0px;
	background:url('images/slide1.jpg') no-repeat top left;
}
#slide1.tampon {
	margin-left:250px;
}

#slide2 {
	margin:0; padding:0 0px;
	width:990px; height:395px;
	background:url('images/slide2.jpg') no-repeat top left;
	position:relative;
	font-weight:bold;
}
#slide2 ul.links {
	margin:272px 0 0 0px; padding:0;
	list-style-type:none;
}
#slide2 ul.links li a {
	margin:0 0 18px 32px; padding:0;
	display:block;
	width:260px;
	font-size:14px;
	color:#fff;
}
#slide2 ul.links li a:hover {
	margin:0 0 18px 36px; padding:0;
	display:block;
	width:260px;
	font-size:14px;
	color:#ffcc66;
}

#slide2.tampon {
	margin:0 auto; padding:0;
	display:block;
	width:500px;
	background-color:#ccc;
	margin-left:550px;
	
}
/*#slideshow img {
	border:1px solid #FFF;
	-moz-border-radius:0.4em;
	-webkit-border-radius:0.4em;
}*/
#slideshow-bottom2 {
	margin:0 auto; padding:0;
	width:990px;
	height:22px;
	background:url('images/slideshow-bottom2.jpg') no-repeat top left;
}

#nav {
	margin:0; padding:0;
	position:absolute;
	top:433px; left:908px;
	z-index:3;
}
#nav a {
	margin:0px; padding:0;
	text-indent: -9999px;
	background:url('images/round-sprites.png') no-repeat top left;
	width:22px; height:22px;
	display:block;
	float:left;
}
#nav a.activeSlide {
	background:url('images/round-sprites.png') no-repeat bottom left;
	width:22px; height:22px;
	text-indent: -9999px;
	display:block;
}
#nav a:focus {outline: none;}
#output {text-align: left;}

#navButtons-wrapper{
	margin:0; padding:0;
	position:absolute;
	/*background-color:#CCC;*/
	top:515px;
	width:900px; height:16px;
	z-index:99;
}
ul#navButtons{
	margin:0 auto;
	width:64px;
	height:16px;
	float:right;
}
ul#navButtons li {
	width:16px;
	height:16px;
	float:right;
	list-style: none;
	overflow:hidden;
}
li#pauseButton a:link, li#pauseButton a:visited {
	margin:0; padding:0;
	display:block;
	width:16px;
	height:16px;
	background:url(images/buttonSprite.png) no-repeat -16px 0px;
}
li#pauseButton a:hover{
	margin:0; padding:0;
	display:block;
	width:16px;
	height:16px;
	background:url(images/buttonSprite.png) no-repeat -16px -16px;
}
li#pauseButton a:active{
	margin:0; padding:0;
	display:block;
	width:16px;
	height:16px;
	background:url(images/buttonSprite.png) no-repeat -16px -32px;
}

li#playButton a:link, li#playButton a:visited {
	margin:0; padding:0;
	display:block;
	width:16px;
	height:16px;
	background:url(images/buttonSprite.png) no-repeat -32px 0px;
}
li#playButton a:hover {
	margin:0; padding:0;
	display:block;
	width:16px;
	height:16px;
	background:url(images/buttonSprite.png) no-repeat -32px -16px;
}
li#playButton a:active {
	margin:0; padding:0;
	display:block;
	width:16px;
	height:16px;
	background:url(images/buttonSprite.png) no-repeat -32px -32px;
}

#text-zone {
	margin:0 auto; padding:0;
	width:100%;
	background-color:#fff;
	color:#333;
}

#text-zone-container {
	margin:0 auto; padding:0;
	width:990px;
}

#box-wraper {
	margin:0 15px 15px 0; padding:0;
	width:990px;
}
#box-wraper .title {
	margin:6px 0 4px 0;
	display:block;
	font-size:14px;
	font-weight:bold;
	color:#333;
	text-transform:uppercase;
}

.dl-button {
	margin:14px 0 0 0;
	text-transform:uppercase;
}
.dl-button a:link, .dl-button a:visited {
	margin:0; padding:17px 0 0 10px;
	display:block;
	font-weight:bold;
	width:255px;
	height:25px;
	color:#FFF;
	background:url('images/dl-button.jpg') no-repeat 0px 0px;
}
.dl-button a:hover, .dl-button a:active {
	margin:0; padding:17px 0 0 10px;
	display:block;
	font-weight:bold;
	width:255px;
	height:25px;
	color:#333;
	background:url('images/dl-button.jpg') no-repeat 0px 0px;
}

#box1 {
	float:left;
	width:330px;
	padding:0px;
	/*background-color:#444;*/
}
#box3 {
	float:right;
	width:140px;
	padding-left:190px;
	/*background-color:#999;*/
}
#box2 {
	margin:0 330px; padding-left:40px;
	width:280px;
	/*background-color:#333;*/
}
#footer {
	margin:0 auto; padding:0;
	width:100%;
	background-color:#fff;
	color:#000;
	font-size:12px;
}
#footer-container {
	margin:0 auto; padding:25px;
	width:990px;
	/*background-color:#AAA;*/
}
#footer a:link, #footer a:visited {
	color:#000;
}
#footer a:hover, #footer a:active {
	color:#cc3333;
}
.footer-left {
	margin:0; padding:0;
	float:left;
	width:400px;
}
.footer-right {
	margin:0; padding:0;
	margin-left:860px;
}
.footer-middle {
	margin:0; padding:0;
	margin-left:450px;
}
#copyrights {
	margin:0 auto; padding:0;
	width:100%;
	background:#eee;
	font-size:11px;
	color:#999;
}
#copyrights-container {
	margin:0 auto; padding:5px 0;
	width:990px;
}