html {
	background:	#FAA559 url(../img/body_bg.png) repeat-x 0 0;
	font-family: 'Ledger', serif;
	font-size: 62.5%;
}

body {
	margin:		0;
	padding:	0;
	height:		100%;
	color:		#333300;
}

#shell {
	position:	absolute;
	overflow: visible;
	width:		100%;
	top:		0;
	left:		0;
}

#sides {
	width:	960px; /* match container (of content) */
	margin:	auto; /* center */
	height:	1024px;
}

#sides:before {
	position: relative;
	background-image: url(../img/aunt_alana_sprite.png);
	background-repeat: no-repeat;
	width:	599px;
	height:	691px;
	z-index:-1;
	display:inline; /* for IE */
	content: "";
	top: 600px;
	left:	-450px;
	float: left;
	background-position: left top;
}

#sides:after {
	position: relative;
	background-image: url(../img/ollie_rupert_sprite.png);
	background-repeat: no-repeat;
	width: 277px;
	height:	642px;
	z-index:-1;
	display:inline; /* for IE */
	content: "";
	top: 650px;
	right:	-180px;
	float: right;
	background-position: right top;
}

.filmstrip-top-center {
	background-image: url(../img/filmstrip-top-1620x273.png);
	background-repeat: no-repeat;
	width: 1620px;
	height: 273px;
	z-index: -1;
	position: absolute;
	top: 15px;
	left: calc(50vw - (1620px / 2));
}

.filmstrip-bot-center {
	background-image: url(../img/filmstrip-bot-1620x273.png);
	background-repeat: no-repeat;
	width: 1620px;
	height: 273px;
	z-index: -1;
	position: relative;
	left: calc(50vw - (1620px / 2));
}

#container {
	position:	relative;
	width:		1000px;
	min-width:	960px;
	min-height:	100%;
	margin:		300px auto 15px auto;
}

#header {
	height:	80px;
	width:	960px;
	margin:	30px auto 0 auto;
	clear: both;
}

.logo_btn {
	display:	block;
	width:		450px;
	height:		80px;
	background:	url(../img/todo_logo.png) no-repeat 0 0;
	margin:	25px auto;
}

.newsflash_btn {
	display:	block;
	float:		right;
	width:		185px;
	height:		186px;
	background:	url(../img/app_badge.png) no-repeat 0 0;
}

.newsflash_btn a {
	display:	block;
	width:		185px;
	height:		186px;
}

#featured {
	position:	relative;
	width:		960px;
	margin:		25px auto 0 auto;
	clear:		both;
	text-align:	center;
	padding-bottom:	60px;
	font-size:	14px;	font-size:	1.4rem;
}

.page_title {
	text-align:	center;
	font-size:	24px;	font-size:	2.4rem;
	margin-bottom:	0.5rem;
}

.sub_heading {
	text-align:	center;
	font-size:	18px;	font-size:	1.8rem;
	margin-bottom:	0.5rem;
}

#book_navigation {
	float:		left;
	width:		100%;
	position:	relative;
	padding:	1rem 0 0 0;
	font-family:	'Roboto Condensed', sans-serif;
	font-size:	14px;	font-size: 1.4rem;
	overflow:	hidden;
}

#book_navigation ul {
	clear:		left;
	float:		left;
	list-style:	none;
	margin:		0;
	padding:	0;
	left:		50%;
	position:	relative;
	text-align:	center;
}

#book_navigation ul li {
	display:	block;
	float:		left;
	list-style:	none;
	margin:		0;
	padding:	0;
	position:	relative;
	text-transform:	uppercase;
	right:		50%;
	font-weight:	bold;
	border-bottom:	1px solid #7F5E19;
}

#book_navigation ul li a {
	display:	block;
	margin:		0 0 0 1px;
	padding:	5px 10px;
	background:	#FFCC00;
	color:		#CC3333;
	text-decoration:none;
	line-height:	1.3em;
	border-top: 1px solid #7F5E19;
	border-left: 1px solid #7F5E19;
	border-right: 1px solid #7F5E19;
}

#book_navigation ul li a:hover {
	background:	#FF9900;
	color:		#FFF;
}

#book_navigation ul li a.active,
#book_navigation ul li a.active:hover {
	background:	#CC3333;
	color:		#FFCC00;
	font-weight:	bold;
}

.video_links, .book_links {
	font-size:	14px;	font-size:	1.4rem;
	padding-bottom: 1rem;
}

.video_links a, .book_links a {
	display: inline-block;
	margin:		1rem 1rem 0em 1rem;
	text-align:	center;
}
#book_thumbs {
	position:	relative;
	padding:	1rem 0 0 0;
	width:		780px;
	margin:		15px auto;
	text-align:	center;
	font-family:	'Roboto Condensed', sans-serif;
	font-size:	14px;	font-size:	1.4rem;
	clear: both;
}

#content {
	width: 960px;
	margin: 15px auto;
	clear: both;
}

#footer {
	position:	relative;
	width:		100%;
	height:		60px;
}

.copyright-msg {
	text-align: center;
	margin:	0;
	padding: 25px;
	font-weight: bold;
	font-size: 1.2rem;
	color:		#7F5E19;
}

#th_ten_commandments {
	position:	absolute;
	width:		780px;
	height:		516px;
}

#th_names_of_god {
	position:	absolute;
	width:		780px;
	height:		516px;
}

#th_lords_prayer {
	position:	absolute;
	width:		780px;
	height:		516px;
}

#th_miracles_of_jesus {
	position:	absolute;
	width:		780px;
	height:		516px;
}

.underline {
	text-decoration:	underline;
}

.wrapper {
	position:	absolute;
	top:		0px;
	right:		0px;
}

#slidecontent {
	display:	none;
	position:	relative;
	background:	#FAA559 url(../img/body_bg.png) repeat-x 0 0;
	top:		35px;
	right:		55px;
	padding-top:	1.4rem;
	padding-left:	0.5rem;
	padding-right:	0.5rem;
	padding-bottom:	0;
	font-family:	'Roboto Condensed', sans-serif;
	font-size:	14px;	font-size:	1.4rem;
	border:		1px solid #7F5E19;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}

#contact_clicker {
	position:	absolute;
	top:		0px;
	right:		100px;
	height:		30px;
	width:		160px;
}

#contact_fs {
	border:		none;
}

#contact_fs input[type=text], input[type=textarea] {
	font-family:	'Roboto Condensed', sans-serif;
	font-size:	14px;	font-size:	1.4rem;
	width:		100%;
}

#contact_fs input, #contact_fs textarea {
	display:	block;
	margin-bottom:	1.5rem;
}

#contact_fs input[type=checkbox], #contact_fs input[type=checkbox] label {
	display:	inline;
}

#mailing_note {
	display: block;
	width:	30rem;
	margin-bottom: 1.5rem;
}

#contact_message_label {
	display: block;
}

#contact_message {
	width:		100%;
	height:		8.5rem;
}

#contact_cancel {
	display:	inline-block;
	float:		left;
}
#contact_submit {
	display:	inline-block;
	float:		right;
}

#featured div p {
	text-indent:	30px;
}
.constricted {
	width:		660px;
}
.centered {
	margin:		auto;
}

.text_left {
	text-align:	left;
}
.text_centered {
	text-align:	center;
}

.bold {
	font-weight:	bold;
}