/*universal settings*/
*{
	padding: 0;
	margin: 0;
	}
/*<!--re-define tag settings-->*/
body {
background: #9D9EA0;
color: #222;
font-family: Verdana, Arial, sans-serif;

}

/*<!--main cointainer-->*/
#container {
background: #9D9EA0;
border-right: 1px dashed #000;
padding: 10px;
width: 88%;
height: 100%;
}
#container h1 {
padding: 47px 0 20px 250px;
font: 1.5em impact, sains-serif;
text-decoration: none;
text-transform: uppercase;
word-spacing: 5px;
letter-spacing: 0.2em;
color: #472E1C;
}

#container h2 {
padding: 15px 0 0px 0px;
font: 1.2em impact, sains-serif;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.2em;
color: #000;
}

#container h3 {
padding: 5px 0 5px 0px;
font: 0.9em verdana, sains-serif;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.2em;
color: #222;
}

#opening {
padding: 20px 120px 20px 250px;
color: #222;
font: 0.8em Verdana;
line-height: 1.2em;
letter-spacing: 0.1em;

}
.thumbnails {
 	float: left;
 	width: 173px;
 	margin: 20px 0px 10px 0px;
 	padding: 0px;
 }

.clearboth { 
	clear: both; 
	}
#opening a:link {
font: 0.8em Verdana, sans-serif;
font-weight: regular;
color: #fff;
text-decoration: none;
}
#opening a:visited {
font: 0.8em Verdana, sans-serif;
font-weight: regular;
color: #fff;
text-decoration: none;
}
#opening a:hover {
font: 0.8em Verdana, sans-serif;
font-weight: regular;
color: #222;
text-decoration: none;
}
#opening a:active {
font: 0.8em Verdana, sans-serif;
font-weight: regular;
color: #333;
text-decoration: none;
}

#content {
padding: 20px 100px 20px 250px;
font: 0.8em Verdana, sans-serif;
color: #222;
letter-spacing: 0.1em;

}
#content p {
margin: 1em 0;
}
.thumbnail {
 	float: left;
 	width: 450px;
 	margin: 30px 0 10px 0px;
 	padding: 0px;
 }

.clearboth { 
	clear: both; 
	}
.thumbnailmap {
 	float: left;
 	width: 430px;
 	margin: 30px 0 10px 0px;
 	padding: 0px;
 }
#content a:link {
font: 0.8em Verdana, sans-serif;
font-weight: regular;
color: #fff;
text-decoration: none;
}
#content a:visited {
font: 0.8em Verdana, sans-serif;
font-weight: regular;
color: #fff;
text-decoration: none;
}
#content a:hover {
font: 0.8em Verdana, sans-serif;
font-weight: regular;
color: #222;
text-decoration: none;
}
#content a:active {
font: 0.8em Verdana, sans-serif;
font-weight: regular;
color: #333;
text-decoration: none;
}
table {
background: #9D9EA0; 
width: 600px;
}
table td {
background: #9D9EA0; 
color: #444;
border-top: 1px dashed #777;
border-bottom: 1px dashed #777;
}
.r1c2 {
width: 100px;
high
}
.r1c3 {
width: 100px;
}
.r1c4 {
width: 100px;
}
.r2c1 {
width: 100px;
}
.r3c1 {
width: 100px;
}
.r4c1 {
width: 100px;
}
.r5c1 {
width: 100px;
}
.r6c1 {
width: 100px;
}
.r7c1 {
width: 100px;
}
.r8c1 {
width: 100px;
}

.cl1 {
table-layout: auto;
}
#fig_left {
position: absolute;
top: 10px;
left: 10px;
}
#posters {
padding: 20px 20px 20px 250px;
}
#images {
padding: 20px 20px 20px 250px;
align: right;
}
body>#fig_left {
position:fixed;
top: 0px;
left: 0px;
}
/*<!--right figure -bottom corner -->*/
#fig_right {
position: absolute;
bottom: 0;
margin: 0 0 0 88%;
}
/*<!--right figure -fixed into position for compatible browsers -->*/
#fig_right {
position: fixed;
bottom: 0;
margin: 0 0 0 88%;
}
/*<!--main menu - position of menu beneath fixed figure - absolute for IE -->*/

#mainmenu {
float: left;
position: absolute;
top: 150px;
display: block;
padding: 0 0 0 10px;

}
/*<!-- menu - fixed into position for compatible browsers -->*/
body>#mainmenu {
float: left;
position: fixed;
top: 0;
left: 5px;
text-align: left;
}
#mainmenu h1 {
padding: 57px 0 0 0;
font: 2em impact, sains-serif;
text-decoration: none;
text-transform: uppercase;
word-spacing: 5px;
letter-spacing: 0.2em;
color: #122653;
}
#mainmenu h2 {
padding: 0 10px 10px 0;
font: 1em verdana, sains-serif;
text-decoration: none;
text-align: right;
text-transform: lowercase;
color: #000;
}
#mainmenu h3 {
padding: 0 10px 10px 0;
font: 1em impact, sains-serif;
text-decoration: none;
text-align: left;
letter-spacing: 0.2em;
text-transform: lowercase;
color: #222;
}
#mainmenu ul {
list-style: none;
margin: 0.6em 0;
height: 1.3em;
}
#mainmenu ul li {
display: block;
margin: 0.6em 0;
height: 1.3em;
}
#mainmenu ul li a {
font: 0.8em Verdana, sans-serif;
font-weight: bold;
color: #444;
text-decoration: none;
}
#mainmenu ul li a:link {
font: 0.8em Verdana, sans-serif;
font-weight: bold;
color: #444;
}
#mainmenu ul li a:visited {
font: 0.8em Verdana, sans-serif;
font-weight: bold;
color: #444;
}
#mainmenu ul li a:hover {
font: 0.8em Verdana, sans-serif;
font-weight: bold;
color: #777;
}
#mainmenu ul li a:active {
font: 0.8em Verdana, sans-serif;
font-weight: bold;
color: #333;
}