/**                  
 * screen.css
 *
 * @package manitabrunekreef
 * @author  Malibomba
 *
 * Copyright (c) Malibomba                               
 * IT IS NOT ALLOWED TO USE OR MODIFY ANYTHING OF 
 * THIS CODE, WITHOUT THE PERMISION OF THE AUTHOR.                       
 * Info? Mail to info@malibomba.com                             
 */
/*<![CDATA[*/
@charset "utf-8";

/**************************************************************************************************
STRUCTURE
**************************************************************************************************/
html,body {
	margin:0;
	padding:0;
	height:100%; 
	background:#f0f0f0;
	font-family:arial,sans-serif;
	color:#646464;
}

h1, h2	{font-size: 44px;}
h3, h4	{font-size: 33px;}

/**************************************************************************************************
menu
**************************************************************************************************/
#menu-listen{
	position: absolute;
	z-index: 999;
	bottom: 0px;
	margin:0 auto; 
	width:20px;
	height: 20px;
	display: block;
	background: #646464;
}

#menu-listen[id]{
	position:fixed;
	bottom: 0px;
	margin:0 auto; 
	width:20px;
	height: 20px;
	display: block;
	background: #646464;
}

#menu{
	position: absolute;
	z-index: 999;
	margin:0 auto; 
	width:162px;
	height: 196px;
	display: block;
	padding-left: 35px;
}


#menu[id]{
	position:fixed;
	top: 453px;
	margin:0 auto; 
	width:162px;
	display: block;
}

div#menu	ul li	{list-style: none;}

div#menu li a	{
	display:block;
	width:162px;
	height:28px;
	text-indent:-9999px;
	outline:none;
}

* html #menu li a  { behavior:url('/css/iepngfix.htc'); }

div#menu li.doyoufeelmydance a		{background:url(/pics/menu.png) no-repeat;}
div#menu li.iremember a				{background:url(/pics/menu.png) no-repeat; background-position: 0 -28px ;}
div#menu li.moulinrouge a			{background:url(/pics/menu.png) no-repeat; background-position: 0 -56px ;}
div#menu li.havedinnerwithme a		{background:url(/pics/menu.png) no-repeat; background-position: 0 -84px ;}
div#menu li.justsensual a			{background:url(/pics/menu.png) no-repeat; background-position: 0 -112px ;}
div#menu li.verylolita a			{background:url(/pics/menu.png) no-repeat; background-position: 0 -140px ;}
div#menu li.contactme a				{background:url(/pics/menu.png) no-repeat; background-position: 0 -168px ;}

div#menu li.manita_brunekreef a		{background:url(/pics/manita_brunekreef.png) no-repeat left bottom; height: 65px;}

div#menu li.doyoufeelmydance a:hover, div#menu li.doyoufeelmydance a:active		{background:url(/pics/menu_over.png) no-repeat;}
div#menu li.iremember a:hover, div#menu li.iremember a:active					{background:url(/pics/menu_over.png) no-repeat; background-position: 0 -28px ;}
div#menu li.moulinrouge a:hover,div#menu li.moulinrouge a:active				{background:url(/pics/menu_over.png) no-repeat; background-position: 0 -56px ;}
div#menu li.havedinnerwithme a:hover,div#menu li.havedinnerwithme a:active		{background:url(/pics/menu_over.png) no-repeat; background-position: 0 -84px ;}
div#menu li.justsensual a:hover,div#menu li.justsensual a:active				{background:url(/pics/menu_over.png) no-repeat; background-position: 0 -112px ;}
div#menu li.verylolita a:hover,div#menu li.verylolita a:active					{background:url(/pics/menu_over.png) no-repeat; background-position: 0 -140px ;}
div#menu li.contactme a:hover,div#menu li.contactme a:active					{background:url(/pics/menu_over.png) no-repeat; background-position: 0 -168px ;}


/**************************************************************************************************
CONTENT
**************************************************************************************************/
div#container {
	position:relative; 
	margin:0 auto; 
	width:780px;
	background:#fff;
	/*background: url(/pics/layout_grid.gif);*/
	height:auto !important; 
	height:100%;
	min-height:100%; 
	
}

div#content {
	position:relative;
}

.section	{
	height: 1746px;
}

.clear	{
	
}
hr	{border: 1px solid #ffffff; }

#home, #i_remember, 
#moulin_rouge,
#have_dinner_with_me,
#do_you_feel_my_dance,
#very_lolita, 
#just_sensual,
#contact_me{
	width: 630px; 
	margin: 0 75px; 
	padding-top: 30px;
	display: block;
	position: relative;
	
}


#i_remember div, 
#moulin_rouge div,
#have_dinner_with_me div,
#do_you_feel_my_dance div,
#very_lolita div, 
#just_sensual div {
	background: #fff url('/pics/loading.gif') no-repeat center center;
	display: block;
}

/** -------------------------------------------------------------**/
		#do_you_feel_my_dance  {	height: 2200px; }
		#do_you_feel_my_dance .positie1	{
			position: relative;
			left: 241px;
			top: 0px;
			width: 389px; 
			height: 292px; 
			background: white url(/pics/do_you_feel_my_dance_2.jpg) no-repeat center center;
			
			
		}
		
		#do_you_feel_my_dance .positie2	{
			position: relative;
			left: 241px;
			margin-top: 20px;
			width: 389px; 
			height: 389px; 
			background: white url(/pics/do_you_feel_my_dance_3.jpg) no-repeat  center center;
			
			
		}
		
		#do_you_feel_my_dance .positie3	{
			position: relative;
			left: 0px;
			top: 20px;
			width: 630px;
			height: 473px;
			
			background: white url(/pics/do_you_feel_my_dance_1.jpg) no-repeat;
		}

		#do_you_feel_my_dance .positie4	{
			position: relative;
			margin: 20px 0px;
			top: 20px;
			width: 347px; 
			height: 231px; 
			background: white url(/pics/do_you_feel_my_dance_4.jpg) no-repeat;
			
			
		}

			#do_you_feel_my_dance .positie5	{
			position: relative;
			left: 0px;
			margin-top: 40px;
			width: 347px; 
			height: 260px; 
			background: white url(/pics/do_you_feel_my_dance_5.jpg) no-repeat;
			
			
		}


/** -------------------------------------------------------------**/
		div#i_remember {height: 1000px;}
		#home .positie, #i_remember .positie	{
			position: relative;
			left: 230px;
			top: 22px;
			width: 399px;
			height: 598px;
			background: url(/pics/remember_me.jpg) no-repeat;
		}

/** -------------------------------------------------------------**/
		div#very_lolita {height: 1400px;}
		#very_lolita .positie1	{
			position: relative;
			display: block;
			left: 405px;
			top: 0px;
			width: 225px;
			height: 225px;
			background: url(/pics/lolita.jpg) no-repeat;
		}

		#very_lolita .positie2	{
			position: relative;
			display: block;
			left: 405px;
			margin-top: 12px;
			width: 225px;
			height: 225px;
			background: url(/pics/lolita_2.jpg) no-repeat;
		}
		#very_lolita .positie3	{
			position: relative;
			display: block;
			
			
			left: 405px;
			margin-top: 12px;
			width: 225px;
			height: 225px;
			background: url(/pics/lolita_3.jpg) no-repeat;
		}
/** -------------------------------------------------------------**/
		div#just_sensual {height: 1600px;}
		#just_sensual .positie1	{
			position: relative;
			left: 348px;
			top: 0px;
			width: 283px; 
			height: 377px; 
			background: url(/pics/a_color_black_1.jpg) no-repeat;
			
			
		}
		#just_sensual .positie2	{
			position: relative;
			display: block;
			left: 348px;
			margin-top: 60px;
			width: 283px; 
			height: 377px; 
			background: url(/pics/a_color_black_2.jpg) no-repeat;
			
			
		}
		#just_sensual .positie3	{
			position: relative;
			display: block;
			left: 348px;
			margin-top: 60px;
			width: 283px; 
			height: 377px; 
			background: url(/pics/a_color_black_3.jpg) no-repeat;
		}

/** -------------------------------------------------------------**/
		div#moulin_rouge {height: 1800px;}
		#moulin_rouge .positie1	{
			position: relative;
			left: 347px;
			width: 283px; 
			height: 425px; 
			background: url(/pics/moulin_rouge_1.jpg) no-repeat;
			display: block;
			
		}
		#moulin_rouge .positie2	{
			position: relative;
			left: 347px;
			margin-top: 15px;
			width: 283px; 
			height: 425px;  
			background: url(/pics/moulin_rouge_2.jpg) no-repeat;
			
			display: block;
			
		}
		#moulin_rouge .positie3	{
			position: relative;
			left: 347px;
			margin-top: 15px;
			width: 283px; 
			height: 425px; 
			background: url(/pics/moulin_rouge_3.jpg) no-repeat;
			
			display: block;
			
		}

/** -------------------------------------------------------------**/
		div#have_dinner_with_me {height: 1400px;}
		#have_dinner_with_me .positie1	{
			position: relative;
			left: 0px;
			top: 0px;
			width: 630px;
			height: 426px;
			background: url(/pics/have_a_dinner.jpg) no-repeat;
			
			display: block;
			
		}

/** -------------------------------------------------------------**/


/** -------------------------------------------------------------**/


/**
 * sIFR:
 * These are standard sIFR styles... do not modify
 *****************************************************************************/

@media screen {
		.sIFR-flash {
		visibility: visible !important;
		margin: 0;
		padding: 0;
		}

		.sIFR-replaced, .sIFR-ignore {
		visibility: visible !important;
		}

		.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
		}

		.sIFR-replaced div.sIFR-fixfocus {
		margin: 0pt; 
		padding: 0pt; 
		overflow: auto; 
		letter-spacing: 0px; 
		float: none;
		}
}

@media print {
  .sIFR-flash {
	display    : none !important;
	height     : 0;
	width      : 0;
	position   : absolute;
	overflow   : hidden;
  }
  
  .sIFR-alternate {
	visibility : visible !important;
	display    : block   !important;
	position   : static  !important;
	left       : auto    !important;
	top        : auto    !important;
	width      : auto    !important;
	height     : auto    !important;
  }
}

@media screen {
  .sIFR-active h1, h2 {
  visibility: hidden;
  line-height: 44px;
  font-size: 44px;
  padding: 0;
  margin: 0;
  }

  .sIFR-active h2 {
  margin-top: -15px;
  }

  .sIFR-active h3, .sIFR-active h4 {
  visibility: hidden;
  line-height: 22px;
  font-size: 22px;
  padding: 0;
  margin: 0;
  }

  .sIFR-active h4 {
  margin-top: -10px;
  display: block;
  }



}