/**************************************************************************************************************************************/
/*  HTML5 BOILERPLATE */

    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 {height: 100%;font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
    html, button, input, select, textarea {font-family: 'Droid Sans', 'Arial', 'Helvetica', sans-serif;color: #666; outline: none!important;}
    body {height: 100%;margin: 0;padding: 0;font-size: 13px;line-height: 21px;}

    ::-moz-selection { background: #999; color: #000; text-shadow: none; }
    ::selection { background: #999; color: #000; text-shadow: none; }

    a {color: #dd3a48;text-decoration: none;}
    a:visited {color: #dd3a48;}
    a:hover {color: #dd3a48;text-decoration: underline;}
    a:focus {outline: none;}
    a:hover, a:active {outline: none;}
    abbr[title] { border-bottom: 1px dotted;cursor: help;}
    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; }
    dd { margin: 0 0 0 40px; }

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

	/* forms */
	.confirm {display: none;} /* style to hide input for spam prevention */
	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"] {margin: 0;padding: 0 !important;width: auto !important;height: auto !important;border: none !important;vertical-align: middle !important;}
    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 {  }
    input:focus { outline: none; }
	input, select, textarea {border-radius: 5px;border: 1px solid #bfbfbf;}

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

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

/**************************************************************************************************************************************/
/*  HELPERS */

    .clear {width: 100%;height: 0;clear: both;}
    .align-none {float: none !important;}
	    .align-left {float: left !important;}
		.align-right {float: right !important;}
    .text-center {text-align: center;}
		.text-left {text-align: left !important;}
		.text-right {text-align: right !important;}
	.hidden {display: none;}
		.no-border {border: 0 !important;}
		.no-margin {margin: 0 !important;}
		.no-pad {padding: 0 !important;}
	.border {border: 1px dotted #bfbfbf;}
		.border.top {border-width: 1px 0 0;}
		.border.bottom {border-width: 0 0 1px;}
		.border.both {border-width: 1px 0;}
		.border.left {border-width: 0 0 0 1px;}
		.border.right {border-width: 0 1px 0 0;}
		.border.sides {border-width: 0 1px;}
	.rel {position: relative;}
    /* go to colours - all links/accents should always use the hex below */
    .orange {color: #dd3a48;}
    .yellow {color: #ffa800;}
	.green {color: #579415;}
    .grey {color: #666;}
	.darker {color: #000;}
    .border-color {color: #dfdddd;}
    /* this pushes page down that don't have big top titles */
	.pad30 {padding-top: 30px !important;}
	.plus15 {margin-top: 15px !important;}
	.plus30 {margin-top: 30px;}
	.super {font-size: 80px;line-height: 50px;}

/**************************************************************************************************************************************/
/*  GRID */
    
	.col10 {width: 100%;float: left;display: inline-block;}
	.col9 {width: 90%;float: left;display: inline-block;}
	.col8 {width: 80%;float: left;display: inline-block;}
	.col7 {width: 70%;float: left;display: inline-block;}
	.col6 {width: 60%;float: left;display: inline-block;}
	.col5 {width: 50%;float: left;display: inline-block;}
	.col4 {width: 40%;float: left;display: inline-block;}
	.col3 {width: 30%;float: left;display: inline-block;}
	.col2 {width: 40%;margin: 0 auto;}
	.col1 {width: 10%;float: left;display: inline-block;}
	
	.padded {padding: 20px;}
	.paddedr {padding-right: 20px;}
	.paddedr {padding-right: 20px;}
	.paddedl {padding-left: 20px;}
	.paddedrl {padding: 0 20px;}
	.spacet {margin-top: 30px;}
	.spaceb {margin-bottom: 30px;}
	.spacetb {margin: 30px 0;}
	.incht {margin-top: 15px;}
	.inchb {margin-bottom: 15px;}
	.inchtb {margin: 15px 0;}

	.mar_5t {margin-top: 5px;}
	.mar_5b {margin-bottom: 5px;}

/**************************************************************************************************************************************/
/*  GLOBAL */

    html, body {min-height: 100%;width: 100%;padding: 0;margin: 0;}
	body {overflow: hidden;}
	#fullscreen {z-index: -999;min-height: 100%;min-width: 1024px;width: 100%;height: auto;position: absolute;top: 0;left: 0;}
    #wrap {position: relative;width: 800px;height: 400px;margin: 200px auto 0;}
    .container {min-width: 100%;min-height: 100%;margin: 0 auto;/* this controls the width of the site for media queries - check at the bottom of this file */}

	/* font declarations */
	p {margin: 0;padding: 16px 0 0;}
	h1, h2, h3, h4, h5, h6 {font-weight: normal;margin: 0;padding: 0;}
	h1 {font-family: "Century Gothic", "Droid Serif", "Verdana", "Helvetica", sans-serif;}
	h2 {text-transform: uppercase;}
	i, .serif {font-family: 'Droid Serif', 'Georgia', 'Times', 'Times New Roman', serif;}

	/*.logo {width: 230px;height: 85px;margin: 15px 10px 30px 30px;background: url(../img/logo_south_africa_venues.png) left top no-repeat;display: block;border: 0;}*/
.logo {display: block;width: 128px;height: 64px;margin: 15px auto 30px;background: url(../../construct/styles/img/sprites.png) no-repeat 0 -500px;}

	h1 {font-size: 24pt;line-height: 24px;margin: 3px 0 16px;padding: 0 3px 8px 0;color: #bfbfbf;border-bottom: 1px dotted #bfbfbf;width: 100%;text-align: right;}
	h2 {font-size: 20pt;line-height: 24px;margin: 0;color: #333;}
	h3 {font-size: 18pt;line-height: 21px;}
	h4 {font-size: 16pt;line-height: 16px;}
	h5 {font-size: 13pt;line-height: 14px;text-transform: uppercase;}
	.box {background-color: #fff;border: 1px solid #bfbfbf;border-radius: 8px;padding: 20px;color: #111;text-align: center;box-shadow: 5px 5px 8px #111;}
		.box h2 {font-size: 18pt;}

	/* formats */
	.alert {min-height: 40px;padding: 10px 62px 10px 20px;color: #fff;}
		.alert p {font-size: 13px !important;line-height: 1.2;padding: 0;text-align: left;}
		.alert.warn {background: #ffc527 url(img/alert-warnx50.png) no-repeat bottom right;color: #000;}
		.alert.info {background: #0098c7 url(img/alert-infox50.png) no-repeat bottom right;}
		.alert.fail {background: #ef332d url(img/alert-failx50.png) no-repeat bottom right;}
		.alert.tick {background: #8fc73f url(img/alert-tickx50.png) no-repeat bottom right;}
			.alert strong {text-transform: uppercase;color: #000;font-weight: normal;font-size: 16pt;}
			.alert a {color: #fff;text-decoration: underline;}
				.alert.fail strong {color: #fff;}
				.alert.warn a {color: #000;}

	.warning {border: 1px solid #dd3a48;border-width: 1px 0;background-color: #f9edeb;color: #dd3a48;padding: 8px 0;margin: 10px 0 4px;}
	.successful {border: 1px solid #608341;border-width: 1px 0;background-color: #daf4b5;color: #608341;padding: 8px 0;margin: 10px 0 4px;}

	/* form elements */
	textarea {margin: 10px auto;padding: 3%;width: 94%;}
	input[type="text"], input[type="email"], input[type="password"], select {padding: 6px 2% 6px 3%;margin: 3px 0;width: 94%;box-shadow: none !important;}
	input[type="checkbox"] {margin: 4px 0 1px 5px;float: right;}

	input:focus {background-color: #fef6e6 !important;border-color: #efb402;}

/**************************************************************************************************************************************/
/*  BUTTONS */

    /* yellow button */
    .btn_yellow {clear: left;margin-top: 3px;font-size: 14px;font-weight: bold;color: #fff !important;text-align: center;display: block;padding: 6px 0;width: 100%;border: 1px solid #c77800 !important;border-width: 0 0 1px !important;border-radius: 4px !important;background-color: #ffb200 !important;background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffb200), to(#ff9b00)) !important;background-image: -webkit-linear-gradient(top, #ffb200, #ff9b00) !important;background-image: -moz-linear-gradient(top, #ffb200, #ff9b00) !important;background-image: -ms-linear-gradient(top, #ffb200, #ff9b00) !important;background-image: -o-linear-gradient(top, #ffb200, #ff9b00) !important;text-shadow: 1px 1px 1px #c77800 !important;}
		.btn_yellow:hover {color: #fff !important;background-color: #ff9b00 !important;background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b00), to(#ffb200)) !important;background-image: -webkit-linear-gradient(top, #ff9b00, #ffb200) !important;background-image: -moz-linear-gradient(top, #ff9b00, #ffb200) !important;background-image: -ms-linear-gradient(top, #ff9b00, #ffb200) !important;background-image: -o-linear-gradient(top, #ff9b00, #ffb200) !important;}
		.btn_yellow:visited {color: #fff; !important}


/**************************************************************************************************************************************/
/*  RESPONSIVE */
    
    /* Default Site */
    @media only screen and (min-width: 1600px) {
        .container {width: 1170px;}
    }

    @media only screen and (min-width: 1280px) and (max-width: 1599px) {
        .container {width: 1170px;}
	    #wrap {margin: 120px auto 0;}
    }

	@media only screen and (max-width: 1279px) {
		.col10, .col9, .col8, .col7, .col6, .col5, .col4, .col3, .col2, .col1 {width: 80%;float: none;display: block;margin: 0 auto; clear: both;}
		.logo {margin: 15px auto 30px;}
		#wrap {width: 100%;height: 100%;position: absolute;top: 50%;margin: -167px auto 0;text-align: center;}
		#fullscreen {min-height: 0 !important;min-width: 0 !important;width: auto !important;height: 100% !important;position: fixed;margin: 0 auto;background-size: 100% auto;}
        .container {width: auto;margin: 0 auto;text-align: center;}
        .overflow {overflow-x: auto;}
    }

    @media only screen and (min-width: 700px) and (max-width: 1279px) {
		.col2 {width: 40%;}
	}

    @media only screen and (min-width: 500px) and (max-width: 699px) {
		.col2 {width: 60%;}
	}

	@media only screen and (max-width: 350px) {
		#wrap {}
        .logo {margin: 0 auto 15px;}
    }


/**************************************************************************************************************************************/
/*  PRINTING */

    @media print {
        * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
        a, a:visited { text-decoration: underline; }
        a[href]:after { content: " (" attr(href) ")"; }
        abbr[title]:after { content: " (" attr(title) ")"; }
        .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; } 
        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; }
    }