html {
min-width : 300px;
height : 100%;
}
body {
height : 100%;
background-color : #1e1c21;
color : #fff;
margin : 0;
padding : 0;
text-align : center;
font-size : 100.1%;
font : 83%/1.4 verdana, arial, helvetica, sans-serif;
line-height : 20px;
}
#details {
position : absolute;
top : 25px;
left : 10px;
z-index : 10;
border : 0;
padding : 10px;
}
img#back {
left : 0;
bottom : 0;
width : 1200px;
height : 750px;
}
img {
position : absolute;   /* comment this line for a vertical flow */
top : 0;
border : none;
}
a {
color : #fff;
}
h1 {
text-align : center;
}
#fixed {
position : fixed;
top : 5px;
left : 5px;
z-index : 10;
border : 0;
}
#main {
/* background : url(black.gif) no-repeat bottom left; */
height : 100%;
max-width : 100%;
text-align : left;
margin : 0 auto;
position : relative;
padding : 0;
}
#images {
visibility : hidden;
}
#loading_bar {
margin-top : 164px;
margin-bottom : 200px;
text-align : center;
width : 100%;
}
#loading_bar img {
margin-top : 10px;
position : relative;
}
#captions {
font-weight : bold;
position : relative;
text-align : center;
z-index : 10000;
}

#imageflow {
text-align : left;
}
#info {
position: absolute;
padding: 0;
width:800px;
left: 50%;
margin-left: -400px;
top: 40%;
}
#textflow {
position: absolute;
padding: 20px 20px 0 20px;
background-color: #5a585d;
overflow: auto;
width:300px;
height: 200px;
left: 50%;
margin-left: -150px;
top: 40%;
text-align: justify;
font-family: "Georgia", serif;
font-variant: small-caps;
font-style: italic;
}
#textflow1 {
position: absolute;
padding: 20px;
background-color: #5a585d;
overflow: auto;
width:300px;
height: 200px;
left: 50%;
margin-left: -150px;
top: 40%;
text-align: justify;
font-variant: small-caps;
font-family: "Georgia", serif;
font-style: italic;
}

div.c1 {
clear : both;
}
#menu1 {
border : 0;
width : 250px;
margin : 0;
padding : 0;
}
#menu1 ul, #menu1 li {
list-style : none;
margin : 0;
padding : 0;
}
#menu2 {
border : 0;
width : 250px;
margin : 0;
padding : 0;
}
#menu2 ul, #menu2 li {
list-style : none;
margin : 0;
padding : 0;
}
#menu3 {
border : 0;
width : 250px;
margin : 0;
padding : 0;
}
#menu3 ul, #menu3 li {
list-style : none;
margin : 0;
padding : 0;
}
#menu4 {
border : 0;
width : 250px;
margin : 0;
padding : 0;
}
#menu4 ul, #menu4 li {
list-style : none;
margin : 0;
padding : 0;
}
#menu5 {
border : 0;
width : 250px;
margin : 0;
padding : 0;
}
#menu5 ul, #menu5 li {
list-style : none;
margin : 0;
padding : 0;
}
#menu1 li a:link, #menu1 li a:visited, #menu1 li a:active {
display : block;
height : 128px;
line-height : 128px;
background-image : url(support/1_.gif);
background-repeat : no-repeat;
text-decoration : none;
text-align : center;
font-size : 13px;
font-family : verdana, sans-serif;
padding-right : 2px;
padding-bottom : 0;
margin : 0;
}
#menu2 li a:link, #menu2 li a:visited, #menu2 li a:active {
display : block;
height : 24px;
line-height : 24px;
background-image : url(support/2.gif);
background-repeat : no-repeat;
text-decoration : none;
text-align : center;
font-size : 13px;
font-family : verdana, sans-serif;
padding-right : 2px;
padding-bottom : 0;
margin : 0;
}
#menu3 li a:link, #menu3 li a:visited, #menu3 li a:active {
display : block;
height : 18px;
line-height : 18px;
background-image : url(support/3.gif);
background-repeat : no-repeat;
text-decoration : none;
text-align : center;
font-size : 13px;
font-family : verdana, sans-serif;
padding-right : 2px;
padding-bottom : 0;
margin : 0;
}
#menu4 li a:link, #menu4 li a:visited, #menu4 li a:active {
display : block;
height : 28px;
line-height : 28px;
background-image : url(support/4.gif);
background-repeat : no-repeat;
text-decoration : none;
text-align : center;
font-size : 13px;
font-family : verdana, sans-serif;
padding-right : 2px;
padding-bottom : 0;
margin : 0;
}
#menu5 li a:link, #menu5 li a:visited, #menu5 li a:active {
display : block;
height : 13px;
line-height : 13px;
background-image : url(support/5.gif);
background-repeat : no-repeat;
text-decoration : none;
text-align : center;
font-size : 13px;
font-family : verdana, sans-serif;
padding-right : 2px;
padding-bottom : 0;
margin : 0;
}
#menu1 li a:hover {
background-image : url(support/1a.gif);
color : #000;
}
#menu2 li a:hover {
background-image : url(support/2a.gif);
color : #000;
}
#menu3 li a:hover {
background-image : url(support/3a.gif);
color : #000;
}
#menu4 li a:hover {
background-image : url(support/4a.gif);
color : #000;
}
#menu5 li a:hover {
background-image : url(support/5a.gif);
color : #000;
}