*{margin:0;padding:0;}
body{
	background:url(teddyback.jpg);
	position:relative;
	
	
}
html, body { height: 100%;}
#wrap { background: #3c3c3c;
		border-left: 10px solid #fff;
		border-right: 10px solid #fff;
		min-height:980px;
		height:auto !important;
		height:980px;		
		margin: 0 auto;
		width: 960px;
        
		}#head{
	border-top:10px solid transparent;
	height:200px;
	text-indent:-9999px;	
}h1{
	background:url(head.jpg) no-repeat;
	height:200px;
	position:relative;
	width:960px;
}h1 a{
	bottom:20px;
	right:200px;
	display:block;
	height:45px;
	overflow:hidden;
	position:absolute;
	width:395px;
}h2{
	color:#9b5050;
	font:large verdana,serif;
	margin-bottom:10px;
}h3{
	font:bold medium verdana,serif;
}p{
	color:#fff;
	font:small verdana,serif;
	margin-bottom:1em;
}#main{
	clear:left;
	position:relative;
}#left{
	width:640px;
	padding-left:10px;
	padding-top:5px;
}#right{
	position:absolute;
	top:0;
	right:0;
	width:300px;
}#mainnav{
	background:url(menyb.jpg) repeat-x #000;
	height:40px;
	list-style:none;
	margin-top:5px;
	text-align:center;
}#mainnav li{	
	display:inline;
}#mainnav a{
	color:#fff;
	font:small georgia,serif;
	height:40px;
	line-height:40px;
	text-decoration:none;
	text-transform:uppercase;
	margin:0 1.5em;
}#mainnav a:hover{
	text-decoration:underline;
}#foot{
	background:#fff;
	bottom:0;
	font:x-small verdana,serif;
	margin:auto;
	position:absolute;
	width:960px;
}.infobox{
	background:#f5e4ba;
	border-bottom:3px solid #000;
	padding-bottom:4px;
	margin-bottom:10px;
}.infobox h3{
	border-bottom:1px dotted #000;
	color:#000;
	font:medium verdana,serif;
	margin:0 15px;
	margin-bottom:10px;
	padding-bottom:6px;
	padding-top:10px;
}.infobox p{
	color:#000;
	padding:0 15px;
	text-align:justify;
}.shadow{
	background:url(shadow.png) repeat-x;
	height:9px;
	margin-bottom:6px;
}.prices td{
	color:#000;
	font:small verdana,serif;
	padding:0 1em 1em 0;
}.contact{
	list-style:none;
}.contact li{
	color:#000;
	font:small verdana,serif;
	margin-top:3px;
}.contact li a{
	color:#000;
}
/* S3-slider */
#s3slider {
   width: 300px; /* important to be same as image width */
   height: 350px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   margin-bottom:10px;
}

#s3sliderContent {
   width: 300px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 300px;
   background-color: transparent;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}