html body{
	/*background-position: top;*/
	margin: 0;
	background: teal;
	color: #FFFFCC;
	background-image: url('../graphic/backgrounds/MT-Tile-Small-4x4_036b.png');
}
header{
	/*border: 1px #FFFFFF;
	border-style: outset;*/

	color: #FFFFCC;
	/*padding: 15px 0;*/

}
nav{
	border: 1px transparent;
	border-style: outset;


	width: 1024px;
	margin: 15px auto;	
}

/*header*/ #logo{
	/*border: 1px #00FF00;
	border-style: outset;*/
/*font-size: x-large;*/font: normal small-caps 100% serif;
	font-size: 24px; /*margin: 0;*/; /*padding: 0 0 0 10px;*/;
	margin: 0 0 0 15px;
	display: inline-block;
	float: left ;
}

h3{
	text-align:  center;
}
/*nav*/ ul{
	/*border: 1px #FFCC66;
	border-style: outset;*/
	padding: 0 0 0 15px;

	display: inline;
	/*height: 1%;*/
}
/*nav ul*/ li{
	border: 1px #FFCC66;
	border-style: outset;
/*background: #980182;*/ /*background-color: rgba(102, 0, 102, 0.6);*/background-color: rgba(152, 1, 130, 0.6);
	color: #FFFF99;
	display: inline-block;
	list-style-type: none;
	padding: 5px 10px;	
	border-radius: 10px;
	font-family: Tahoma; /*font: normal small-caps 100% serif;*/;
	font-size: 18px;
	margin: 0 10px 0 0;
}
.IconFlag{
	/*border: 1px #FFFFFF;
	border-style: outset;*/

	display: inline-block;
	float: right;
	margin: 0 15px 0 0;
}




/*nav ul li*/ a {
	color: #FFFF99;
	text-decoration: none;
}
.contentframe{
	background: #003366 url('../graphic/backgrounds/room452.jpg');
	border-radius: 15px;
	color: white;
	width: 1024px;
	height: 1024px;
	margin: 0 auto;
}
.outer {
    display: table;
    height: 100%;
    width: 100%;
}
.middle {
	display: table-cell; /*vertical-align: middle;*/;
	/*vertical-align: 20%;*/
	/*border: 2px #FFCC66;
	border-style: outset;*/
}
.inner {
	margin-top: 15%;
	margin-left: auto;
	margin-right: auto;
	width: 55%/*whatever width you want*/;
	/*border: 2px #FFCC66;
	border-style: outset;*/
}
#innerAbout {
	margin-top: 15%;
	margin-left: auto;
	margin-right: auto;
	width: 70%/*whatever width you want*/;
	text-align: center;
}
#framePictures {
	margin-top: 15%;
	margin-left: auto;
	margin-right: auto;
	width: 80%/*whatever width you want*/;
	text-align: center;
}
p {
	font-size: 18px;
	border: 2px #FFCC66;
	border-style: outset;
/*background: #660066;*/background-color: rgba(102, 0, 102, 0.6);
	width: auto;
	color: #FFFFCC;
	margin: 10px auto;
	padding: 10px 20px;
	border-radius: 8px;
}
.frametransparent {
	border: 2px #FFCC66;
	border-style: outset;
	/*background: #660066;*/
	background-color: rgba(102, 0, 102, 0.6);
	width: auto;
	color: #FFFFCC;
	margin: 10px auto;
	padding: 10px 20px;
	border-radius: 8px;
	text-align: center;
		font-size: 18px;
}
footer{
	font-size: 18px;
	font: normal 100% serif;
	clear: both;
	width: 1000px;
	text-align: right;
	margin: 15px auto;
	color: #FFFF99;


}








#pic01previewlayer{
		display: inline-block;
		padding: 8px 8px;}
#pic02previewlayer{
		display: inline-block;
		padding: 8px 8px;}
#pic03previewlayer{
		display: inline-block;
		padding: 8px 8px;}
#pic04previewlayer{
		display: inline-block;
		padding: 8px 8px;}
#pic05previewlayer{
		display: inline-block;
		padding: 8px 8px;}
#pic06previewlayer{
		display: inline-block;
		padding: 8px 8px;}
#pic07previewlayer{
		display: inline-block;
		padding: 8px 8px;}
#pic08previewlayer{
		display: inline-block;
		padding: 8px 8px;}
#pic09previewlayer{
		display: inline-block;
		padding: 8px 8px;}
#pic10previewlayer{
		display: inline-block;
		padding: 8px 8px;}
#pic11previewlayer{
		display: inline-block;
		padding: 8px 8px;}
#pic12previewlayer{
		display: inline-block;
		padding: 8px 8px;}
#pic17previewlayer{
		display: inline-block;
		padding: 8px 23px;}
#pic18previewlayer{
		display: inline-block;
		padding: 8px 23px;}
		
		
		#pic19previewlayer{
		display: inline-block;
		padding: 8px 23px;}
		#pic20previewlayer{
		display: inline-block;
		padding: 8px 23px;}
		#pic21previewlayer{
		display: inline-block;
		padding: 8px 23px;}
		#pic22previewlayer{
		display: inline-block;
		padding: 8px 23px;}
		#pic23previewlayer{
		display: inline-block;
		padding: 8px 23px;}
		#pic24previewlayer{
		display: inline-block;
		padding: 8px 23px;}
		#pic25previewlayer{
		display: inline-block;
		padding: 8px 23px;}
		#pic26previewlayer{
		display: inline-block;
		padding: 8px 23px;}
		#pic27previewlayer{
		display: inline-block;
		padding: 8px 23px;}
		#pic28previewlayer{
		display: inline-block;
		padding: 8px 23px;}
		
		#pic29previewlayer{
		display: inline-block;
		padding: 8px 23px;}
		#pic30previewlayer{
		display: inline-block;
		padding: 8px 23px;}
		#pic31previewlayer{
		display: inline-block;
		padding: 8px 23px;}
		#pic32previewlayer{
		display: inline-block;
		padding: 8px 23px;}
		#pic33previewlayer{
		display: inline-block;
		padding: 8px 23px;}
		#pic34previewlayer{
		display: inline-block;
		padding: 8px 23px;}
		#pic35previewlayer{
		display: inline-block;
		padding: 8px 23px;}
		#pic36previewlayer{
		display: inline-block;
		padding: 8px 23px;}
		#pic37previewlayer{
		display: inline-block;
		padding: 8px 23px;}
		#pic38previewlayer{
		display: inline-block;
		padding: 8px 23px;}
		
		#pic39previewlayer{
		display: inline-block;
		padding: 8px 23px;}
		#pic40previewlayer{
		display: inline-block;
		padding: 8px 23px;}
		#pic41previewlayer{
		display: inline-block;
		padding: 8px 23px;}
		#pic42previewlayer{
		display: inline-block;
		padding: 8px 23px;}
		#pic43previewlayer{
		display: inline-block;
		padding: 8px 23px;}
		#pic44previewlayer{
		display: inline-block;
		padding: 8px 23px;}
		#pic45previewlayer{
		display: inline-block;
		padding: 8px 23px;}
		#pic46previewlayer{
		display: inline-block;
		padding: 8px 23px;}
		#pic47previewlayer{
		display: inline-block;
		padding: 8px 23px;}
		#pic48previewlayer{
		display: inline-block;
		padding: 8px 23px;}