/* css Zen Garden default style v1.01 */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */


/* This file based on 'Tranquille' by Dave Shea */
/* You may use this file as a foundation for any new work, but you may find it easier to start from scratch. */
/* Not all elements are defined in this file, so you'll most likely want to refer to the xhtml as well. */

/* Images should be linked as if the CSS file sits in the same folder as the images. ie. no paths. */


/* basic elements */
body { 
	font: 10pt/16pt arial; 
	font-weight: bold;
	color: #7086A4; 
	background: url(images/gradient2.jpg); repeat-x;
	margin: 50px; 
	}
p { 
	font: 9pt arial; 
	margin-top: 0px; 
	text-align: left;
	letter-spacing: 0.05em;
	}
h3 { 
	font: italic normal 12pt georgia; 
	letter-spacing: 0px; 
	margin-bottom: 0px; 
	color: #3F4A4D;
	}
a:link { 
	font: 8pt arial; 
	font-weight: normal; 
	letter-spacing: 0.05em;
	text-decoration: underline; 
	color: #8A1515;
	}
a:visited { 
	font: 8pt arial;  
	font-weight: normal; 
	letter-spacing: 0.05em;
	text-decoration: underline; 
	color: #8A1515;
	}
a:hover	{ 
	font: 8pt arial;  
	font-weight: normal; 
	letter-spacing: 0.05em;
	text-decoration: none; 
	color: #C66262;
	}
a:active { 
	font: 8pt arial;  
	font-weight: normal; 
	letter-spacing: 0.05em;
	text-decoration: underline; 
	color: #8A1515;
	}


/* placement */

#container {
	width: 740px;
	height: 520px;
	margin-top: -50px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	border: 0px solid #fff;
	background-color: #fff;
}
#background1 {
	position: absolute;
	width: 740px;
	height: 147px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: 0px;
	margin-bottom: 0px;
	z-index: 1;
	border: 0px solid #fff;
}
#background2 {
	position: absolute;
	width: 740px;
	height: 98px;
	margin-top: 147px;
	margin-right: auto;
	margin-left: 0px;
	margin-bottom: 0px;
	z-index: 3;
	border: 0px solid #fff;

}
#background3 {
	position: absolute;
	width: 740px;
	height: 111px;
	margin-top: 245px;
	margin-right: auto;
	margin-left: 0px;
	margin-bottom: 0px;
	z-index: 4;
	border: 0px solid #fff;
}
#background4 {
	position: absolute;
	width: 740px;
	height: 106px;
	margin-top: 356px;
	margin-right: auto;
	margin-left: 0px;
	margin-bottom: 0px;
	z-index: 5;
	border: 0px solid #fff;
}
#background5 {
	position: absolute;
	width: 740px;
	height: 58px;
	margin-top: 462px;
	margin-right: auto;
	margin-left: 0px;
	margin-bottom: 0px;
	z-index: 6;
	border: 0px solid #fff;
}
#navigation {
	position: absolute;
	width: 740px;
	height: 50px;
	margin-top: 478px;
	margin-left: 20px;
	text-align: left;
	z-index: 7;
	border: 0px solid #F2A1A1;
	background-image: none;
	color: #E67575;
}
#transparentMouse {
	position: absolute;
	width: 75px;
	height: 75px;
	margin-top: 25px;
	margin-left: 138px;
	text-align: left;
	z-index: 8;
	border: 0px solid #F2A1A1;
	background-image: none;
	color: #E67575;
}
#flash {
	position: absolute;
	width: 713px;
	height: 351px;
	margin-top: 126px;
	margin-left: 13px;
	text-align: left;
	z-index: 7;
	border: 0px solid #F2A1A1;
	background-image: none;
	color: #E67575;
}
#hotspot {
	position: absolute;
	width: 150px;
	height: 25px;
	margin-top: 64px;
	margin-left: 577px;
	text-align: left;
	z-index: 12;
	border: 0px solid #20496C;
}
#us {
	position: absolute;
	width: 150px;
	height: 25px;
	margin-top: 505px;
	margin-left: 570px;
	text-align: left;
	z-index: 15;
	border: 0px solid #20496C;
}
.heads {
	font: 9pt arial;  
	font-weight: bold; 
	letter-spacing: 0.05em;
	text-decoration: none; 
	color: #0A1F62;
}
.fifty {
	font: 7pt/16pt arial; 
	font-weight: normal;
	color: #fff; 
	line-height: 12px;
}