@charset "utf-8";
/* CSS Document for city church */
/* Global Stylesheet */

/* RESET -------------------------------- */
* {outline: none;}
body {margin:0;padding:0;font-size:12px;height:100%;color:#000;}
a{color:#48315e;}
a:hover{color:#951a2c;}
p { padding-bottom: 20px; }
ul, ol {margin: 0;padding: 0;list-style-type: none;}
form {margin: 0px;padding: 0px;}
a img {border: 0;}
.clearfix:after{ content: ".";  display: block;  height: 0; clear: both;  visibility: hidden;}
.clearfix{min-width: 0;	display: inline-block; display: block;}
* html .clearfix{height: 1%;}
.left{float:left;}
.right{float:right;}
.alignleft {float:left; margin-right:20px; border:solid 1px #dbdbdb; background:#fff; padding:4px;}
.alignright {float:right; margin-left:20px; border:solid 1px #dbdbdb; background:#fff; padding:4px;}
.textleft{text-align:left;}
.textright{text-align:right;}
.textcenter{text-align:center;}
.center {margin-right: auto; margin-left: auto;}
textarea { overflow:auto; }

/* COMMON TAGS ------------------------------- */
.clear{clear:both; line-height:1px; height:1px;}
.imgborder{border:solid 1px #dbdbdb; background:#fff; padding:4px;}

/* LAYOUT TAGS ----------------------------- */
body{background:url(../images/bg_body.jpg) repeat-x center top #48315e; font-family:Arial, Helvetica, sans-serif;}
.box{width:960px; margin:0 auto;}
#header{width:100%; padding:0 0 57px 0; float:left;}
#logo{width:900px; height:131px; padding:27px 0 0 0; float:left;}
#header_right{width:890px; float:left;}

#header_right a.link{width:136px; height:63px; font-size:14px; float:right; font-weight:bold; color:#48315e; text-align:center; line-height:60px; background:url(../images/bg_top_link.png) no-repeat; display:inline-block; text-decoration:none;}
#header_right a:hover.link{background-position:left bottom;}

/* Main Menu */
#navigation{width:100%; text-align:right; padding:50px 0 0 0;}
#navigation li{font-size:16px; color:#fff; display:inline; padding:0 0 0 44px;}
#navigation li a{color:#fff;text-decoration:none;}
#navigation li a:hover{color:#951a2c;}

/* Homepage */
.home #content{background:none; padding:0 0 15px 0; color:#fff;}
.home .entry h2{color:#fff;}

#Featured{width:950px; padding:5px; background:#f1f1f1; float:left; margin:0 0 40px 0;}
#Featured .left{width:435px; padding:0 40px 0 20px; float:left;}
#Featured .right{width:445px; border:solid 1px #dbdbdb; background:#fff; padding:4px; float:left;}
ul#Featured_nav li{width:100%; border-bottom:solid 1px #dbdbdb; padding:25px 0; float:left;}
ul#Featured_nav li img{float:left; margin-right:25px;}
ul#Featured_nav li h3{font-size:18px; color:#48b3ab; margin:0; padding:10px 0 0 0;}
ul#Featured_nav li h3 a{text-decoration:none;}
ul#Featured_nav li .list{font-size:14px; color:#7d7d7d;}
ul#Featured_nav li.last{border:none;}
#recent_projects{width:100%; padding:0 0 40px 0; float:left; color:#fff;}

#recent_projects img{width:283px; height:200px;border:5px solid #fff; float:left; margin-right:40px;}
#recent_projects img.last{margin-right:0;}

#content{color:#000; float:left; padding:40px;background:#fff;}
#content p{font-size:14px; margin:0; line-height:20px;}

/* Footer */
#footer{width:100%; text-align:center; padding:20px 0; color:#fff; float:left; border-top:solid 1px #7d5c9d;}
#footer span.address{font-size:14px; padding:0 40px 0 0; text-align:center;}
#footer li{font-size:14px; display:inline;}
#footer li a{color:#fff; text-decoration:none;}
#footer li a:hover{color:#48b3ab;}

/* entry */
.entry{font-size:14px; color:#000;}
.entry h2{font-size:24px; margin:0; padding:0 0 20px 0; color:#7c5b9c;}
.entry p{margin:0; padding:0 0 20px 0; line-height:20px;}
.entry h3{font-size:18px; color:#7c5b9c; font-weight:normal; margin:0; padding:0 0 20px 0;}
img.right{float:right; margin:0 0 0 35px;}
img.left{float:left; margin:0 35px 0 0;}
img.imgborder{ border: 5px solid #fff;}

/* Portfolio Items */
#portfolio{width:921px; margin-left:-20px; margin-right:-20px; float:left;}
.item{padding:20px; float:left;}
.item img{border:solid 1px #dbdbdb; background:#f1f1f1; padding:4px; display:block;}
.item h4{font-size:14px; color:#000; margin:0; padding:5px 0 0 0; font-weight:bold;}
.item h4 a{color:#000; text-decoration:none;}
.item .date{color:#666;}

/* secondary */
#leftcol{width:580px; float:left; padding:0 40px 0 0;}
#rightcol{width:260px; float:left;}
#rightcol h4{padding:0 0 20px 0; color:#7c5b9c; font-size:24px; margin:0;}
.testimonial{width:100%; padding:0 0 50px 0;}
.testimonial p{font-size:14px; color:#666; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; line-height:20px; margin:0; padding:0;}
.testimonial .writer{font-size:14px; color:#000; line-height:20px; text-align:right; display:block;}