body {margin: 100px 0 0 0; background-color: #ffffff; font-family: arial, helvetica, sans-serif}

#nav {background-color: #eeeeee}
#nav .wrap {width: 950px; margin: 0 auto; padding: 10px 10px 15px 0px}
#nav #logo {border: 0; float: left}
#nav ul {float: right; margin: 10px 0 0 0; padding: 0; list-style: none}
#nav ul li {display: block; float: left}
#nav ul li a {display: block; float: left}
#nav ul li a img {border: 0}
#nav ul li a span {display: none}

#header {background-color: #eeeeee}
#header .wrap {width: 940px; margin: 0 auto; padding: 15px 10px 10px 10px}
#header h1 {font-size: 36px; font-weight: normal; letter-spacing: -1px; margin: 0; color: #FFFFFF; line-height: .9em}
#header h2 {font-size: 25px; font-weight: normal; letter-spacing: -1px; margin: 0; color: #FFFFFF; line-height: .9em}
#header p {font-size: 14px; font-weight: normal; margin: 5px 0 0 0; color: #FFFFFF}

#home #header #promo {float: right; margin: -15px 0 0 0}
#home #header {height: 207px; overflow: hidden; vertical-align: top}
#home #header h1 {padding-top: 10px; padding-bottom: 8px}

#intro {background-color: #FFFFFF}
#intro .wrap {width: 940px; margin: 0 auto; padding: 15px 10px}
#intro p {margin: 0; font-size: 16px; font-weight:100;}

#home #intro .wrap {padding: 10px 10px 5px 10px}
#intro ul {margin: 0; padding: 0; list-style: none}
#intro ul li {display: block; float: left; width: 216px; height: 58px; margin-right: 5px}
#intro ul .fullli{display: block; float: left; width: 500px; height: 58px; margin-right: 5px}
#intro ul li a {display: block; float: left}
#intro ul li a img {border: 0}
#intro ul li a span {display: none}
#intro .learn a {background-image: url(../images-a/learn_more.gif); width: 216px; height: 58px}
#intro .learn a:hover {background-image: url(../images-a/learn_more_on.gif)}
#intro .start a {background-image: url(../images-a/get_started.gif); width: 216px; height: 58px}
#intro .start a:hover {background-image: url(../images-a/get_started_on.gif)}
#intro #promobottom {float: right; margin-top: -10px; margin-bottom: -5px}

#content {background-color: #FFFFFF; background-image: url(../images-a/back_content.gif); background-repeat: repeat-x}
#content .wrap {width: 940px; margin: 0 auto; padding: 15px 10px 30px 10px}
#content2 #main {width: 940px; float: left}
#content #main {width: 620px; float: left}
#content #main p {font-size: 12px; line-height: 150%; margin: 20px 20px 0px 0px}

#content #main .smallishwhb {font-size: 12px; font-weight:bold; color:#ffffff;}
#content #main .smallisher {font-size: 10px;}

#content #main .smallish {font-size: 12px; line-height: 150%;}
#content #main .smallishb {font-size: 12px; line-height: 150%; font-weight:bold;}
#content #main .formheader {font-size: 18px; font-weight:600;}
#content #main .formlabels {font-size: 12px; text-align:right}
#content #main .formlabelsc {font-size: 12px; text-align:center}
#content #main .textleftfaq {
	color:#093E6B;
	font-weight:100;
	font-size:10px;
	font-family: arial,verdana,helvetica;
	margin: 0px 0px 0px 60px;
	text-decoration:none;
}


#home #main ul {margin: 20px 0 0 0; padding: 0; list-style: none}
#home #main ul li {display: block; float: left; width: 270px; height: 75px; margin: 0 20px 10px 0}
#home #main ul li img {float: left}
#home #main ul li h3 {font-size: 18px; font-weight: bold; margin: 0 0 0 60px; color: #333333}
#home #main ul li p {margin: 0 0 0 60px; line-height: 1.3em; font-size: 12px}

#home #content .wrap {padding-top: 0}
#home #content #form {border-left: 5px solid #FFFFFF; padding: 20px 0 0 35px; margin-top: 0px}

#portfolio #main {width: 940px}
#portfolio #main ul {margin: 0; padding: 0; list-style: none}
#portfolio #main ul li {display: block; float: left; width: 200px; height: 150px; margin: 0 20px 20px 0; padding: 5px; background-color: #FFFFFF; border: 1px solid #CCCCCC}
#portfolio #main ul li span {display: block; float: left; width: 200px; height: 150px; overflow: hidden}
#portfolio #form {display: none}

#features #main ul {margin: 0; padding: 0; width: 210px; list-style: none; float: left}
#features #main ul li {display: block; float: left; width: 210px; clear: left; margin: 0}
#features #main ul li a {display: block; float: left; width: 196px; padding: 4px 4px 4px 10px; text-decoration: none; font-weight: bold; color: #00A2D3}
#features #main ul li a:hover {color: #FFFFFF; background-color: #00A2D3}
#features #main ul li.last a {border-bottom: 0px}
#features #main .features {width: 345px; height: 250px; padding: 10px 20px 20px 20px; float: left; display: none; border: 5px solid #00A2D3; background-color: #FFFFFF; margin-left: 0; z-index: 100}
#features #main .features img {float: left}
#features #main .features h3 {font-size: 18px; font-weight: bold; margin: 15px 0 0 60px; color: #333333}
#features #main .features p {clear: both; margin-left: 10px}
#features #main #feature0 {display: block}
#features #main #feature0 p {font-size: 16px; text-align: center; margin: 50px 30px 0px 30px}

#pricing #main {width: 940px}
#pricing #form {display: none}
.package {border: 1px solid #dddddd; padding: 15px; float: left; width: 268px; margin-right: 20px; height: 210px}
.package h2 {margin: -15px -15px 0 -15px; background-color: #00A2D3; text-align: center; font-weight: normal; font-size: 28px; letter-spacing: -1px; padding: 3px; color: #FFFFFF}
.package h2 span {background-color: #333333; font-size: 14px; font-weight: bold; letter-spacing: 0; padding: 2px 5px; vertical-align: middle}
.package h3 {margin: 0 -15px 0 -15px; font-size: 16px; padding: 2px; text-align: center; font-weight: bold; background-color: #FFFFFF; color: #666666}
.package ul {margin: 10px 0 0 0; padding: 0; list-style: none; text-align: center}
.package ul li {border-bottom: 1px solid #dddddd; padding: 3px 0; font-size: 12px}
.package ul li span {background-color: yellow}


.package2 {border: 1px solid #dddddd; padding: 15px; float: left; width: 268px; margin-right: 20px; height: 260px}
.package2 h2 {margin: -15px -15px 0 -15px; background-color: #00A2D3; text-align: center; font-weight: normal; font-size: 28px; letter-spacing: -1px; padding: 3px; color: #FFFFFF}
.package2 h2 span {background-color: #333333; font-size: 14px; font-weight: bold; letter-spacing: 0; padding: 2px 5px; vertical-align: middle}
.package2 h3 {margin: 0 -15px 0 -15px; font-size: 16px; padding: 2px; text-align: center; font-weight: bold; background-color: #FFFFFF; color: #666666}
.package2 ul {margin: 10px 0 0 0; padding: 0; list-style: none; text-align: center}
.package2 ul li {border-bottom: 1px solid #dddddd; padding: 3px 0; font-size: 12px}
.package2 ul li span {background-color: yellow}


#pricing li.last {border-bottom: 0}
#pricing div.last {margin-right: 0}

#pricing .next ul {margin: 0; padding: 15px 0 0 255px; list-style: none}
#pricing .next ul li {display: block; float: left; width: 216px; height: 58px; margin-right: 5px}
#pricing .next ul li a {display: block; float: left}
#pricing .next ul li a img {border: 0}
#pricing .next ul li a span {display: none}

#pricing .next2 ul {margin: 0; padding: 15px 0 0 0; list-style: none}
#pricing .next2 ul li {display: block; width: 216px; height: 58px; margin-right: 5px}
#pricing .next2 ul li a {display: block; float: left}
#pricing .next2 ul li a img {border: 0}
#pricing .next2 ul li a span {display: none}

#pricing .next .learn a {background-image: url(../images-a/learn_more.gif); width: 216px; height: 58px}
#pricing .next .learn a:hover {background-image: url(../images-a/learn_more_on.gif)}
#pricing .next .start a {background-image: url(../images-a/get_started.gif); width: 216px; height: 58px}
#pricing .next .start a:hover {background-image: url(../images-a/get_started_on.gif)}
#pricing .next2 .start a {background-image: url(../images-a/get_started.gif); width: 216px; height: 58px}
#pricing .next2 .start a:hover {background-image: url(../images-a/get_started_on.gif)}

#content #form {width: 280px; padding: 15px 0 0 35px; border-left: 5px solid #FFFFFF; margin-top: -15px; float: right}
#form h3 {font-size: 18pt; font-weight: normal; letter-spacing: -1px; margin: 0; color: #333333}
#form p {font-size: 12px; margin: 5px 0 10px 0}
#form form {margin: 0; padding: 0}
#form label {width: 70px; float: left; clear: both; font-size: 11px; padding: 2px 5px; margin: 4px 0 0 0; background-color: #444444; color: #FFFFFF}
#form input.text {width: 180px; height: 14px; margin: 2px 0; padding: 2px}
#form select.text {width: 188px; height: 22px; margin: 2px 0 3px 0; padding: 2px}
#form input.submit {margin: 15px 0 0 0}
/*#form input.submit {margin-top: 10px; border: 1px solid #0098C7; padding: 5px 10px; background-color: #E9F3F9; color: #0098C7; font-weight: bold; font-size: 14px; font-family: arial, helvetica, sans-serif}*/

footer {background: #eeeeee !important;margin-top:20px;}
footer {font-size: 11px; color: #888888;border-top:3px solid #dddddd;padding-top:5px;}
footer .wrap {width: 940px; margin: 0 auto; padding: 15px 10px}
footer ul {margin: 0; padding: 0; list-style: none; float: left}
footer ul li {display: block; padding: 2px 0}
footer ul li a {color: #888888; text-decoration: none; font-weight: bold; text-transform: uppercase}
footer ul li a:hover {color: #FFFFFF}
footer p {/*float: right; margin: 0*/}
footer a {color: #999999; text-decoration: none; font-weight: 800;}
footer a:hover {color: #FFFFFF}
footer form {margin-top: 50px; /*float: right;*/ margin-right:-350px;}

.clear {clear: both; height: 1px; line-height: 1px}



#nav .home a {background-image: url(../images-a/nav_home.gif); width: 56px; height: 23px}
#nav .home a:hover {background-image: url(../images-a/nav_home_on.gif)}
#nav .start a {background-image: url(../images-a/nav_start.gif); width: 92px; height: 23px}
#nav .start a:hover {background-image: url(../images-a/nav_start_on.gif)}
#nav .portfolio a {background-image: url(../images-a/nav_portfolio.gif); width: 81px; height: 23px}
#nav .portfolio a:hover {background-image: url(../images-a/nav_portfolio_on.gif)}
#nav .features a {background-image: url(../images-a/nav_features.gif); width: 76px; height: 23px}
#nav .features a:hover {background-image: url(../images-a/nav_features_on.gif)}
#nav .pricing a {background-image: url(../images-a/nav_pricing.gif); width: 62px; height: 23px}
#nav .pricing a:hover {background-image: url(../images-a/nav_pricing_on.gif)}
#nav .faq a {background-image: url(../images-a/nav_faq.gif); width: 44px; height: 23px}
#nav .faq a:hover {background-image: url(../images-a/nav_faq_on.gif)}
#nav .contact a {background-image: url(../images-a/nav_contact.gif); width: 87px; height: 23px}
#nav .contact a:hover {background-image: url(../images-a/nav_contact_on.gif)}
#nav li {padding-left:40px;}
#nav li a {color: #fff; text-decoration: none; font-weight: bold; font-size:11pt;}

#home #nav .home a {background-image: url(../images-a/nav_home_on.gif)}
#start #nav .start a {background-image: url(../images-a/nav_start_on.gif)}
#portfolio #nav .portfolio a {background-image: url(../images-a/nav_portfolio_on.gif)}
#features #nav .features a {background-image: url(../images-a/nav_features_on.gif)}
#pricing #nav .pricing a {background-image: url(../images-a/nav_pricing_on.gif)}
#faq #nav .faq a {background-image: url(../images-a/nav_faq_on.gif)}
#contact #nav .contact a {background-image: url(../images-a/nav_contact_on.gif)}

A.faqlinks {color:#093E6B; text-decoration:none; font-size:1.3em; font-weight:600; font-family: arial,verdana,helvetica;}
A.faqlinks:link {color:#0f74c8; text-decoration:none; font-size:1.3em; font-weight:600; font-family: arial,verdana,helvetica}
A.faqlinks:visited {color:#0f74c8; text-decoration:none; font-size:1.3em; font-weight:600; font-family: arial,verdana,helvetica}
A.faqlinks:hover {color:#9CCEF8; text-decoration:none; font-size:1.3em; font-weight:600; font-family: arial,verdana,helvetica}

A.faqlinks2:link {color:#093E6B; text-decoration:none; font-size:12px; font-weight:600; font-family: arial,verdana,helvetica; margin: 0px 0px 0px 20px;}
A.faqlinks2:visited {color:#093E6B; text-decoration:none; font-size:12px; font-weight:600; font-family: arial,verdana,helvetica; margin: 0px 0px 0px 20px;}
A.faqlinks2:hover {color:#0f74c8; text-decoration:none; font-size:12px; font-weight:600; font-family: arial,verdana,helvetica; margin: 0px 0px 0px 20px;}

.textfaqheader {color:#093E6B; text-decoration:none; font-size:12px; font-weight:600; font-family: arial,verdana,helvetica; margin: 0px 0px 0px 40px;}

.textfaq {
	color:#093E6B;
	font-weight:100;
	font-size:10px;
	font-family: arial,verdana,helvetica;
	margin: 0px 0px 0px 60px;
	text-decoration:none;
}

.textfaq2 {
	color:#093E6B;
	font-weight:100;
	font-size:10px;
	font-family: arial,verdana,helvetica;
	margin: 0px 0px 0px 45px;
	text-decoration:none;
}

li.faqlist {
	color:#093E6B;
	font-weight:100;
	font-size: 10px;
	font-family: arial,verdana,helvetica;
	margin: 0px 0px 0px 60px;
	list-style-type: square;
}

.package2 .pkgchoice {text-align:center;margin-top:25px;background:#66ccff;padding:8px;width:94%}

.package2 .pkgchoice a {text-align:center;font-weight:bold;font-size:13pt;text-decoration:none;color:white;}



.package3 {border:1px solid #dddddd; padding:15px; width:600px; margin:0 auto; height:292px;background:#ffffff;}
.package3 h2 {margin: -15px -15px 0 -15px; background-color: #00A2D3; text-align: center; font-weight: normal; font-size: 28px; letter-spacing: -1px; padding: 3px; color: #FFFFFF}
.package3 h2 span {background-color: #333333; font-size: 14px; font-weight: bold; letter-spacing: 0; padding: 2px 5px; vertical-align: middle}
.package3 h3 {margin: 0 -15px 0 -15px; font-size: 16px; padding: 2px; text-align: center; font-weight: bold; background-color: #FFFFFF; color: #666666}
.package3 ul {margin: 10px 0 0 0; padding: 0; list-style: none; text-align: center}
.package3 ul li {border-bottom: 1px solid #dddddd; padding: 3px 0; font-size: 12px}
.package3 ul li span {background-color: yellow}
.package3 .pkgchoice {text-align:center;margin-top:25px;background:#66ccff;padding:8px;width:97%}
.package3 .pkgchoice a {text-align:center;font-weight:bold;font-size:13pt;text-decoration:none;color:white;}
.package3 .pkgchoice a:hover {text-align:center;font-weight:bold;font-size:13pt;text-decoration:none;color:#000088;}



.sitelist {width: 480px}
.sitelist ul {margin: 0; padding: 0; list-style: none;}
.sitelist ul li {display: block; float: left; width: 200px; height: 170px; margin: 0 20px 20px 0; padding: 5px; background-color: #FFFFFF; border: 1px solid #CCCCCC}
.sitelist ul li span {display: block; float: left; width: 200px; height: 170px; overflow: hidden}
.sitelist ul li span input[type="radio"] {float: right;}
.sitelist form {display: none}
.sitelist ul li span img {width:200px; height:150px;margin-bottom:5px;}
/*.sitelist a {background-image: url(../images-a/nav_portfolio.gif); width: 81px; height: 23px}
.sitelist a:hover {background-image: url(../images-a/nav_portfolio_on.gif)}
.sitelist a {background-image: url(../images-a/nav_portfolio_on.gif)}*/

.navbar-fixed-top {
	height:80px;
	background:#eeeeee !important;
}

.mylogo {
	//std height = 90px, nc logo is 200px wide;
	height:60px;
	width:auto;
}

.callout {
	padding-top:15px;
	/*background: #ffffff URL(../images/onamission.jpg);
	background-size:100% auto;
	background-repeat:no-repeat;*/
	border-left: 4px solid #dedede;
}

.video .container {padding: 0}
.video--wrap {background: #220135; height: 0; padding-bottom: 56.25%; position: relative; box-shadow: 0 0 15px rgba(0,0,0,.5)}
.video--wrap iframe {width: 100%; height: 100%; position: absolute}

.video-with-list .container > div {padding: 0}
.video--list {margin-bottom: 30px}
.video--list h3 {color: #fff; font-size: 18px; padding: 10px 15px; margin: 30px 0 0 0; border-top: 5px solid rgba(0,0,0,.2)}
.video--list h3:first-child {margin-top: 15px; border-top: 0}
.video--list a {display: block; background: rgba(0,0,0,.4); padding: 10px 15px; margin: 0 0 1px 0; color: rgba(255,255,255,.8); font-weight: 600; transition: all .2s; border-radius: 2px}
.video--list a:hover {text-decoration: none; background: rgba(0,0,0,.55);}

.bg-std {background:#fff;padding-top:10px;border-top:2px solid #ddd;}
.bg-alt {background:#eee;padding-top:10px;border-top:2px solid #ddd;}

.page-header {padding:1px 10px 10px 10px;}
.page-header2 {background:#fff;padding:1px 10px 10px 10px;}

.hero {
	background: url(../images/background06.jpg);
	background-attachment: fixed;
	background-size:cover;
	background-position: top center;
}

.sect5 {
	background: url(../images/background04.jpg);
	background-attachment: fixed;
	background-size:cover;
	background-position: top center;
}

.sermons {
	background: url(../images/background-sermons.jpg);
	background-attachment: fixed;
	background-size:cover;
	background-position: top center;
}

.worship {
	background: url(../images/background-worship.jpg);
	background-attachment: fixed;
	background-size:cover;
	background-position: top center;
}

.ccm {
	background: url(../images/background-ccm.jpg);
	background-attachment: fixed;
	background-size:cover;
	background-position: top center;
}

.churchservices {
	background: url(../images/background-churchservices.jpg);
	background-attachment: fixed;
	background-size:cover;
	background-position: top center;
}

@media (max-width: 320px) {
	.mylogo {
		height:83px;
		width:auto;
	}

	.hero, .sect3, .sermons, .worship, .ccm, .churchservices {
		background-size:340%;
	}

	h1 {
		font-size:32px;
		line-height:90%;
		margin-top:20px;
	}
}

@media (max-width: 960px) {
	.hero, .sect3, .sermons, .worship, .ccm, .churchservices {
		background-size:180%;
	}
}