html, body { 
	margin:0; 
	padding:0; 
	border:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFE7AE;
}
#container {
	width: 980px;
	margin: 0 auto;
	padding: 0;
	font-size: 12px;
}
#container h1 { 
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	padding: 0;
	margin: 0;
}
#container h2 { 
	clear: both; 
	font-size: 18px;
	text-align: center;
	padding: 0;
	margin: 0;
}
#container h3 {
	font-size: 14px;
	color: #FC3E24;
	text-align: center;
	padding: 5px;
	margin: 0;
}
#innerContainer {
	width: 980px;
	background-color: #FFFFFF;
	margin: 5px 15px;
}
.rtopContainer, .rbottomContainer{
	display:block;
	background:#FFE7AE;
}
.rtopContainer *, .rbottomContainer *{
	display: block;
	height: 1px;
	overflow: hidden;
	background:#FFFFFF;
}
.rtopGuarantee, .rbottomGuarantee{
	display:block;
	background:#FFFFFF;
}
.rtopGuarantee *, .rbottomGuarantee *{
	display: block;
	height: 1px;
	overflow: hidden;
	background:#E26173;
}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}

#main { 
	border: thin solid black;
	padding: 10px;
	width: 676px;
	float: right;
	margin-right: 10px;
}
#main p {
	margin: 0;
	padding-bottom: 5px;
}
#left {
	width: 235px;
	float: left;
	text-align: center;
}
#left h3 {
	font-size: 14px;
	color: #000000;
	text-align: center;
}
#left p {
	font-size: 10px;
	color: #000000;
	margin: 0 auto;
	padding: 0 auto;
}
.books {
	width: 960px;
	padding-bottom: 10px;
}
.video {
	text-align: center;
	margin: 0px 0px 10px 15px;
}
.video p {
	width: 225px;
	text-align: left;
}
#pink {
	background-color: #E26173;
	margin: 5px 15px;
	width: 225px;
}
#guarantee {
	background-color: #FFFFFF;
	width: 225px;
}
.bold {font-weight: bold;}

.orangeText {
	color: #FF7926;
}
.blueText {
	color: #3D87CC;
	font-size: 24px;
}
blockquote {
	width: 650px;
	margin: 0px;
	padding: 10px;
	background-color: #FFDC88;
	font-size: 11px;
}
a:link {color: #FC3E24; text-decoration: none;}
a:visited {color: #FC3E24; text-decoration: none;}
a:hover {color: #FC3E24; text-decoration: underline;}
a:active {color: #FC3E24; text-decoration: none;}

p {padding: 0px 10px;}
.style2 {color: #FC3E24}
.style3 {font-size: 10px}

.leftText {margin-left: 10px; width: 225px;}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #E26173;
padding: 5px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -100px; /*position where enlarged image should offset horizontally */

}
</style>
