/*//// RESET ////*/

*{
	margin: 0;
	padding: 0;
	}
	
/*////////////////*/

/*//// LAYOUT ////*/

body{
	background: #e1e1e1;
	font-size: 62.5%;
	font-family: Arial, Helvetica, Sans-serif;
}


#container{
	width: 760px;
	min-height: 400px;
	background: #ffffff;
	margin: 20px auto 0 auto;
}

#container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html #container {height: 1%;}
/* End hide from IE-mac */

#leftside{
	min-height: 400px;
	width: 23px;
	float: left;
	background: #ffffff;
}

#top{
	width: 737px;
	height: 89px;
	float: left;
	background: #ffffff;
}

/* NAV */

#nav{
	width: 594px;
	height: 37px;
	float: left;
	background: #ffffff;
}

#nav .hidden{
	display: none;
	}

#homebut{
	width: 42px;
	height: 37px;
	float: left;
	background: url('../img/homebut.gif') top left no-repeat;
	background-position: 100% 100%;
}

#homebutselect{
	width: 42px;
	height: 37px;
	float: left;
	background: url('../img/homebut.gif') top left no-repeat;
	background-position: 100% 0%;
}

#homebut:hover{
	background-position: 100% 0%;
	cursor: pointer;
	}

#secretsbut{
	width: 210px;
	height: 37px;
	float: left;
	background: url('../img/secretsbut.gif') top left no-repeat;
	background-position: 100% 100%;
}

#secretsbutselect{
	width: 210px;
	height: 37px;
	float: left;
	background: url('../img/secretsbut.gif') top left no-repeat;
	background-position: 100% 0%;
}

#secretsbut:hover{
	background-position: 100% 0%;
	cursor: pointer;
	}

#downloadsbut{
	width: 142px;
	height: 37px;
	float: left;
	background: url('../img/downloadsbut.gif') top left no-repeat;
	background-position: 100% 100%;
}

#downloadsbutselect{
	width: 142px;
	height: 37px;
	float: left;
	background: url('../img/downloadsbut.gif') top left no-repeat;
	background-position: 100% 0%;
}

#downloadsbut:hover{
	background-position: 100% 0%;
	cursor: pointer;
	}

#testbut{
	width: 101px;
	height: 37px;
	float: left;
	background: url('../img/testbut.gif') top left no-repeat;
	background-position: 100% 100%;
}

#testbutselect{
	width: 101px;
	height: 37px;
	float: left;
	background: url('../img/testbut.gif') top left no-repeat;
	background-position: 100% 0%;
}

#testbut:hover{
	background-position: 100% 0%;
	cursor: pointer;
	}

/*////*/

#prev{
	width: 73px;
	height: 14px;
	float: left;
	background: url('../img/prev.gif') top left no-repeat;
	background-position: 100% 100%;
	}
	
#prev:hover{
	background-position: 100% 0%;
	cursor: pointer;
	}
	
#next{
	width: 52px;
	height: 14px;
	float: left;
	background: url('../img/next.gif') top left no-repeat;
	background-position: 100% 100%;
	}
	
#next:hover{
	background-position: 100% 0%;
	cursor: pointer;
	}
	
#chap{
	width: 103px;
	height: 14px;
	float: left;
	background: url('../img/chap.gif') top left no-repeat;
	background-position: 100% 100%;
	}
	
#chap:hover{
	background-position: 100% 0%;
	cursor: pointer;
	}

#logo{
	width: 143px;
	height: 89px;
	float: right;
}

#header{
	width: 594px;
	height: 52px;
	float: left;
}


#main{
	width: 737px;
	min-height: 311px;
	float: left;
	background: #ffffff;
}

#content{
	width: 417px;
	min-height: 235px;
	float: left;
	background: #ffffff;
}

#image{
	width: 320px;
	min-height: 311px;
	float: right;
}

#image:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/* Hides from IE-mac \*/
* html #image {height: 1%;}
/* End hide from IE-mac */

#subnav{
	width: 417px;
	min-height: 76px;
	float: left;
	background: #ffffff;
}

#footer{
	width: 760px;
	height: 20px;
	float: left;
	padding-top: 5px;
	background: #e1e1e1;
	}

#linksleft{
	height: 20px;
	padding-left: 20px;
	float: left;
}

#linksright{
	height: 20px;
	padding-right: 20px;
	float: right;
	}
	


/*//// TEXT STYLES ////*/

#main p{
	padding-left: 4px;
	font-size: 1.2em;
	color: #666666;
	}
	
#content p .sig{
	color: #000000;
	}
	
#content .note{
	font-size: 1em;
	}
	
#content ul{
	list-style: none;
	line-height: 1.8em;
	font-size: 1.1em;
	font-weight: bold;
	padding-left: 2px;
	}

#content li a{
	color: #666666;
	text-decoration: none;
}

#content li a:hover{
	color: #fca72e;
	text-decoration: none;
}

#content .hidden{
	display: none;
	}

#subnav ul{
	list-style: none;
	font-size: 1.1em;
	font-weight: bold;
	}

#subnav a{
	color: #666666;
	text-decoration: none;
}

#subnav a:hover{
	color: #000000;
	text-decoration: none;
}

#footer a{
	font-size: 1em;
	color: #999999;
	text-decoration: none;
	}
	
#footer a:hover{
	color: #000000;
	text-decoration: none;
	}

/*////////////////*/