@charset "utf-8";

/**************************************** general ****************************************/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #999999;
	background-color: #FFFFFF;
	background-repeat: repeat;
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	
	
	
}

/**************************************** layout all *************************************/

#wrap{
	width:800px;
	}
	
		
	
#left{
	margin-top: 50px;
	position:absolute;
	margin-left: 50px;
	height: 500px;
	width: 150px;
	left: 14px;
	top: -5px;
	}

	
#main{
	top: -6px;
	position:absolute;
	margin-left: 100px;
	height: 600px;
	width: 700px;
	left: 81px;
}
#header {
	width: 686px;
	position: relative;
	margin-right: 12px;
	margin-bottom: 4px;
	margin-left: 10px;
}
#header2 {
	width: 686px;
	position: absolute;
	top: 30px;
	left: 160px;
	
}


#content {
	height:19px;
	width:480px;
	margin-top: 4px;
	margin-left: 195px;
}



/**************************************** links ****************************************/
a:link {
	color: #999999;
	text-decoration: none;
}
a:visited {
	color:  #999999;
	text-decoration: none;
}
a:hover {
	color: #cccccc;
	text-decoration: none;
}
a:active {
	color: #cccccc;
	text-decoration: none;
}

/**************************************** fade javacsript *************************************/

#imageContainer {
	position:relative;
	margin:auto;
	width:640px;
	height:415px;
	border:0px solid #000;
}

#content {
	position:relative;
	margin:auto;
	width:640px;
	height:415px;
	border:0px solid #000;
}


#content.fried {
	position:relative;
	margin:auto;
	width:640px;
	height:600px;
	border:0px solid #000;
}

#bottom {
    top: 8px;
	position:relative;
	margin:auto;
	width:640px;
	height:100px;
	border:0px solid #000;
}


#imageContainer img {
	display:none;
	position:absolute;
	top:0; left:0;
}