/* CSS Document */

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ccc;
	background-color: #333;
	font-size: 70%;
	line-height: 22px;
	font-weight: normal;
	}
a {
	font-size: 90%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 25px;
	text-decoration: none;
	font-weight: normal;
	color:  #ccc;
	}
a:visited {
	color: #ccc;
	}
a:active {
	color:  red;
	}
a:hover {
	color: red;
	text-decoration: none;
	}
.ahem {
	display: none;
	}
strong, b {
	font-weight: bold;
	}
p {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}

/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1 {
	font-size: 24px;
	line-height: 44px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h2 {
	font-size: 18px;
	line-height: 40px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h3 {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h4 {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
img {
	border: 0;
	}
.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}
.tiny {
	font-size: 9px;
	line-height: 9px;

	}



#contact {
	font-size: 12px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	color:#999;
	}
#top {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width:auto;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	color: #999;
	letter-spacing: 1em;
	text-align: center;
	}
#middle_l {
	top: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width:100%;
	background: #fff;
	height: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-style: normal;
	font-weight: normal;
	color: black;
	letter-spacing: 5mm;
	text-align: center;
	vertical-align: bottom;
	}

	
#container {
	margin: 0 auto;
	
	top:180;
	left:70;
	position: relative;
	width: 900px;
	height: 650px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	color: #999;
	letter-spacing: 1em;
	text-align: center;
	p display: table-cell; vertical-align: middle; 
	}
	
#container_1 {
	margin: 0 auto;
	top:180;

	position: relative;
	width: 550px;
	height: 450px; 
	}


#web_text {
	position: absolute;
	bottom:0;
	margin: 0 auto;
	width: 500px;
	height: 80px;
	top: 404px;
	left: 2px;
	}


#navbar_1 {
	position: absolute;
	z-index: 2;
	margin: 0px 0px 0px  0px;
	width: 80px;
	height: 120px;
	top: 230px;
	left: 20px;
	}


#middle {
	position: absolute;
	background: url('assets/glow_3.gif') no-repeat;
	left: 115px;
	top: 145px;
	margin: 0px;
	padding: 20px 20px 40px 20px;
	height: 200px;
	width: 450px;
	}

#contact {
	position: absolute;
	background: url('assets/glow_5.gif') no-repeat;
	left: 130px;
	top: 120px;
	margin: 0;
	padding: 0px 0px 0px 0px;
	height: 250px;
	width: 500px;
	}
#useful {
	position: absolute;
	left: 165px;
	top: 300px;
	height: 25px;
	width: 400px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 50%;
	line-height: 12px;
	font-weight: normal;
	}
#address {
	position: absolute;
	margin: 0 auto;
	width: 500px;
	bottom: 0;
	}

#box1 {	position: absolute; top: 130px; left:  10px; width: 80px; height: 80px;}
#box2 {	position: absolute;	top: 130px; left:  115px; width: 80px; height: 80px;}
#box3 {	position: absolute;	top: 130px; left: 220px; width: 80px; height: 80px;}
#box4 {	position: absolute;	top: 130px; left: 325px; width: 80px; height: 80px;}
#box5 {	position: absolute; top: 235px; left:  10px; width: 80px; height: 80px;}
#box6 {	position: absolute;	top: 235px; left:  115px; width: 80px; height: 80px;}
#box7 {	position: absolute;	top: 235px; left: 220px; width: 80px; height: 80px;}
#box8 {	position: absolute;	top: 235px; left: 325px; width: 80px; height: 80px;}
#box9 {	position: absolute;	top: 340px; left:  10px; width: 80px; height: 80px;}
#box10 {position: absolute;	top: 340px; left:  115px; width: 80px; height: 80px;}
#box11 {position: absolute; top: 340px; left: 220px; width: 80px; height: 80px;}
#box12 {position: absolute;	top: 340px; left: 325px; width: 80px; height: 80px;}
#box13 {position: absolute;	top: 445px; left:  10px; width: 80px; height: 80px;}
#box14 {position: absolute;	top: 445px; left:  115px; width: 80px; height: 80px;}
#box15 {position: absolute;	top: 445px; left: 220px; width: 80px; height: 80px;}
#box16 {position: absolute;	top: 445px; left: 325px; width: 80px; height: 80px;}
#box17 {position: absolute;	top: 550px; left: 10px; width: 400px; height: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ccc;
font-size: 50%;
line-height: 12px;
font-weight: normal;
letter-spacing: .5em;}


#main_pic1 {position: absolute; top: 80px; left: 450px; width: auto; height: auto; visibility:visible;}
#main_pic2 {position: absolute; top: 80px; left: 450px; width: auto; height: auto; visibility: hidden;}
#main_pic3 {position: absolute; top: 80px; left: 450px; width: auto; height: auto; visibility: hidden;}
#main_pic4 {position: absolute; top: 80px; left: 450px; width: auto; height: auto; visibility: hidden;}
#main_pic5 {position: absolute; top: 80px; left: 450px; width: auto; height: auto; visibility: hidden;}
#main_pic6 {position: absolute; top: 80px; left: 450px; width: auto; height: auto; visibility: hidden;}
#main_pic7 {position: absolute; top: 80px; left: 450px; width: auto; height: auto; visibility: hidden;}
#main_pic8 {position: absolute; top: 80px; left: 450px; width: auto; height: auto; visibility: hidden;}
#main_pic9 {position: absolute; top: 80px; left: 450px; width: auto; height: auto; visibility: hidden;}
#main_pic10 {position: absolute; top: 80px; left: 450px; width: auto; height: auto; visibility: hidden;}
#main_pic11 {position: absolute; top: 80px; left: 450px; width: auto; height: auto; visibility: hidden;}
#main_pic12 {position: absolute; top: 80px; left: 450px; width: auto; height: auto; visibility: hidden;}
#main_pic13 {position: absolute; top: 80px; left: 450px; width: auto; height: auto; visibility: hidden;}
#main_pic14 {position: absolute; top: 80px; left: 450px; width: auto; height: auto; visibility: hidden;}
#main_pic15 {position: absolute; top: 80px; left: 450px; width: auto; height: 504px; visibility: hidden;}
#main_pic16 {position: absolute; top: 80px; left: 450px; width: auto; height: 504px; visibility: hidden;}