/* Styles for The Prayer Engine Promo Site - Coded with love by Eric Murrell */

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-size: 62.5%; /* enables you to easily size text with ems */
	font-family: Arial, Helvetica, sans-serif;
	background-color: #e8e8e8;
	color: #272727;
}

h1, h2, h3, h4, h5, h6, h7, p, form, ul, ol, li, blockquote { /* resets most browser styles to enhance cross-browser compatibility */
	margin: 0;
	padding: 0;
}

a:link {color: #272727; text-decoration: underline;}
a:visited {color: #272727; text-decoration: underline;}
a:hover {color: #841f26; text-decoration: none;}
a:active {color: #841f26; text-decoration: underline;}

/* ----------- MAIN STRUCTURE ------------ */

#content {
	width: 901px;
	margin: 0 auto;
}

/* ----------- HEADER ----------- */

#header-container {
	width: 100%;
	height: 132px;
	background: url('../images/structure/header_background.jpg') no-repeat;
	background-position: top center;
	background-color: #272727;
	margin: 0 0 30px 0;
}

#header {
	width: 901px;
	margin: 0 auto;
	height: 132px;
}

#header h1 a {
	width: 230px;
	height: 132px;
	display: block;
	background: url('../images/structure/logo.jpg') no-repeat;
	margin: 0 0 0 10px;
	text-indent: -9000px;
}

#header #nav {
	position: absolute;
	top: 52px;
	margin: 0 0 0 470px;
}

#header #nav li {
	float: left;
	list-style-type: none;
	text-indent: -9000px;
	margin: 0 0 0 20px;
}

#header #nav li.home a:link {display: block; width: 62px; height: 36px; background: url('../images/structure/nav/Home.jpg') no-repeat;}
#header #nav li.home a:visited {display: block; width: 62px; height: 36px; background: url('../images/structure/nav/Home.jpg') no-repeat;}
#header #nav li.home a:hover {display: block; width: 62px; height: 36px; background: url('../images/structure/nav/Home.jpg') no-repeat; background-position: 0 -36px;}
#header #nav li.home a:active {display: block; width: 62px; height: 36px; background: url('../images/structure/nav/Home.jpg') no-repeat; background-position: 0 -36px;}
body#home #header #nav li.home a {display: block; width: 62px; height: 36px; background: url('../images/structure/nav/Home.jpg') no-repeat; background-position: 0 -36px;}

#header #nav li.features a:link {display: block; width: 92px; height: 36px; background: url('../images/structure/nav/Features.jpg') no-repeat;}
#header #nav li.features a:visited {display: block; width: 92px; height: 36px; background: url('../images/structure/nav/Features.jpg') no-repeat;}
#header #nav li.features a:hover {display: block; width: 92px; height: 36px; background: url('../images/structure/nav/Features.jpg') no-repeat; background-position: 0 -36px;}
#header #nav li.features a:active {display: block; width: 92px; height: 36px; background: url('../images/structure/nav/Features.jpg') no-repeat; background-position: 0 -36px;}
body#features #header #nav li.features a {display: block; width: 92px; height: 36px; background: url('../images/structure/nav/Features.jpg') no-repeat; background-position: 0 -36px;}

#header #nav li.questions a:link {display: block; width: 99px; height: 36px; background: url('../images/structure/nav/Questions.jpg') no-repeat;}
#header #nav li.questions a:visited {display: block; width: 99px; height: 36px; background: url('../images/structure/nav/Questions.jpg') no-repeat;}
#header #nav li.questions a:hover {display: block; width: 99px; height: 36px; background: url('../images/structure/nav/Questions.jpg') no-repeat; background-position: 0 -36px;}
#header #nav li.questions a:active {display: block; width: 99px; height: 36px; background: url('../images/structure/nav/Questions.jpg') no-repeat; background-position: 0 -36px;}
body#questions #header #nav li.questions a {display: block; width: 99px; height: 36px; background: url('../images/structure/nav/Questions.jpg') no-repeat; background-position: 0 -36px;}

#header #nav li.buy a:link {display: block; width: 86px; height: 36px; background: url('../images/structure/nav/BuyNow.jpg') no-repeat;}
#header #nav li.buy a:visited {display: block; width: 86px; height: 36px; background: url('../images/structure/nav/BuyNow.jpg') no-repeat;}
#header #nav li.buy a:hover {display: block; width: 86px; height: 36px; background: url('../images/structure/nav/BuyNow.jpg') no-repeat; background-position: 0 -36px;}
#header #nav li.buy a:active {display: block; width: 86px; height: 36px; background: url('../images/structure/nav/BuyNow.jpg') no-repeat; background-position: 0 -36px;}

/* ----------- HOMEPAGE ---------- */

#homepage-features {
	position: relative;
	z-index: 0;
	width: 901px;
	height: 393px;
	background: url('../images/structure/homepage/PE_Plain.jpg') no-repeat;
}

#homepage-features h2 {
	display: none;
}

#homepage-features #slide1 {
	width: 901px;
	height: 393px;
	background: url('../images/structure/homepage/PE_Normal.jpg') no-repeat;
}

#homepage-features #slide2 {
	width: 901px;
	height: 393px;
	background: url('../images/structure/homepage/PE_Collect.jpg') no-repeat;
	display: none;
}

#homepage-features #slide3 {
	width: 901px;
	height: 393px;
	background: url('../images/structure/homepage/PE_Moderate.jpg') no-repeat;
	display: none;
}

#homepage-features #slide4 {
	width: 901px;
	height: 393px;
	background: url('../images/structure/homepage/PE_Share.jpg') no-repeat;
	display: none;
}

#homepage-features #slide5 {
	width: 901px;
	height: 393px;
	background: url('../images/structure/homepage/PE_Minister.jpg') no-repeat;
	display: none;
}

#featurenav {
	z-index: 1;
	position: absolute;
	top: 388px;
}

#featurenav li {
	list-style-type: none;
	float: left;
	height: 110px;
	text-indent: -9000px;
}

#featurenav li#hide {
	display: none;
}

#featurenav li#collect_nav {
	width: 152px;
}
#featurenav li#collect_nav a {display: block; width: 152px; height: 110px; background: url('../images/structure/homepage/COLLECT.jpg') no-repeat;}
#featurenav li#collect_nav a.activeSlide {display: block; width: 152px; height: 110px; background: url('../images/structure/homepage/COLLECT.jpg') no-repeat; background-position: 0 -110px;}

#featurenav li#moderate_nav {
	width: 100px;
}
#featurenav li#moderate_nav a {display: block; width: 100px; height: 110px; background: url('../images/structure/homepage/MODERATE.jpg') no-repeat;}
#featurenav li#moderate_nav a.activeSlide {display: block; width: 100px; height: 110px; background: url('../images/structure/homepage/MODERATE.jpg') no-repeat; background-position: 0 -110px;}

#featurenav li#share_nav {
	width: 100px;
}
#featurenav li#share_nav a {display: block; width: 100px; height: 110px; background: url('../images/structure/homepage/SHARE.jpg') no-repeat;}
#featurenav li#share_nav a.activeSlide {display: block; width: 100px; height: 110px; background: url('../images/structure/homepage/SHARE.jpg') no-repeat; background-position: 0 -110px;}

#featurenav li#minister_nav {
	width: 100px;
}
#featurenav li#minister_nav a {display: block; width: 100px; height: 110px; background: url('../images/structure/homepage/MINISTER.jpg') no-repeat;}
#featurenav li#minister_nav a.activeSlide {display: block; width: 100px; height: 110px; background: url('../images/structure/homepage/MINISTER.jpg') no-repeat; background-position: 0 -110px;}

#learn-more {
	margin: 20px 0 0 0;
	width: 901px;
	height: 128px;
	background: url('../images/structure/learn_more_background.jpg') no-repeat;
}

#learn-more h3 {
	display: none;
}

.learn-more-box {
	width: 196px;
	height: 50px;
	padding: 38px 0 40px 0;
	margin: 0 0 0 20px;
	float: right;
}

.learn-more-box h4 {
	font-size: 1.3em;
	text-transform: uppercase;
	background: url('../images/structure/learn_more_arrow.jpg') no-repeat;
	background-position: 0 3px;
	padding: 0 0 4px 23px;
}

.learn-more-box h4 a:link {text-decoration: none;}
.learn-more-box h4 a:visited {text-decoration: none;}
.learn-more-box h4 a:hover {text-decoration: none; color: #841f26;}
.learn-more-box h4 a:active {text-decoration: none; color: #841f26;}

.learn-more-box p {
	font-size: 1.2em;
}

/* ----------- FEATURES PAGE ------------ */

#demo-area {
	width: 901px;
	height: 266px;
	background: url('../images/structure/demo_background.jpg') no-repeat;
	margin: 0 0 40px 0;
}

#demo-area h2, #demo-area p {
	display: none;
}

#demo-area a.play-video {
	display: block;
	width: 396px;
	height: 224px;
	background: url('../images/structure/demo_thumbnail.jpg') no-repeat;
	text-indent: -9000px;
	float: right;
	margin: 21px 22px 0 0;
}

#demo-area a.test-drive {
	display: block;
	width: 173px;
	height: 34px;
	background: url('../images/structure/test_drive_button.jpg') no-repeat;
	text-indent: -9000px;
	position: relative;
	top: 175px;
	left: 235px;
}

.feature-box {
	width: 901px;
	height: 190px;
	padding: 0 0 9px 0;
	background: url('../images/structure/divider.jpg') no-repeat;
	background-position: bottom center;
	margin: 0 0 30px 0;
}

.feature-left {
	width: 253px;
	height: 180px;
	float: left;
	margin: 0 50px 0 0;
	padding: 0 0 0 170px;
}

.feature-right {
	width: 253px;
	height: 180px;
	float: left;
	padding: 0 0 0 170px;
}

.feature-left h3, .feature-right h3 {
	color: #841f26;
	font-size: 1.7em;
	text-transform: uppercase;
	padding: 0 0 6px 0;
	line-height: 110%;
}

.feature-left p, .feature-right p {
	line-height: 130%;
	font-size: 1.2em;
	padding: 0 0 6px 0;
}

#social {
	background: url('../images/structure/features/social.jpg') no-repeat;
	background-position: top left;
}

#installed {
	background: url('../images/structure/features/installed.jpg') no-repeat;
	background-position: top left;
}

#moderate {
	background: url('../images/structure/features/moderate.jpg') no-repeat;
	background-position: top left;
}

#gossip {
	background: url('../images/structure/features/gossip.jpg') no-repeat;
	background-position: top left;
}

#disguise {
	background: url('../images/structure/features/disguise.jpg') no-repeat;
	background-position: top left;
}

#reporting {
	background: url('../images/structure/features/report.jpg') no-repeat;
	background-position: top left;
}

#delete {
	background: url('../images/structure/features/delete.jpg') no-repeat;
	background-position: top left;
}

#mobile {
	background: url('../images/structure/features/mobile.jpg') no-repeat;
	background-position: top left;
}

#ministry {
	background: url('../images/structure/features/ministry.jpg') no-repeat;
	background-position: top left;
}

#share {
	background: url('../images/structure/features/share.jpg') no-repeat;
	background-position: top left;
}

#safe {
	background: url('../images/structure/features/safe.jpg') no-repeat;
	background-position: top left;
}

#portal {
	background: url('../images/structure/features/portal.jpg') no-repeat;
	background-position: top left;
}

#demo-video, #install-video {
	display: none;
}

/* ---------- QUESTIONS PAGE ---------- */

#questions-header {
	width: 320px;
	height: 266px;
	float: left;
	margin: 0 10px 0 0;
	background: url('../images/structure/PE_AskQuestion.jpg') no-repeat;
	background-position: 25px 25px;
}

#questions-header h2 {
	display: none;
}

#questions-header h3 {
	text-align: left;
	font-size: 1.9em;
	font-weight: 300;
	padding: 160px 10px 0 28px;
	color: #757575;
}

#questions-form {
	width: 571px;
	height: 266px;
	background: url('../images/structure/PE_FormBox.jpg') no-repeat;
	float: left;
	margin: 0 0 40px 0;
}

#questions-form table {
	width: 520px;
	margin: 20px auto 0 auto;
}

#questions-form label {
	display: block;
	color: #841f26;
	text-transform: uppercase;
	font-size: 1.3em;
	font-weight: 700;
	padding: 0 0 5px 0;
}

#questions-form input {
	width: 240px;
	padding: 3px;
	font-size: 1.3em;
	border: 1px solid #518a99;
	background-color: #c2dfe3;
	color: #305e6d;
	margin: 0 10px 0 0;
}

#questions-form input#submit {
	width: 122px;
	height: 34px;
	padding: 0;
	margin: 10px 0 0 423px;
	border: 0;
}

#questions-form select {
	width: 260px;
	padding: 2px;
	font-size: 1.3em;
	border: 1px solid #518a99;
	background-color: #c2dfe3;
	color: #305e6d;
}

#questions-form textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	width: 511px;
	height: 120px;
	margin: 8px 0 0 0;
	border: 1px solid #518a99;
	background-color: #c2dfe3;
	color: #305e6d;
	padding: 3px;
}

#questions-form #errors {
	float: left;
	margin: -25px 0 0 10px;
}

#questions-form #errors li {
	float: left;
	list-style-type: none;
	color: #841f26;
	font-size: 1.3em;
	margin: 0 0 0 15px;
}

#questions-form h5 {
	float: left;
	margin: -25px 0 0 25px;
	color: #272727;
	font-size: 1.3em;
}

.question {
	width: 800px;
	margin: 0 auto 30px auto;
	background: url('../images/structure/question_mark.jpg') no-repeat;
	padding: 0 0 0 70px;
}

.question h4 {
	color: #841f26;
	text-transform: uppercase;
	font-size: 1.6em;
	margin: 0;
	padding: 0 0 5px 0;
}

.question p {
	font-size: 1.2em;
	padding: 0 0 6px 0;
	line-height: 130%;
}

/* ---------- BUY NOW PAGE ----------- */

#purchase-area {
	width: 901px;
	height: 266px;
	background: url('../images/structure/PE_buynow.jpg') no-repeat;
	margin: 0 0 40px 0;
}

#purchase-area h2, #purchase-area h3, #purchase-area h4, #purchase-area ul {
	display: none;
}

#purchase-area #buy-one {
	display: block;
	width: 72px;
	height: 34px;
	background: url('../images/structure/buy1.jpg') no-repeat;
	position: absolute;
	margin: 190px 0 0 364px;
	text-indent: -9000px;
}

#purchase-area #buy-five {
	display: block;
	width: 72px;
	height: 34px;
	background: url('../images/structure/buy2.jpg') no-repeat;
	position: absolute;
	margin: 190px 0 0 573px;
	text-indent: -9000px;
}

#purchase-area #buy-ten {
	display: block;
	width: 72px;
	height: 34px;
	background: url('../images/structure/buy3.jpg') no-repeat;
	position: absolute;
	margin: 190px 0 0 781px;
	text-indent: -9000px;
}

#requirements {
	float: left;
	width: 290px;
	margin: 0 0 0 10px;
}

#requirements a:link {color: #757575; text-decoration: underline;}
#requirements a:visited {color: #757575; text-decoration: underline;}
#requirements a:hover {color: #841f26; text-decoration: none;}
#requirements a:active {color: #841f26; text-decoration: underline;}

#requirements h3 {
	color: #841f26;
	text-transform: uppercase;
	font-size: 1.6em;
	padding: 0 0 10px 0;
}

#requirements li {
	color: #757575;
	font-size: 1.2em;
	margin: 0 30px 10px 14px;
	line-height: 130%;
	list-style-type: square;
}

#requirements blockquote {
	color: #a6a5a5;
	font-size: 1.1em;
	margin: 30px 30px 10px 12px;
	line-height: 120%;
	font-style: italic;
}

#license {
	float: left;
	width: 560px;
	background: url('../images/structure/license_divider.jpg') no-repeat;
	padding: 0 0 0 40px;
}

#license h3 {
	color: #841f26;
	text-transform: uppercase;
	font-size: 1.6em;
	padding: 0 0 10px 0;
}

#license h4 {
	padding: 7px 0 7px 0;
	text-transform: uppercase;
	font-size: 1.3em;
}

#license p {
	color: #757575;
	font-size: 1.1em;
	padding: 0 0 5px 0;
	line-height: 120%;
}

#license p strong {
	font-weight: 300;
	color: #272727;
}

#license ul {
	margin: 0 0 10px 0;
}

#license li {
	color: #757575;
	font-size: 1.1em;
	margin: 0 0 3px 0;
	line-height: 120%;
	list-style-type: none;
}

/* Footer */

#footer {
	padding: 20px 0 100px;
}

#footer p {
	color: #b2b2b2;
	font-size: 1.1em;
	text-align: center;
}

#footer p a:link {text-decoration: none; color: #b2b2b2;}
#footer p a:visited {text-decoration: none; color: #b2b2b2;}
#footer p a:hover {text-decoration: none; color: #272727;}
#footer p a:active {text-decoration: none; color: #272727;}

#ejunkie {
	display: none;
}