/*

	File: screen.css
	Media: screen
	Copyright: (c) 2008 Church Media Group, Inc. www.churchmedia.cc
	Author: Ismael Burciaga Jr.
	Notes: 

Table of Contents:

	Reset Defaults
	Basic Selectors
	Links
	Main Structure Selectors
	Header Layout
	Main Layout
	Sidebar Layout
	Margins
	
Colors:

	Dark Gray #333
	Medium Gray #777
	Light Gray #ccc
	Red #a90000
	
*/


/* Reset Defaults
--------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, del, dfn, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, 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; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
:focus { outline: 0;}
ul { list-style: none;}
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {	quotes: "" "";}


/* Basic Selectors
--------------------------------------------------------------------------------------- */

html {height: 100%;}
body { background: #cacccc url(../images/bg/bg_body_grey.jpg) top left repeat-x; font: normal 62.5% Arial, Helvetica, Verdana, sans-serif; color: #5d7c79; height: 100%;}

h1, h2, h3, h4, h5, h6 { font-size:1.4em; font-weight:bold; color: #298121; font-family: Helvetica, Arial, Verdana, sans-serif; }
p { font-size:1.4em; line-height:1.4em; margin:12px 0; }
small { font-size:1.1em; color: #999999; }

.align-left { text-align:left; }
.align-center { text-align:center; }
.align-right { text-align:right; }

.float-left { float:left; }
.float-right { float:right; }
.float-none { float:none; }

.clear-left {clear: left;}
.clear-right {clear:right;}
.push {clear:both;}

.hide {display: none;}
.overflow { width: 100%; overflow: hidden; }
p.btn { margin-top: 20px; }

.title_full_width_border { width:100%; padding-bottom:12px; border-bottom:6px solid #ccc; }
p.small { font-size:1em; color:#999999; margin-top:8px; }


/* Links
--------------------------------------------------------------------------------------- */

a {font-weight: bold; text-decoration: none;}
a:link { color: #54B948;}
a:visited { color: #72b96a;}
a:hover { color: #54B948; text-decoration: underline;}
a:active { color: #54B948;}

a.arrow {background: transparent url(../images/arrows/arrow_green.gif) 100% 50% no-repeat; padding-right: 14px;}

.main_nav a:link { color:#617c7a;}
.main_nav a:visited { color:#617c7a;}
.main_nav a:hover { color:#617c7a; text-decoration: underline;}
.main_nav a:active { color:#617c7a;}

.home_content_divs a { background: transparent url(../images/arrows/arrow_green.gif) 100% 50% no-repeat; padding-right: 14px;}
.home_content_divs a:link { color:#54B948;}
.home_content_divs a:visited { color:#72b96a;}
.home_content_divs a:hover { color:#54B948; text-decoration: underline;}
.home_content_divs a:active { color:#54B948;}

.information a:link { color:#ffffff;}
.information a:visited { color:#ffffff;}
.information a:hover { color:#ffffff; text-decoration: underline;}
.information a:active { color:#ffffff;}

.footer a:link { color:#617c7a;}
.footer a:visited { color:#617c7a;}
.footer a:hover { color:#617c7a; text-decoration: underline;}
.footer a:active { color:#617c7a;}

body.home a#home, body.home a#home:hover,
body.explore a#explore, body.explore a#explore:hover,
body.signup a#signup, body.signup a#signup:hover,
body.contact:hover a#contact, body.contact:hover a#contact:hover { color:#298121; }

a#pricing, a#pricing:hover { color:#56cac4; }
body.pricing a#pricing, body.pricing a#pricing:hover { color:#298121; }

.btn_learn_more { display:block; width: 112px; height: 34px; text-indent: -9999px; background: transparent url(../images/btn/btn_learn_more.jpg) top left no-repeat; }
.btn_learn_more:hover { background-position: bottom left;}

.btn_explore_get_started { display:block; width: 142px; height: 34px; text-indent: -9999px; background: transparent url(../images/btn/btn_explore_get_started.png) top left no-repeat; }
.btn_explore_get_started:hover { background-position: bottom left;}

.btn_signup_prices { display:block; width: 86px; height: 26px; text-indent: -9999px; background: transparent url(../images/btn/btn_signup_prices.gif) top left no-repeat; margin:0 0 0 14px; }
.btn_signup_prices:hover { background-position: top right;}
* html .btn_signup_prices { margin:10px 0 0 6px; }

/* Main Structural Selectors
--------------------------------------------------------------------------------------- */

.container { width:960px; margin: 0 auto; background: transparent url(../images/bg/bg_container_grey.jpg) 0 82px no-repeat; padding: 0 10px; }
.header { width:880px; margin: 0 auto; padding: 0 40px;}
.content { width:960px; margin: 0 auto; padding: 0 0 30px 0; background: #ffffff; }
.main { width:560px; float:left; margin: 0 0 0 0; }
.sidebar { width:300px; float:right; margin: 0 0 0 0;}
.footer { width: 960px; margin: 0 auto; padding: 2px 0; color: #778180; }



/* Header Layout
--------------------------------------------------------------------------------------- */

.header h1 { float: left; display: inline; margin: 33px 0 30px 0; }
.header h1 a { display: block; width: 199px; height: 31px; text-indent: -9999px; background: transparent url(../images/ministry_give.gif) top left no-repeat; }
.main_nav { float: right; display: inline; overflow: hidden; width: 70%; margin-top: 38px; }
.main_nav li { float: right; font-size: 1.6em; margin-left:32px; font-family: Helvetica, Arial, Verdana, sans-serif; }


/* Rotator
--------------------------------------------------------------------------------------- */

.rotator { height: 413px; background: transparent url(../images/bg/bg_rotator.jpg) top left no-repeat; }
.divRotator { height: 257px; width: 490px; padding: 156px 430px 0 40px; }
.divRotator h3 { font-weight: normal; font-size:3.4em; color:#4ed9cd; } 
.divRotator p { margin:16px 0; font-size:1.4em; line-height:1.8em; }

.btn_rotator { overflow: hidden; margin-top: 24px; }
.btn_rotator li { float: left; display: inline; margin-right: 16px; }
.btn_rotator li a { display: block; width: 112px; height: 34px; text-indent: -9999px;}
.btn_rotator li a.btn_explore { background: transparent url(../images/btn/btn_explore.gif) top left no-repeat;}
.btn_rotator li a.btn_signup { background: transparent url(../images/btn/btn_signup.gif) top left no-repeat;}
.btn_rotator li a:hover { background-position: bottom left;}

.bg_online { background: transparent url(../images/bg/bg_online.jpg) 515px 22px no-repeat; }
.bg_kiosk { background: transparent url(../images/bg/bg_kiosk.jpg) 557px 38px no-repeat; }
.bg_mobile { background: transparent url(../images/bg/bg_mobile.jpg) 515px 22px no-repeat; }

.rotator_nav { width: 960px; height: 68px; overflow: hidden; }
.rotator_nav li { float: left; display: inline; }
.rotator_nav li a { display: block; width: 242px; height: 68px; text-indent: -9999px; background: transparent url(../images/bg/bg_rotator_nav.jpg) 0 0 no-repeat; cursor: hand; }

.rotator_nav li.btn_online a { background-position: 0 0; }
.rotator_nav li.btn_online a:hover { background-position: 0 -68px; }
.rotator_nav li.btn_online a.activeSlide { background: transparent url(../images/bg/bg_rotator_nav.jpg) 0 -136px no-repeat; }
.rotator_nav li.btn_online a.activeSlide:hover { background-position: 0 -136px;  }

.rotator_nav li.btn_kiosk a { background-position: -242px 0; }
.rotator_nav li.btn_kiosk a:hover { background-position: -242px -68px; }
.rotator_nav li.btn_kiosk a.activeSlide { background: transparent url(../images/bg/bg_rotator_nav.jpg) -242px -136px no-repeat; }
.rotator_nav li.btn_kiosk a.activeSlide:hover { background-position: -242px -136px;  }

.rotator_nav li.btn_mobile a { background-position: -484px 0; }
.rotator_nav li.btn_mobile a:hover { background-position: -484px -68px; }
.rotator_nav li.btn_mobile a.activeSlide { background: transparent url(../images/bg/bg_rotator_nav.jpg) -484px -136px no-repeat; }
.rotator_nav li.btn_mobile a.activeSlide:hover { background-position: -484px -136px;  }

.rotator_nav li.btn_signup_2 a { width: 234px; background-position: -726px 0; }
.rotator_nav li.btn_signup_2 a:hover { background-position: -726px -68px; }
.rotator_nav li.btn_signup_2 a.activeSlide { background: transparent url(../images/bg/bg_rotator_nav.jpg) -726px -136px no-repeat; }
.rotator_nav li.btn_signup_2 a.activeSlide:hover { background-position: -726px -136px;  }


/* Main Layout
--------------------------------------------------------------------------------------- */

.home_content { width: 880px; margin: 40px auto 0 auto; background: transparent url(../images/bg/bg_home_content.gif) center top repeat-y; }
.home_content_divs { width: 410px; float: left; display: inline; }
.last_div { margin-left: 72px; width: 396px; }
.last_div h3 { margin-bottom: 20px; }
.last_div p { line-height: 1.6em; margin-bottom: 20px; }

.home_content_divs h3 { font-size: 2.2em; font-weight: normal; color: #43a33b; }
.home_content_divs p { font-size: 1.4em; }

.quote_cloud { background: #f7fbcb url(../images/bg/bg_quote_cloud_top.gif) top left no-repeat; width: 356px; padding: 4px 20px 2px 20px; margin: 20px 0 0 0; }
.quote_cloud p { font-size: 1.8em;}
.quote_author { background: transparent url(../images/bg/bg_quote_cloud_bottom.gif) top left no-repeat; width: 342px; padding: 6px 0 2px 54px; margin: 0 0 0 0;}
.quote_author p strong { font-size:1.2em; }

.reason_number { float: left; display: inline; width: 90px; padding-left: 20px; border-right: 1px solid #e8e8e8; background: transparent url(../images/icons/icon_pound.gif) 0 3px no-repeat; height: 146px; margin-bottom: 10px }
.reason_number h4 { font-size: 3.8em; color: #749390; }
.reason { float: right; display: inline; width: 260px; }
.reason p { margin: 0; font-size: 2em; font-weight: bold; line-height: 1.2em; }

.page_header { width: 880px; overflow: hidden; padding:34px 0 8px 0; border-bottom: 6px solid #e8e8e8; margin: 0 auto 24px auto; clear: both; }
.page_header h2 { font-size: 3em; font-weight: normal; color: #5d7c79; }

.main h3, .main h4 { font-size: 2.2em; margin: 40px 0 20px 0; }
.main_content h3, .main_content h4 { font-size: 2.2em; font-weight: normal;}

.product_image { float: right; display: inline; margin: 0 0 16px 30px; }
.product_image_right { float: right; display: inline; margin: 26px -20px 16px 30px; }

.main_content { width: 880px; margin: 0 auto;}
.main_content ul, .main_content dl, .main_content ol { margin: 16px 0; }
.main_content ul li, .main_content dl dd{ list-style: disc; display: list-item; margin-left: 32px; padding-left: 4px; font-size: 1.2em; line-height: 1.3em; margin-bottom: 6px; }
.main_content ol li { display: list-item; margin-left: 32px; padding-left: 4px; font-size: 1.2em; line-height: 1.3em; margin-bottom: 6px; }

.support_content { width: 880px; margin: 0 auto; padding: 30px 0;}


/* Explore Layout
--------------------------------------------------------------------------------------- */

ul.explore_tabs { margin: 0 0 36px 0; padding: 0; width: 100%; overflow: hidden; }
ul.explore_tabs li { float: left; display: inline; margin-right: 39px; list-style: none; }
.explore_tabs li a { display: block; width: 218px; height: 81px; text-indent: -9999px; background: transparent url(../images/bg/bg_explore_nav.gif) 0 0 no-repeat; }

.explore_tabs li.online_tab a { background-position: 0 0; }
.explore_tabs li.online_tab a:hover { background-position: 0 -81px; }
.explore_tabs li.online_tab a.activeSlide { background-position: 0 -81px; }
.explore_tabs li.online_tab a.activeSlide:hover { background-position: 0 -81px;  }

.explore_tabs li.kiosk_tab a { background-position: -218px 0; }
.explore_tabs li.kiosk_tab a:hover { background-position: -218px -81px; }
.explore_tabs li.kiosk_tab a.activeSlide { background-position: -218px -81px; }
.explore_tabs li.kiosk_tab a.activeSlide:hover { background-position: -218px -81px;  }

.explore_tabs li.mobile_tab a { background-position: -436px 0; }
.explore_tabs li.mobile_tab a:hover { background-position: -436px -81px; }
.explore_tabs li.mobile_tab a.activeSlide { background-position: -436px -81px; }
.explore_tabs li.mobile_tab a.activeSlide:hover { background-position: -436px -81px;  }

.explore_modules { width: 808px; margin: 40px auto 0 auto; height: 530px; }
.module_box { height: 530px; width: 808px; overflow: hidden; }
.module_box h3 { font-size: 2.6em; font-weight: normal; color: #43a33b; margin-bottom: 24px; }
.module_box p { margin: 16px 0; }

.kiosk_titles { width: 100%; overflow: hidden;}
.kiosk_titles h3 { float: left; display: inline; margin-bottom: 0;}
.kiosk_titles ul { float: right; display: inline; width: 60%; overflow: hidden; margin: 2px 0 0 0; padding: 0;}
.kiosk_titles ul li { float: right; display: inline; margin: 0 0 0 30px; padding: 0; font-size: 1.6em;}
.kiosk_titles ul li.active a, .kiosk_titles ul li.active a:hover{ color: #000000; text-decoration: none;}

.kiosk_price { font-size: 3em; font-weight: 200; width: 290px; }
.kiosk_price span { font-weight: bold; color: red; }
.kiosk_price span.small { font-style: italic; font-size: .4em; margin-left: 10px; margin-top: 0; display: block; width: 100px; float: right; color: #999999; font-weight: normal;}

.kiosk_box { width: 100%; overflow: hidden; }

.left_panel { float: left; display: inline; width: 58%; padding-top: 10px; }
.right_panel { float: right; display: inline; width: 38%; text-align: right; margin-top:30px; }
.width_less { width: 48%; }
.width_more { width: 51%; }
ul.explore_buttons { width: 100%; margin: 28px 0 24px 0; padding: 0; overflow: hidden;}
ul.explore_buttons li { margin: 0 20px 0 0; padding: 0; list-style: none; float: left; display: inline; }
.main_content ul.explore_buttons li a.demo { display: block; margin-top: 8px; background: transparent url(../images/arrows/arrow_green.gif) 100% 50% no-repeat; padding-right: 14px; font-size: 1.1em;}

ul.client_list { width: 38%; float: left; display:inline; margin: 24px 3% 0 0; }
ul.client_list li { font-size: 1.4em; line-height: 1em; margin-bottom: 8px; font-weight: bold; margin-left: 0; padding-left: 0;}
* html ul.client_list li { text-indent: -16px; }
*:first-child+html ul.client_list li { text-indent: -16px; }
ul.client_list li small{ font-size: .75em; font-weight: normal;}

ul.last_list { width: 58%; margin-right: 0; }

ul.checks { margin-left: 0; }
ul.checks li { list-style: none; background: transparent url(../images/icons/icon_check.gif) 0 50% no-repeat; margin-left: 0; padding-left: 36px; font-size: 1.4em; }

.affiliate_products { float: right; display: inline; margin: 4px 0 0 40px; }
.big_type { font-size: 2em; margin-top: 44px; line-height: 2em; }

.benefits { width: 45%; float: left; display: inline; margin-top: 20px; padding-right: 40px; border-right: 8px solid #e8e8e8; }
.benefits  ul.checks { margin-bottom: 0; }
.benefits  ul.checks li { list-style: none; background: transparent url(../images/icons/icon_check.gif) 0 50% no-repeat; margin-left: 0; padding-left: 36px; font-size: 1.4em; }

.payout_plan_box { width: 45%; float: right; display: inline; margin-top: 20px; }
.main_content .payout_plan { margin: 10px 0 0 0; padding: 0; }
.main_content .payout_plan li { margin: 0; padding: 8px 2%; list-style: none; font-size: 1.4em; width: 96%;  }
.main_content .payout_plan li.alt { background: #f5f5f5 }
.main_content .payout_plan li span { font-weight: bold; }

.message_from_owner { margin-top: 40px; padding-top: 34px; border-top: 8px solid #e8e8e8; }

h4.steps { width: 379px; height: 35px; text-indent: -9999px; background: transparent url(../images/titles/3_easy_steps.jpg) 0 0 no-repeat; margin: 30px 0; }
h4.step_number_1 { background: transparent url(../images/titles/step_1.jpg) 0 0 no-repeat; margin: 30px 0 16px 0; padding: 0 0 0 30px; color: #597B7B; }
h4.step_number_2 { background: transparent url(../images/titles/step_2.jpg) 0 0 no-repeat; margin: 30px 0 16px 0; padding: 0 0 0 30px; color: #597B7B;}
h4.step_number_3 { background: transparent url(../images/titles/step_3.jpg) 0 0 no-repeat; margin: 30px 0 16px 0; padding: 0 0 0 30px; color: #597B7B;}

.table_pricing { width: 100%; border-collapse: collapse; border-left: 1px solid #C2D3D2;}
.table_pricing td { border-bottom: 1px solid #C2D3D2; border-right: 1px solid #C2D3D2; text-align: center; font-size: 1.4em; height: 36px; line-height: 36px; vertical-align: middle;}
.table_pricing td.titles { color:#ffffff; background: #597B7B; font-size: 1.6em;  }
.table_pricing td.preferred { background: #FCF6D2;}
.table_pricing td.icon_check { background: #FCF6D2 url(../images/icons/icon_check.gif) 12px 50% no-repeat;}


/* Sidebar Layout
--------------------------------------------------------------------------------------- */

.side_nav li { border-bottom: 2px solid #e8e8e8; font-size: 1.8em; }
.side_nav li a { display: block; width: 100%; padding: 8px 0;}

/* Footer Layout
--------------------------------------------------------------------------------------- */

.email_box { background: #56c5bc; width: 880px; padding: 34px 40px; overflow: hidden; }
.left_email { float: left; display: inline; width: 210px; }
.left_email h3 { color: #ffffff; font-weight: normal; font-size: 2.6em; margin: 0; padding: 0;}
.left_email p { margin: 2px 0 0 0; padding: 0; color: #1b605b; font-weight: bold; font-size: 1.4em; }
.right_email { float: right; display: inline; width: 647px; overflow: hidden; }
.right_email input { float: left; display: inline; }
.email_field { border: 1px solid #2b867f; font-size: 2.2em; color: #cccccc; padding: 8px 10px; width: 570px; }

.information { background: #135532; width: 880px; padding: 34px 40px; overflow: hidden; color: #7ca790;  }
.about_company { float: left; display: inline; width:556px; border-right:3px solid #266242; padding-right:36px; }
.about_company img { float: left; display: inline; margin-top: 1px; }
.company_content { float: right; display: inline; width: 420px;  }
.company_content p { margin: 0 0 16px 0; line-height: 1.4em; }
.company_info { float: right; display: inline; width: 246px; }
.company_info p { font-size: 1.4em; margin: 0 0 16px 0; }
p.last { margin-bottom: 0; }
.footer p { font-size: 1.1em; margin: 16px 0; }
.footer h2 { float: right; display: inline; margin-top: 12px; }
.footer h2 a { display: block; width: 216px; height: 19px; text-indent: -9999px; outline: none; background: transparent url(../images/church_media_group.gif) left top no-repeat; }
.footer h2 a:hover { background-position: right top; }


/* Image Zoom
--------------------------------------------------------------------------------------- */

div.imgzoom {
	line-height: 0;
	font-size: 0;

	z-index: 10;

	border: 20px solid #ffffff;
	margin: -5px;

	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
	
}

	body div.imgzoom a {
		background: transparent url(../images/imgzoom-close.png) no-repeat;

		display: block;
		width: 44px;
		height: 45px;

		position: absolute;
		right: -22px;
		top: -22px;
		/* IE-users are prolly used to close-link in right-hand corner */
		*left: auto;
		*right: -22px;

		text-decoration: none;
		text-indent: -100000px;
		outline: 0;

		z-index: 11;
	}

	div.imgzoom a:hover {
		background-position: left -45px;
	}

	div.imgzoom img, 
	div.imgzoom embed, 
	div.imgzoom object, 
	div.imgzoom div {
		width: 100%;
		height: 100%;
	}