@charset "UTF-8";
/* CSS Document */
body{
	/*font-size:1.4rem;*/
	background:none;
	background-color:#999;
}


/*h1 {
	font-size:2.4rem;
}*/


#container{
	width:400px;
	margin-left:auto;
	margin-right:auto;
	height:auto;
}

#topBar{
	height:auto;
	margin-top:0.2%;
	width:33%;
	position:static;
}

#title{
	font-family:"Lucida Calligraphy";
	font-weight:bold;
	font-size:82.85%;
	color:#FFF;
	width:auto;
	height:auto;
	float:left;
	margin-left:0.67%;
	display:inline-block;
}
	
#title{	
    font-family:"Lucida Calligraphy";
	font-weight:bold;
	font-size:82.85%%;
	color:#FFF;
	width:auto;
	height:auto;
	float:left;
	margin-left:0.67%;
}

#title a{
	color:#FFF;
	text-decoration:none;
}

#title a:hover{
	color:#00F;
}

#nav{
	/*display:inline-block;*/
	margin-right:3.35%;
	float:right;
	
}

#menu{
	with:auto;
	height:auto;
	float:left;
	
}

ul{
    font-family:Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	color:#FFF;
	font-weight:bold;
    font-size:33.5%;
    margin:0;
    padding: 0;
    list-style: none;
}

ul li{  
    color:#000;
    display:block;
    position:relative;
    float:left;
	
}

li ul{

    display: none;
}

ul li a{ 
    display: block;
	color:#FFF;
    font-family:Arial, Helvetica, sans-serif;
	font-size: 31.825%;
    text-decoration: none;
    padding: 5% 5% 1.675% 5%;
    margin-left: 0;
    white-space: nowrap;
	
}

ul li a:hover{
	background:none;
	color:#000;
}

ul li ul li a{
	color:#FFF;
}

li:hover ul{ 
    display:block;
    position:absolute;
}

li:hover li{

    float:none;
    font-size:32.5%;
}

li:hover a{ 
    /*background:rgba(212,220,247,0.4);*/
	background:rgba(51,51,51,0.6);
}

li:hover li a:hover{
    background:#95A9B1;
	color:#000;
}

#imagePageTitle h1{
	font-family:Verdana, Tahoma, sans-serif;
}

#imagePageTitle{
	width:auto;
	height:auto;
	margin-left:20.1%;
	margin-top:1.34%;
	clear:both;
	float:left;
}

#imagePageTitle h1{
	font-family:Verdana, Tahoma, sans-serif;
}

#imagePageTitle p{
	font-family:Verdana, Tahoma, sans-serif;
	text-align:center;
}

#pictureArea{
	width:31.825%;
	margin-right:auto;
	margin-left:auto;
	margin-top:2%;
	height:auto;
	float:left;
}

figure{
	float:left;
}

figure, figure img{
	width:132x;
	height:99px;
	overflow:hidden;
}

figcaption{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	background:rgba(0,0,0,0.4);
	font-size:0.38rem;
	padding:0.264rem;
	position:relative;
	bottom:169px;
	-webkit-transition:1.5s all;
	transition:1.5s all;
	
}
figure:hover figcaption{
	bottom:106px;
}

#bottomNav{
    bottom: 0;
    position: fixed;
    text-align: center;
    width: 33%;
	color:#000;
	font-family:Verdana, Tahoma, sans-serif;
	font-weight:bold;
	font-size:27%;
	background:rgba(255,255,255,0.5);
	
}

#bottomNavText{
	height: 3%;
    margin: auto;
    width: 12%;
	
}