@charset "utf-8";

/*=========================
	    CSS INDEX
===========================
	1.	FONTS-KITS
	2.	RESET
	3.	GENERAL
	4.	INNER PAGES

*/
/*-------------------------
	1.	FONTS-KITS
---------------------------*/

@font-face {
    font-family: 'arial_narrowregular';
    src: url('../fonts/arial_narrow/arialn-webfont.eot');
    src: url('../fonts/arial_narrow/arialn-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/arial_narrow/arialn-webfont.woff') format('woff'),
         url('../fonts/arial_narrow/arialn-webfont.ttf') format('truetype'),
         url('../fonts/arial_narrow/arialn-webfont.svg#arial_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'arialregular';
    src: url('../fonts/arial/arial-webfont.eot');
    src: url('../fonts/arial/arial-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/arial/arial-webfont.woff') format('woff'),
         url('../fonts/arial/arial-webfont.ttf') format('truetype'),
         url('../fonts/arial/arial-webfont.svg#arialregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*-------------------------
	2.	RESET
---------------------------*/
*{
	margin:0px;
	padding:0px;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{
	border:0px;
	outline:0px;
	vertical-align:baseline;
	background:transparent;
	margin:0px;
	padding:0px;
}
blockquote,q{
	quotes:none
}
blockquote:before,blockquote:after,q:before,q:after{
	content:none;
}
:focus{
	outline:0;
}
ins{
	text-decoration:none;
}
.clear{
	clear: both;
}

/*-------------------------
	3.	GENERAL
---------------------------*/
body#body-bg-home {
	background:url(../images/body-bg-home.jpg) center top no-repeat;	
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
}
body {
	background:url(../images/body-bg-new.jpg) center top no-repeat;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1f3140;
	
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
}
a {
	text-decoration:none;
	color:#1f3140;	
	cursor:pointer;
}
a:hover {
	color:#f26159;
}
p {	
	float:left;
	line-height:18px;
	margin-bottom:11px;	
	width:100%;
}
h6 {
	font-family: "arialregular";
	font-size:14px;
	font-weight:normal;
	float:left;
	width:100%;
	margin-bottom:12px;
	color:#1f3140;	
}
.f-left {
	float:left;	
}
.f-right {
	float:right;	
}
.m-top15 {
	margin-top:15px;
}

#main-wrapper {
	width:100%;	
}
.light-red {
	color:#f26159;	
}
.light-green {
	color:#7c7962;	
}


#header-wrapper {
	width:100%;	
	position:relative;
	z-index:999;
}

#header {
	width:963px;
	min-height:35px;
	margin:0 auto;
	padding-top:34px;
	position:relative;	
}
#header-left {
	position:absolute;
	left:0;
	top:34px;
	width:132px;
	text-align:center;
	background-color:#ffffff;	
}

#body-bg-home #header-left {
	background: transparent;
}

#logo {
	float:left;
	width:115px;
	height:155px;
	margin-left:7px;	
}
.about-jba {
	float:left;
	text-transform:uppercase;
	font-family:"arial_narrowregular";
	font-size:14px;
	padding:5px 33px;
	margin:15px 0 0 0;
	background-color:#f26159;
	color:#ffffff;	
}
.about-jba:hover {
	background:url(../images/lens-hover.png) center no-repeat #f26159;
	color:#ffffff;
}
#header-right {
	float:right;
	width:830px;
}

/*socials area*/
#socials {
	float:left;
	width:20%;	
}
#socials a {
	float:left;
	width:30px;
	height:30px;
	margin:0 4px 0 0;
	background-image:url(../images/socials.jpg);
	background-repeat:no-repeat;
	cursor:pointer;	
}
#socials a.facebook {
	background-position:0 0;	
}
#socials a.twitter {
	background-position:-34px 0;	
}
#socials a.youtube {
	background-position:-68px 0;	
}

/*phone-email area*/
#phone-email {
	float:right;
	margin:6px 0 0 0;
}
a.email {
	font-family:"arial_narrowregular";
	float:right;
	padding:4px 5px;
	color:#ffffff;
	background-color:#7c7962;
	font-size:11px;	
}
a.email:hover {
	background-color:#1f3140;	
}
span.phone {
	float:right;
	font-size:20px;	
	color:#f26159;
	margin:4px 11px 0 0;
}

/*content area*/
#content-wrapper {
	width:100%;	
	margin:6px 0 0 0;
}
#content {
	width:963px;
	margin:0 auto;
	position:relative;	
}


/*navigaion area*/
#nav-container {
	width:100%;
	height:42px;
	background-color:#f26159;	
}
#nav {
	width:963px;	
	display:block;
	margin:0 auto;
}
.nav-active {
	background:url(../images/lens-hover.png)  center no-repeat #f26159;	
}
/*
#home-nav ul {
	width:830px;
	float:right;
}
#home-nav ul li {
	list-style:none;
	float:left;	
	width:115px;
	margin-right:4px;
	text-align:center;
}
#home-nav ul li a {
	float:left;	
	text-transform:uppercase;
	font-family:"arial_narrowregular";
	font-size:14px;
	line-height:42px;
	background-color:#f26159;
	color:#ffffff;	
	width:100%;
}
#home-nav ul li a:hover {
	background:url(../images/lens-hover.png) center center no-repeat #f26159;
	color:#ffffff;
}*/

/*footer area*/
#footer {
	width:963px;	
	display:block;
	margin:80px auto 20px auto;
	text-align:center;
}
#footer p {
	font-family:"arial_narrowregular";
	font-size:14px;	
	float:none!important;
	margin-bottom:0px!important;
}

/*-------------------------
	4.	INNER PAGES
---------------------------*/
#header-right2 {
	float:right;
	width:802px;
}
#left-sub-menus {
	left: 0;
	top: 150px;
	margin:0;
	width:132px;	
	position: absolute;
}
#left-sub-menus a {
	font-family:"arial_narrowregular";
	color:#7c7962;
	text-transform:uppercase;
	float:left;
	text-align:left;
	margin-bottom:20px;
}
#left-sub-menus a:hover, #left-sub-menus a.sub-active	{
	color:#f26159;	
}

#content-core {  
	width:802px;
	float:right;
	margin:5px 0 0;
} 
p.head {
	color:#f26159;
	font-weight:bold;	
}
img.content-img {
	margin-left:10px;	
}

/*clients list page area*/
ul.clients-list {
	float:left;	
	width:50%;
}
ul.clients-list li {
	float:left;
	list-style:none;
	display:block;
	width:100%;
	font-family:"arial_narrowregular";
	font-size:14px;
}

/*worship page area*/
#content-middle {
	float:left;
	width:649px;	
	position:relative;
}
#content-right {  
	width:115px;
	float:right;
	margin-top:-11px;
} 
.page_image{
	position: relative;
	margin-top: -115px;
	z-index: -1;
}

/*worship page pop-up area*/
#pop-up	{
	display:none;
	position:absolute;
	top:33%;
	left:5%;
	width:75%;
	height:auto;
	padding:5px;
	background-color:#FFFFFF;
	z-index:2;
}
.pop-up-matter {
	border:1px solid #1f3140;
	padding:34px 28px;
	float:left;	
}
a.close-btn {
	width:12px;
	height:13px;
	background:url(../images/close.png) no-repeat;
	position:absolute;
	top:-2px;
	right:0;
	text-indent:-9999px;
}