/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.clear {clear:both;}
.table {display:table;}
.wrapper {width:100%; overflow:hidden;}
.relative {
	position:relative;
	height: 360px;
	width: 400px;
}
.absolute {position:absolute;}

/* Global properties ======================================================== */
body, html {height:100%;}

body{ background:#000 url(../images/px1.jpg) top left repeat; border:0; font: 14px Arial, Helvetica, sans-serif; color:#1c1b18; line-height:18px; min-width:1000px; position:relative; overflow:hidden;}

.spinner{ position:absolute; z-index:99; background:url(../images/loader.gif) 50% 50% no-repeat #000; width:100%; height:100%; top:0; left:0}

.extra {min-width:1000px;min-height:100%; height:auto !important; height:100%; margin: 0 auto -83px; overflow:hidden; background:url(../images/bg1.png) center center no-repeat;}

.main1 { width:1000px; height:555px; margin:0 auto; position:relative; z-index:10;}

header { width:284px; padding-top:30px; }

.logo { display:block; width:284px;text-decoration:none;text-align: center;}
.logo span { display:block; font-family:'TrajanProBold'; font-weight:normal; font-size:40px; line-height:40px; color:#080301; padding-top:0px; text-transform:uppercase; padding-top:15px; text-shadow:2px 2px 2px #5a391d;}





.block {height:83px;}


footer { width:100%; height:83px; background:url(../images/bot_px1.png) top left repeat-x; position:relative;}

.copyright{float:left; padding-top:35px; text-align:left; padding-left:30px; color:#978c7b;}
.copyright a { color:#b6996c;}

.bot2 { float:right;}
.icons {overflow: hidden; float:left; padding-top:25px; padding-right:100px;}
.icons > li {float: left; padding-right: 10px;}
.icons > li > a {display: block; position: relative;}
.icons .img_act {left: 0; top: 0; position: absolute;}

.tola { float:left;}



/* ============================= main menu ====================== */


.menu {width:284px;}
#menu { padding:10px 0px 0 0px; }

#menu > li {position:relative; width:284px; height:35px;}
#menu > li > a{ display:block;height:35px; width:284px;text-decoration:none; position: relative; overflow:hidden; text-align:center; font-family:'TrajanProRegular'}
#menu > li > a span{ display:block;font-size:22px; color:#e7bc79; font-weight:normal; line-height:35px; padding-top:0px;position: absolute; z-index:1; width:284px;left: 0px; top:0px;}
#menu > li > a strong{ display:block;font-size:28px; color:#fff4dc; font-weight:normal;line-height:35px;padding-top:0px;position: absolute; z-index:2; width:284px;left: 0px; top:0px;}



.menu_splash { position:absolute; top:385px; left:20px;}
#menu_splash {position:relative }

#menu_splash > li {position:relative; width:221px; height:151px; overflow:hidden; float:left; margin-right:5px;}
#menu_splash > li img { position:absolute; z-index:1;}
#menu_splash > li > a{ display:block;height:151px; width:221px;text-decoration:none; position: relative; overflow:hidden; text-align:left; text-decoration:none; }
#menu_splash > li > a > span{ display:block;position: absolute; z-index:2; width:221px; height:151px;left: 0px; top:0px; background:#000;}
#menu_splash > li > a > div { display:block;font-size:12px; color:#786d57; line-height:22px;padding-top:0px;position: absolute; z-index:3; width:221px;left: 0px; top:95px; padding-left:15px; padding-top:10px;text-decoration:none;}
#menu_splash > li > a > div > span { color:#c3ad7d; font-size:22px; font-family:'DauphinRegular';text-decoration:none;}

#menu_splash > li > a:hover > div > span { color:#fff2d6; }








/* ============================= main layout ====================== */



#content{width:716px; height:555px; position: absolute; z-index:30; top:0px; left:284px;}
#content > ul{ width:716px; height:555px;}
#content > ul > li{ width:716px; height:555px;}


.box{ background:url(../images/box1.png) top left no-repeat; width:716px; height:555px; padding:0px 0px 0px 0px; position:relative}

.box2{
	background:url(../images/box2.png) top left no-repeat;
	width:716px;
	height:555px;
	position:relative;
	padding-top: 60px;
	padding-right: 50px;
	padding-bottom: 40px;
	padding-left: 50px;
}



.pad_left1{ padding-left:10px;}
.pad_left2{ padding-left:20px;}
.pad_left3{ padding-left:30px;}
.pad_left4{ padding-left:40px;}
.pad_left5{ padding-left:50px;}
.pad_left6{ padding-left:60px;}

.w1 { width:250px;}


a{ color:#ff5a00; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}

h2{ font-family:'DauphinRegular';font-weight:normal; font-size:30px; color:#1c1b18; line-height:30px; padding:10px 0 10px 0; letter-spacing:-1px; }
h3{ font-family: "Times New Roman", Times, serif; font-weight:normal; font-size:18px; color:#1c1b18; line-height:24px; padding:5px 0 5px 0; letter-spacing:0px; }


.upper { text-transform:uppercase;}

p.text { padding:5px 0;}


.border1 { padding:3px; background:#dbc39b;}
.border2 { border:1px solid #7b6c5d;}


.img0 { margin-right:25px;}
.img1 { margin-bottom:10px; margin-right:15px;}


.button1{ display:inline-block; font-family:'TrajanProRegular'; font-size:12px; color:#1c1b18; border-bottom:1px dotted #1c1b18; line-height:12px; text-decoration: none; padding:0 0px; position:relative; margin-top:10px;}
.button1:hover{ color:#ff5a00; text-decoration:none; border-bottom: none; padding-bottom:1px;}

.gal1 { padding-bottom:30px; float:left; margin-right:30px; }
.gal1.last { margin-right:0px; }

.photo1 {width:163px; height:173px; position:relative; }
.photo1 a img {position:relative; }
.photo1 a span{position:absolute;z-index:2; margin:4px 0 0 4px; top:0;left:0; background:url(../images/photo_over.png) 50% 50% no-repeat #000; width:100%; height:100%;}


.vid1 { padding-bottom:20px; float:left; margin-right:30px; width:248px; }
.vid1.last { margin-right:0px;  }

.video1 {width:248px; height:133px; position:relative; margin-bottom:10px; }
.video1 a img {position:relative; }
.video1 a span{position:absolute;z-index:2; margin:4px 0 0 4px; top:0;left:0; background:url(../images/video_over.png) 50% 50% no-repeat #000; width:100%; height:100%;}



.gmap { width:370px; height:160px;}



/*===================== Scroll =====================*/


.scroll{height:440px; width:580px; overflow:hidden;}
.track{ background: url(../images/scroll_track.png) top left no-repeat; left:595px; top:0px; width:23px; position:absolute; height:447px; padding:0 0;}
.shuttle{ width:23px; height:68px; left:0px; background: url(../images/scroll_shuttle.png) left top no-repeat;}
._up-butt{ width:0px; height:0px; display:none }
._down-butt{ width:0px; height:0px; display:none }


#page_BIBLE .scroll {width:360px; }
#page_BIBLE .track {left:370px; }

#page_WEDDING .scroll {
	width:600px;
}
#page_WEDDING .track {left:370px; }

#page_CHARITY .scroll {width:360px; }
#page_CHARITY .track {left:370px; }






/*================= Contacts =========================*/
.notification_error{ height: auto;width:310px;padding: 2px;background: #fceecc; text-align: left; color:#f00; border: 1px solid #a8936f; margin-bottom:5px}
.notification_ok{ border: 0px ; height: auto; width:310px; padding: 8px; background: #fceecc; text-align: center;} 
 .info_fieldset legend { border: 1px #a8936f solid;  color: #fff;   font: 12px  Arial;  padding: 2px 5px 2px 5px; }

/* Label */
label  { width: 200px; padding:10px 0 5px 0; height:35px;color:#000; line-height:22px}

/* Input, Textarea */
input{ margin: 0px; padding: 3px;   border: 1px solid #a8936f;  color: #000; background:#fceecc; font: 12px Arial, Helvetica, Arial, sans-serif; height:30px; margin-bottom:5px; width:240px; line-height:22px;}

textarea{margin: 0px; padding: 3px;   background:#fceecc; border: 1px solid #a8936f;  color: #000;   font: 12px Arial, Helvetica, Arial, sans-serif; height:90px; margin-bottom:5px; width:330px; line-height:22px;}

.pinn { border:0; background: url(../images/submit.png) top left no-repeat; display:block; text-align:center; line-height:20px!important; font-weight: normal; text-decoration:none; width:73px; height:28px; color:#f1d4a7; font-size:12px; margin-top:10px; cursor:pointer; font-family:'TrajanProRegular'; }
.pinn:hover{  color:#FFFFFF;}

#note {
	position:absolute;
	z-index:2;
	width:100px;
	left: 270px;
	top: 260px;
}






/* Generated by Font Squirrel (http://www.fontsquirrel.com)  */


@font-face {
    font-family: 'TrajanProRegular';
    src: url('trajanpro-regular-webfont.eot');
    src: url('trajanpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('trajanpro-regular-webfont.woff') format('woff'),
         url('trajanpro-regular-webfont.ttf') format('truetype'),
         url('trajanpro-regular-webfont.svg#TrajanProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TrajanProBold';
    src: url('trajanpro-bold-webfont.eot');
    src: url('trajanpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('trajanpro-bold-webfont.woff') format('woff'),
         url('trajanpro-bold-webfont.ttf') format('truetype'),
         url('trajanpro-bold-webfont.svg#TrajanProBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}