/* MAIN */

html, body {
	width: 100%;
	height: 100%;
}

body {
	background: #FFFFFF;
	margin: 0; 
	padding: 0;
	text-align: center;
}

#distance {
	width: 1px;
	height: 50%;
	margin-bottom: -225px; 
	float: left;
}

#layout {
	margin: 0 auto 0 auto;
	position: relative;
	clear: left;
	width: 770px;
	height:	450px;
}

#index01 {
	background: url('images/index_01.jpg') no-repeat;
	width: 770px;
	height: 113px;
}

#index02 {
	background: url('images/index_02.jpg') no-repeat;
	width: 770px;
	height: 112px;
}

#index03 {
	background: url('images/index_03.jpg') no-repeat;
	width: 770px;
	height: 113px;
}

#index04 {
	background: url('images/index_04.jpg') no-repeat;
	width: 770px;
	height: 112px;
}

#credit {
	position: absolute;
	top: 248px;
	left: 543px;
	font-size: 13px;
	font-family: "Times New Roman", serif;
	text-transform: uppercase;
}

#credit A {
	text-decoration: none;
}

#credit A i {
	visibility: hidden;
}

#iframe {
	position: absolute;
	top: 87px;
	left: 135px;
	width: 229px;
	height: 324px; 
}

/* CONTENT SECTION */
	
#main {
	height: auto;
	width: auto;
	background: #FFFFFF url('images/bg_main.jpg') no-repeat top left fixed;
	padding: 0;
	margin: 0 10px 0 0;
	font-family: Verdana, sans-serif; 
	font-size: 10px; 
	color: #000000;
	text-align: justify;
	scrollbar-face-color: #000000; 
	scrollbar-shadow-color: #FFEF6D; 
	scrollbar-highlight-color:#FFEF6D; 
	scrollbar-3dlight-color: #FFEF6D; 
	scrollbar-darkshadow-color: #FFEF6D; 
	scrollbar-track-color: #F2D9D9; 
	scrollbar-arrow-color: #000000;
}

#main A {
	color: #F7180B; 
	text-decoration: none
}

#main A:hover {
	color: #F7180B; 
	background-color: #FEFD16; 
}


/* NAVIGATION */

#navigation {
	position: absolute;
	top: 357px;
	left: 495px;
	width: 240px;
	height: 30px;
	font-family: "Courier New", monospace; 
	font-size: 16px; 
	color: #000000; 
	text-align: center;
}

#navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#navigation ul li { 
	display: inline; 
	padding: 0;
	margin: 0 5px 0 5px;
}

#navigation ul li A { 
	color: #000000; 
	text-decoration: none;
	margin: 0;
	padding: 0;
}

#navigation ul li A:hover { 
	color: #F7180B; 
	background-color: #FEFD16; 
	text-decoration: none;
}


/* HEADERS */

h1 {
	font-family: "Courier New", monospace; 
	font-size: 16px; 
	color: #FEFD16; 
	background-color: #F7180B; 
	text-transform: uppercase; 
	padding-left: 5px;
	padding-right: 5px;
}


/* IE 5 MAC */

html, body {
	height: auto;
}