/* @override http://accolade.net.au/dev/css/screen.css?V2 */

/* @override http://accolade.net.au/dev/css/screen.css?V2 */

/* ==========================================================================
   Base styles and resets
   ========================================================================== */

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
html{-webkit-text-size-adjust: none;}
strong{ font-weight:bold;}
img{ vertical-align:top;}
.cl{ clear:both; font-size:0;}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

a { color: #00e; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 0; padding: 0; }
li { list-style:none; margin:0; padding:0; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

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

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

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

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


/* ==========================================================================
   General styles
   ========================================================================== */
html { background:#fff; overflow-y:scroll;}
body { font-family:"Austin Roman",Arial; color:#000; }


* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }


        #intro-wrapper { position:relative; width:100%; height:100%; display:none;}


        #top-section { z-index: 99; }
        #homepage-slider { background:transparent; width:100%; display:block; }
        #homepage-slider .home-slide { width:100%; display:block;  display:none; width: 100%; background-size: cover; background-position: center center; background-repeat:no-repeat;}
        #homepage-slider .home-slide { position: absolute; top: 0px; left: 0px; height: 1249px; }
        .next, .prev { display: block; width: 90px; height: 137px; text-indent: -9999px; margin-top: -65px; z-index: 9999; z-index: 101; position: absolute; top: 50%; transition: 0.5s; -webkit-transition: 0.5s; cursor: pointer; }
        .next { background: url(images/home-slider-arrows-white.png) no-repeat right center; right: 20px; }
        .prev { background: url(images/home-slider-arrows-white.png) no-repeat left center; left: 20px; }


        #home-footer, #home-footer-2 { position:absolute; bottom:0px; color: white; }
        #homepage-wrapper #home-footer, #home-footer-2 { color: black; }


        .home-top { position:fixed; top:30px; left:35px; color:#fff; letter-spacing:2px; line-height:40px; z-index:201; }

        #homepage-wrapper {min-height:100%; display:block; /*padding-top:20%;*/ }
        #home-header {position:fixed; top:0px; left:0px; width:100%; z-index:101;}
        #home-header-top, #home-footer, #home-footer-2 { width: 100%; z-index: 101; background: transparent; padding-bottom: 26px; font-family: 'Austin Roman', serif; font-size: 16pt; }

        #home-footer-2 { background: white; position: fixed; }

        .wrapper { width:80%; margin:0 auto; position:relative; }
        .wrapper:before, .wrapper:after { content: ""; display: table; }
        .wrapper:after { clear: both; }
        .wrapper { *zoom: 1; }

        .column { float: left; width: 50%; text-align: center; padding: 0; }
        .column.side { width: 25%; cursor: pointer; }
        #home-header-top .column.side.active, p.active { text-decoration: underline; }


        #intro-wrapper, #homepage-wrapper { font-family: serif; font-size: 20px; text-align: center;}
        #intro-wrapper { color: white; }
        .wrapper  { color: black; width: 40%; font-family: 'Austin Roman', serif; padding-top: 12%; padding-bottom: 70px; }
        .wrapper h1 { font-size: 32pt; margin: 0 auto 20px auto;  line-height: 36pt;}
        .wrapper h2 { font-size: 16pt; margin: 0 auto 10% auto; }
        .wrapper p { font-size: 20pt; margin: 0 auto 20px auto; }
        .wrapper a {
            color: black; text-decoration: none;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            -ms-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
        
            font-size: 16pt;
}
        .wrapper a:hover { text-decoration: underline; }



        /*#homepage-wrapper .up-btn { color: black; text-decoration: none; font-size: 60px; display: block; width: 100%; text-align: center; position: absolute; bottom: 10%; }*/
        #homepage-wrapper .up-btn { cursor: pointer; color: black; text-decoration: none; font-size: 60px; display: block; width: 100%; text-align: center; margin-top: 20%; }

        /*#subpage_contact.wrapper {
		height: 240px;
        width:450px;
        }*/



        .wrapper h2.lockwidth { width: 400px; margin-bottom: 50px; }

        form { width: 370px; margin: auto; text-align: center; position: relative; }
        input, select, textarea { width: 370px; border: 1px dashed transparent; border-bottom: 1px solid #bbb; overflow: hidden; text-align: center; padding: 0 5px; margin: 0 auto 20px auto; color: black; display: block; font-family: 'Austin Roman', serif; background: none; font-size: 16pt; line-height: 22pt; }
        :focus { outline: 0; border-color: #bbb; }

        input#enquiry, #enquirySelectBoxItContainer { margin-bottom: 20px; }
        textarea { height: 200px; resize: none;  margin-bottom: 30px; }
        a#submit { margin-bottom: 20px; cursor: pointer; }

        #roi input::-webkit-input-placeholder, #roi textarea::-webkit-input-placeholder, /* WebKit browsers */
        #roi input:-moz-placeholder, #roi textarea:-moz-placeholder, /* Mozilla Firefox 4 to 18 */
        #roi input::-moz-placeholder, #roi textarea::-moz-placeholder, /* Mozilla Firefox 19+ */
        #roi input:-ms-input-placeholder, #roi textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
            color: #bbb;
            font-family: 'Austin Roman', serif;
            font-size: 16pt;
        }

        #roi input.error::-webkit-input-placeholder, #roi textarea.error::-webkit-input-placeholder,
        #roi input.error:-moz-placeholder, #roi textarea.error:-moz-placeholder,
        #roi input.error::-moz-placeholder, #roi textarea.error::-moz-placeholder,
        #roi input.error:-ms-input-placeholder, #roi textarea.error:-ms-input-placeholder {
           color: #fbb;
        }

        #roi input.error, #roi textarea.error { color: #80CDCF; }


        #roi label[for='name'].error,
        #roi label[for='company'].error,
        #roi label[for='phone'].error,
        #roi label[for='email'].error,
        #roi label[for='address'].error,
        #roi label[for='postcode'].error,
        #roi label[for='comments'].error {
            display: none !important;
        }

        #roi label[for='enquiry'].error { position: absolute; top: 200px; right: -190px; z-index: 200; border: 1px dashed #fbb; padding: 5px 10px; }


        .logo-through { width: 100%; height: auto; top: 47%; position: absolute; margin: auto; z-index: 200; }

        .logo-header { top: 26px; left: 0; z-index: 200; display: block; width: 100%; position: absolute; height: 24px; margin: 0 auto; padding: 0; background: transparent url() no-repeat center center; background-size: contain; }
        .logo-header.full-logo-header { background-image: url(../images/logo.png); }
        .logo-header.full-logo-header-dark { background-image: url(../images/logo-dark.png); }
        .logo-header.a-logo-header { background-image: url(../images/logo-a.png); }
        .logo-header.a-logo-header-dark { background-image: url(../images/logo-a-dark.png); }


/*@media screen and (max-width : 1280px) {
    .wrapper.restrict { }
}*/

/* adjust margin in 960-1200px */
/*@media screen and (max-width : 1280px) {
    .wrapper.restrict { width: 960px; margin: 0 auto; padding: 0; }
    .section { width: 960px; }
}*/

/* lock the width from 960px down */
/*@media screen and (max-width : 960px) {
    #homepage-wrapper { width: 960px; }
    #home-header { width: 960px; }
}*/

div.about_text, div.contact_text {
	margin-top: 0 auto;
	margin-bottom: 0 auto;
	position: absolute;
	text-align: center;

}

#btn_back, .subpage_contact_link{
	cursor: pointer;
}

#subpage_about.wrapper { width: 550px; height: 550px; top: 53%; position: absolute; margin-top: -275px; left: 50%; margin-left: -275px; padding: 0px; }
#subpage_contact.wrapper {height: 156px !important; width:400px !important; display: block; padding: 0px; position: absolute; top: 50%; left:50%; margin-top: -78px; margin-left: -200px; }


ul#top-menu { position: fixed; top: 75px; left: 0; width: 100%; list-style: none; display: inline-block; }
ul#top-menu li { display: inline-block; margin-right: 100px; }
ul#top-menu li.last { margin-right: 0; }
ul#top-menu li a { cursor: pointer; }
ul#top-menu li a.active, ul#top-menu li a:hover { text-decoration: underline; }

.theevents .list { font-size: 24pt; }


/* About content 50% fix */

#subpage_about.wrapper { width: 50%; margin-left: -25%; }

@media screen and (max-height : 860px) {
    #subpage_about.wrapper{top:470px;}
}


@media (max-width: 480px){
	
	.logo-header{
		position: fixed;
		z-index: 9999;
		width: 92%;
		margin: 0px 4%;
	}
	ul#top-menu{
		position: fixed;
		top: 0px;
		left: 0;
		width: 100%;
		list-style: none;
		display: inline-block;
		background: #fff;
		z-index: 999;
		padding-top: 75px;
	}
	ul#top-menu li{
		margin-right: 7%;
	}
	.thevision{
		padding: 0px !important;
	}
	.wrapper h1{
		font-size: 22pt;
		margin: 0 auto 20px auto;
		line-height: 26pt;
	}
	.theevents .list{
		font-size: 20pt;
	}
	#subpage_contact.wrapper{
		width: 100% !important;
		margin: 0 auto;
		top: 30%;
		left: 0%;
	}
	.wrapper h2.lockwidth{
		width: auto;
		padding: 0 10%;
		margin: 0 auto;
		
	}
	#subpage_about.wrapper{
		width: 70%;
		margin-left: -15%;
		left: 30%;
	}
}