/* @override http://churchplantmedia.cpmpreview.com/css/home.css */

/* @override http://churchplantmedia.cpmpreview.com/css/home.css */

#container{
   background: #fff url(/_img/bg_body_home.gif) repeat-x;
}

#content-wrap{
   padding: 0;
}

#tagline{
   background: url(/_img/tagline_home2.gif) no-repeat;
   height: 223px;
   text-indent: -9999px;
}

#quicklinks{
   float: left;
   width: 972px;
   padding-top: 25px;
   margin-bottom: 41px;
}

div.ql{
   width: 290px;
   height: 110px;
   float: left;
   border-right: 1px solid #454545;
   padding: 10px 25px 0 25px;
}

#content{
   width: 972px;
   float: left;
   padding: 0 0 10px;
}

div#qdesigns{
   padding: 10px 25px 0 0;
   width: 288px;
}

div#qplanters{
   padding: 10px 0 0 25px;
   width: 291px;
   border: none;
}

.ql a{
   font-size: 1.6em;
   color: #acacac;
   line-height: 1.6;
   text-decoration: none;
   display: block;
}

.ql a:hover{
   color: #d9dcd4;
}

.ql a:hover strong{
   background-position: 0 -29px !important;
}

.ql strong{
   display: block;
   height: 29px;
   text-indent: -9999px;
   margin-bottom: 1px;
}

#qdesigns strong{
   width: 253px;
   background: url(/_img/bg_ql_qdesigns.gif) no-repeat 0 0;
}

#qcms strong{
   width: 270px;
   background: url(/_img/bg_ql_qcms.gif) no-repeat 0 0;
}

#qplanters strong{
   width: 270px;
   background: url(/_img/bg_ql_qplanters.gif);
}

div.box{
   width: 452px;
   float: left;
   height: 550px;
   position: relative;
}

#peeps{
   margin-right: 56px;
   background: url(/_img/bg_peeps.gif) no-repeat 0 0;
}

#content .box h3{
   text-indent: -9999px;
   height: 47px;
   margin-bottom: 0;
}

div.mediabox{
   width: 440px;
   height: 248px;
   position: relative;
   margin-left: 12px;
   margin-bottom: 12px;
}

#testimonial object	{
	margin-bottom:10px;
	width: 440px; 
	height: 248px;
}

#content .mediabox p.promovid{
   width: 440px;
   height: 248px;
   margin-bottom: 12px;
}

#content .mediabox p.watch{
   width: 440px;
   height: 248px;
   position: absolute;
   top: 0;
   left: 0;
   margin: 0 0 12px;
}

#content .mediabox p.watch a{
   display: block;
   height: 248px;
   text-indent: -9999px;
}

#content .mediabox p.watch a:hover{
   background-position: 0 -43px;
}

#content .box h4,
#content .box p{
   margin-bottom: 7px;
}

#content .box h4{
   font-size: 1.9em;
   color: #3d3d3d;
   text-transform: none;
   font-weight: bold;
   line-height: 1.6;
   margin-bottom: 7px;
}

#content .box h4 span{
   width: 6px;
   height: 30px;
   text-indent: -9999px;
   background: url(/_img/bg_box_h4_span.gif);
   display: inline-block;
   margin: 0 3px 0 5px;
}

#content .box h4 em{
   font-style: normal;
   font-size: .84em;
   font-weight: bold;
   color: #666666;
}

#content .box p{
   font-size: 1.4em;
   color: #666;
}

.sliderGallery{
   width: 452px;
   height: 105px;
   margin-left: 5px;
   display: block;
   overflow:hidden;
   position: absolute;
   bottom: 0;
}

#rdesigns.box .sliderGallery{
   margin-left: -6px;
}

#content .sliderGallery ul{
   position: absolute;
   white-space: nowrap;
   padding: 0 4px;
   margin: 0;
}

#content .sliderGallery  li{
   float: left;
   padding-top: 8px;
   padding-left: 0;
   margin: 0 1px 0 0;
   background: none;
}

.sliderGallery li a{
   height: 67px;
   width: 88px;
   overflow: hidden;
   display: block;
   position: relative;
}

.sliderGallery ul#peepthumb li.current{
   background: url(/_img/bg_peeps_li_a_hover.gif) no-repeat center top;
}

.sliderGallery ul#designthumb li.current{
   background: url(/_img/bg_designs_li_a_hover.gif) no-repeat center top;
}

#designthumb li div	{ display:none; }

.sliderGallery ul li.current a {
   border: 4px solid #0aaed1;
   margin-top: -4px;
   margin-left: -4px;
   margin-right: -4px;
   z-index: 2000;
}

.sliderGallery #designthumb li.current a{
   border-color: #ed344e
}

.sliderGallery li a:hover img,
.sliderGallery li.current a img{
   margin-top: -67px;
}

.slider{
   position: absolute;
   width: 444px;
   height: 21px;
   padding: 0 4px;
   background: url(/_img/bg_slider.gif) no-repeat 0 0;
   bottom: 0;
}

.ui-slider-handle{
   	position: absolute;
	top: 3px;
	left: 0;
	height: 15px;
	width: 86px;
	background: transparent url(/_img/bg_scrolldrag.png) no-repeat;
    z-index: 100;
    outline: none;
}


#rdesigns{
   background: url(/_img/bg_rdesigns.gif) no-repeat 3px 0px ; 
}

#rdesigns .mediabox{
   margin: 0 12px 11px 0;
}
#rdesigns .mediabox img { margin-bottom:12px; float: left;}
#rdesigns .mediabox p	{ margin:0; }
#content #rdesigns h4,
#content #rdesigns p{
   margin-left: 0;
   margin-right: 12px;
}

#content p.launch{
   width: 106px;
   height: 25px;
   position: absolute;
   right: 0;
   bottom: -37px;
   margin: 0 !important;
}

#content p.launch a{
   display: block;
   height: 25px;
   text-indent: -9999px;
   background: url(/_img/bg_p_launch.gif) 0 0;
}

#content p.launch a:hover{
   background-position: 0 -25px;
}

#basement{
   clear: left;
   padding-top: 39px;
   width: 972px;
   float: left;
   background: url(/_img/bg_basement.gif) no-repeat 0 0;
   padding-bottom: 49px;
}

.col{
   width: 292px;
   float: left;
   display: inline;
   position: relative;
}

#twitter{
   margin-right: 41px;
}

.col h3{
   width: 292px;
   height: 51px;
   text-indent: -9999px;
}

#twitter h3{
   background: url(/_img/bg_twitter_h3.gif);
   margin-bottom: 1px;
}

p#twitterlink{
   width: 39px;
   height: 39px;
   position: absolute;
   top: 0;
   right: 0;
}

p#twitterlink a{
   display: block;
   height: 39px;
   text-indent: -9999px;
}

#twitter li{
   padding: 12px 2px;
   border-bottom: 1px solid #e7eae4;
   color: #484847;
   font-size: 1.3em;
   line-height: 1.5;
}

#twitter li.last{
   border: none;
}

#twitter li a{
   color: #0aaed1;
}

#twitter li a:hover{
   text-decoration: none;
}

#twitter li a.last{
   color: #a2a3a0;
   font-size: 13px !important;
   text-decoration: none;
   display: block;
}

#twitter li a.last:hover{
   text-decoration: underline;
}

.col p.more a{
   font-size: 1.4em;
   font-weight: bold;
   color: #79c82b;
   padding-right: 16px;
   margin-left: 2px;
   background: url(/_img/bg_hp_p_more.gif) no-repeat right 4px;
}

.col p.more a:hover{
   text-decoration: none;
}

#blog{
   margin-right: 43px;
}

#blog h3{
   background: url(/_img/bg_hp_blog_h3.gif);
   margin-bottom: 11px;
}

p#bloglink{
   width: 39px;
   height: 39px;
   position: absolute;
   top: 0;
   right: 0;
}

p#bloglink a{
   display: block;
   height: 39px;
   text-indent: -9999px;
}

#blog .post h4{
   color: #b9bab8;
   font-size: 1.5em;
   font-weight: normal;
   line-height: 1.4;
   margin-bottom: 6px;
}

#blog .post h4 a{
   color: #424341;
      font-weight: bold;
   text-decoration: none;
}

#blog .post h4 a:hover{
   text-decoration: none;
}

#blog .post{
   margin-bottom: 25px;
}

#blog .post.last{
   margin-bottom: 22px;
}

#blog .post p{
   font-size: 1.3em;
   color: #5b5c59;
   line-height: 1.6;
}

#blog .post p a{
   color: #0aaed1;
   font-weight: bold;
   text-decoration: none;
}

#blog .post p a:hover{
   text-decoration: underline;
}

#recommend h3{
   background: url(/_img/bg_recommend_h3.gif);
   margin-bottom: 3px;
}

#recommend .quote{
   border-bottom: 1px solid #e7eae4;
   padding: 8px 2px 15px;
   width: 288px;
   float: left;
}

#recommend .quote.last{
   padding-top: 14px;
}

#recommend blockquote{
   color: #5b5c59;
   font-size: 1.4em;
   font-style: italic;
   line-height: 1.5;
   margin-bottom: 9px;
}

#recommend p.source{
   font-size: 1.3em;
   color: #2f2f2f;
   font-weight: bold;
   float: right;
   line-height: 1.8;
}

#recommend p.source a{
   color: #0aaed1;
   font-weight: bold;
   text-decoration: none;
}

#recommend p.source a:hover{
   text-decoration: underline;
}

#recommend p.source a span{
   color: #303030;
}

#recommend p.source img{
   margin-right: 5px;
   float: left;
   margin-top: 2px;
}

#recommend ul{
   margin: 20px 0 18px;
   clear: left;
   width: 296px;
   float: left;
}

#recommend li{
   float: left;
   padding-right: 8px;
}