* {
margin:0;
padding:0;
}

body{margin:70px 0 0 0;padding:0; color:#000; background-color: #a1998b; font-size: 70%; font-family: Verdana, Arial, Sans-Serif;}

.hidden {display: none; visibility: hidden;}
/*.right{float:right;}
.left{float:left;}*/
.clear{clear:both;}

/*hr{margin-top:0.5em;margin-bottom:0.5em;}*/

a:link {
color:#000;
text-decoration:underline;
}

a:visited {
color:#000;
text-decoration:none;
} 

a:active {
color:#000;
text-decoration:none;
}

a:hover {
color:#000;
/*text-decoration:none*/;
}

#main{ margin-top:10%;}
.container{width:65%; margin:1em auto; }

#logo img {border:none;	box-shadow: 0px 0px 0px #000;}
#content {border: 1px #000 solid; min-height:100%; background-color:#dedede; /*width:100%*/;
	-moz-box-shadow: 0px 0px 30px #000;
	-webkit-box-shadow: 0px 0px 30px #000;
	box-shadow: 0px 0px 30px #000;
-webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px	
	/*behavior: url(ie-css3.htc);*/
}

p.article { font-size:120% ;width: 35%;}

#page-content {margin:1em;}

#page-content .menu2, #page-content .menu3
{margin:2px;}

#page-content .menu2:hover,
#page-content .menu3:hover,
#page-content .menu2:active,
#page-content .menu3:active
{background:#ccc;}

ul.navigation1
{ display:block;}

ul.navigation1 li
{display:block; }

/* define 1st. menu box */
/*----------------------*/

ul.navigation1 li ul.navigation2
	{ display:none; position:absolute; margin-left:10%; background:#ccc; border:1px solid #444; box-shadow: 7px 7px 9px #222; padding:0.5em; z-index:1;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }

/* display the 1st. menu */
/*-----------------------*/
#page-content ul:hover ul.navigation2
	{ display:block; z-index:3; }

#page-content li .title
{font-weight:bold;} 

ul .navigation2{
font-size:120%;}

ul.navigation1 li ul.navigation2 li:hover a,
ul.navigation1 li ul.navigation2 li a:active,
ul.navigation1 li ul.navigation2 li a:hover
{background:#aaa;}

/* define 2nd. floating box */
/*--------------------------*/
/*
ul.navigation1 li ul.navigation2 li ul.navigation3 
	{ display:none;}
*/

/*
ul.navigation1 li ul.navigation2 li ul.navigation3 li.menu3 a
{ background:#888; }
*/

/*ul.navigation1 li, ul.navigation2 li:hover, ul.navigation3*/
/*	{ display:block; width:inherit ;position:absolute; border:1px solid #666; box-shadow: 8px 8px 11px #222; margin-top:-0.1em; margin-left:2em; padding:0.5em; width:100%; background:#888;}*/
/*	{ display:block; }*/

/*
ul.navigation1 li ul.navigation2 li ul.navigation3 li a:hover,
ul.navigation1 li ul.navigation2 li ul.navigation3 li a:active
{ background:#555; }
*/

/*
ul.navigation1 li ul.navigation2 li span
	{ font-weight:bold; }
*/

/*
ul.navigation1 li ul.navigation2 li:hover span,
ul.navigation1 li ul.navigation2 li:active span
	{ font-weight:bold; background:#555; }
*/

/*------------------------------*/
/* img-film-strips */
/*-----------------*/
div.img-strip-1 {position: absolute; top: 18%; left: 67%; background-color: #eee; z-index: 1; 
     -moz-transform: rotate(14deg);  
       -o-transform: rotate(14deg);  
  -webkit-transform: rotate(14deg);  
      -ms-transform: rotate(14deg);  
          transform: rotate(14deg); 
	-moz-box-shadow: 0px 0px 20px #000;
	-webkit-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px	
}

div.img-strip-2 {position: absolute; top: 22%; left: 48%; background-color: #eee; z-index: 1; 
     -moz-transform: rotate(-22deg);  
       -o-transform: rotate(-22deg);  
  -webkit-transform: rotate(-22deg);  
      -ms-transform: rotate(-22deg);  
          transform: rotate(-22deg);  
	-moz-box-shadow: 0px 0px 20px #000;
	-webkit-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

div.img-strip-3 {position: absolute; top:4%; left: 55%; background-color: #eee; z-index: 1;
     -moz-transform: rotate(5deg);  
       -o-transform: rotate(5deg);  
  -webkit-transform: rotate(5deg);  
      -ms-transform: rotate(5deg);  
          transform: rotate(5deg);  
   	-moz-box-shadow: 0px 0px 20px #000;
	-webkit-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

div.img-strip-1 img, div.img-strip-2 img, div.img-strip-3 img {display:block; margin-left:auto; margin-right:auto; margin-top:-1em; margin-bottom:-1em; border:none; box-shadow: 5px 5px 9px #000;}
div.img-strip-1:hover, div.img-strip-2:hover, div.img-strip-3:hover {z-index:3;}


div.img-strip-1 ul, div.img-strip-2 ul, div.img-strip-3 ul {list-style: none;}
div.img-strip-1 li, div.img-strip-2 li, div.img-strip-3 li {list-style: none; margin: 3em;}

div.img-strip-1 li.title, div.img-strip-2 li.title, div.img-strip-3 li.title
{font-weight:bold; margin-top: 1.5em;} 


/* footer */
/*--------*/
.footer .nav-menu {font-family: Arial, sans-serif; font-size: 1em; text-transform: uppercase; font-weight: bold; z-index: 3;}
/*.footer .nav-menu  ul, .nav-menu  li {list-style: none; margin: 0; padding: 0;}*/
.footer .nav-menu  li {display: inline; padding-left: 5px; border-left: 2px solid #000; margin-left: 5px;}
.footer .nav-menu  li:first-child {padding-left: 0px; border-left: none; margin-left: 0px;}

.footer .nav-menu  li a {text-decoration: none; color: #000; height: 5px;}
.footer .nav-menu  li a:hover {text-decoration: none; color: #dedede;}


/* test flow text */
/*----------------*/

#test{display:none;visibility:hidden;}

.RightCaptions {/** container **/ 
float: right;
width: 25%;
height:auto;
border: 5px solid #000;
margin: 0.5em;
padding: 0.5em;}

.LeftCaptions {/** container **/ 
float: left;
width: 25%;
height:auto;
border: thin silver solid;
margin: 0.5em;
padding: 0.5em;}

.LeftCaptions {     -moz-transform: rotate(-22deg);  }

.RightCaptions p, .LeftCaptions p {/** text captions **/ 
text-align: center;
font-style: italic;
font-size: smaller;
text-indent: 0;
}

.RightCaptions {     -moz-transform: rotate(-22deg);  }


.clearingdiv {/** to clear floats after they are not needed **/ 
clear:both;
height:1px;
width:100%;}

/*position: absolute; top: 22%; left: 48%; background-color: #eee; z-index: 1; */
/*div.img-strip-2-test {position: absolute; background-color: #eee;
     -moz-transform: rotate(-22deg);  
       -o-transform: rotate(-22deg);  
  -webkit-transform: rotate(-22deg);  
      -ms-transform: rotate(-22deg);  
          transform: rotate(-22deg);  
	-moz-box-shadow: 0px 0px 20px #000;
	-webkit-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}*/
/*div.img-strip-2-test img {display:block; margin-left:auto; margin-right:auto; margin-top:-1em; margin-bottom:-1em; border:none; box-shadow: 5px 5px 9px #000;}*/
/*div.img-strip-2-test:hover {z-index:3;}*/

div.img-strip-2-test ul {list-style: none;}
/*div.img-strip-2-test li {list-style: none; margin: 3em;}*/