/* hide from ie on mac \*/
html {
	height: 100%;
}

#flashcontent {
	height: 100%;
}

body {
	background-color: #d9d9d9;
	background-image: url(line.gif);
	background-repeat: repeat-x;
	height: 100%;
	margin: 0 auto;

}
.frame {
	position: relative;
	height: 839px;
	width: 1182px;
	background-repeat: no-repeat;
	margin: 0 auto;
}

.frame td {
	padding-top: 0px;
	background-repeat: no-repeat;
}
.frame .a1 {
	background-image: url(frame_1.jpg);
}
.frame .a2 {
	background-image: url(frame_2.jpg);
}
.frame .a3 {
	background-image: url(frame_3.jpg);
}
.frame .b1 {
	background-image: url(frame_4.jpg);
}
.frame .b3 {
	background-image: url(frame_5.jpg);
}
.frame .c1 {
	background-image: url(frame_6.jpg);
}
.frame .c2 {
	background-image: url(frame_7.jpg);
	text-align: center;
	vertical-align: bottom;
	padding-bottom: 5px;
}
.frame .c3 {
	background-image: url(frame_8.jpg);
}
.counter {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000000;
	padding: 5px;
}
.valid a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	text-decoration: none;
	padding: 1px 2px;
}
.valid a:hover {
	background-color: #4E4E57;
	color: #FFFFFF;
}
#outer {
	height: 100%; 
	overflow: hidden; 
	position: relative;
	margin: 0 auto;
}
#outer[id] {
	display: table; 
	position: static;
}

#middle {
	position: absolute; 
	top: 50%;
} /* for explorer only*/
#middle[id] {
	display: table-cell; 
	vertical-align: middle; 
	position: static;
}

#inner {
	position: relative; 
	top: -50%
} /* for explorer only */
/* optional: #inner[id] {position: static;} */