* { margin: 0; padding: 0; list-style: none; }
fieldset, img { border: 0 solid; }
body{
	height: 100%;
	width: 100%;
	font: 11px verdana;
	background:#000 url(../gfx/bg.jpg) 0 0 repeat-x;
}
DIV.clearer { clear: both; height: 0; border: 0; font-size: 0; margin: 0; padding: 0; line-height: 0; }
.clear{	clear: both; }
.left{ float: left; }
.right{ float: right; }
.red{ color: red; }

a,
a:hover {
	color: #666666;
	text-decoration: none;
	position:relative;
	outline:none;
}
a:hover { text-decoration: underline; }
	
.custombutton {
	padding:0px;
	margin-bottom:0px;
	margin-left:-15px;
	margin-top:0px;
	border:none;
	background:none;
	cursor:pointer;
	float:left;
	position:relative;
}

#container {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;	
}

#box {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 977px;
	height: 590px;
	margin: -295px 0 0 -489px ;
}

/* home columns */
#home-column-left {
	width:342px;
	height:553px;
	float:left;
}

#home-column-middle {
	width:296px;
	height:553px;
	float:left;
}

#home-column-right {
	width:338px;
	height:553px;
	float:left;
}

/* home column left content */
#home-column-left-top {
	width:342px;
	height:61px;
	background:url(../gfx/left-column-top-bg.png) no-repeat;
}
	
	
#home-column-left-middle {
	width:342px;
	height:39px;
	background:url(../gfx/left-column-bg2.png) no-repeat;
}
	
#home-column-left-main {
	width:342px;
	height:433px;
	background:url(../gfx/left-column-main-bg.png) no-repeat;
}
	
#title-home {
	width:277px;
	height:140px;
	background:url(../gfx/title-home.jpg) no-repeat;
	margin-left:65px;
}
	
#home-text-left {
	width:210px;
	padding-left:81px;
}
	
#home-text-left p {
	font: 14px georgia; 
	line-height:22px;
	color: #160d01;
}

/* home column middle content*/
#home-column-middle-main {
	width:296px;
	height:533px;
	background:url(../gfx/middle-column-bg.png) 0 0 no-repeat;
}

/*home column right content*/
#home-column-right-main {
	width:338px;
	height:440px;
	background:url(../gfx/right-column-top-bg.png) 0 0 no-repeat;
}
	
#home-column-right-email-top {
	width:338px;
	height:35px;
	background:url(../gfx/right-column-email-top.png) 0 0 no-repeat;
}

#home-column-right-email-top a,
#home-column-right-email-top a:hover {
	left:90px;
	top:10px;
	display:block;
	width:150px;
	height:20px;
}


#home-column-right-email-main {
	width:338px;
	height:58px;
	background:url(../gfx/right-column-email-main.png) 0 0 no-repeat;
	overflow:hidden;
}
	
/* column right cta */
#cta-box-1{
	width:338px;
	height:55px;
	margin-bottom:0px;
	padding-top:166px;
}

#cta-box-2 {
	width:338px;
	height:55px;
	margin-bottom:0px;
}
	
#cta-box-3 {
	width:338px;
	height:75px;
	margin-bottom:0px;
}
	
#cta-box-4 {
	width:338px;
	height:55px;
	margin-bottom:0px;
}
	
#riddle {
	width:162px;
	height:39px;
	float:left;
}

#riddle a,
#riddle a:hover {
	display: block;
	left:65px;
	width:162px;
	height:39px;
}

#all-riddle-cards { overflow:auto; width:530px; margin-left:20px; height:180px; }
#column-middle-main #all-riddle-cards a { position: static; }

#column-left {
	width:342px;
	height:553px;
	float:left;
}

#column-middle {
	width:635px;
	height:553px;
	float:left;
	position:relative;
}
	
#column-middle a {
	position:relative;
}

/*column left content*/
#column-left-top{
	width:342px;
	height:41px;
	background:url(../gfx/main/column-main-top.png) no-repeat;
}
	
#column-left-middle{
	width:342px;
	height:39px;
	background:url(../gfx/main/left-column-bg2.png) no-repeat;
}
	
#column-left-main{
	width:342px;
	height:453px;
	background:url(../gfx/main/picture.png) no-repeat;
}
	
#column-left-main-bio {
	width:342px;
	height:453px;
	background:url(../gfx/bio-pic.png) no-repeat;
}


/*column middle content*/
#column-middle-top{
	width:635px;
	height:99px;
	background:url(../gfx/main/middle-column-top.png) no-repeat;
	position:relative;
}

#column-middle-title{
	width:635px;
	height:113px;
	background:url(../gfx/main/middle-column-title.png) no-repeat;
	position:relative;
}

#column-middle-main {
	width:635px;
	height:228px;
	background:url(../gfx/main/text.png) no-repeat;
}
	
#column-middle-main a {
	color:#960100;
	text-decoration:none;
}
	
#column-middle-main a:hover {
	color:#960100;
	text-decoration:underline;
}

#page-nav {
	position:absolute;
	width:auto;
	height:34px;
	overflow:hidden;
	top: 405px;
	right: 100px;
}

/*1 2 3 4 5*/
	
#one{
	width: 17px;
  	height: 17px;
	float:left;

	}

#up{display: block;
	width: 17px;
  	height: 17px;
	float:left;

	}

#one a {
	display: block;
	width: 17px;
  	height: 17px;
	background: url(../gfx/main/pageNav1.gif) no-repeat;
	background-position: 0px 0%;

	}

#one a:hover {
	width: 17px;
  	height: 17px;
	background: url(../gfx/main/pageNav1.gif) no-repeat;
	background-position: 0px 100%;

  	}
	
#two{
	width: 17px;
  	height: 17px;
	float:left;

	}

#two a {
	display: block;
	width: 17px;
  	height: 17px;
	background: url(../gfx/main/pageNav2.gif) no-repeat;
	background-position: 0px 0%;

	}

#two a:hover {
	width: 17px;
  	height: 17px;
	background: url(../gfx/main/pageNav2.gif) no-repeat;
	background-position: 0px 100%;
	
  	}
	
#three{
	width: 17px;
  	height: 17px;
	float:left;
	}

#three a {
	display: block;
	width: 17px;
  	height: 17px;
	background: url(../gfx/main/pageNav3.gif) no-repeat;
	background-position: 0px 0%;
	}

#three a:hover {
	width: 17px;
  	height: 17px;
	background: url(../gfx/main/pageNav3.gif) no-repeat;
	background-position: 0px 100%;
  	}
	
#four{
	width: 17px;
  	height: 17px;
	float:left;
	}

#four a {
	display: block;
	width: 17px;
  	height: 17px;
	background: url(../gfx/main/pageNav4.gif) no-repeat;
	background-position: 0px 0%;
	}

#four a:hover {
	width: 17px;
  	height: 17px;
	background: url(../gfx/main/pageNav4.gif) no-repeat;
	background-position: 0px 100%;
  	}
	
#five{
	width: 17px;
  	height: 17px;
	float:left;
	}

#five a {
	display: block;
	width: 17px;
  	height: 17px;
	background: url(../gfx/main/pageNav5.gif) no-repeat;
	background-position: 0px 0%;
	}

#five a:hover {
	width: 17px;
  	height: 17px;
	background: url(../gfx/main/pageNav5.gif) no-repeat;
	background-position: 0px 100%;
  	}



#six{
	width: 17px;
  	height: 17px;
	float:left;
	}

#six a {
	display: block;
	width: 17px;
  	height: 17px;
	background: url(../gfx/main/pageNav6.gif) no-repeat;
	background-position: 0px 0%;
	}

#six a:hover {
	width: 17px;
  	height: 17px;
	background: url(../gfx/main/pageNav6.gif) no-repeat;
	background-position: 0px 100%;
  	}
	
#seven { width: 17px; height: 17px;	float:left;	}
#seven a,
#seven a:hover{ display: block; width: 17px;	height: 17px;
	background: url(../gfx/main/pageNav7.gif) no-repeat;
	background-position: 0px 0%;
}
#seven a:hover { background-position: 0px 100%; }

#eight { width: 17px; height: 17px;	float:left;	}
#eight a,
#eight a:hover{ display: block; width: 17px; height: 17px;
	background: url(../gfx/main/pageNav8.gif) no-repeat;
	background-position: 0px 0%;
}
#eight a:hover { background-position: 0px 100%; }


#arrow{
	width: 17px;
  	height: 17px;
	float:left;
	}

#arrow a {
	display: block;
	width: 17px;
  	height: 17px;
	background: url(../gfx/main/pageNavArrow.gif) no-repeat;
	background-position: 0px 0%;
	}

#arrow a:hover {
	width: 17px;
  	height: 17px;
	background: url(../gfx/main/pageNavArrow.gif) no-repeat;
	background-position: 0px 100%;
  	}
	
	
#arrowBack{
	width: 17px;
  	height: 17px;
	float:left;
	}

#arrowBack a {
	display: block;
	width: 17px;
  	height: 17px;
	background: url(../gfx/main/pageNavArrowBack.gif) no-repeat;
	background-position: 0px 0%;
	}

#arrowBack a:hover {
	width: 17px;
  	height: 17px;
	background: url(../gfx/main/pageNavArrowBack.gif) no-repeat;
	background-position: 0px 100%;
  	}

#back{
	width: 61px;
  	height: 17px;
	margin-right:3px;
	float:left;
}

#back a {
	display: block;
	width: 61px;
  	height: 17px;
	margin-right:3px;
	background: url(../gfx/main/pageNavBack.gif) no-repeat;
	background-position: 0px 0%;
}

#back a:hover {
	width: 61px;
  	height: 17px;
	margin-right:3px;
	background: url(../gfx/main/pageNavBack.gif) no-repeat;
	background-position: 0px 100%;
}


#bottom {
	width:635px;
	height:93px;
	overflow:hidden;
}
	
#bottom-left {
	width:297px;
	height:93px;
	background:url(../gfx/main/bottom-left.png) no-repeat;
	float:left;
}
	
#bottom-right {
	width:338px;
	height:93px;
	float:left;
}

/*column right content*/

#column-right-main {
	width:338px;
	height:440px;
	background:url(../gfx/right-column-top-bg.png) no-repeat;
}
	
#column-right-email-top {
	width:338px;
	height:35px;
	background:url(../gfx/right-column-email-top.png) no-repeat;
}
	
#column-right-email-main {
	width:338px;
	height:58px;
	background:url(../gfx/right-column-email-main.png) no-repeat;
	overflow:hidden;
}
	
#copyright {
	width:auto;
	height:auto;
	margin-top:20px;
	color:#ae6119;	
	text-align:center;
}
	
#copyright a {
	color:#ae6119;	
	text-decoration:none;
}
	
#copyright a:hover {
	color:#ae6119;	
	text-decoration:underline;
}

#contact fieldset {
	border:none; 
	padding: 0px 0px 0px 0px;
	margin:0px;
}
	
#contact {
	width:auto;
	height:auto;
	overflow:hidden;
	margin-left:31px;
}
	
#right-contact p {
	font: 11px verdana;
	margin:0px;
}
	
#left-contact p {
	margin-left:0px;
}

#right-contact {
	color: #4f4f4f;
	line-height:26px;
	width:160px;
	height:auto;
	float:left;
	overflow: hidden;
	margin:0px;
}	
	
#contact input {
	font: 11px verdana;
	color: #4f4f4f;
	width:130px;
	margin:0px;
	background:url(../gfx/input2.gif) repeat;
	padding:0px; 
}
	
#contact textarea {
	font: 11px verdana;
	color: #4f4f4f;
	width:130px;
	margin:0px;
	background:url(../gfx/input2.gif) repeat;
	border:none;
	padding:0px; 
}

#contact .custombutton {
	padding:0px;
	margin-bottom:0px;
	margin-left:55px;
	margin-top:5px;
	border:none;
	background:none;
	cursor:pointer;
}	

#column-middle-main h2,
#column-middle-main p,
#column-middle-main ul{
	font:normal 12px/140% Georgia, "Times New Roman", Times, serif; 
	color: #160d01;
	margin:0px 99px 0px 31px;
}
#column-middle-main h2 { font-size:18px; color:#000; padding-bottom:8px;}
#column-middle-main ul { padding-bottom:5px; }
#column-middle-main ul li { padding:3px 0 3px 15px; background:transparent url(../gfx/arrow.gif) left 6px no-repeat; }
#column-middle-main p { padding-bottom:5px; }

/*navigation*/
#nav{
	width:958px;
	height:33px;
	margin-left:11px;
	margin-right:9px;
	margin-top:0px;
	overflow:hidden;
}
	
#nav-left-end {
	width:50px;
	height:33px;
	background:url(../gfx/navLeftEnd.gif) no-repeat;
	float:left;
}
	
#nav-right-end {
	width:55px;
	height:33px;
	background:url(../gfx/navRightEnd.gif) no-repeat;
	float:left;
}

#home {
	width: 107px;
  	height: 33px;
	float:left;
}

#home a,
#home a:hover {
	display: block;
	width: 107px;
  	height: 33px;
	background: url(../gfx/navHome.gif) no-repeat;
	background-position: 0px 0%;
}

#home a:hover {	background-position: 0px 100%; }

#book-synopsis {
	width: 98px;
  	height: 33px;
	float:left;
}

#book-synopsis a,
#book-synopsis a:hover {
	display: block;
	width: 98px;
  	height: 33px;
	background: url(../gfx/navBookSynopsis.gif) no-repeat;
	background-position: 0px 0%;
}

#book-synopsis a:hover { background-position: 0px 100%; }
	
#authors-page {
	width: 118px;
  	height: 33px;
	float:left;
}

#authors-page a,
#authors-page a:hover {
	display: block;
	width: 118px;
  	height: 33px;
	background: url(../gfx/navAuthors.gif) no-repeat;
	background-position: 0px 0%;
}

#authors-page a:hover { background-position: 0px 100%; }
	
	
#info {
	width: 228px;
  	height: 33px;
	float:left;
}

#info a,
#info a:hover {
	display: block;
	width: 228px;
  	height: 33px;
	background: url(../gfx/navInfo.gif) no-repeat;
	background-position: 0px 0%;
}

#info a:hover { background-position: 0px 100%; }
	
#symbols-dictionary {
	width: 182px;
  	height: 33px;
	float:left;
}

#symbols-dictionary a,
#symbols-dictionary a:hover {
	display: block;
	width: 182px;
  	height: 33px;
	background: url(../gfx/navSymbols.gif) no-repeat;
	background-position: 0px 0%;
}

#symbols-dictionary a:hover { background-position: 0px 100%; }
	
#riddle-cards {
	width: 120px;
  	height: 33px;
	float:left;
}

#riddle-cards a,
#riddle-cards a:hover {
	display: block;
	width: 120px;
  	height: 33px;
	background: url(../gfx/navRiddle.gif) no-repeat;
	background-position: 0px 0%;
}

#riddle-cards a:hover { background-position: 0px 100%; }


#photo {
	width:281px;
	height:366px;
	padding:6px 0px 0px 0px;
	margin-left:61px;
	margin-bottom:81px;
}

.riddle {
	width:50px;
	float:left;
	margin-right:10px;
}

#riddle-marg{
	margin-top:6px;
}