/* Info / Credits -------------------------------------------------------

Website Design and Programming by e10, Marketing Strategy + Design. http://e10inc.com/

Website Colors:
Banner: #3c3e3e
Background: #232525

Website Width: 960px
*/


/* Reset and Overall Declarations ------------------------------------------------------*/

html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;}
hr {border:0; margin:10px 0; color: #333; background-color: #333; height: 1px;}
hr.hr-padding {border:0; margin:30px 0; color: #333; background-color: #333; height: 1px;}

.clear {clear:both;}
.left {float:left; display:inline; padding: 0 20px 10px 0;}
.right {float:right; display:inline; padding: 0 0 10px 20px;}
p {padding-bottom:10px;}
a {color:#fff;}
body {background:#232525 url("/structure/img/fa-bg.gif") repeat-x; color: #c3c5c5; font:14px/20px arial, sans-serif, verdana; text-shadow: 0px 1px 0px #000; -moz-text-shadow: 0px 1px 0px #000;}
h1, h2, h3, h4, h5, h6 {color:#fff; font-weight: 100;}
h3 {font-size:20px; text-transform:uppercase; margin:15px 0 10px 0;}
h4 {font-size: 17px; margin:5px 0 5px 0;}


/* Main Structure ------------------------------------------------------*/

#top {width:940px; padding:0 20px; margin:0 auto;}

/* Nav */
ul#nav {font-size:13px; float:right; display:inline; margin:20px 0;}
ul#nav li {display:inline; border-left: 1px solid #707373; margin: 0 5px 0 0; padding:2px 0;}
ul#nav li.first {border-left:none;}
ul#nav li a {text-decoration:none; padding:4px 7px; margin:0 0 0 5px;}
ul#nav li a.active {background:#232525; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
ul#nav li a:hover {background:#eee; color:#232525; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-shadow: 0px 1px 0px #fff;}

/* Banner */
#banner {clear:both; background:#232525 url(/structure/img/fa-banner-bg.gif) repeat-x; border-top: 1px solid #4f504f; border-bottom: 1px solid #4f504f;}
#banner h1 {display:block; width:940px; padding:0 20px; height:240px; margin:0px auto; color:#fff; position:relative; text-indent:-9999em;}
#banner h1 span {background: url("/structure/img/fa-firstaid.gif") 60px 25px no-repeat; width:100%; height:100%; position:absolute; top:0; left:0;}

#content {width:940px; padding:0 30px; margin:40px auto;}

/* Main Content */
#main {float:left; display:inline; width:590px; padding-bottom:30px;}
h2#header {display:block; width:590px; height:94px; color:#fff; position:relative; text-indent:-9999em; padding-bottom:20px;}
h2#header span {background: url("/structure/img/fa-header.gif") 0px 0px no-repeat; width:100%; height:100%; position:absolute; top:0; left:0;}

/* Sidebar */
#sidebar {width:280px; padding-left:30px; border-left: 1px solid #707373; position:relative; float:right; display:inline; font-size:12px; color:#c3c5c5; margin-bottom:30px;}
#fa-cd {position:relative; width:280px; background: url(/structure/img/fa-buycd.gif) 0 0 no-repeat; height:167px;}
a#fa-listen {position:absolute; top:37px; left:170px; display:block; width:91px; height:30px; overflow:hidden;}
a#fa-listen span {background: #232525 url("/structure/img/fa-listen.gif") 0 0 no-repeat; width:100%; height:100%; position:absolute; top:0; left:0;}
a#fa-order {position:absolute; top:76px; left:170px; display:block; width:91px; height:30px; overflow:hidden;}
a#fa-order span {background: #232525 url("/structure/img/fa-order.gif") 0 0 no-repeat; width:100%; height:100%; position:absolute; top:0; left:0;}
a:hover#fa-order span, a:hover#fa-listen span {background-position: 0 -30px;}
a:active#fa-order span, a:active#fa-listen span {background-position: 0 -60px;}

/* idTabs */
ul.idTabs li {display:inline;}
ul.idTabs li a {background:#373939; padding:7px 15px; text-decoration:none; color:#ccc; border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-top-right-radius: 3px; border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-top-left-radius: 3px;}
ul.idTabs li a:hover {background:#232525; color:#fff;}
ul.idTabs li a.selected {background:#232525; color:#fff;}
ul.idTabs {padding:15px 0 5px 0;}

/* Titles ------------------------------------------------------*/

h2.title {display:block; width:267px; height:31px; color:#fff; position:relative; text-indent:-9999em; margin-bottom:20px;}
h2.title span {background: url("/structure/img/fa-titles.gif") 0px 0px no-repeat; width:100%; height:100%; position:absolute; top:0; left:0;}

h2#howitworks span {background-position: 0 0;}
h2#listen span {background-position: 0 -31px;}
h2#order span {background-position: 0 -62px;}
h2#testimonies span {background-position: 0 -93px;}
h2#ministrypartners span {background-position: 0 -124px;}
h2#plugin span {background-position: 0 -155px;}
h2#aboutus span {background-position: 0 -186px;}
h2#give span {background-position: 0 -218px;}


/* How it Works ------------------------------------------------------*/

.howitworks-sub {padding:0 0 10px 20px; font-size:12px; color:#8f9494;}
.howitworks-sub h5 {font-size: 13px;}
.idTabs-content {background:#232525; padding:20px;}
.howitworks-start {background:#ddd url("/structure/img/howitworks-start.gif") repeat-x; color:#555; text-shadow: 0px 1px 0px #fff; -moz-text-shadow: 0px 1px 0px #fff; padding:20px;}
.howitworks-start h2, .howitworks-start h3, .howitworks-start h5 {color:#000;}
.howitworks-start h4 span {color:#000;}
.howitworks-start h4 {color:#ce171f;}
.howitworks-start hr {border:0; margin:10px 0 15px; color: #ccc; background-color: #ccc; height: 1px;}
.howitworks-start a {color:#000; text-decoration:none; border-bottom: 1px solid #888;}
.howitworks-start a:hover {color:#000; border-bottom: 1px solid #444;}


/* Order ------------------------------------------------------*/

.breadcrumbs {color:#999; font-size:11px; border-bottom: 1px dotted #3c3e3e; margin-bottom:10px;}
.breadcrumbs strong {font-weight:100; color:#fff; font-size:13px;}
.order-form {background:#232525; padding:10px 20px 20px 20px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; display:block;}
.order-form input {border:1px solid #999; font-size:14px; padding:3px; color:#444;}
.order-form input.shortText {width:60px;}
.order-form label {font-size: 12px; padding: 10px 0 3px;}
.note {font-size:11px; color: #999;}
.order-form a.btn {background:#ccc url("/structure/img/give-btn.gif") repeat-x; border: 1px solid #ddd; font-size: 15px; color:#000; margin-top:10px; padding:4px 15px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; display:inline; float:right; text-shadow: 0px 1px 0px #fff; -moz-text-shadow: 0px 1px 0px #fff; text-decoration:none;} 

.order-form a.btn-l {background:#232525; border: 1px solid #232525; font-size: 15px; color:#fff; margin-top:10px; padding:4px 15px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; display:inline; float:left; text-shadow: 0px 1px 0px #000; -moz-text-shadow: 0px 1px 0px #000;} 

input.imageSubmit {border:0;}



/* Listen ------------------------------------------------------*/

.track {clear:both; border-bottom: 1px solid #707373; width:590px;}
.trackplayer {float:left; display:inline; width:20px; padding:7px 0 5px 0;}
.trackname {float:left; display:inline; width:250px; padding: 5px 0;}
.trackartist {float:right; display:inline; width:220px; padding: 5px 0; font-size:12px; color:#959a9a; text-align:right; font-style:italic;}


/* plugin ------------------------------------------------------*/

ul.plugin-list {padding:10px;}
ul.plugin-list li {border-bottom:1px solid #333; padding:10px 0;}
ul.plugin-list li strong {color:#fff;}
.give-btn {padding:30px 0; text-align:center;}
/* .give-btn a {background:#ccc url("/structure/img/give-btn.gif") repeat-x; color:#000; border: 1px solid #ddd; padding:10px 70px; margin:10px 0; text-shadow: 0px 1px 0px #fff; -moz-text-shadow: 0px 1px 0px #fff; text-decoration:none; font-size:16px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.give-btn a:hover {border: 1px solid #bbb; box-shadow: 0px 0px 20px #555; -moz-box-shadow: 0px 0px 20px #555; -webkit-box-shadow: 0px 0px 20px #555;}
.give-btn a:active {background:#eee;}
.give-btn a span {color:#888;}
.give-btn a:hover span {color:#ce171f;} */


/* Ministry Partners ------------------------------------------------------*/

ul.ministry-ul li {padding:20px 0; border-bottom: 1px solid #333; clear:both; height:100px;}


/* Testimonies ------------------------------------------------------*/

.wht {color:#fff; line-height:1.4em;}
.sm-gray {color:#919595; font-size:11px;}


/* Order ------------------------------------------------------*/

#order-l {float:left; display:inline; width:590px; padding-bottom:30px;}
#order-r {width:250px; margin-top:50px; background:#232525; padding:30px; position:relative; float:right; display:inline; font-size:12px; color:#c3c5c5; margin-bottom:30px;}