/* CSS Document */

html, body { height: 100%; }

body {
	background-image: url('../images/intro/bg.gif');
	background-position:center;
	background-color: #184a9c;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #ffffff;
	margin:0;padding: 0;
	text-align:center;
}
a img { border: 0; }
.cc { height: 100%; width:100%;}
.cc td { text-align:center; vertical-align:middle; }
h1 {
	margin:0;
	padding: 0;
	text-align: center;
	height: 160px;
	width: 645px;
	margin: 0 auto;
}

#middle {
	background-image: url('../images/intro/mid-bg.gif');
	background-position:center;
	background-repeat:repeat-x;
	height: 178px;
}

#middle .inner {
	background-image: url('../images/intro/mid_inner-bg.gif');
	background-position: center center;
	background-repeat: no-repeat;
	height: 178px;
	width: 645px;
	margin: 0 auto;
}

#middle .inner #rotate {
	position:relative;
	display:block;
	height: 178px; 
	width: 269px;
	margin: 0 auto;
}

#middle .inner #rotate img {
	position:absolute;
	top: 0;
	left: 0;
	height: 178px; 
	width: 269px;
}

#sub {
	background-image: url('../images/intro/sub-bg.gif');
	background-position:center;
	background-repeat:repeat-x;
	height: 160px;
}

#sub .inner {
	background-image: url('../images/intro/sub_inner-bg.gif');
	background-position: top left;
	background-repeat:no-repeat;
	height: 82px; 
	width: 343px;
	margin: 0 auto;
}
#sub td { width: 50%;vertical-align:middle;text-align:center; }
#sub a { color: #ffffff; font-size: 1.5em; text-decoration:none; }

#foot,#head {
	height: 70px;
}
#foot {
	color: #000000;
	font-size: 9px;
	text-align:center;
}

#foot a {color: #333333; font-weight:bold; text-decoration:none;}
#foot a:hover {text-decoration: underline;}
#foot table {
width: 500px;
margin: 0 auto;
}