/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

/*
 * 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 {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * 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 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 audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

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

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

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

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

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

html, body, .wrapper{width:100%; height:100%; position:relative;}
html{color:#fff; color: #525252; font-family: Arial, sans-serif;}

body{background: #414042 url("../css/images/bg.jpg") repeat-y scroll center center;}
.container{width:940px; padding:0 10px; margin:0 auto; position:relative; overflow:hidden;}
.main{width:100%; height:100%; float:left;}

.wrapper-bg{position: absolute;top: 0px;left: 50%;margin-left: -507px; z-index: -1;}

a{text-decoration:none; color:#fff;}
h1, h2, h3{margin:0 0 10px 0; font-family: "Cinzel Decorative", serif; font-weight: normal; color: #F2F2F2;}
.title,
.text-title{font-family: "Cinzel Decorative", serif; font-weight: normal; color: #F2F2F2;}
.text-title{font-size:1.4em;}

h2{font-size: 1.5em; }

p{margin:0 0 10px 0;}

.main p, .main a{-webkit-font-smoothing: antialiased;}

p{font-size:0.9em; color:#fff;}
	
	
.desktop{display:block;}
.mobile{display:none !important;}

.mobile-nav{display:none;}

/* =========================
   Header
   ========================*/

.speakers-tablet, .speakers-mobile{display:none !important;}

.container > header{width:100%; height:175px; float:left; overflow:hidden; position:relative;}

.logo{float:left; margin-top:35px;}

nav ul{margin:0; list-style:none; font-size: 1.3em; font-family: "BenchNine",sans-serif;}
nav li.selected:not(.nav-enquire){border-bottom: 7px solid #B6B184;}
nav li a{color: #B6B184;text-decoration: none;padding: 0px 5px;}
nav li:hover a{color:#fff;}
nav li:hover a{color:#fff;}
nav li:last-child{margin-right:0;}
nav li.nav-enquire a{color:#fff;}
nav li.nav-enquire:hover a{color:#000;}

nav li{float:left; margin:0 40px 0 0; height: 32px; padding-top: 3px;}

.desktop-nav-normal{width:690px; position:absolute; top:0px; right:0;height:42px; background: url(../css/images/nav-bg.png) no-repeat 0px 0px;}
.desktop-nav-normal ul{padding:0 0 0 35px; float:left; width: 655px; height:42px;}
.desktop-nav-normal li{float:left; margin:0 40px 0 0; height: 32px; padding-top: 3px;}
.desktop-nav-normal li.nav-enquire{display: block;width: 187px;height: 35px;float: right;background: url(../css/images/sprite.png) no-repeat -1px -51px;  text-align: center;}

.desktop-nav-fixed{width: 100%; position: fixed;z-index: 10;top: -57px;left: 0;height: 49px; background: #000 none;border-bottom: 1px solid #fff;}
.desktop-nav-fixed > div{width:940px; margin:0 auto;}
.desktop-nav-fixed ul{float:left;padding: 0 0 0 30px;width: 755px;height: 49px;}
.desktop-nav-fixed li {padding-top: 10px;}
.desktop-nav-fixed ul li.nav-enquire{display: block;width: 187px;height: 39px;float: right; background-color:#B6B184; text-align: center;}

.desktop-nav-fixed .social{position:relative; float:right; bottom: -12px; right: 5px;}

.mobile-nav{width: 100%; position: fixed;z-index: 10;top:0px;left: 0;height:37px; background: #000 none;border-bottom: 1px solid #fff;}
.mobile-nav > div{width:90%; padding:0 5%;}
.mobile-nav .nav-enquire{display: block;width: 187px;height: 37px;margin-right:30px;line-height:37px;float: right; background-color:#B6B184; text-align: center;}
.mobile-nav .nav-enquire:hover{color:#000;}
.mobile-nav .social{position:relative; float:right; bottom: -7px; right: 0px;}

.mobile-nav-toggle{color:#fff; float:left;margin:8px 0 0 0; cursor:pointer; display:none;}
.ipad-nav-toggle{color:#fff; float:left;margin:8px 0 0 0; cursor:pointer;}

.mobile-nav-toggle em,
.ipad-nav-toggle em{display:block; width:20px; height:20px; margin:0 10px 0 0; float:left; background: url('../css/images/sprite.png') no-repeat 0px -90px; }



.mobile-menu{position: fixed;top: 0;right: -40%;border-left: 1px solid #fff;width: 39.8%;height: 100%;background-color: #000;z-index: 10;padding-top: 50px;overflow: hidden;}
.mobile-menu ul{margin:0;width:100%;padding:0; list-style:none; font-size: 1em; font-family: Arial,sans-serif;}
.mobile-menu li{float:left; width:85%; padding:5px 0 10px 15%;}
.mobile-menu li:hover a{color:#B6B184;}
.mobile-menu .social{position: relative;left: 15%;top: 30px;}

.ipad-menu{position: fixed;top: 0;left: -40%;width: 39.8%;height: 100%;border-right: 1px solid #fff;background-color: #000;z-index: 10;padding-top: 50px;overflow: hidden;}
.ipad-menu ul{margin:0;width:100%;padding:0; list-style:none; font-size: 1em; font-family: Arial,sans-serif;}
.ipad-menu li{float:left; width:85%; padding:5px 0 10px 15%;}
.ipad-menu li:hover a{color:#B6B184;}
.ipad-menu .social{position: relative;left: 15%;top: 30px;}

.social{position:absolute; bottom:10px; right:0; }
.social a{background: url('../css/images/sprite.png') no-repeat 0px -118px; display:block; text-indent:-9999px;width:24px; height:24px; float:left; margin-right:10px;}
.social a:last-child{margin-right:0;}
.social .twitter{background-position:-26px -118px;}
.social .facebook{background-position:-52px -118px;}
.social a:hover{opacity:0.7;}

.social .youtube:hover{background-position:0px -142px;}
.social .twitter:hover{background-position:-26px -142px;}
.social .facebook:hover{background-position:-52px -142px;}


.strapline{width:375px; position:absolute; bottom:40px; left:400px;}
.strapline span{line-height: 1em;font-size: 2em;color: #969696;text-align: right;font-family: georgia, sans-serif;}

.intro{float:left; width:880px; padding:30px 0 0 60px; height:170px;background-color: #808080; position:relative;}
.intro h1{font-family:"Cinzel Decorative", serif; font-weight:normal; font-size:1.5em; color:#F2F2F2; width:475px;}
.intro p{color:#F2F2F2; width:475px;}
.intro img{position:absolute; bottom: 0;right: 0;}

.home-speakers{float:left; width:100%; height:415px; margin-bottom:20px;}
.home-speakers > div{float:left;}
.home-speakers a{overflow:hidden; position:relative;}
.home-speakers a:hover img{opacity:0.7;}

.view-speakers{display:block; width:100% !important; height:38px; background-color:#000; text-align:center; line-height: 40px; font-family: "Cinzel Decorative", serif;}
.view-speakers:hover{color:#b6b084;}
.home-speakers span{position:absolute; bottom:0; left:0; width:95%; padding:1% 3%; min-height:22px; font-size:0.9em; z-index:2; background: url('../css/images/black-underlayer.png') repeat;}
.home-speakers span p{margin-top:5px; float:left;}
.col-1{width:188px;}
.col-2, .col-3{width:376px;}

.col-1 a,
.col-3 a{width:188px; height:188px; float:left;}
.col-2 a{width:376px; height:376px; float:left;}

.testimonials{width:355px; height:440px; float:left; background-color:#656565; margin-right:20px; position:relative;}
.testimonials h2{height:38px; background: url("../css/images/testimonialsh2.png") no-repeat 0px 0px; padding: 8px 0 0 20px; margin:0;}
.testimonials div{padding:20px;}
.testimonials div:nth-child(2){border-bottom:1px solid #000;}
.testimonials p{color:#fff;}
.testimonials span{color:#b6b084;}
.testimonials:after{display:block; width:100%; height:6px; content:"";background: url("../css/images/testimonials-bottom.png") no-repeat 0px 0px;position: absolute;bottom: 0px;left: 0;}


.contact{width:563px; height:440px; float:right; background-color:#656565; position:relative;}
.contact h2{height:38px; background: url("../css/images/enquiryh2.png") no-repeat 0px 0px; padding: 8px 0 0 20px; margin:0;}
.contact > div{padding:28px;}
.contact:after{display:block; width:100%; height:6px; content:"";background: url("../css/images/enquiry-bottom.png") no-repeat 0px 0px;position: absolute;bottom: 0px;left: 0;}

.contact .left-fields{float:left; width:205px; margin-right:30px;}
.contact .right-fields{float:left; width:270px;}

.contact form label{color:#fff;}
.contact form p{width:100%; margin-bottom:15px; position:relative;}
.contact form input{width:96%; padding:0 2%; border:0; height:30px; color:#000;}
.contact form textarea{width:96%; padding:0 2%; border:0; height:236px;margin-bottom: 14px; color:#000; text-align:left;}
.contact #send{background-color:#b6b084; width:100%; height:33px; text-align:center;color:#fff;font-family: "Cinzel Decorative", serif; font-weight: bold;font-size: 1em; }
.contact #send:hover{color:#000;}

.contact form label.error{color: #B6B184;position: absolute;bottom: -18px;right: 0px;font-size: 0.9em;} 

/* =========================
   Speakers
   ========================*/

.speakers-container{width:100%; float:left;}
.speaker{float:left; height:475px; width:234px; background-color:#656565; border-right:1px solid #000; border-bottom:1px solid #000; position:relative;}
.speaker:nth-child(4n+4){border-right:0;}
.speaker div{float:left; padding:20px;}
.speaker h2{font-size:1.2em; line-height:21px;}

.speaker:hover img{opacity:0.7;}
.speaker:hover .find-out{color:#000;}

.speaker-row{display:none;}

.find-out{font-weight: bold;line-height: 29px; font-size:0.9em; position:absolute; bottom:15px; left:20px;}
.find-out em{margin-right: 8px;display: block;width: 29px;height: 29px;background: url("../css/images/sprite.png") no-repeat -73px -1px;float: left;}

.view-more-speakers{float: left;display:block; cursor:pointer;color:#fff; margin-top: 20px;width:100% !important; height:38px; background-color:#000; text-align:center; line-height: 40px; font-family: "Cinzel Decorative", serif;}
.view-more-speakers:hover{color:#b6b084;}

.speaker-search{float:left; width:322px; margin:10px 0 20px 0; position:relative;}
.speaker-search em{width: 25px;height: 25px;position: absolute;top: 4px;right: 7px;background: url("../css/images/sprite.png") no-repeat -26px -89px;}
#speaker-name-search{width:310px; height:30px; border:1px solid #000; padding-left:10px;}
.ui-menu{width:322px !important; background-color:#fff; padding:0; margin:0;}
.ui-menu li{cursor:pointer;padding:0 0 0 20px;}
.ui-menu li:hover{background-color:#B6B184;}
/* =========================
   Speaker
   ========================*/
.speaker-main{width:100%;  background-color: #808080; overflow:hidden;}
.speaker-main header{width:100%; height:auto; float:left; border-bottom:1px solid #000;}
.speaker-main header div{padding:15px;width: 720px;float: left;height: auto;}
.speaker-main img{float:right;}
.speaker-main h1{line-height:35px;}

.view-all{width:165px; height:32px; background-color:#b6b084; display:block; text-align:center; color:#fff; font-weight:bold; font-size:0.9em; line-height: 30px;}
.view-all:hover{color:#000;}
.speaker-text{width:533px; padding:15px; float:left; border-right:1px solid #000;}

.speaker-links{width: 376px;float: left;}
.accordian{float:left; width:100%;}

.title{float:left; width:360px; padding-left:15px;cursor:pointer; height:35px; line-height:35px; background: url("../css/images/accordian-title-bg.png") no-repeat 0px 0px; font-size:1.4em;}
.title em{float: right;width: 15px;height: 15px;display: block;background: url("../css/images/sprite.png") no-repeat 0px -26px;margin: 10px 20px 0 0;}
.title:hover{color:#b6b084;}
.accordian{margin-bottom:5px;}
.accordian > div{display:none; position:relative; overflow:hidden; float:left;}

.accordian.active:first-child > div{display:block;}
.accordian.active em{background-position:-16px -26px;}
.accordian.topics div,
.accordian.articles div{width:92%; padding:4%; float:left;}

.accordian.topics p{margin:0;}
.accordian.gallery a{float:left;}
.accordian.gallery a:hover img{opacity:0.8}

.accordian.speaker-testimonials > div > div,
.accordian.articles > p{width:92%; padding:4%; float:left; border-bottom: 1px solid #999; margin-bottom:0;}

.accordian.speaker-testimonials > div > div:last-child,
.accordian.articles > p:last-child{border-bottom: 0;}

.testimonial-text{color: #b6b084; font-size:0.8em;}
.accordian.articles p:hover a{color: #b6b084;}

.speaker-video{float:left; position:relative;}
.speaker-video .play{position:absolute; top: 50px;left: 50px;}

body.Speaker .speaker-row{float:left; width:100%;}
body.Speaker .speakers-container{ margin-top:20px;}
.more-speakers{float: left;width:98%; padding-left: 2%; height: 47px;display: block;color: #fff; background: url("../css/images/title-bg-long.png") no-repeat 0px 0px; font-family: "Cinzel Decorative", serif;font-weight: normal;color: #F2F2F2;font-size: 1.5em;line-height: 48px;}
.speaker-small{width:48%; float:left; height:195px; position: relative; padding-left: 2%; background-color: #808080; border-bottom:1px solid #000;}
.speaker-small img{float:right; margin-left: 10px;}
.speaker-small h2{margin-top:10px; line-height: 26px;}
.speaker-small .find-out{bottom: 8px;left: 16px;}

.speaker-small:hover img{opacity:0.7;}
.speaker-small:hover .find-out{color:#000;}
/* =========================
   News
   ========================*/

.archive{float:right; height:30px; margin-bottom:10px;}
.archive select{border: 0 !important;padding: 0 !important;color: #fff;background-color: #000 !important;height: 30px;}
.archive .year{margin-right:10px;}
.archive span{color:#fff; text-transform:capitalize; margin-right:10px;}

.news-main{width:100%;  background-color: #808080; overflow:hidden;}

.news{float:left; position:relative;width:100%; height:auto; min-height: 188px; border-bottom:1px solid #000;}
.news img{float:left;}
.news div{float:left; padding: 10px 30px; width: 692px;}
.news h1{font-size:1.5em; line-height: 25px;}
.post-date{margin-bottom:10px; float:left; width:100%; font-weight:bold;}
.news .find-out{  position: absolute;left: 23%;bottom: 15px;}
.news:hover .find-out, .news:hover h1{color:#000;}
.news img:hover{opacity:0.7;}

.pagingPages{clear:both;background:#999;width:900px;float:right;margin:10px 0 0 0;padding:10px 20px;color:#fff;}
.pagingPages a{color:#fff;text-decoration:none;}
.pagingPages a, .pagingPages span{display:block;padding:2px 5px;float:left;}
.pagingPages span{color:#ddd;}
.pagingPages .activePage{background:#fff;color:#B6B184;}



/* =========================
   News Item
   ========================*/

.news-item{width:96%;  background-color: #808080; overflow:hidden; padding:15px 2%;}
.news-item h1{font-size:1.5em; line-height: 25px;}
.news-item h1, .news-item .post-date{float:left; width:100%;}

.news-item > img{float:left; margin: 0px 15px 15px 0; max-width: 400px;}
.post-date, .find-out{color:#F2F2F2;}

.news-item .find-out{position:relative; left:0; bottom:0;}
.news-item .find-out em{background-position: -104px -1px;}
.news-item .find-out:hover{color:#000;}
.news-gallery{float:left; width:100%;}
.news-gallery a{float:left; padding:0 1% 15px 1%;}

/* =========================
   Contact
   ========================*/

.contact-main form{width:100%; margin-bottom:50px;}

.contact-main .left-fields{float:left; width:400px;}
.contact-main .right-fields{float:right; width:450px;}

.contact-main form label{color:#fff;}
.contact-main form p{width:100%; margin-bottom:15px; position:relative;}
.contact-main form input{width:96%; padding:0 2%; border:0; height:30px; color:#000;}
.contact-main form textarea{width:96%; padding:10px 2%; border:0; height:205px;margin-bottom: 14px; color:#000;}
.contact-main #send{background-color:#b6b084; width:100%; height:33px; text-align:center;color:#fff;font-family: "Cinzel Decorative", serif; font-weight: bold;font-size: 1.2em; }
.contact-main label.error{color: #B6B184;position: absolute;bottom: -18px;right: 0px;font-size: 0.9em;} 

.contact-left{float:left; width:400px; height:240px; position:relative;}
.contact-right{float:right; width:450px; height:240px; position:relative;}

.contact-left p{margin-bottom:20px;}
.contact-left p span{font-weight:bold; margin-right:30px; margin-right: 10px; width: 70px;}
span.address{font-weight:bold; float:left; width:100%; color:#fff; font-size:0.9em;}

p.company{position:absolute; bottom:0; left:0;}

body.Contact .testimonials{width: 100%; height: auto; margin-top:50px;}
body.Contact .testimonials div{float: left;width: 46%;padding: 20px 2%; border:0;}



/* =========================
   Thankyou
   ========================*/
body.ThankYou .message{width:400px; margin:0 auto; text-align:center;}
.message h1{font-size: 1.4em;}
.message a{margin: 0 auto; width: 110px;}

body.ThankYou .testimonials{width: 100%; height: auto; margin-top:50px;}
body.ThankYou .testimonials div{float: left;width: 46%;padding: 20px 2%; border:0;}

body.ThankYou .speaker-row{float:left; width:100%;}
body.ThankYou .speakers-container{ margin-top:20px;}

/* =========================
   Page
   ========================*/
body.Page h1{text-align:center;}
body.Page section ul li{font-size: 0.9em; color: #fff; -webkit-font-smoothing: antialiased;}

/* =========================
   Footer
   ========================*/

footer{float:left; width:100%; height:150px; position:relative; margin:40px 0 50px 0;-webkit-font-smoothing: antialiased;font-size: 0.9em;}
footer .social{float:left; position:relative; width:100%; margin-bottom:20px;}
.as{float:right;}
.links{float:left;}
.links ul{margin:0; padding:0; list-style:none;}
.links ul li{float:left; margin-right:20px;}
footer a:hover{color:#b6b084;}
/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.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:
 * https://www.drupal.org/node/897638
 */

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

/*
 * Hide visually and from screen readers, 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;
}

/* ==========================================================================
   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,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

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

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

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

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

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

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

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

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

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

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

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



/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */