/* 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: Tahoma, Geneva, sans-serif; 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_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; }


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

a {font-weight: bold; text-decoration: none;}
a:link { color: #265395;}
a:visited { color: #265395;}
a:hover { color: #262315; text-decoration: underline;}
a:active { color: #265395;}

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

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

.home_content_divs a { font-size: 1.2em; }
.home_content_divs a:link { color:#265395;}
.home_content_divs a:visited { color:#265395;}
.home_content_divs a:hover { color: Maroon; text-decoration: underline;}
.home_content_divs a:active { color:#265395;}

.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.bookmark a#bookmark, body.bookmark a#bookmark:hover,
body.refer a#refer, body.refer a#refer:hover,

.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;}


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

.container { width:960px; margin: 0 auto; background: transparent url(../images/bg_container_grey.jpg) 0 82px no-repeat; padding: 0 10px; }
.header { width:880px; margin: 0 0 auto; padding: 0 40px; height: 90px;}
.content { width:960px; margin: 0 auto; padding: 0 0 30px 0; background: #ffffff; }
.ccontent { width:960px; margin: 0 auto; padding: 0 0 0px 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: 10px 0px 10px 0px; }


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

.rotatorb { min-height: 150px; background: transparent url(../images/bg_blue.jpg) top left no-repeat; }
.rotatororderb { height: 213px; background: transparent url(../images/bg_blue.jpg) top left no-repeat; }
.rotatorg { min-height: 150px; background: transparent url(../images/bg_green.jpg) top left no-repeat; }
.rotatororderg { height: 213px; background: transparent url(../images/bg_green.jpg) top left no-repeat; }
.rotatorr { min-height: 150px; background: transparent url(../images/bg_red.jpg) top left no-repeat; }
.rotatororderr { height: 213px; background: transparent url(../images/bg_red.jpg) top left no-repeat; }

.divRotator { min-height: 120px; width: 690px; padding: 40px 430px 0 40px; }
.divRotatorOrder { height: 157px; width: 690px; padding: 40px 430px 0 40px; }

.divRotator h3 { font-weight: normal; font-size:3.4em; color: #265395; } 
.divRotator p { margin:16px 0; font-size:1.4em; line-height:1.8em; }

.divRotatorOrder h3 { font-weight: normal; font-size:3.4em; color: #265395; } 
.divRotatorOrder 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;}


.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_home_content.gif) top repeat-y;  background-position: -150px;}
.card_content { width: 100%; margin: 0;}
.card_content_divs { float: left; display: inline; }
.card_content_divs h3 { font-size: 2.2em; font-weight: normal; color: #265395; }
.card_content_divs p { font-size: 1.4em; }
.card_content_divs p.order { font-size: 1.4em; font-weight: normal; }

.home_content_divs { width: 250px; float: left; display: inline; }
.last_div { margin-left: 0px; width: 620px; }
.last_div_order { margin-left: 70px; width: 550px; }
.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: #265395; }
.home_content_divs p { font-size: 1.4em; }
.home_content_divs p.order { font-size: 1.4em; font-weight: normal; }

.quote_cloud { background: #f7fbcb url(../images/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_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 p { line-height: 1.6em;}
.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; }


/* 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: 500px; }
.module_box { height: 500px; 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; }

.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; }

/* 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:#0F2038 url('../images/rays.png') top center no-repeat; width: 880px; padding: 34px 40px; overflow: hidden; color: #7ca790;  }
.about_company { float: left; display: inline; width:556px; border-right:3px solid Gray; 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; color: Gray; }
.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%;
	}





/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 47em; /* ems so it will grow */
	background: url(/images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(/images/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(/images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(/images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}


.boxbody p.moreContainer{font-family:arial, sans-serif; text-transform:uppercase; font-size:1.0em; padding-top:20px;}
.boxbody p.moreContainer a{display: block; text-decoration:none; padding:2px 13px 2px 5px; background:url('../images/arrow-bulletb.gif') 97% 50%  no-repeat; float:left; border:1px solid #6f6b66; color: #265395;}
.boxbody p.moreContainer a:hover{border:1px solid White;}
.boxbody p.moreContainer a{border:1px solid #265395;}

.hfaq {height: 0px; visibility:hidden; display: none;}
.disclaimers {padding-bottom: 10px;}

.faq p{font-size: 1em;}
.faq a{color: Navy;}
.faq a:hover{color: Blue;}

.main_nav { float: right; display: inline; overflow: hidden; wiadth: 70%; maargin-top: 38px; height: 50px; }
.main_nav li { height: 34px; padding-top: 8px; color: #265395; float: right; font-size: 1.1em; margin-left:5px; font-family: Helvetica, Arial, Verdana, sans-serif; }