/* Site: Church Plant Media */

* {
   margin: 0;
   padding: 0;
   line-height: 1;
}

body{
   background: #F5F6F0 url(/images/bg_body2.gif) repeat-x;
   font-size: 62.5%;
   font-family: "Lucida Grande", Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

body#home{
   background: #e9ece2 url(/images/bg_body_home3.gif) repeat-x;
}

hr{
   display: none;
}

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

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

a{
   overflow: hidden;
}

/* =Header
---------------------------------------------------------------------
*/

#header{
   position: relative;
   z-index: 500;
   height: 136px;
}

#header h1{
   float: left;
   margin-top: 45px;
   background: url(/images/bg_h1.gif) no-repeat;
   width: 213px;
   height: 77px;
   text-indent: -9999px;
}

#header h1 a{
   display: block;
   width: 335px;
   height: 58px;
}

#header #meta-nav{
   position: absolute;
   top: 7px;
   right: 0;
}

#header #meta-nav li{
   float: left;
   color: #8E9EAA;
   padding: 0 9px 0 11px;
   background: url(/images/bg_meta-nav_li_a.gif) no-repeat left center;
   font-size: 1.2em;
   list-style: none;
}

#header #meta-nav li.first{
   background: none;
}

#header #meta-nav a{
   color: #8E9EAA;
   text-decoration: none;
   outline: 0;
}

#header #meta-nav a:hover{
   color: #FFF;
   text-decoration: underline;
}

#header #search{
   position: absolute;
   z-index: 5;
   bottom: -48px;
   right: 12px;
   width: 325px;
}

body#home #search{
   display: none;
}

#header #search h3{
   float: left;
   margin: 6px 9px 0 0;
   color: #696B64;
   font-size: 1.2em;
}

#header #search #searchForm input#search_term{
   display: block;
   float: left;
   width: 139px;
   margin-right: 5px;
   padding: 4px 3px 3px;
   border: 2px solid #C4C7BA;
   background: #FFF url(/images/bg_search_term.gif) repeat-x;
   color: #696B64;
   font-size: 1.2em;
   font-family: "Lucida Grande", Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

#header #search #searchForm a{
   float: left;
   display: block;
   width: 68px;
   height: 27px;
   background: url(/images/bg_search_go.gif) no-repeat;
   text-indent: -9999px;
}

/* =Navigation
---------------------------------------------------------------------
*/

#nav{
   position: absolute;
   bottom: 0;
   right: 0;
   z-index: 999;
   list-style: none;
}

#nav li{
   float: left;
   margin-right: 3px;
   background: url(/images/bg_nav_li2.gif) no-repeat right top;
   font-size: 1.2em;
   text-transform: uppercase;
}

#nav li.current{
   background-position: right bottom;
}

#nav li a{
   float: left;
   display: block;
   height: 22px;
   padding: 9px 14px 0;
   background: url(/images/bg_nav_li_a2.gif) no-repeat left top;
   color: #eaeaea;
   font-weight:200;
   text-decoration: none;
}

#nav li.current a{
   background-position: left bottom;
   color: #eaeaea;
}

#nav li:hover,
#nav li.sfhover{
   background-position: right -31px;
}

#nav li.current:hover,
#nav li.sfhover.current{
   background-position: right bottom;
}

#nav li:hover a,
#nav li.sfhover a{
   background-position: left -31px;
   color: #005952;
}

#nav li.current:hover a,
#nav li.sfhover.current a{
   background-position: left bottom;
   color: #27333A;
}

#nav li#nav_home.current{
   background-position: right top;
}

#nav li#nav_home.current a{
   background-position: left top;
   color: #9BAAB5;
}

#nav li.current#nav_home:hover,
#nav li.current.sfhover#nav_home{
   background-position: right -31px;
}

#nv li.current#nav_home:hover,
#nav li.current.sfhover#nav_home a{
   background-position: left -31px;
   color: #FFF;
}

#nav li ul{
   clear: left;
   position: absolute;
   left: -999em;
   z-index: 999;
   width: 161px;
   margin-top: 31px;
   margin-left: -1px;
   _margin-top: 0; /* IE6 only */
   border: 1px solid #BABEB1;
   border-top: 0;
   border-bottom: 0;
   list-style: none;
   line-height: 1;
}

/* http://thatnorwegianguy.wordpress.com/2007/03/20/ie7-css-filter-hack/ */
*+html #nav li ul{
   margin-top: 0;
}

#nav li li{
   display: inline;
   _display: block;
   float: none;
   _float: left;
   margin: 0;
   font-size: .9167em;
   text-transform: none;
}

#nav li ul ul{
   margin: -31px 0 0 161px;
}

#nav li:hover ul ul,
#nav li.sfhover ul ul{
   left: -999em;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul{
   left: auto;
}

#nav li li li{
   font-size: 1em;
}

#nav li:hover li a,
#nav li.sfhover li a{
   float: none;
   width: 133px;
   height: auto;
   padding: 9px 14px;
   border-top: 1px solid #FBFCFE;
   border-bottom: 1px solid #D3D6CD;
   background: #F1F3EE;
   color: #384751;
}

#nav li:hover li a:hover,
#nav li.sfhover li a:hover{
   background: #d4dfda;
}

/* =Container-Inner
---------------------------------------------------------------------
*/



/* =Content-Wrap
---------------------------------------------------------------------
*/

#content-wrap{
   float: left;
   width: 860px;
   margin-top: 66px;
   background: url(/images/bg_content-wrap.gif) repeat-y 612px 0;
}

body#home #content-wrap{
   margin-top: 26px;
   background: none;
}

body#no-sidebar #content-wrap{
   background: none;
}

#home-splash{
   position: relative;
   width: 539px;
   height: 194px;
   margin-bottom: 24px;
   padding: 80px 50px 0 271px;
   background: url(/images/bg_home-splash3.jpg) no-repeat;
}

#home-splash h3{
   position: absolute;
   text-indent: -9999px;
}

#home-splash p{
   color: #5F605B;
   font-size: 1.4em;
   line-height: 1.5;
}

#home-splash p em,
#home-splash p i{
   color: #2E719E;
   font-size: 1.1429em;
   font-weight: bold;
   font-family: "Trebuchet MS", Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

#home-splash #demo{
   position: absolute;
   left: 32px;
   top: 178px;
   width: 186px;
}

#home-splash #demo h3{
   position: static;
   margin-bottom: 18px;
}

#home-splash #demo h3 a{
   display: block;
   width: 186px;
   height: 29px;
}

#home-splash #demo p{
   color: #72746D;
   font-size: 1.2em;
   text-align: center;
}

#home-splash #get-started{
   position: absolute;
   top: 161px;
   right: 60px;
   width: 512px;
}

#home-splash #get-started p{
   float: right;
   margin: 21px 5px 0 0;
   font-size: 1.3em;
}

#home-splash #get-started p a{
   color: #ffffff;
   text-decoration: none;
}

#home-splash #get-started ul{
   margin: 16px 0 0 24px;
}

#home-splash #get-started li{
   float: left;
   margin-right: 16px;
   list-style: none;
   text-align: center;
}

#home-splash #get-started li a{
   color: #ABB0A3;
   text-decoration: none;
}

#home-splash #get-started a:hover{
   color: #394953;
}

#home-splash #get-started img{
   display: block;
   margin-bottom: 3px;
   border: 0;
}

/* =Content
---------------------------------------------------------------------
*/

#content{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   width: 565px;
   margin-left: 14px;
}

body#home #content{
   width: 860px;
   margin: 28px 0 35px;
}

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

#content h3{
   position: relative;
   z-index: 5;
   margin-top: -45px;
   margin-bottom: 44px;
   color: #384751;
   font-size: 2em;
   font-weight: normal;
   letter-spacing: -.06em;
}

body#home #content h3{
   margin: 0 0 .5em 0;
   color: #2B3941;
   font-size: 1.8em;
   font-weight: bold;
}

#content h4{
   font-size: 1.5em;
   font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
   color: #CD411D;
}

#content h5{
   color: #2E719E;
   font-size: 1.4em;
}

#content h6{
   color: #8DB826;
   font-size: 1.3em;
   text-transform: uppercase;
}

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

body#home #content p{
   color: #2B3941;
}

body#home #content p.more{
   position: absolute;
   left: 0;
   bottom: 0;
   clear: both;
   width: 241px;
   margin: 0;
   padding: 3px 0;
   font-size: 1.3em;
}

body#home #content p.more a{
   color: #2E719E;
   border-bottom: 2px dotted #678DA2;
   text-decoration: none;
}

body#home #content p.more a:hover{
   border-left: 4px solid #2e719e;
   border-right: 4px solid #2e719e;
   border-top: 1px solid #2e719e;
   border-bottom: 1px solid #2e719e;
   background: #2e719e;
   color: #fff;
}

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

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

#content blockquote{
   margin-left: 3em;
}

#content hr{
   display: block;
   margin-bottom: 1em;
}

#content a{
   color: #2E719E;
}

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

#content #text{
   clear: both;
}

body#home #content div{
   display: inline; /* IE6 double margin float bug hack */
   position: relative;
   float: left;
   width: 241px;
   height: 300px;
   margin: 0 0 0 35px;
   padding: 11px 20px 10px 0;
   border-right: 1px solid #FFF;
}

body#home #content #cms{
   margin: 0 0 0 12px;
}

#content #cms em{
   margin-left: 10px;
}

#content #cms ul{
   margin: 0;
   padding: 0;
}

#content #cms li{
   margin-bottom: .25em;
   padding-left: 15px;
   background: url(/images/bg_cms_li.gif) no-repeat left center;
   color: #2E719E;
   list-style: none;
}

#content #cms li a{
/*   padding-left: 15px;
   background: url(/images/bg_cms_li.gif) no-repeat left center;
*/   text-decoration: none;
}

#content #cms li a:hover{
   text-decoration: underline;
}

body#home #content #gallery{
   width: 243px;
   padding-right: 18px;
}

#content #gallery h3 img{
   padding: 0 6px;
   background: 0;
   border: 0;
}

#content #gallery img{
   padding: 4px;
   background: #FAFAFA;
   border: 1px solid #D0D3C9;
   border-top: 0;
   border-left: 0;
}

body#home #content #clients{
   width: 249px;
   margin: 0 0 0 23px;
   padding-right: 0;
   border: 0;
}

#content #clients img{
   border: 5px solid #D2D5C8;
}

#content #clients p.caption{
   margin-bottom: 0;
   font-size: 1.1em;
}

body#home #content #clients #clientsflash{
   width: 249px;
   height: 218px;
   margin: 0 0 0 0px;
   padding: 0;
   border: 0;
}

/* =Home Bottom
---------------------------------------------------------------------
*/

#bottom{
   clear: left;
   float: left;
   width: 820px;
   padding: 17px 20px;
   background: url(/images/bg_home_bottom2.gif) no-repeat;
}

#bottom h3{
   margin-bottom: .90em;
   color: #36434B;
   font-size: 1.3em;
   font-weight: bold;
}

#bottom #recommends{
   float: left;
   width: 420px;
   margin-right: 24px;
   border-right: 1px solid #DCE0D5;
}

#bottom .recommendation{
   float: left;
   width: 210px;
   margin-bottom: 15px;
}

#bottom .recommendation h4{
   margin-bottom: .5em;
   font-size: 1.1em;
}

#bottom .recommendation h4 a{
   color: #2E719E;
}

#bottom .recommendation h4 a:hover{
   text-decoration: none;
}

#bottom .recommendation p{
   color: #5F605B;
   font-size: 1.1em;
}

#bottom .recommendation img{
   float: left;
   margin-right: 7px;
   border: 3px solid #D6D9CD;
}

#bottom #recommends p#partner{
   clear: left;
   width: 394px;
   padding: 7px 0;
   background: #FAFAFA;
   color: #CD411D;
   font-size: 1.1em;
   text-align: center;
}

#bottom #recommends p#partner a{
   padding: 0 4px;
   color: #CD411D;
   font-weight: bold;
   text-decoration: none;
}

#bottom #recommends p#partner a:hover{
   text-decoration: underline;
}

#bottom #saying{
   float: left;
   width: 370px;
   margin-bottom: 20px;
   padding-bottom: 20px;
   _padding-bottom: 7px;
   border-bottom: 1px dashed #CACCC2;
}

#bottom #saying blockquote{
   margin-bottom: 5px;
   background: url(/images/bg_saying_blockquote.gif) no-repeat left 3px;
}

#bottom #saying blockquote p{
   background: url(/images/bg_saying_blockquote_p.gif) no-repeat right bottom;
}

#bottom #saying img{
   float: left;
   margin-right: 9px;
   border: 4px solid #CED1C5;
   background: #FAFAFA;
}

#bottom #saying p{
   font-size: 1.1em;
   color: #5F605B;
   text-indent: 23px;
   line-height: 1.4;
}

#bottom #saying p.quote{
   float: left;
   font-weight: bold;
   font-style: italic;
   text-indent: 0;
}

#bottom #saying p.more{
   float: right;
   text-transform: lowercase;
}

#bottom #saying p.more a{
   color: #CD411D;
}

#bottom #saying p.more a:hover{
   text-decoration: none;
}

#bottom #saying #saying-text{
   float: left;
   width: 246px;
}

#bottom #informed{
   float: left;
}

#bottom #informed p{
   margin-bottom: .75em;
   color: #71726D;
   font-size: 1.1em;
}

#bottom #informed form label{
   display: block;
   float: left;
   width: 82px;
   height: 18px;
   margin-top: 2px;
   padding: 4px 0 0 7px;
   background: url(/images/bg_informed_label.gif) no-repeat;
   color: #83847F;
   font-size: 1.1em;
}

#bottom #informed form input#newsletter_text{
   display: block;
   float: left;
   margin-right: 5px;
   padding: 4px;
   border: 1px solid #C2C5B9;
   background: #FAFAFA;
   color: #696B64;
}

#bottom #informed form input#newsletter_submit{
/*   display: block;
   float: left;
   width: 89px;
   height: 27px;
   border: 0;
   background: url(/images/bg_informed_newsletter_submit.gif) no-repeat;
   text-indent: -9999px;*/
}

/* =Clients
---------------------------------------------------------------------
*/

body#clients #content h3{
   /*margin-bottom: 0;*/
   margin-bottom: 48px;
}

body#clients #content h4{
   margin: 0 0 1.5em 13px;
   color: #3F4D56;
   font-size: 1.1em;
   font-weight: normal;
   font-family: "Lucida Grande", Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

body#clients #content h4 strong,
body#clients #content h4 b{
   margin-right: 5px;
   color: #84AC26;
   font-size: 1.3636em;
}

body#clients #content img{
   padding: 2px;
   border: 12px solid #E0E3D8;
   background: #CBCEC2;
}

body#clients #content .button{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   margin-left: 10px;
   background: url(/images/bg_clients_button_p.gif) no-repeat right top;
   font-size: 1.2em;
   font-weight: bold;
   text-transform: lowercase;
}

body#clients #content .button a{
   display: block;
   float: left;
   height: 18px;
   padding: 6px 12px 0;
   background: url(/images/bg_clients_button_a.gif) no-repeat left top;
   color: #FFF;
   text-decoration: none;
}

body#clients #content .pagination{
   display: inline; /* IE6 double margin float bug hack */
   float: right;
   margin: 5px 32px 0 0;
   color: #899EAC;
   font-size: 1.1em;
   font-weight: bold;
}

body#clients #content .pagination a{
   margin: 0 3px;
   color: #3F4D56;
   text-decoration: none;
}

body#clients #content .pagination a.previous{
   padding-left: 16px;
   background: url(/images/bg_pagination_previous.gif) no-repeat left bottom;
}

body#clients #content .pagination a.next{
   padding-right: 16px;
   background: url(/images/bg_pagination_next.gif) no-repeat right bottom;
}

body#clients #content #client-text{
   position: relative;
   width: 539px;
   margin: 17px 0 0 14px;
}

body#clients #content #client-text h5{
   margin-bottom: .75em;
   padding-bottom: 10px;
   border-bottom: 1px solid #CBCEC2;
   color: #3F4D56;
   font-size: 1.2em;
}

body#clients #content #client-text p.features{
   position: absolute;
   top: 0;
   right: 0;
   padding-left: 15px;
   background: url(/images/bg_features.gif) no-repeat;
   color: #3F4D56;
   font-size: 1.1em;
}

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

#sidebar{
   display: inline; /* IE6 double margin float bug hack */
   width: 216px;
   float: right;
   margin: 19px 14px 0 0;
}

#sidebar #subnav-wrap{
   margin-bottom: 37px;
   background: url(/images/bg_subnav-wrap.gif) no-repeat left bottom;
}

#sidebar #subnav{
   width: 201px;
   padding: 13px 6px 13px 9px;
   background: url(/images/bg_subnav.gif) no-repeat left top;
}

#sidebar #subnav li{
   display: none;
   font-size: 1.2em;
   font-weight: bold;
   list-style: none;
}

#sidebar #subnav li.current{
   display: block;
      /*text-indent: -9999px;*/
}

#sidebar #subnav li.current a{
   display: block;
   margin: 0 10px 7px;
   padding-bottom: 7px;
   border-bottom: 1px solid #DDDFD5;
   color: #384751;
   text-decoration: none;
   /*height: 0;
      padding: 0;
      background: none;*/
}

#sidebar #subnav li.current li{
   display: block;
   font-size: 1em;
   text-indent: 0;
}

#sidebar #subnav li.current li a{
   height: 20px;
   margin: 0;
   padding: 6px 0 0 27px;
   border: 0;
   background: url(/images/bg_subnav_a.gif) no-repeat left top;
   /*color: #384751;*/
   /*text-decoration: none;*/
}

#sidebar #subnav li.current li a:hover{
   background-position: left bottom;
}

#sidebar #subnav li.current li li{
   margin-left: 12px;
}
#sidebar #subnav #subnav_services_content-management-system a { 
	padding:6px 0 10px 27px; background:url(/images/cms_a.gif) no-repeat 13px 10px; 
}
#sidebar #subnav #subnav_services_content-management-system:hover,
#sidebar #subnav #subnav_services_content-management-system.current { 
	background:url(/images/subnav_li.gif) no-repeat left top;
}
#sidebar #subnav #subnav_services_content-management-system a:hover,
#sidebar #subnav #subnav_services_content-management-system.current a{ 
	background:url(/images/subnav_a.gif) no-repeat left bottom; padding-bottom:10px;
}
#sidebar #subnav li.current li li a{
   height: auto;
   padding: 6px 0 6px 27px;
   color: #607583;
   background: url(/images/bg_subnav_li_li_li_a.gif) no-repeat left top;
}

#sidebar #subnav li.current li li a:hover{
   background: url(/images/bg_subnav_li_li_li_a_hover.gif) no-repeat left top;
   color: #2E719E;
   text-decoration: underline;
}

#sidebar .sidebar-box{
   margin: 0 6px 35px 2px;
}

#sidebar .sidebar-box h3{
   margin-bottom: 1em;
   padding-bottom: 8px;
   background: url(/images/bg_sidebar_h3.gif) repeat-x left bottom;
   color: #8FB92C;
   font-size: 1.2em;
   font-weight: normal;
   text-transform: uppercase;
}

#sidebar .sidebar-box p{
   margin-bottom: .25em;
   color: #272D2F;
   font-size: 1.1em;
   line-height: 1.25;
}

#sidebar .sidebar-box p.more{
   font-weight: bold;
   text-align: right;
   text-transform: lowercase;
}

#sidebar .sidebar-box p.more a{
   color: #CD411D;
}

#sidebar .sidebar-box p.more a:hover{
   text-decoration: none;
}

#sidebar .sidebar-box img{
   display: block;
   margin: 7px 0;
   border: 5px solid #D6D9CD;
}

#sidebar .sidebar-box form{
   margin-top: 10px;
}

#sidebar .sidebar-box input#newsletter_text{
   display: block;
   float: left;
   width: 121px;
   margin-right: 4px;
   border: 1px solid #D6D9CD;
   background: #FAFAFA;
   padding: 4px 4px 5px;
   color: #696B64;
   font-size: 1.2em;
   font-family: "Lucida Grande", Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

#sidebar .sidebar-box input#newsletter_submit{
   display: block;
   float: left;
}

#sidebar #chat p{
   margin: 0 29px;
}

#sidebar #chat img{
   border: 0;
}

#sidebar #clients{
   margin: 3px 0 0 12px;
}

#sidebar #clients h3{
   margin-bottom: .5em;
   background: none;
   font-size: 1.3em;
   font-weight: bold;
}

#sidebar #clients ul{
   margin-bottom: 25px;
}

#sidebar #clients li{
   margin-bottom: .5em;
   font-size: 1.1em;
   font-weight: bold;
   list-style: none;
   line-height: 1.25;
}

#sidebar #clients a{
   color: #384751;
}

#sidebar #clients a:hover{
   color: #2E719E;
   text-decoration: none;
}

/* =Footer
---------------------------------------------------------------------
*/

#footer-outer{
   clear: both;
   padding: 15px 0 100px;
   border-top: 5px solid #CCD0C1;
   background: #dadfd1;
}

#footer{
   width: 798px;
   height: 27px;
   margin: 0 auto;
   padding: 16px 18px 0 44px;
   background: #bdc2b4 url(/images/bg_footer.gif) no-repeat 14px center;
}

#footer p{
   float: left;
   color: #575757;
   font-weight:bold;
   font-size: 1.2em;
}

#footer p.back{
   float: right;
   font-size: 1em;
}

#footer p.back a{
   display: block;
   padding: 3px 20px 2px 0;
   background: url(/images/bg_back.gif) no-repeat right center;
   color: #575757;
   text-decoration: none;
}

#footer #footer-nav{
   display: inline; /* IE6 double margin float bug hack */
   float: left;
   margin-left: 21px;
}

#footer #footer-nav li{
   float: left;
   padding: 0 9px 0 11px;
   background: url(/images/bg_footer-nav_li.gif) no-repeat left center;
   font-size: 1.2em;
   list-style: none;
}

#footer #footer-nav li#footer-nav_home{
   background: none;
}

#footer #footer-nav a{
   color: #575757;
   text-decoration: none;
}

#footer #footer-nav a:hover,
#footer #footer-nav .current a{
   color: #575757;
   text-decoration: underline;
}

#footer #footer-nav li li{
   display: none;
}