/* Left & Right alignment */
.left {
	float:left;
}
.right {
	float:right;
}
.wrapper {
	position:relative;
	overflow:hidden;
	width:100%;
}
/* Global properties ======================================================== */
body, html{
	min-width:970px;
	min-height:920px;
}
body {
	position:absolute;
	overflow:hidden;
	width:100%;
	height:100%;
	border:0;
	color:#a0a695;
	font:12px/20px  Arial, sans-serif;
}
/* Global Structure ============================================================= */
.glob {
	position:absolute;
	top: 0;
	left: 0;
	overflow:hidden;
	width:100%;
	height:100%;
	border:0;
}
.page_spinner {
	position:fixed;
	top:0;
	left:0;
	z-index:399;
	width:100%;
	height:100%;
	background:url(../images/main_spinner.gif) 50% 50% no-repeat #949a8c;
}
/* ============================= main layout ====================== */
a {
	outline:none;
	color:#847c7e;
	text-decoration:underline;
}
a:hover {
	color:#4c8e06;
}
h1 {
	display:inline-block;
	padding:0;
}
h2 {
	padding-bottom:26px;
	color:#545b4c;
	text-transform:uppercase;
	font:bold 20px/20px 'Oleo Script', sans-serif;
}
#page_media h2, #page_events h2, #page_contacts h2 {
	padding-bottom:41px;
}
h3 {
	padding-bottom:16px;
	color:#33382f;
	font:14px/20px  Arial, sans-serif;
}
#page_ministries  h3 {
	padding-bottom:46px;
}
#page_contacts  h3, #page_privacy  h3, #page_more  h3 {
	padding-bottom:0;
}
p { 
	padding-bottom:17px;
}
img { 
	padding-bottom:23px;
}
#page_events  img { 
	padding-bottom:13px;
	margin-left: 5px;
}
/* ============================= structure ====================== */
.top_section{
	position: absolute;
	position: relative;
	z-index: 20;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 338px;
}
.logo_section{
	position: relative;
	left: 41px;
	width: 243px;
	height: 338px;
	background:url(../images/comp_plane.png) 0 0 no-repeat;
}
.header_txt1{
	position: relative;
	top: 40px;
	display: block;
	margin-right: 13px;
	color: #dbddda;
	text-shadow: 0 0 7px #838979; 
	letter-spacing: 3px;
	font:bold 30px 'Oleo Script', sans-serif;
	text-align:right;
}
.header_txt2{
	position: relative;
	top: 54px;
	margin-right: 13px;
	color: #ffdc3b;
	text-align: right;
}
#logo {
	position:relative;
	z-index:5;
	display:block;
	overflow:hidden;
	margin:83px 0 0 41px;
	width:148px;
	height:134px;
	background:url(../images/logo_mary.png) 0 0 no-repeat;
	text-indent:100%;
	white-space:nowrap;
}
.logo2 {
	position:relative;
	z-index:5;
	display:inline-block;
	overflow:visible;
	padding-right: 2px;
	white-space:nowrap;
}
header{
	position: relative;
	top: -138px;
	display: block;
	float: left;
	width:325px;
	min-height:638px;
	background:url(../images/header_bg.png) 0 0 repeat-y;
	text-transform:uppercase;
}
/* ============================= menu ====================== */
.menu {
	padding-top:220px;
	text-align: center;
}
#menu > li {
	position:relative;
	padding-bottom:14px;
}
#menu > li > a{
	position:relative;
	z-index:1;
	display:inline-block;
	color:#383c3f;
	text-align:center;
	text-decoration:none;
	font:bold 20px 'Oleo Script', sans-serif;
}
#menu > li > a span{
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100%;
}
.submenu_1 {
	position:absolute;
	top:2px;
	left:318px;
	z-index:215;
	padding:10px 0;
	width:151px;
	background:url(../images/submenu_bg.png) 0 0 repeat-x;
}
.submenu_1 li {	
	position:relative;
	text-align:left;
}
.submenu_1 a {
	position:relative;
	z-index:1;
	display:block;
	padding:6px 0 6px 14px !important;
	color:#fff !important;
	text-decoration:none;
	font:bold 12px 'Open Sans', sans-serif;
}
.submenu_1 a b{
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:29px;
	
}
.submenu_1 li>a:hover,.submenu_1 li.sfHover>a{
	background:url(../images/submenu_hover.png);
}
.submenu_2 {
	position:absolute;
	top:-20px;
	left:120px;
	z-index: 10;
	padding:20px 0;
	width:151px;
	background:url(../images/submenu_bg.png) 0 0 repeat-x;
}
.corner {
	position: absolute;
	top: 9px;
	left: -5px;
	width: 8px;
	height: 13px;
	background: url(../images/submenu_arrow.png) 0 0 no-repeat;
}
/* ============================= bgGall ======================= */
#bgStretch img{
	background:#000;
}
/* ============================= splash ====================== */
#splash{
	position:absolute;
	z-index:10;
	width:100%;
}
/* ============================= content ====================== */
#content{
	position:relative;
	top: -138px;
	right:10px;
	z-index: 30;
	display: block;
	float: right;
	/* overflow:hidden; */
	min-height:638px;
	width:625px;
}
#content > ul > li {
	position:absolute;
	width:100%;
	background-color:#fff;
}
#content > ul > li > div{
	overflow:hidden;
	padding:62px 20px 30px 31px;
}
#page_main>div{
	padding:0 !important;
}
#page_contacts>div{
	padding:62px 40px 20px 31px !important;
}
a{
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
.more, .more2{
	display:inline-block;
	margin-bottom: 20px;
	padding-right:20px;
	background:url(../images/more_sign.png) right 4px no-repeat;
	color:#33382f;
	text-decoration:none;
	font:14px/20px  Arial, sans-serif;
}
.more2{
	padding-right:0;
	background:none;
}
.more:hover, .more2:hover{
	color:#ffd33b;
}
.google_map{
	width:310px;
	height:193px;
	background:#fff;
	margin-bottom: 49px;
}
.address{
	padding-bottom: 20px;
}
.address > span{
	display: inline-block;
	width:170px;
}
.urlLink{
	color: #33382f;
	text-decoration:none;
}
.mailLink{
	color: #a0a695;
	text-decoration:none;
}
/* ============================= footer ====================== */
footer {
	position:relative;
	top:-96px;
	width:100%;
}
footer  a{
	color:#000000;
	text-decoration:underline;
}
footer  a:hover{
	color:#fff;
}
footer p {
	padding-bottom:0;
	color:#000000;
}
footer p+p {
	margin-right:5px;
	text-align: right;
}
.footer_icon {
	position:relative;
	display:inline-block;
	margin-top: 2px;
	padding-right: 7px;
	width:17px;
	height:15px;
	background:url(../images/footer_icon.png) 0 0 no-repeat;
	white-space:nowrap;
}
/* ============================= forms ============================= */
#form1 input {
	margin:0;
	padding:12px 7px 12px 16px;
	width:227px;
	border:1px solid #ced3c4;
	background-color:#fff;
	box-shadow:none;
}
#form1 textarea {
	overflow:auto;
	margin:0;
	padding:12px 7px 5px 16px;
	width:258px;
	height:133px;
	border:1px solid #ced3c4;
	background-color:#fff;
	line-height:18px;
	resize:none;
}
#form1 label {
	position:relative;
	display:inline-block;
	min-height:56px;
}
#form1 .error, #form1 .empty {
	position:absolute;
	top:-1px;
	right: 3px;
	display:none;
	color:#000;
	text-transform:none;
	font-size:10px;
	line-height:18px;
}
#form1 .success {
	position:absolute;
	z-index: 1;
	width: 552px;
	height: 152px;
	border: 1px solid #000;
	background: #000;
	opacity: 0.9;
}
#form1 .success .success_txt {
	position: relative;
	top: 35%;
	color:#fff;
	text-align: center;
}
.btns a{
	margin:19px 0 0 30px;
	border:1px solid black;
	padding:5px;
	background-color: #DEDEDE;
}
/* Form defaults */
input, select, textarea {
	color:#847c7e;
	font:12px/12px Arial, sans-serif;
}
/* start gallery */
.slider_gall {
	position:relative;
	z-index:2;
	display:inline-block;
	float:left;
	overflow:hidden;
	width:625px;
	height:638px;
}
.items {
	display:none;
}
/* end gallery */
/* start date plane */
.date_plane{
	display:inline-block;
	margin: 5px 23px 10px 0;
	padding:10px 6px 7px 6px;
	background:#ffd33b;
	color:#fff;
	text-align:center;
	text-decoration:none;
	font:30px/16px 'Oleo Script', sans-serif;
}
.date_plane span{
	margin-left: 5px;
	font-size: 20px !important;
}
.date_plane:after{
	position: relative;
	bottom: -16px;
	width: 8px;
	height: 9px;
	content: url("../images/date_corner.png");
}
.quote_plane{
	display:inline-block;
	margin-top: 16px;
	margin-bottom: 15px;
	padding:24px 20px 22px 29px;
	background:#899184;
	color:#fff;
	text-decoration:none;
	font:20px/30px 'Oleo Script', sans-serif;
}
.quote_plane:after{
	position: relative;
	right: -30px;
	bottom: -46px;
	width: 12px;
	height: 15px;
	content: url("../images/quote_corner.png");
}
/* end date plane */
/* ============================= slider ====================== */
.slider {
	z-index:1;
	margin-top:19px;
	width:550px !important;
}
.slider li {
	float:left;
	margin-right:20px;
	width:170px;
}
.prev, .next {
	position:absolute;
	top:-15px;
	width:13px;
	height:14px;
}
.prev {
	right:25px;
	background:url(../images/prev.png) 0 0 no-repeat;
}
.next {
	right:1px;
	background:url(../images/next.png) 0 0 no-repeat;
}
/* =============================end slider ====================== */
/* =============================additional classes ====================== */
.media_col1, .media_col2, .media_col3, .media_col4, .media_col5, .media_col6, .col1 { float:left;}

.imgIndent{
	margin-right: 27px;
	margin-top: 6px;
}
.lineCol1{
	float:left;
	width:33px;
	height:100%;
	margin-left:47px;
	border-left:1px solid #e9e9e8;
}
.lineH{
	margin:3px 20px 12px 0;
	display:block;
	height:1px;
	background-color:#e9e9e8;
}
.height1{
	height:526px;
}
.padTop1{
	padding-top: 15px;
}
.padTop2{
	padding-top: 4px;
}
.marLeft1{
	margin-left: 33px;
}
.marTop1{
	margin-top: 10px;
}

.media_col1{
	width: 170px;
}
.media_col2{
	width: 120px;
}
.media_col3{
	width: 108px;
}
.media_col4{
	width: 33px;
	text-align: center;
}
.media_col5{
	width: 75px;
	text-align: center;
}
.media_col6{
	width: 44px;
	text-align: center;
}
.col1 {
	width:267px;
}
.box{
	overflow: hidden;
}