/* 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: 90px;
	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;
	position: relative;
	width: 500px;
	height: 450px; 
	}
	
#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: 100px;
	top: 404px;
	left: 2px;
	}


#navbar_1 {
	position: absolute;
	z-index: 2;
	margin: 0px 0px 0px  0px;
	width: 100px;
	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: 	0px; height: 72px;}
#box2 {	position: absolute;	top: 130px; left: 105px; height: 72px;}
#box3 {	position: absolute;	top: 130px; left: 212px; height: 72px;}
#box4 {	position: absolute;	top: 130px; left: 330px; height: 72px;}
#box5 {	position: absolute; top: 130px; left: 422px; height: 72px;}
#box6 {	position: absolute;	top: 230px; left: 103px; height: 72px;}
#box7 {	position: absolute;	top: 230px; left: 212px; height: 72px;}
#box8 {	position: absolute;	top: 230px; left: 313px; height: 72px;}
#box9 {	position: absolute;	top: 230px; left: 430px; height: 72px;}
#box10 {position: absolute;	top: 230px; left: 	0px; height: 72px;}

#box11 {	position: absolute; top: 40px; left: 	0px; height: 144px;}
#box12 {	position: absolute;	top: 40px; left: 220px; height: 144px;}
#box13 {	position: absolute;	top: 40px; left: 433px; height: 144px;}
#box14 {	position: absolute;	top: 210px; left: 0px; height: 144px;}
#box15 {	position: absolute; top: 210px; left: 220px; height: 144px;}
#box16 {	position: absolute;	top: 210px; left: 433px; height: 144px;}
#box17 {	position: absolute;	top: 230px; left: 212px; height: 144px;}
#box18 {	position: absolute;	top: 230px; left: 313px; height: 144px;}
#box19 {	position: absolute;	top: 230px; left: 430px; height: 144px;}
#box20 {	position: absolute;	top: 230px; left:	0px; height: 144px;}

#pic1 {	position: absolute; top: 150px; left: 130px; height: 75px;}
#pic2 {	position: absolute;	top: 150px; left: 200px; height: 75px;}
#pic3 {	position: absolute;	top: 150px; left: 270px; height: 75px;}
#pic4 {	position: absolute;	top: 150px; left: 340px; height: 75px;}
#pic5 {	position: absolute; top: 150px; left: 410px; height: 75px;}
#pic6 {	position: absolute;	top: 150px; left: 480px; height: 75px;}
#pic7 {	position: absolute;	top: 150px; left: 550px; height: 75px;}
#pic8 {	position: absolute; top: 150px; left: 620px; height: 75px;}
#pic9 {	position: absolute;	top: 250px; left: 130px; height: 75px;}
#pic10 {position: absolute;	top: 250px; left: 200px; height: 75px;}
#pic11 {position: absolute;	top: 265px; left: 280px; height: 75px;}
#pic12 {position: absolute; top: 265px; left: 370px; height: 75px;}
#pic13 {position: absolute;	top: 265px; left: 460px; height: 75px;}
#pic14 {position: absolute;	top: 250px; left: 550px; height: 75px;}
#pic15 {position: absolute;	top: 250px; left: 620px; height: 75px;}
#pic16 {position: absolute;	top: 250px; left: 690px; height: 75px;}

#mag1 {	position: absolute; top: 130px; left: 	0px; height: 540px;}
#mag2 {	position: absolute;	top: 130px; left: 400px; height: 540px;}
#mag3 {	position: absolute;	top: 600px; left: 0px; height: 540px;}
#mag4 {	position: absolute;	top: 600px; left: 400px; height: 540px;}
#mag5 {	position: absolute; top: 1070px; left: 0px; height: 540px;}
#mag6 {	position: absolute;	top: 1070px; left: 400px; height: 540px;}