/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/

/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    background: url(/img/main-bg.jpg) no-repeat center center fixed;
    background-color: #e7e2cf;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-width: 1050px;
}

body {
    font-size: 1em;
    line-height: 1.4;
    font-family: 'Cabin', Verdana, sans-serif;
    min-width: 1050px;
}

/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

a {
    text-decoration: none;
    color:#82312d;
}

/*
* A better looking default horizontal rule
*/

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/

img {
    vertical-align: middle;
	border:0;
}

/*
* Remove default fieldset styles.
*/

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
* Allow only vertical resizing of textareas.
*/

textarea {
    resize: vertical;
}

/* ==========================================================================
Chrome Frame prompt
========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
Author's custom styles
========================================================================== */

















/* ==========================================================================
Helper classes
========================================================================== */

/*
* Image replacement
*/

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
* Hide visually and from screenreaders, but maintain layout
*/

.invisible {
    visibility: hidden;
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    #event_slider { display:none;}

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
    * Don't show links for images, or javascript/internal links
    */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

.fl-left { float:left; }

/* ==========================================================================
Main styles.
========================================================================== */


.fullBg { position: fixed; top: 0; left: 0; overflow: hidden; }

.wrapper{ position:relative; }

.wrapper-1000{ width:1000px; margin:0 auto; position:relative; }

.main-container{ left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }

.logo{display:table;margin:0 auto;}

.circled-list li{ display:inline; float:left; margin:0 5px; }

.circled-list li a{ text-decoration: none; color: #ada677;  font-size: 18px;border: 2px #ada677 solid;padding: 4px 5px;border-radius: 20px;font-weight: bold;}



header{padding-top:5px;position:relative; background:rgba(0,0,0,0.0.8)}


header nav ul{display:table;margin:30px auto 20px auto;}

header nav ul a{text-decoration:none;}

header nav ul li {display:inline;float:left;}


header nav ul li.menu{padding:0 30px 0 20px; background:url(/img/nav-bullet-list.png) right center no-repeat; text-align:center;}

header nav ul li.menu a{  color:#26436d;}

header nav ul li:nth-child(2){padding-left:0;}

header nav ul li.langs { position:absolute; right:0;}
/* header nav ul li:nth-child(6){background:none;float:right;}*/

header nav ul li:first-child{ margin-right: 90px;padding: 0 0 0 6px;border-left:#26436d 1px solid;width:20px;line-height: 0.9;margin-top:-10px;float:left;}/*old color #d3c584*/
/*header nav ul li:last-child{ margin-left:10px;}*/

header nav ul li:first-child a{font-weight:normal;color:#26436d;font-size:11px;} /* changed color */
header nav ul li:first-child a:hover{color:#d3c584;}




header nav ul li:last-child span a{ text-decoration: none; color:#26436d /*#d7ce95*/;font-size: 12px;border-radius: 20px;border: 1px #26436d solid;padding: 4px 5px;font-weight: normal;}
header nav ul li:last-child span a:hover{ color:#d7ce95}

.header-bottom-border{ height:9px; background:url(/img/header-bottom-border.png)repeat-x; position:relative; z-index:1; }


.submenu-container{overflow: hidden;height: 138px;margin-top: -9px;position: relative;z-index: 2;}

.submenu{overflow:hidden; width: 1009px;height: 138px;position: absolute;left: -2px;background: url(/img/submenu-bg.png) -3px top no-repeat;top: -122px;}

.submenu .nav-arrow-container { position:relative;width: 1009px;height: 138px;}

.submenu a.nav-arrow{ position:absolute;bottom:7px;left:493px;background:url(/img/submenu-nav-arrow.png); display:block;width:9px;height:6px; }


.submenu a.nav-arrow.down{ background-position:left bottom;cursor: default;}

.submenu a.nav-arrow.up{ background-position:left top;}


.submenu ul{list-style-type:none;margin:16px 0 0 0;padding:0;width:177px;float:left;position:relative;z-index:1;}

.submenu ul:first-child{margin-left:123px;}

.submenu ul li {text-align:left;margin-top:5px;}
.submenu ul li a{text-decoration:none;color:#112a52;font-size:13px;}
.submenu ul li a:hover{text-decoration: underline;}



.slider{ height:500px; margin-top:-137px; }

.slider.mainpage .description{
    display:block;
}
.slider .description{
    height: 34px;
    overflow: hidden;
    background: #dbd19c;
    bottom: 0;
    position: absolute;
    width: 100%;
/*    display:none;*/
}

.slider .description p{margin:0;padding:0;font-size:14px; color:#000;}

.slider .description .left{float:left;margin-left:10px;margin-top:8px;}

.slider .description .right{float:right;}

.slider .description .right p{float:left;}
.slider .description .right p{ margin-top:8px; }
.slider .read-more{margin-left:5px;padding-top:5px;border-left:1px solid #fff;float:right;display:block;width:29px;height:35px;background:url(/img/read-more-note.jpg) left 3px no-repeat;}
.slider .showcase-arrow-next{background: url("/img/slider-arrows.png") no-repeat scroll right top transparent;cursor: pointer;display: block;height: 33px;position: absolute;right: 10px;top: 300px;width: 34px;z-index: 2;}
.slider .showcase-arrow-previous{ background: url("/img/slider-arrows.png") no-repeat scroll left top transparent; cursor: pointer; display: block; height: 33px;position: absolute;left: 10px;top: 300px;width: 34px;z-index: 2;}



.verse{
text-align: center;
width: 500px;
margin: 50px auto 0;
}

.verse h1{font-size:18px;color:#8b302d;margin:0;padding:0;}
.verse span.sub{color:#8b302d;font-size:14px;}
.verse span {color:#6e6965;font-size:12px;padding:0 20px;}

.verse p{width:655px;margin:0 auto; color:#6e6965;font-size:12px; margin-top:10px;}

.more{height:45px;width:320px;margin:30px auto;background:url(/img/more.png) left bottom no-repeat;text-align:center;}
.more a{text-decoration:none;font-size:11px;color:#8b302d; }





.highlight-images{height:170px;}

.highlight-images ul{list-style-type:none;display:table;margin:0 auto;}
.highlight-images ul li:first-child{margin-left:0;}
.highlight-images ul li { width:177px; display:inline; float:left; cursor: pointer;}
.highlight-images ul li div{width:150px; height:150px; overflow:hidden; border-radius:75px; border:2px #ddd49d solid;}
.highlight-images ul li div:hover, .highlight-images ul li div.active { margin:-5px 0 0 -5px;  width:160px; height:160px; border:3px #ddd49d solid; border-radius:80px;}
.highlight-images ul li div:hover  img, .highlight-images ul li div img.active{ width:180px; height:160px; }

.archives{ position:relative; width: 987px; height:666px; background:url(/img/archive-container.png?v=1)no-repeat; margin:20px auto;}
.archives .latest-news{position: absolute;text-align: right;top: 10px;width: 280px;}
.archives .latest-news h1{ color:#7a342a; font-size:17px;}
.archives .latest-news p a{display:block;text-decoration:none;color:#63625e;font-size:12px; padding-bottom: 10px; border-bottom:#dad6a7 1px solid; }
.archives .latest-news p a:hover{text-decoration:underline;}
.archives .latest-news div:last-child p{border:none;}

.archives .highlights{left: 325px;position: absolute;top: -10px;width: 338px;}
.archives .highlights h1{ color:#7a342a; font-size:20px; text-align:center;}
.archives .highlights ul{list-style-type:none;margin:0;padding:0;}
.archives .highlights ul li{padding:10px 5px; border-bottom:2px #dad6a7 solid;text-align:center;}
.archives .highlights ul li.active{border-bottom:3px #dad6a7 solid;}
.archives .highlights ul li.active2{border-bottom:3px #dad6a7 solid;}
.archives .highlights ul li a{text-decoration:none;text-align:center;font-size:14px;display:block;color:#63625e;}
.archives .highlights ul li a.active{font-weight:bold;}

.archives .highlights div{margin:20px 0;}
.archives .highlights div img{margin-top:0px;}
.archives .highlights div h2{color:#7a342a; font-size:17px;margin:15px 0 35px 0; }
.archives .highlights div p{font-size:15px;color:#7a7d76;line-height:18px;padding:0;margin:0;}

.archives .publications{position: absolute;text-align: left;top: 10px;width: 280px;right:-2px;}
.archives .publications h1{ color:#7a342a; font-size:17px;}
.archives .publications p a{display:block;text-decoration:none;color:#63625e;padding-bottom: 10px; border-bottom:#dad6a7 1px solid; }
.archives .publications p a:hover{text-decoration:underline;}
.archives .publications div:last-child p{border:none;}


footer{border-top:2px solid #082c5c;}
footer p{font-size:14px; color:#082c5c;}
footer p a{text-decoration:none;color:#082c5c;}
footer p a:hover{text-decoration:underline;}
footer .left{float:left;}
footer .right{float:right;}
footer .right ul{list-style-type:none;margin:0;padding:5px 0 ;}
footer .right ul li{display:inline;float:left;margin:0 5px;}
footer .right ul li a{display:block; width:38px;height:38px;background:url(/img/social-icons.png);}
footer .right ul li a.email{background-position:right top;}
footer .right ul li a.email:hover{background-position:right bottom;}
footer .right ul li a.fb{background-position:left top;}
footer .right ul li a.fb:hover{background-position:left bottom;}
footer .right ul li a.twitter{background-position:-49px top;}
footer .right ul li a.twitter:hover{background-position:-49px bottom;}
footer .right ul li a.youtube{background-position:-98px top;}
footer .right ul li a.youtube:hover{background-position:-98px bottom;}
/* ==========================================================================
Landing Page Styles.
========================================================================== */
.landing-page{ width:495px; margin:25px auto 0 auto;padding-bottom:15px;}


.landing-page .choose-language{margin:100px 0;}

.landing-page .choose-language h2{text-align:center;font-weight: normal;font-size:16px;color:#241a71;}

.landing-page .choose-language ul{list-style-type:none;display:table;margin:30px auto;padding-left:0;}

.landing-page .message{text-align:center;font-size:18px;color:#241a71;}

.bottom-border{border-bottom:8px #d4ca8c solid;height:4px;position:fixed;width:100%;bottom:0;left:0;z-index:2;}


.al-kanisa-maryamiyya{position:fixed;bottom:0;right:50px;}
.al-kanisa-maryamiyya p{float:left;    text-align:right;margin-top:333px;color:#d4ca8c;font-size:12px;margin: 280px 15px 0 0;}

.al-kanisa-maryamiyya p b{display:block;}

.al-kanisa-maryamiyya img{float:right;}

/* ==========================================================================
Album
========================================================================== */

.album{margin:70px auto 0 auto;}
.album ul{list-style-type:none;display:table;margin:0 auto;padding:0;}
.album ul li { width:270px; margin-left:25px;margin-right:25px; display:inline; float:left; cursor: pointer; height:350px; margin-bottom:70px; }
.album ul li div.img-container{ height:237px;}
.album ul li div.img-content{width:230px; height:230px; overflow:hidden; border-radius:141px; border:4px #ddd49d solid; margin:0 auto;}
.album ul li div.img-content:hover { width:235px; height:235px; border:4px #812e26 solid;border-radius:151px;}
.album ul li div.img-content:hover  img{ width:235px; height:235px; }

.album ul li:hover h2{ font-weight:bold; }

.album ul li h2 { padding-top:5px; width:235px; margin:0 auto;  font-size:12; font-weight:normal; color:#882d2c; text-align:center; background:url(/img/gallery-h2-border.png) left top repeat-x;}



.album.videocats ul li div.img-content{border-radius:0px!important;width:250px;height:180px;}
.album.videocats ul li div.img-content:hover { border-radius:0px!important;}
.album.videocats  ul li div.img-content:hover  img{ width:auto;height:auto;}
.album.videocats  ul li div.img-container{ height:179px;}


/* ==========================================================================
page
========================================================================== */
.page-header {margin:40px 0 10px 60px; }
.page-header  ul{display:block;margin:0;}
.page-header li.menu{ margin:50px 0;padding:0 50px; background:url(/img/nav-bullet-list.png) right center no-repeat; text-align:center;line-height: static; }
.page-header li.menu a{   color:#26436d;  font-size: 1em; line-height: 1.4; border:none; font-weight:normal;}
.page-header li.menu:first-child{ border:none; width:auto; }
.page-header li.menu:last-child{ background:none; }

.page-title{color:#0a2962; font-size:13px; display:table; margin: 0 auto 15px auto;}

.page-content{ margin-top:-137px; }
.gallery .slider{ height:850px; margin:80px auto; }



.main-content { background:rgba(255,255,255,0.4); margin-bottom:100px; border-left:1px solid #d7d1a1; border-right:1px solid #d7d1a1;position:relative}
.main-content h1.title { font-size:16px; display:table; padding:35px 7px 18px 7px; background:#82312d; color:#fff; margin:0 0 0 120px; letter-spacing:2px; border-radius:0 0 15px 15px; }
.main-content h1.title ul,
.main-content h1.title li
{ margin:0;padding:0; }



.hightlights ul.content li{margin-bottom:5px;padding-bottom: 5px; }
.hightlights ul.content,
.archive ul.content{ margin:35px 0 35px 120px; list-style-type:none;padding:0; display:block;}
.archive ul.content ul {list-style: none;}
.hightlights ul.content li,
.archive ul.content li{margin-bottom:15px;padding-bottom: 15px;  border-bottom:#b6b5b1 1px solid;}
.archive ul.content li ul { margin-top: 10px; margin-left:10px;}
.archive ul.content li ul li { margin-bottom: 10px; }


.archive ul.content li h2{font-size:14px; color:#82312d; margin:0; padding:0;}
.archive ul.content li h2 img{padding-right:15px;}
.archive ul.content li p{width:470px;padding:0 0 3px 0;margin:0 0 0 0; color:#64635f;line-height:27px; text-align:justify;}
.archive ul a {color:inherit;text-decoration: none;}
.archive ul.content  li div { margin-left: 15px;}


.archive2Col ul.content{ margin:35px 0 35px 120px; list-style-type:none;padding:0; display:block;}
.archive2Col ul.content  ul {list-style: none;}
.archive2Col { margin-bottom:40px;}
.archive2Col ul.content  li{margin-bottom:0px;padding-bottom:20px; padding-top:20px; width:345px; float:left; margin-left: 10px; height:auto; border-bottom:#b6b5b1 1px solid;}
/*.archive2Col ul.content  li:nth-child(2n+1) {margin-left:0;clear:both}*/
.archive2Col ul.content  li {margin-left:0;clear:both}
.archive2Col ul.content  li  ul { margin-top: 10px; margin-left:10px;}
.archive2Col ul.content  li  ul   li { margin-bottom: 10px; }
.archive2Col ul.content  li h2{font-size:14px; color:#82312d; margin:0; padding:0;}
.archive2Col ul.content  li div { width:210px; margin-left: 15px;}
.archive2Col ul.content  li h2 img{padding-right:15px;}
.archive2Col ul.content  li p{width:auto;padding:0 0 3px 0;margin:0 0 0 0px; color:#64635f;line-height:1.3em; text-align:justify; max-height:75px;}
.archive2Col ul a {color:inherit;text-decoration: none;}

.archiveDrop ul.content{ margin:35px 0 35px 120px; list-style-type:none;padding:0; display:block;}
.archiveDrop ul.content  ul {list-style: none;}
.archiveDrop { margin-bottom:80px;}
.archiveDrop ul.content  li{margin-bottom:20px;padding-bottom:0px; }
.archiveDrop ul.content  li  ul { margin-top: 10px; margin-left:10px;}
.archiveDrop ul.content  li  ul   li { margin-bottom: 10px; }
.archiveDrop ul.content  li h2{font-size:14px; color:#82312d; margin:0; padding:0;}
.archiveDrop ul.content  li h2 img{padding-right:15px;}
.archiveDrop ul.content  li p{padding:0 0 3px 0;margin:0 0 0 0px; color:#64635f;line-height:1.3em; text-align:justify; border-bottom:#b6b5b1 1px solid;}
.archiveDrop ul a {color:inherit;text-decoration: none;}


.hightlights ul.content li h2{font-size:14px; color:#82312d; margin:0; padding:0;}
.hightlights ul.content li img{margin-right:30px;}
.hightlights ul.content li div p{width:470px;padding:0;margin:0;font-size:12px; color:#64635f;line-height:18px; text-align:justify;}


.page-content ul.list-2{list-style-type:none;display:table;margin:50px auto;padding:0;}
.page-content ul.list-2  li { width:195px; display:inline; float:left; cursor: pointer; }
.page-content ul.list-2  li div.img-container{ height:174px;}
.page-content ul.list-2 li div.img-content{margin:0 auto; width:160px; height:160px; overflow:hidden; border-radius:75px; border:2px #ddd49d solid;}

.page-content ul.list-2 li div.img-content:hover { width:160px; height:160px; border:3px #ddd49d solid; border-radius:80px;}
.page-content ul.list-2 li div.img-content:hover  img{ width:160px; height:160px; }

.page-content ul.list-2  li  h2{width:133px; margin:0 auto; text-align:center; color:#81322d; font-size:14px; background:#d8cdb1;}
.page-content ul.list-2  li p{margin:0;padding:0;font-size:12px; color:#81322d; width:133px; margin:10px auto; text-align:center; }


.page-content .content-details{ width:750px; margin-left:120px; word-break: normal;margin-top:10px; position:relative;line-height: 1.75em;}
.page-content .content-details a {line-height:auto;}
.page-content .content-details h2,
.pagetitle
{margin:0 0 15px 0;padding:0;color:#6c6b67;font-size:21px; font-weight:normal;}
.page-content .content-details h2 span{color:#82312d;}


.page-content .content-details div p{/*font-size:12px;*/ color:#64635f;line-height:1.75em;word-wrap:break-word;word-spacing: 0.35em;text-align: justify!important;}

.toggleNextUl {cursor: pointer;}

.bold {font-weight: bold;}


.media {
    width:42px;
    height:40px;
    background-image: url(../images/media.png);
    background-repeat: no-repeat;
    display: block;
    float:left;
    text-decoration: none;
    opacity:1;
    margin-bottom: 15px;
    margin: 0 3px;
    font-size:12px;
}
.media span{
/*    display:none;*/
    display:block;
    margin-top:15px;
    text-align: center;
}
.media:hover {
    opacity:1;
}
.media:hover span{
    display:block;
    font-weight: bold;
}
.media.gallery { background-position: -91px 0;}
.media.video { background-position: -45px 0;}
.media.audio { background-position: 0 0;}
.media.print { background-position: -133px 0;}



.resizer { border: 2px solid #cecece; float: right; list-style: none; margin: 0 0 10px 10px; padding: 10px; position:absolute;top:-96px; right:-90px;border-top:0;direction:ltr;}
.resizer li { float: left; line-height: 26px; margin-right: 5px; }
.resizer .small { font-size: 12px; line-height: 26px; }
.resizer .large { margin-right: 0; }
.resizer .small a, .medium .resizer .medium a, .large .resizer .large a {  text-decoration: none; }



.searchBar {
    position: absolute;
    top: -68px;
    right: 0px;
}
.searchBarArchive {
    position: absolute;
    top: 30px;
    right: 120px;
}
.searchBar input, .searchBarArchive input {
    border:1px solid #d7ce95;
    font-size:12px;
}


li.searchResult div{
    padding-left: 15px;
    padding-right: auto;
    width:485px;
}
.archive ul.content li.searchResult{border-bottom: #b6b5b1 1px solid;}
.archive ul.content li.searchResult p{border-bottom:#b6b5b1 0px solid;}


/* Showcase
-------------*/
#awOnePageButton .view-slide
{
    display: none;
}

/* This class is removed after the showcase is loaded */
/* Assign the correct showcase height to prevent loading jumps in IE */
.showcase-load
{
    height: 470px; /* Same as showcase javascript option */
    overflow: hidden;
}

/* Container when content is shown as one page */
.showcase-onepage
{
    /**/
}

/* Container when content is shown in slider */
.showcase
{
    position: relative;
    margin: auto;
}

.showcase-content-container
{
    background-color: #000;
}

/* Navigation arrows */
.showcase-arrow-previous, .showcase-arrow-next
{
    position: absolute;
    background: url('../images/arrows.png');
    width: 33px;
    height: 33px;
    top: 220px;
    cursor: pointer;
}

.showcase-arrow-previous
{
    left: -60px;
}

.showcase-arrow-previous:hover
{
    background-position: 0px -34px;
}

.showcase-arrow-next
{
    right: -56px;
    background-position: -34px 0;
}

.showcase-arrow-next:hover
{
    background-position: -34px -34px;
}

/* Content */
.showcase-content
{
    background-color: #000;
    text-align: center;
}

.showcase-content-wrapper
{
    text-align: center;
    height: 470px;
    width: 1000px;
    display: table-cell;
    vertical-align: middle;
}

/* Styling the tooltips */
.showcase-plus-anchor
{
    background-image: url('../images/plus.png');
    background-repeat: no-repeat;
}

.showcase-plus-anchor:hover
{
    background-position: -32px 0;
}

div.showcase-tooltip
{
    background-color: #fff;
    color: #000;
    text-align: left;
    padding: 5px 8px;
    background-image: url(../images/white-opacity-80.png);
}

/* Styling the caption */
.showcase-caption
{
    color: #000;
    padding: 8px 15px;
    text-align: left;
    position: absolute;
    bottom: 10px; left: 10px; right: 10px;
    display: none;
    background-image: url(../images/white-opacity-80.png);
}

.showcase-onepage .showcase-content
{
    margin-bottom: 10px;
}

/* Button Wrapper */
.showcase-button-wrapper
{
    clear: both;
    margin-top: 10px;
    text-align: center;
}

.showcase-button-wrapper span
{
    margin-right: 3px;
    padding: 2px 5px 0px 5px;
    cursor: pointer;
    font-size: 12px;
    color: #444444;
}

.showcase-button-wrapper span.active
{
    color: #fff;
}

/* Thumbnails */
.showcase-thumbnail-container /* Used for backgrounds, no other styling!!! */
{
    background-color: #000;
}

.showcase-thumbnail-wrapper
{
    overflow: hidden;
}

.showcase-thumbnail
{
    width: 120px;
    height: 90px;
    cursor: pointer;
    border: solid 1px #333;
    position: relative;
}

.showcase-thumbnail-caption
{
    position: absolute;
    bottom: 2px;
    padding-left: 10px;
    padding-bottom: 5px;
}

.showcase-thumbnail-content
{
    padding: 10px;
    text-align: center;
    padding-top: 25px;
}

.showcase-thumbnail-cover
{
    background-image: url(../images/black-opacity-40.png);
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
}

.showcase-thumbnail:hover
{
    border: solid 1px #999;
}

.showcase-thumbnail:hover .showcase-thumbnail-cover
{
    display: none;
}

.showcase-thumbnail.active
{
    border: solid 1px #999;
}

.showcase-thumbnail.active .showcase-thumbnail-cover
{
    display: none;
}

.showcase-thumbnail-wrapper-horizontal
{
    padding: 10px;
}

.showcase-thumbnail-wrapper-horizontal .showcase-thumbnail
{
    margin-right: 3px;
    width: 116px;
}

.showcase-thumbnail-wrapper-vertical
{
    padding: 10px;
}

.showcase-thumbnail-wrapper-vertical .showcase-thumbnail
{
    margin-bottom: 10px;
}

.showcase-thumbnail-button-backward,
.showcase-thumbnail-button-forward
{
    padding: 7px;
    cursor: pointer;
}

.showcase-thumbnail-button-backward
{
    padding-bottom: 0px;
    padding-right: 0px;
}

.showcase-thumbnail-button-backward .showcase-thumbnail-vertical,
.showcase-thumbnail-button-forward .showcase-thumbnail-vertical,
.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal,
.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal
{
    background-image: url(../images/arrows-small.png);
    background-repeat: no-repeat;
    display: block;
    width: 17px;
    height: 17px;
}

.showcase-thumbnail-button-backward .showcase-thumbnail-vertical
{
    background-position: 0 -51px;
    margin-left: 55px;
}
.showcase-thumbnail-button-backward:hover .showcase-thumbnail-vertical
{
    background-position: -17px -51px;
}

.showcase-thumbnail-button-forward .showcase-thumbnail-vertical
{
    background-position: 0 -34px;
    margin-left: 55px;
}
.showcase-thumbnail-button-forward:hover .showcase-thumbnail-vertical
{
    background-position: -17px -34px;
}

.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal
{
    background-position: 0 -17px;
    margin-top: 40px;
    margin-bottom: 40px;
}
.showcase-thumbnail-button-backward:hover .showcase-thumbnail-horizontal
{
    background-position: -17px -17px;
}

.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal
{
    background-position: 0 0;
    margin-top: 40px;
    margin-bottom: 40px;
}
.showcase-thumbnail-button-forward:hover .showcase-thumbnail-horizontal
{
    background-position: -17px 0;
}

/* Hide button text */
.showcase-thumbnail-button-forward span span,
.showcase-thumbnail-button-backward span span
{
    display: none;
}



/* Clear (used for horizontal thumbnails)
-------------------------------------------*/

.clear
{
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
    float: none;
}

ul.breadcrumb {padding:0;}
ul.breadcrumb li{
    display:inline-block;
    list-style: none;
    margin:0 5px;
	font-size:14px;
}
ul.breadcrumb li a{
    font-size:14px;
}
ul.breadcrumb li.active  a{
    font-weight: bold;
}


menu, ol, ul {
    padding: 0 0 0 20px;
}



.main-page-language-selector li {height:50px;width:40px;opacity:0.65}
.main-page-language-selector li span {display:none;margin-top:10px;}
.main-page-language-selector li:hover {opacity:1}
.main-page-language-selector li:hover span {display:block;}

.pagenumber {
margin: 0 0 50px 0;
text-align: center;
}
.pagenumber .pagination_links a {
	margin: 0 10px;
	font-size:14px;

}
.pagenumber .pagination_links a.next,
.pagenumber .pagination_links a.previous
 {
color: transparent;
background-image: url(../images/next.png);
height: 15px;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
line-height:14px;
width: 10px;
}
.pagenumber .pagination_links a.previous {
background-image: url(../images/back.png);
}

.searchBarMain{
right: 0px!important;
left: auto!important;
top: -8px;
}

.pagination_links {
/*    width:170px;*/
    margin:0 auto;
    height:5px;
    height:5px;
}


.pagination_links li{
    list-style: none;
    float:left;
}



@media all and (max-width: 768px){
            html,body{ background-image: none;}
}

.fb_iframe_widget{top:-8px;}

#event_slider {
    width:825px;
    position: fixed;
    right:-800px;
    top: 135px;
    z-index:999;
}
#event_slider .poster {
    float:left;
}
#event_slider .poster img{
    width:800px;
}

#event_slider .button {
    float:left;
    width: 25px;
    height: 85px;
    cursor: pointer;
}

#LeftSocialDiv {
  	width: 100px;
	height: 160px;
  	z-index: 10;

        border: 1px solid;
        border-color: #e5e6e9 #dfe0e4 #d0d1d5;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        box-shadow: 5px 5px 5px 3px #888888;

	position: fixed;
	left: 0px;
	top: 40%;
}

#LeftSocialDiv img {
	margin: auto auto;
	display: block;
	width: 80px;
	height: 80px;
}