@charset "UTF-8";
/* CSS Document */

#html,body {
	height:100%;
	margin:0;
	padding:0;
	background-color: #F2F0D5;
	}

#body {
	text-align:center;
	width:800px;
	height:620px;
	}

#vertical {
	position:absolute;
	top:50%;
	margin-top:-330px;/* half main elements height*/
	left:0;
	width:100%;
	}

#hoz {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	height:620px;
	background-color: #F2F0D5;
	}
	
#navcontainer {
	position: absolute; top: 0;
	margin-left: 0;
	width: 800px;
	height: 20px;
	}

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

ul#navlist li { position:relative; float:left; margin-right: 20px; padding-right: 0px; padding-top: 0px;}

ul#navlist li:hover { border-bottom:2px solid #260115;}

ul#navlist li a { padding:2px 2px; text-decoration:none; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; font-size: 12px; letter-spacing: 2px; color:#401133;}

ul#navlist li a:hover { color:#A6796F; }

ul#navlist li span{ display:none; position:absolute; top:20px; left:2px; width:160px; font:normal 12px Arial, Helvetica, Verdana, sans-serif; line-height: 15px; }

ul#navlist li a:hover span {margin-top: 0px; display:block; color: #695F5B; }

#sfcca {
	position: absolute; top: 600px;
	clear: left;
	width: 800px;
	height: 20px;
	background-color: #F2F0D5;
	z-index: 1;
	}

#pic {
	position: absolute; top: 300px;
	margin-left: 634px;
	width: 166px;
	height: 290px;
	}

#music {
	position: absolute; top: 260px;
	margin-left: 330px;
	}

#banner {
	position: absolute; top: 0px;
	margin-top: 18px;
	clear: left;
	width: 800px;
	height: 590px;
	position: relative;
	}

#maintexthp {
	position: absolute; top: 300px;
	width: 470px;
	height: 290px;
	margin-left: 330px;
	z-index: 1;
	}
	
#maintext {
	position: absolute; top: 300px;
	width: 300px;
	height: 290px;
	margin-left: 330px;
	}

#maintext2 {
	position: absolute;
	top: 295px;
	width: 470px;
	height: 290px;
	overflow: auto;
	margin-left: 322px;
	}

#maintext3 {
	position: absolute;
	top: 295px;
	width: 455px;
	height: 290px;
	padding-right: 15px;
	overflow: auto;
	margin-left: 330px;
	}

#maintext4 {
	position: absolute;
	top: 295px;
	width: 470px;
	height: 290px;
	padding-left: 8px;
	overflow: auto;
	margin-left: 312px;
	}

#maintext5 {
	position: absolute;
	top: 295px;
	width: 455px;
	margin-left: 330px;
	}

#left1 {
	position: absolute; top: 256px;
	width: 160px;
	height: 120px;
	}

#left2 {
	position: absolute; top: 355px;
	width: 160px;
	height: 160px;
	}

#left2b {
	position: absolute; top: 340px;
	width: 160px;
	height: 210px;
	}

#left3 {
	position: absolute; top: 530px;
	width: 160px;
	height: 60px;
	}

#thumbs {
	position: absolute;
	top: 255px;
	width: 225;
	height: 360px;
	margin-left: 160px;
	}

#bigpic1 {
	position: absolute;
	top: 250px;
	width: 410px;
	height: 330px;
	margin-left: 390px;
	}

#bigpic2 {
	position: absolute;
	top: 250px;
	width: 410px;
	height: 330px;
	margin-left: 390px;
	visibility: hidden;
	}

#bigpic3 {
	position: absolute;
	top: 250px;
	width: 410px;
	height: 330px;
	margin-left: 390px;
	visibility: hidden;
	}

#bigpic4 {
	position: absolute;
	top: 250px;
	width: 410px;
	height: 330px;
	margin-left: 390px;
	visibility: hidden;
	}

#bigpic5 {
	position: absolute;
	top: 250px;
	width: 410px;
	height: 330px;
	margin-left: 390px;
	visibility: hidden;
	}

#bigpic6 {
	position: absolute;
	top: 250px;
	width: 410px;
	height: 330px;
	margin-left: 390px;
	visibility: hidden;
	}

#bigpic7 {
	position: absolute;
	top: 250px;
	width: 410px;
	height: 330px;
	margin-left: 390px;
	visibility: hidden;
	}

.t1 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 15px;
	line-height: 120%;
	text-align: justify;
	vertical-align: text-top;
	color: #260115;
	font-weight: bold;
	letter-spacing: 4px;
	}

.t2 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 15px;
	line-height: 120%;
	text-align: justify;
	vertical-align: text-top;
	color: #A6796F;
	font-weight: bold;
	letter-spacing: 4px;
	}

.t3 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: 160%;
	text-align: left;
	vertical-align: text-top;
	color: #695F5B;
	font-style: normal;
	}

.t4 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: 140%;
	text-align: left;
	vertical-align: text-top;
	color: #695F5B;
	font-style: italic;
	}

.t5 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: 140%;
	text-align: left;
	vertical-align: text-top;
	color: #695F5B;
	font-weight: bold;
	}

.t6 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: 160%;
	text-align: left;
	vertical-align: text-top;
	color: #695F5B;
	font-weight: bold;
	font-style: italic;
	}

.t7 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: 120%;
	text-align: left;
	vertical-align: text-top;
	color: #695F5B;
	font-style: normal;
	}
	
.t8 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 20px;
	line-height: 100%;
	text-align: left;
	vertical-align: text-top;
	color: #401133;
	font-weight: bold;
	}

.t9 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 15px;
	line-height: 130%;
	text-align: left;
	vertical-align: text-top;
	color: #401133;
	font-weight: bold;
	}