body {
margin:0;
padding:0 0 50px;
background:#9e9e9e url(images/bg_x.png) top repeat-x;
text-align:center;
font-family:Myriad Pro, Helvetica, Arial, sans-serif;
font-size:12px;
line-height:18px;
color:#333;
text-align:center;
}


h3 {
margin:0;
font-size:12px;
line-height:18px;
color:#333;
}

a, a:hover {outline:none;}

#container, #text, #book, .coming_soon, a.order_now {
position:relative;
}

#container {
width:708px;
margin:auto;
text-align:left;
}

	img.title, #content {
	position:relative;
	z-index:2;
	}
	img.title {
	margin:45px 0 30px 20px;
	}
	
	a.preview {
	position:absolute;
	top:18px;
	right:-20px;
	width:163px;
	height:161px;
	background:url(images/look_inside.gif) 0 0 no-repeat;
	outline:none;
	text-indent:-9999px;
	}
		a.preview:hover {
		background:url(images/look_inside.gif) 0 -200px no-repeat;
		}


#content {
height:583px;
background:url(images/content.png) 0 0 no-repeat;
}


#book {
float:right;
width:298px;
margin:-60px 0 -40px;
}

#text {
float:left;
width:380px;
}

	h2 {
	margin:0 0 45px 50px;
	padding:50px 0 0;
	color:#111;
	font-size:14px;
	font-weight:600;
	text-shadow:1px 1px #fff;
	line-height:24px;
	text-align:center;
	background:url(images/stars.gif) center 30px no-repeat;
	}
	
	p.quote {
	height:215px;
	margin:0 0 0 40px;
	padding:0 0 0 40px;
	font-size:15px;
	line-height:25px;
	color:#555;
	text-shadow:1px 1px #fff;
	background:url(images/quote_big.gif) 0 0 no-repeat;
	}
		p.quote span {
		display:inline-block;
		width:13px;
		height:10px;
		margin:0 0 0 5px;
		background:url(images/quote_small.gif) 0 0 no-repeat;
		}
		p.quote b {
		display:block;
		font-size:14px;
		text-align:right;
		}
		
#frances {
float:left;
margin:0 0 0 50px;
}	
#frances img {
float:left;
margin:0 10px 10px 0;
border:1px solid #ddd;
padding:3px;
}
#frances h3, #frances a {
float:left;
}
#frances a {
color:#595959;
line-height:17px;
text-decoration:none;
background:url(images/arrow.png) 160px 21px no-repeat;
}
	#frances a:hover {
	color:#b83128;
	}



a.spirals {
position:relative;
top:-60px;
left:29px;
display:block;
width:231px;
height:73px;
padding:50px 0 0 20px;
font-size:11px;
font-weight:700;
color:#b83128;
text-shadow:1px 1px #fff;
text-decoration:none;
letter-spacing:-.5px;
background:url(images/button_spirals.gif) 0 0 no-repeat;
}
	a.spirals:hover {
	color:#000;
	}

/* START Footer */
.coming_soon {
clear:left;
position:relative;
left:-12px;
float:left;
width:732px;
height:57px;
background:url(images/coming_soon.png) 0 0 no-repeat;
}

a.order_now {
clear:both;
float:right;
width:170px;
margin:20px 34px 0 0;
padding:2px 270px 6px 0;
text-align:center;
line-height:14px;
color:#666;
text-decoration:none;
background:url(images/order_now.gif) right 0 no-repeat;
}
	a.order_now:hover {
	color:#b83128;
	}
	
a.pre_order {
float:left;
width:183px;
height:49px;
margin:10px 0 0 34px;
background:url(images/btn_order_now.gif) 0 0 no-repeat;
text-indent:-9999px;
}
	a.pre_order:hover {
	background:url(images/btn_order_now.gif) 0 -100px no-repeat;
	}

.copyright {
clear:both;
display:block;
text-align:center;
font-size:10px;
font-family:Helvetica, Arial, sans-serif;
color:#818181;
text-shadow:1px 1px #adadad;
}
/* START Footer */



.torch {
position:absolute;
top:0;
left:-105px;
z-index:1;
width:219px;
height:570px;
background:url(images/torch.png) 0 0 no-repeat;
}