/************ Page Layout  ****************/
html, body, body{
	background : black;
	height:100%;
	font-size : 15px;
	overflow: hidden; 
	text-align: center;
}

div, div a:link, div a:visited{
	color: white;
	font-family: Tahoma, Arial, sans-serif;
	text-decoration : none;
	font-weight : normal;
}
.outer{
 	display: table; 
 	height: 100%; 
 	#position: relative; 
 	overflow: hidden;
  width:702px; 
 	margin:0px auto; 
 	text-align:left;
 	
 }
.middle{
	#position: absolute; 
	#top: 50%;
  display:table-cell; 
	vertical-align: middle;
}

.inner{
	#position: relative; 
	#top: -50%;
	width:702px;
	height: 500px;
}	

/************ Navigation  ****************/

.navigation{
  width:250px;
  height:400px;
  background: black;
  float:left;
  margin-left:-702px;
}

.navigation img.logo{
	width:170px;
	height:90px;
	margin-bottom: 20px;
}

.navigation ul {
  list-style-type: none;
  padding-left:0px;
  margin-left:0px;
}

.navigation ul li a{
  color: #909090; 
}

.navigation ul li a:hover{
   color:white;
}

.navigation ul.menu li.selected a{
   color:white;
}

.navigation ul.menu{
  font-size: 110%
}

.navigation ul.contact{
  font-style:italic;
  
}

/************ Content  ***************                       */

.content{
  width:702px;
  height:500px;
  float:left;
}

.content div.visible{
  height: 400px;
  width: 350px;
  font-size:140%;
  margin-left:305px;
  background-image: url('../parfume/elefant.jpg');
  background-repeat:no-repeat;
  padding-top: 50px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom:30px;
}

.content div.visible img.minilogo{
  margin-bottom:-10px;
}
               
.content div.info{
  height: 400px;
  width: 400px;
  font-size:110%;
  margin-left:305px;
  background-image: url('../parfume/elefant.jpg');
  background-repeat:no-repeat;
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom:30px;
}

.content div p{
  width: 375px;
}

.content div.info a{
  text-decoration:underline;
}

               
/*********** Content - footer *********/               
               
.content ul.footer{
  padding-left: 40px;
  margin-left: 40px;
  display:none;
}

.content ul.footer li{
  list-style-type:none;
  display:inline;  
}
 
.content ul.footer li img{
  height: 80px;
  opacity:.10; filter:alpha(opacity=10);
  padding: 2px;  
  border: 1px solid white;
}

 
.content ul.footer li img.selected{
  
}              

/*********** Detaljer*********************/

.description{
  width:  200px; 
  float:  left;
  text-align: left;
}

.full{
  float:right;            
  margin-right: 0px;

}
.zoom{
  float:left;  
  margin-top:260px; 
  margin-left:-44px;
}

.zoom2{
  float:left;  
  margin-top:260px; 
  margin-left:-265px;
}