/* @override http://help.ekklesia360.com/_css/styles.css */

	
/* Site: Ekklesia 360 Dot Com */
* {
	margin:0;
	padding:0;
}

body {
	background:#FFF url(/_img/bg_body.gif) repeat-x;
	font-size:62.5%;
	font-family:"Lucida Sans", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;
	line-height:1;
}

body#home {
	background:#FFF url(/_img/bg_body_home.gif) repeat-x;
}

hr {
	display:none;
}

#skip {
	position:absolute;
	text-indent:-9999px;
	list-style:none;
}

#container {
	width:991px;
	margin:0 auto;
}

body#home #container {
	position:relative;
	background:url(/_img/bg_container_home.jpg) no-repeat 66px 107px;
}

a {
	overflow:hidden;
}

img {
	border: 0;
}

/* the clearfix rules make it possible to clear floated elements without additional structural markup. See http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



	
/* =Header
---------------------------------------------------------------------
*/
#header {
	position:relative;
	width:991px;
}

#header h1 {
	text-indent:-9999px;
	width:503px;
	height:61px;
}

#header h1 a {
	display:inline;

	
/* IE6 double margin float bug hack */
	float:left;
	width:503px;
	height:61px;
	margin:56px 0 17px 7px;

	
/*background: url(/_img/bg_h1_monkcms.gif) no-repeat;*/
	text-indent:0;
}


	
/*
#header h1 a{
   display: block;
   width: 241px;
	height: 61px;
}
*/
body#home #header h1 a {
	margin-top:51px;
	margin-bottom:234px;
}

#meta-nav {
	position:absolute;
	top:24px;
	right:24px;
}

#meta-nav li {
	float:left;
	font-size:1.1em;
	list-style:none;
	text-transform:uppercase;
}

#meta-nav li#mn_register {
	background:url(/_img/bg_meta-nav_register.gif) no-repeat right center;
}

#meta-nav li#mn_contact,#meta-nav li#mn_support {
	margin-left:3px;
	background:url(/_img/bg_meta-nav_li.gif) no-repeat right top;
	text-transform:lowercase;
}

#meta-nav li a {
	display:block;
	padding:8px 10px 10px;
	color:#187997;
	text-decoration:none;
}

#meta-nav li a:hover {
	text-decoration:underline;
}

#meta-nav li#mn_contact a,#meta-nav li#mn_support a {
	color:#362F2D;
	text-decoration:none;
}

#meta-nav li#mn_contact a {
	padding-left:25px;
	background:url(/_img/bg_meta-nav_contact_a.gif) no-repeat;
}

#meta-nav li#mn_support a {
	background:url(/_img/bg_meta-nav_support_a.gif) no-repeat;
}

#meta-nav li#mn_contact:hover,#meta-nav li#mn_support:hover {
	background-position:right bottom;
}

#meta-nav li#mn_contact a:hover,#meta-nav li#mn_support a:hover {
	background-position:left bottom;
}


	
/* search */
#header form#searchForm {
	float:right;
	margin-right:25px;
	/* temporary: */
	position: relative;
	top: -38px;
}

#header form#searchForm input {
	float:left;
	padding:7px;
	margin-right:5px;
	border:1px solid #979797;
	border-right:1px solid #D1D1D1;
	border-bottom:1px solid #D1D1D1;
	background:#FFF url(/_img/bg_textarea.gif) no-repeat -1px -1px;
	color:#626262;
	font-size:1.15em;
	font-family:"Lucida Sans", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;
	width:185px;
}

#header form#searchForm a {
	float:left;
	width:46px;
	height:29px;
	background:url(/_img/bg_search_go.gif) no-repeat;
	text-indent:-9999px;
}


	
/* =Navigation
---------------------------------------------------------------------
*/
#nav {
	clear:left;
	margin-left:75px;
	list-style:none;
}

#nav li {
	float:left;
	padding-left:2px;
	background:url(/_img/bg_nav_li.gif) no-repeat;
	font-size:1.3em;
}

#nav li#nav_sales,#nav li.first {
	background:none;
}

#nav li#nav_how-to-get-started {
	position:relative;
	margin-right:-2px;
	padding:0;
	background:none;
}

#nav li#nav_system-overview,#nav li#nav_our-company {
	display:none;
}

#nav li.current {
	margin:-1px -2px 0;
	background:none;
}

#nav li.current#nav_home {
	margin-right:0;
}

#nav li a {
	display:block;
	padding:12px 31px 14px;
	background:#131B24 url(/_img/bg_nav_li_a.gif) repeat-x;
	color:#FFF;
	text-decoration:none;
}

#nav li a:hover {
	color:#097DA0;
}

#nav li.current a {
	border:1px solid #E1E1E1;
	border-bottom:0;
	background:#FFF;
	color:#097DA0;
}

#nav li#nav_how-to-get-started a {
	background:#3F889E url(/_img/bg_nav_how-to-get-started_a.gif) no-repeat right top;
	color:#FFF;
}

#nav li ul {
	display:none;
}


	
/* =Content-Wrap
---------------------------------------------------------------------
*/
#content-wrap {
	clear:both;
	float:left;
	margin-top:75px;
}

body#home #content-wrap {
	margin-top:35px;
}


	
/* =Benefits-News
---------------------------------------------------------------------
*/

	
/*#benefits-news{
   float: left;
   width: 243px;
}

ul#benefits{
   margin: 24px 0 24px -17px;
   padding: 0 0 31px 15px;
   background: url(/_img/bg_benefits.gif) no-repeat left bottom;
}

ul#benefits li{
   width: 229px;
   padding: 3px 0 2px;
   background: url(/_img/bg_benefits_li.gif) no-repeat center top;
   font-size: 1.2em;
   list-style: none;
}

ul#benefits li.first{
   background: none;
}

ul#benefits li a{
   display: block;
   padding: 15px 0 15px 37px;
   background: url(/_img/bg_benefits_li_a.gif) no-repeat 9px 17px;
   color: #7C7C7C;
   text-decoration: none;
}

ul#benefits li a:hover{
   background: #FFF url(/_img/bg_benefits_li_a_hover.gif) no-repeat 201px 18px;
}

ul#benefits li strong,
ul#benefits li b{
   display: block;
   margin-bottom: 4px;
   color: #252525;
   font-size: 1.25em;
   font-weight: normal;
}

ul#benefits li a:hover strong,
ul#benefits li a:hover b{
   color: #24768E;
}

#news{
   width: 230px;
   margin-left: -3px;
}

#news h3{
   position: relative;
   height: 24px;
   margin-bottom: 1.5em;
   padding: 9px 0 0 12px;
   background: url(/_img/bg_h3_news.gif) no-repeat;
   color: #252525;
   font-size: 1.4em;
   font-weight: normal;
}

#news h3 a{
   position: absolute;
   top: 8px;
   right: 9px;
   width: 16px;
   height: 16px;
   text-indent: -9999px;
}

#news h4{
   margin-bottom: .5em;
   font-size: 1.5em;
   font-weight: normal;
   line-height: 1.15;
}

#news h4 a{
   color: #448FA5;
   text-decoration: none;
}

#news p{
   color: #626262;
   font-size: 1.1em;
   line-height: 1.6363;
}

#news p span.date{
   color: #A0A0A0;
   text-transform: uppercase;
}

#news p a{
   color: #1F7F9B;
   text-decoration: none;
}

#news a:hover{
   text-decoration: underline;
}

#news .item{
   margin: 0 11px 24px;
}

#news p.more{
   margin: 0 11px;
   text-align: right;
}*/

	
/* =Subnav
---------------------------------------------------------------------
*/
#subnav-wrap {
	float:left;
	width:244px;
}

#subnav {
	float: left;
	margin-bottom:30px;
}

#subnav ul {
	margin-bottom:11px;
}

#subnav li {
	display:none;
}

#subnav li.current {
	display:block;
	float:left;
	width:244px;
	list-style:none;
	font-size:1.4em;
	font-family:Georgia, Times, "Times New Roman", serif;
	font-style:italic;
}

#subnav li a {
	display:block;
	padding:9px 8px 10px;
	background:url(/_img/bg_products_li_a.gif) no-repeat;
	color:#343434;
	text-decoration:none;
}

#subnav li.current li {
	display:block;
	float:none;
	background:url(/_img/bg_products_li_li.gif) no-repeat center bottom;
	font-size:.9286em;
	font-family:"Lucida Sans", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;
	font-style:normal;
}

#subnav li li a {
	background:none;
	color:#0D91AA;
}

#subnav li li a:hover {
	background:#FFF url(/_img/bg_products_li_li_a_hover.gif) no-repeat 213px center;
}

#subnav li li li a:hover {
	background:#FFF url(/_img/bg_products_li_li_a_hover.gif) no-repeat 192px center;
}

#subnav li li ul {
	margin-left:20px;
}

#subnav li li ul li a {
	color:#524646;
}

#subnav li li.open a {
	background:#FFF url(/_img/bg_products_li_li_current.gif) no-repeat 213px center;
}

#subnav li li.open li a {
	background-image:none;
	background-color:transparent;
}

#subnav li li li a:hover {
	background-color:#fff;
}


	
/* feedback */
#feedback {
	float:left;
	width:385px;
	margin-top:50px;
}

#feedback #fb-title {
	margin-bottom:.5em;
	color:#448FA5;
	font-size:1.5em;
	font-weight:normal;
	line-height:1.15;
	font-weight:bold;
}

#feedback p {
	margin-bottom:.5em;
	color:#626262;
	font-size:1.1em;
	line-height:1.6363;
}

#feedback a {
	color:#1F7F9B;
}

#feedback a:hover {
	text-decoration:none;
}

#feedback button {
	padding:3px 4px;
	margin-right:3px;
	padding: 4px 5px; /* by chris 9/9/2011 */
}

#feedback textarea {
	width:370px;
	height:50px;
	padding:5px;
	margin:5px 0 10px;
	border:1px solid #979797;
	border-right:1px solid #D1D1D1;
	border-bottom:1px solid #D1D1D1;
	_background:#FFF url(/_img/bg_textarea.gif) no-repeat -1px -1px;
	color:#626262;
	font-size:1.1em;
	font-family:"Lucida Sans", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;
}


	
/* =Content
---------------------------------------------------------------------
*/
#content {
	float:left;
	width:472px;
	margin-bottom:50px;
	padding:0 27px;
	min-height:250px;
}

body#home #content {
	width:503px;
	padding:0;
}

body.no-sidebar #content {
	width:693px;
}

#content h2,#content h3,#content h4,#content h5,#content h6 {
	/*line-height: normal;*/
}

#content h3,#content h4 {
	padding: 4px 0;
}

#content h2 {
	margin-bottom:.5em;
	color:#1F7E9A;
	font-size:2.4em;
	line-height:1.25;
}

#content h3 {
	margin-top:30px;
	margin-bottom:.5em;
	color:#19252F;
	font-size:1.8em;
}

#content h4 {
	margin-bottom:.5em;
	color:#1F7E9A;
	font-size:1.6em;
}

#content h5,#content h6 {
	margin-bottom:.5em;
	color:#111920;
	font-size:1.4em;
}

#content p,#content ul,#content ol,#content td {
	margin-bottom:1em;
	color:#464646;
	font-size:1.3em;
	line-height:1.5;
}

#content ul.jquery-toc,#content ul.jquery-toc-1 {
	margin-bottom:25px;
}

#content p.big {
	margin-bottom:.5em;
	font-size:1.8em;
}

#content p.author {
	margin:-10px 0 2em;
	color:#7C7C7C;
	font-size:1.1em;
}

#content p.note {
	font-size:1.1em;
	color:#7C7C7C;
	font-style:italic;
}

#content p.helpLink {
	position:absolute;
	right:25px;
	top:250px;
	font-size:5em;
}

#content p.helpLink a {
	color:#CCC;
	text-decoration:none;
}

#content p.helpLink a:hover {
	color:#999;
}

#content p.code,#content pre.code,#content span.code {
	display:block;
	margin:0 0 1.5em 25px;
	padding:5px 15px;
	border-left:1px solid #999;
	background:#EEE;
	color:#464646;
	font-size:13px;
	font-weight:bold;
	font-family:Courier, "Courier New", monospace;
	line-height:1.5;
}

#content p.warning,#content pre.warning,#content span.warning {
	display:block;
	margin:0 0 1.5em 0;
	padding:5px 15px;
	border: 1px solid #E4D6C5;
	background: #FAEED8;
	color:#464646;
	font-size:13px;
	font-weight:bold;
	font-family:Courier, "Courier New", monospace;
	line-height:1.5;
}

#content ul,#content ol {
	margin-left:1.5em;
}

#content ol {
	margin:0 25px 1em;
}

#content ol li {
	margin-bottom:.5em;
}

#content ul[class*=toc] {
	margin-left:0;
}

#content ul[class*=toc-2] {
	margin-left:25px;
}

#content ul#byline {
	display:inline;

	
/* IE6 double margin float bug hack */
	float:left;
	margin-bottom:10px;
	font-size:1.1em;
	list-style:none;
}

#content li {
	line-height:1.5;
	list-style-position:inside;
}

#content ul li {
	margin-top:.25em;
	padding-left:13px;
	background:url(/_img/bg_content_ul_li.gif) no-repeat left 7px;
	list-style:none;
}

#content ul li ul li {
	background:url(/_img/bg_content_ul_li_li.gif) no-repeat left 7px;
}

#content ul ul,#content ol ol {
	margin:0 0 0 30px;
	font-size:1em;
}

#content ol li {
	margin-left:20px;
	list-style-position:outside;
}

#content ul.toc,#content ol.toc {
	float:right;
	padding:5px 10px;
	background:#FFF;
	border:1px solid #EEEEEE;
}

#content ul.toc li,#content ol.toc li {
	margin:0;
	padding:0;
	background:none;
	font-size:11px;
}

#content ul.toc li ul,#content ol.toc li ul {
	margin-left:20px;
}

#content ul.jquery-toc-1 ul li {
	background:url(/_img/bg_content_ul_li_li.gif) no-repeat left 7px;
}

#content blockquote {
	margin:0 55px 50px 0;
	/* 
	padding: 2px 0 0 34px;
	background: url(/_img/bg_content_blockquote.gif) no-repeat;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-style: italic;
	*/
	width:80%;
	padding:15px;
	padding-bottom:5px;
	background-color:#f8f8f8;
	margin-top:15px;
	margin-bottom:15px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	text-shadow:1px 1px 2px #ffffff;
	border-left:2px solid #999;
}

	
/*#content blockquote p{
   line-height: 1.7;
}

#content blockquote.pullquote{
   float: right;
   width: 176px;
   margin: 0 0 0;
   padding: 6px 10px 15px 16px;
   border-left: 1px solid #C2C2C2;
   background: none;
   font-family: "Lucida Sans", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;
   font-style: normal;
}

#content blockquote.pullquote p{
   margin: 0;
   color: #176C85;
   font-size: 1.7em;
   line-height: 1.45;
}
*/

	
/*#content pre{
   margin-left: 25px;
   color: #464646;
   font-size: 1.3em;
   font-weight: bold;
   font-family: Courier, "Courier New", monospace;
}

#content code{
   font-size: 1em;
   font-family: Courier, "Courier New", monospace;
}

#content pre code{
   display: block;
   margin-top: 5px;
   padding: 5px 15px;
   border-left: 1px solid #999;
   background: #EEE;
   color: #464646;
   font-size: 13px;
   line-height: 1.5;
}
*/
#content hr {
	display:block;
	margin-bottom:1em;
	border: 0;
	width: 100%;
	height: 1px;
	background: #ccc;
}

#content a {
	color:#1F7E9A;
}

#content a:hover {
	text-decoration:none;
}

#content img {
	float:left;
	margin:0 10px 5px 0;
}

#content img.nofloat {
	float:none;
	display:block;
}

#content #text {
	clear:both;
}

#content li table {
	margin:5px 0;
}

#content table {
	width:500px;
	margin-bottom:25px;
	border:0 solid #999999;
	border-collapse:collapse;
}

#content table th {
	padding:5px 10px;
	background:#EEE;
	color:#464646;
	font-size:11px;
}

#content table td {
	margin:0;
	padding:5px 0;
	font-size:11px;
	line-height:1.25;
}


	
/* =Sidebar
---------------------------------------------------------------------
*/

	
/*#sidebar{
   float: left;
   width: 221px;
}

body#home #sidebar{
   margin: 36px 0 0 22px;
}

#sidebar h3{
   margin-bottom: .5em;
   color: #448FA5;
   font-size: 1.5em;
   font-weight: normal;
   line-height: 1.15;
}

#sidebar p{
   margin-bottom: .5em;
   color: #626262;
   font-size: 1.1em;
   line-height: 1.6363;
}

#sidebar a{
   color: #1F7F9B;
}

#sidebar a:hover{
   text-decoration: none;
}

#sidebar #ad h3{
   text-indent: -9999px;
}

#sidebar #ad a{
   display: block;
   width: 213px;
   height: 111px;
   border: 3px solid #DAD9CB;
   background: url(/_img/are-you-a-designer.gif) no-repeat;
   text-indent: -9999px;
}

#sidebar #ad a:hover{
   border: 3px solid #131C24;
   background-position: left bottom;
}

#sidebar #case-study{
   width: 206px;
   margin-bottom: 12px;
   padding: 0 7px 7px;
   background: #131B23 url(/_img/bg_sidebar_case-study.gif) no-repeat left bottom;
}

#sidebar #case-study h3{
   height: 24px;
   margin: 0 -7px 15px;
   background: url(/_img/bg_sidebar_case-study_h3.gif) no-repeat;
   text-indent: -9999px;
}

#sidebar #case-study h4{
   margin-bottom: .5em;
   font-size: 1.5em;
   font-weight: normal;
}

#sidebar #case-study h4 a{
   color: #E0E0D7;
   text-decoration: none;
}

#sidebar #case-study img{
   display: block;
   border: 1px solid #9C9C99;
}

#sidebar .testimonial{
   margin-bottom: 41px;
}

#sidebar .testimonial blockquote{
   padding: 30px 13px 21px 17px;
   background: url(/_img/bg_sidebar_testimonial_blockquote.gif) no-repeat;
   color: #363636;
   font-size: 1.1em;
}

#sidebar .testimonial blockquote p{
   line-height: 1.25;
   font-size: 1em;
}

#sidebar .testimonial h4{
   margin-bottom: .25em;
   padding: 41px 0 0 15px;
   background: url(/_img/bg_sidebar_testimonial_h4.gif) no-repeat;
   color: #5C9CB1;
   font-size: 1.2em;
   font-weight: normal;
   text-transform: uppercase;
}

#sidebar .testimonial p.title{
   padding-left: 15px;
   color: #363636;
   font-size: 1.1em;
}

#sidebar #blog_list_archive,
#sidebar #blog_list_author,
#sidebar #blog_list_category{
   margin-bottom: 15px;
}

#sidebar #blog_list_archive li,
#sidebar #blog_list_author li,
#sidebar #blog_list_category li{
   margin: 0 0 .1em 15px;
   font-size: 1.2em;
   list-style: none;
   line-height: 1.5;
}

#sidebar #blog_list_archive li a,
#sidebar #blog_list_author li a,
#sidebar #blog_list_category li a{
   text-decoration: none;
}

#sidebar #blog_list_archive li a:hover,
#sidebar #blog_list_author li a:hover,
#sidebar #blog_list_category li a:hover{
   text-decoration: underline;
}
*/

	
/* Releases */

	
/*#releases{
   margin-top: 34px;
}

#releases h3{
   position: relative;
   height: 24px;
   margin-bottom: 1.5em;
   padding: 9px 0 0 12px;
   background: url(/_img/bg_h3_releases.gif) no-repeat;
   color: #252525;
   font-size: 1.4em;
   font-weight: normal;
}

#releases h3 a{
   position: absolute;
   top: 8px;
   right: 9px;
   width: 16px;
   height: 16px;
   text-indent: -9999px;
}

#releases h4{
   margin-bottom: .5em;
   font-size: 1.5em;
   font-weight: normal;
   line-height: 1.15;
}

#releases h4 a{
   color: #448FA5;
   text-decoration: none;
}

#releases p{
   margin-bottom: .5em;
   color: #626262;
   font-size: 1.1em;
   line-height: 1.6363;
}

#releases p span.date{
   color: #A0A0A0;
   text-transform: uppercase;
}

#releases p a{
   color: #1F7F9B;
   text-decoration: none;
}

#releases a:hover{
   text-decoration: underline;
}

#releases .item{
   margin: 0 11px 24px;
}

#releases p.more{
   margin: 0 11px;
}
*/

	
/* =Footer
---------------------------------------------------------------------
*/
#footer {
	clear:both;
	padding:9px 0 50px;
	border-top:4px solid #CDE9F2;
}

#footer p {
	float:left;
	color:#898989;
	font-size:1.1em;
}

#footer p.powered {
	float:right;
}

#footer a {
	color:#4394AB;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}


	
/* @group Screensteps Styles */
div.lessonStep {
	margin:0;
	padding:35px 20px 20px;
	float:left;
	width:639px;
	border-bottom:1px dotted #bbb;
}

#content .lessonStep img {
	float:right;
	display:inline;
	margin-left:20px;
	max-width:639px;
}

#content .lessonStep h3 {
	margin-bottom:20px;
}


	
/* @end */
#content ul.firstUL {
	margin-bottom:0;
}


/* =Recent article alert
---------------------------------------------------------------------
*/	
#recent_alert {
	margin: 7px 0;
	padding: 14px 12px 10px 50px;
	font-style: italic;
	font-size: 11px;
	line-height: normal;
	background: #FAEED8 url(/_img/icon_info.png) no-repeat 18px 10px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}



/* =Color selection
---------------------------------------------------------------------
*/

.swatch {
	position: absolute;
	right: -35px;
	top: 24px;
	width: 23px;
	height: 23px;
	border: 1px solid #393939;
}




/* =Search
---------------------------------------------------------------------
*/
#content.search #results-header {
	margin-bottom: 25px;
}

#content.search .item {
	margin: 7px 0;
	padding: 12px 0px 12px;
}

#content.search .item.odd {
	/* background: rgba(211, 238, 246, .25) - blue */
	/* background: #f7f7f7; */
	/* background: rgba(200, 200, 200, .13); - gray */ 
}

#content.search h3 {
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
}

#content.search h3 a {
	font-size: 14px;
	color: #1F7E9A;
}

#content.search p {
	margin:0;
}

#content.search p.item-url {
	/* color: #999; */
	color: #4ea68c;
	color: #9E9E9E;
	margin-bottom: .45em;
	font-style: italic;
}

/* =Pagination
---------------------------------------------------------------------
*/

#content #pagination {
	margin:40px 0 10px;
	padding: 10px;
	background: #f7f7f7;
	background: rgba(200, 200, 200, .13); /*  - gray */ 
	/*
-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
*/
}
#content #pagination a {
	text-decoration:none;
	margin: 0 3px;
	padding: 3px 6px;
}
#content #pagination a:first-child {
	margin-left: 0;
	padding-left: 0;
}
#content #pagination a:hover {
	text-decoration: underline;
}
#content #pagination a#current {
	color:#fff;
	background:#1F7E9A; /* SITE LINK COLOR */
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
#content #pagination a#current:hover {
	text-decoration: none;
}
#content #pagination a:first-child {
	margin-left:0;
}