/*------------------------------------------------------------
Page Layout Styles #
------------------------------------------------------------*/
html { height:100%; }
body { font-family:Arial, sans-serif; color:#000000; background:#090909 url(../images/main_bg.png) top center no-repeat; min-height:100%; }
a { color:#3B5998; text-decoration:none; }
a:hover { color:#3B5998; text-decoration:underline; }
/*------------------------------------------------------------
General Styles #
------------------------------------------------------------*/
.wrapper { width:900px; margin:0 auto; position:relative; height:520px; }

.fancybox-title h2 { font-weight:bold; font-size:14px; margin-bottom:10px; }
.fancybox-title .description { }

.ferror .message { color:#FF0000; margin-top:5px; font-size:12px; }
.ferror input[type="text"] { border:1px solid #FF0000 !important; }
.ferror textarea { border:1px solid #FF0000 !important; }
.ferror select { border:1px solid #FF0000 !important; }

.indicator { position:fixed; left:20px; top:20px; z-index:999; }

#message_box { position:fixed; top:0; left:40%; z-index:9999; background:url(../images/icons/check_green.png) #FFFFFF no-repeat 10px center;	padding:20px 10px 10px 70px; text-align:left; vertical-align:middle; font-weight:bold; color:#FFFFFF; opacity:.8; filter:alpha(opacity=80); width:auto; height:40px; }
/*------------------------------------------------------------
Header #
------------------------------------------------------------*/
.header { width:650px; height:auto; position:absolute; top:0; right:0; }
.header .logo { text-align:center; margin-bottom:39px; }
.header .menu { width:560px; margin:0 auto; }
.header .menu ul { border-bottom:5px solid #3f3f3f; height:30px; }
.header .menu ul li { float:left; margin-right:30px; }
.header .menu ul li.last { margin-right:0; }
.header .menu ul li a { display:inline-block; color:#9c9c9c; font-size:16px; border-bottom:5px solid #3f3f3f; padding-bottom:10px; }
.header .menu ul li a:hover { color:#FFFFFF; text-decoration:none; border-bottom:5px solid #FFFFFF; }
.header .menu ul li a.active { color:#FFFFFF; text-decoration:none; border-bottom:5px solid #FFFFFF; }
/*------------------------------------------------------------
Content #
------------------------------------------------------------*/
.content { width:900px; margin:0 auto 20px auto; }
.content .content-item { background-color:#121212; padding:20px 20px 20px 20px; margin-bottom:20px; position:relative; }
.content .content-item.last { margin-bottom:0; }
.content .content-item h2 { display:inline-block; position:relative; background-color:#121212; color:#FFFFFF; font-weight:bold; font-size:20px; padding-right:20px; z-index:100; margin-bottom:20px; }
.content .content-item p { color:#b7b7b7; font-size:14px; padding:0 0 0 0; }
.content .content-item .line { position:absolute; top:33px; left:20px; z-index:0; background-color:#373737; height:1px; font-size:0; line-height:0; width:95%; }
/*------------------------------------------------------------
Home #
------------------------------------------------------------*/
.slideshow { position:absolute; top:200px; left:280px; padding:5px; background-color:#FFFFFF; }
.slideshow img { display:block; }
.slideshow .caption { position:absolute; left:5px; bottom:5px; right:5px; padding:10px; background:rgba(0, 0, 0, 0.7); color:#FFFFFF; }
.slideshow .caption h3 { font-weight:bold; font-size:16px; margin-bottom:5px; }
.slideshow .caption p { font-size:13px; color:#bdbdbd; }

.content .jcarousel-skin-custom { margin-top:10px; }
.content .jcarousel-skin-custom ul li { cursor:pointer; }
/*------------------------------------------------------------
Sections #
------------------------------------------------------------*/
body.about .wrapper { height:480px; }
body.about .content.main { width:620px; margin:0; position:absolute; top:200px; left:280px; }

body.gallery .wrapper { height:500px; }
body.gallery .content.main { width:620px; margin:0; position:absolute; top:200px; left:280px; }

body.religious-art .wrapper { height:500px; }
body.religious-art .content.main { width:620px; margin:0; position:absolute; top:200px; left:280px; }

body.murals .wrapper { height:500px; }
body.murals .content.main { width:620px; margin:0; position:absolute; top:200px; left:280px; }

body.store .wrapper { height:480px; }
body.store .content.main { width:620px; margin:0; position:absolute; top:200px; left:280px; }

body.contact .wrapper { height:200px; }
body.contact .content.main { width:610px; margin:0 0 20px 480px; color:#FFFFFF; }
body.contact .content.main .info { background-color:#212121; padding:10px; margin-bottom:10px; }
body.contact .content.main .info img { vertical-align:middle; }
body.contact .content.main .or { display:inline-block; background-color:#212121; padding:10px; margin-bottom:10px; }
body.contact .content.main .form { background-color:#212121; padding:10px; }
body.contact .content.main .form h3 { font-weight:bold; font-size:16px; margin-bottom:10px; }
body.contact .content.main .form .form-item { margin-bottom:10px; position:relative; }
body.contact .content.main .form .form-item.last { margin-bottom:0; }
body.contact .content.main .form .form-item input[type="text"] { width:300px; border:1px solid #CCCCCC; padding:3px; font-size:14px; }
body.contact .content.main .form .form-item textarea { width:300px; height:70px; border:1px solid #CCCCCC; padding:3px; font-size:14px; }
body.contact .content.main .form .form-item label { position:absolute; top:3px; left:5px; color:#000000; font-size:14px; }
/*------------------------------------------------------------
Footer #
------------------------------------------------------------*/
.footer { width:900px; height:144px; background:url(../images/footer_bg.png) repeat-x; margin:0 auto 0 auto; }
.footer .menu { width:480px; margin:0 auto 10px auto; padding-top:20px; }
.footer .menu ul {  }
.footer .menu ul li { float:left; margin-right:30px; }
.footer .menu ul li.last { margin-right:0; }
.footer .menu ul li a { display:inline-block; color:#9c9c9c; font-size:12px; font-weight:bold; }
.footer .menu ul li a:hover { color:#FFFFFF; text-decoration:none; }
.footer .menu ul li a.active { color:#FFFFFF; text-decoration:none; }

.footer .logo { width:272px; margin:0 auto 0 auto; }
/*------------------------------------------------------------
Buttons #
------------------------------------------------------------*/
.sButton { background-color:#999999; background-image:-moz-linear-gradient(0% 100% 90deg, #888888, #999999); border:1px solid #777777; border-radius:3px 3px 3px 3px; -webkit-border-radius:3px 3px 3px 3px; -moz-border-radius:3x 3px 3px 3px; box-shadow:0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 2px 3px rgba(255, 255, 255, 0.15) inset, 0 -1px 0 rgba(0, 0, 0, 0.1) inset; color: #FFFFFF; cursor:pointer; display:inline-block; position:relative; text-shadow:-1px -1px 0 #777777; vertical-align:top; }
.sButton:hover { background-color:#888888; background-image:-moz-linear-gradient(0% 100% 90deg, #777777, #888888); border-color:#555555; box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 2px 4px rgba(255, 255, 255, 0.2) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset; text-shadow:-1px -1px 0 #666666; }
.sButton:active { background-color:#666666; background-image:-moz-linear-gradient(0% 100% 90deg, #777777, #666666); box-shadow:0 2px 4px rgba(0, 0, 0, 0.25) inset; text-shadow:1px 1px 0 #555555; }
.sButton:hover { text-decoration:none; }
.sButton:active { outline:0 none; }
.sButton.disabled { opacity:0.5; }
.sButton.block { display:block; width:100%; }

.sButton.medium { padding:8px 20px; }
.sButton.small { padding:3px 10px; }
.sButton.vsmall { padding:2px 5px; }