/*	domain.com LAYOUT STYLE SHEET
    =============================================
		
	Publication:  00 00 2015
	Last Update:  00 00 2015
	Author:  - www.iammichaelwilliams.com
	
	
	KEY COLOUR REFS.
    teal           #0090a1
	light grey     #99899a
    dark grey      #2c4244
    dark teal      #01808f

    =============================================*/

/*  =============================================
    Font declarations */

@font-face {
    font-family: 'futura_lt_btlight';
    src: url('/fnt/futural_0-webfont.eot');
    src: url('/fnt/futural_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fnt/futural_0-webfont.woff2') format('woff2'),
         url('/fnt/futural_0-webfont.woff') format('woff'),
         url('/fnt/futural_0-webfont.ttf') format('truetype'),
         url('/fnt/futural_0-webfont.svg#futura_lt_btlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* box sizing */
html {box-sizing:border-box;}*,*:before,*:after{box-sizing:inherit;}

/* normailze plus extra html, body rules */
/*! normalize.min.css v3.0.2 | MIT License | git.io/normalize */html{height:100%;font-size:100%;overflow-y:scroll;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;min-height:100%;-webkit-font-smoothing:antialiased;font-smoothing:antialiased; text-rendering:optimizeLegibility;}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;text-decoration:none;}a:active,a:hover{outline:0}a:focus{outline:thin dotted}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}b,strong,dt{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img,object,embed,video{width:100%;/*height:auto;*/max-width:100%;_width:100%}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;/*vertical-align:baseline;*/}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}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-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}var,address{font-style:normal}

body {
    font: 62.5%/1.5 "futura_lt_btlight", Helvetica, Helvetica Neue, Arial;
    /* style weight size line-height family */
}
/* Composed to a scale of 12px, 14px, 16px, 18px, 21px, 24px, 36px, 48px, 60px and 72px */
h1, h2, h3, h4, h5, h6 {text-shadow:1px 1px 1px rgba(255,255,255,.10);; font-weight: normal;}/* REMOVE IF NOT REQUIRED */
h1 {margin: 0; font-size: 6em; line-height: 1.2em; margin-bottom: 0.4em} /* 60px / 72px */
h2 {margin: 0; font-size: 3.6em; line-height: 1.3333333333333333333333333333333em; margin-bottom: 0.5em} /* 36px / 48px */ 
h3 {margin: 0; font-size: 2em; line-height: 1.5em; margin-bottom: 1em} /* 16px / 24px */
h4 {margin: 0; font-size: 2.4em; line-height: 1em; margin-bottom: 1em;} /* 24px / 24px */
h5 {margin: 0; font-size: 2.1em; line-height: 1.1428571428571428571428571428571em; margin-bottom: 1.1428571428571428571428571428571em} /* 21px / 24px */
h6 {margin: 0; font-size: 1.8em; line-height: 1.3333333333333333333333333333333em; margin-bottom: 1.3333333333333333333333333333333em} /* 18px / 24px */
p, ul, blockquote, pre, td, th, label {margin: 0; font-size: 2em; line-height: 1.5em; margin-bottom: .5em} /* 16px / 24px */
small, p.small {margin: 0; font-size: 1.4em; line-height: 1.7142857142857142857142857142857em; margin-bottom: 1.7142857142857142857142857142857em} /* 14px / 24px */

/* HYPERLINKS */
article p a, article li a {
    border-bottom: 1px solid #01808f;
    color: #2c4244;
	-webkit-transition: all 0.35s ease-out;  
	-moz-transition: all 0.35s ease-out;
	-ms-transition: all 0.35s ease-out;
	-o-transition: all 0.35s ease-out;
	transition: all 0.35s ease-out;
}
p a:link, li a:link {
    border-bottom: 1px solid #01808f;
    color: #2c4244;
}
p a:visited, li a:visited {
    border-bottom: 1px solid #0090a1;
    color: #2c4244;
}
p a:hover, li a:hover {
    border-bottom: 1px solid #99899a;
    color: #fff;
}	
p a:active, li a:active {
    border-bottom: 1px solid #99899a;
    color: #fff;
}

/* MARKED/INSERTED/DELETED AND SELECTED TEXT */
ins, mark {text-decoration: none}
mark {background: #c47529}
ins {background: #d49855}
del {text-decoration: line-through}
::-moz-selection {background: #c47529; color: #fff; text-shadow: none} /* selected text */
::selection {background: #c47529; color: #fff; text-shadow: none} /* selected text */

/* IE7 and below notice */
#browserupgrade {font-size: 1em; width:100%; padding: 1.5em 0; text-align: center; border-bottom: 2px solid #8E8E8E; background-color:#000; color: #CCC; margin: 0;}
#browserupgrade a {color: #CCE; border: none;}
#browserupgrade a:hover {color: #007FB3;}
#browserupgrade a:active {color: #FFF; background: none;}

hr {display:block;height:1px;border:0;margin:1em 0;padding:0;
    border-top: 1px solid #ccc;}
audio,canvas,iframe,img,svg,video{vertical-align:middle;}
fieldset {border:0;margin:0;padding:0;}

/* QUOTES */
blockquote, q {quotes: none; color: #007FB3;}
blockquote span {color: #BABCBE; margin-right: .5em;}
blockquote, q, cite {font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-style: italic;}
blockquote {text-indent: -1.5em; font-size: 1.5em; margin-left: 1.5em;}
blockquote > p {padding: 0}

/* LISTS */
ul, ol {list-style-position: inside; padding: 0}
li ul, li ol {margin: 0 1.5em}
.indent li {text-indent: 1em;}


body {
    height: 100%;
}
.left, .right {
    width: 100%;
    height: 100%;
    float: left;
    padding: 5%;
    position: relative;
    min-height: 400px;
}
.left {
    background: #0090a1;
}
.logo {
}
.right .bracelet {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -100;
}
article {
    color: #2c4244;
    text-align: center;
}
.white {
    color: white;
}



/* ===== EXAMPLE Styles ================================================== */


/* ==========================================================================
   Media Queries
   ========================================================================== */

/* MOBILE PORTRAIT */
@media only screen and (min-width: 320px) {
}

/* MOBILE LANDSCAPE */
@media only screen and (min-width: 480px) {
    .left, .right {
        min-height: 600px;
    }
}

/* SMALL TABLET */
@media only screen and (min-width: 600px) {
    .left, .right {
        min-height: 700px;
    }
}

/* TABLET/NETBOOK - portrait iPad */
@media only screen and (min-width: 768px) { 
}


/* LANDSCAPE TABLET/NETBOOK/LAPTOP */
@media only screen and (min-width: 770px) {
    article {
        text-align: right;
    }
    .left, .right {
        width: 50%;
    }
    .right {
        float: right;
    }
}

@media only screen and (min-width: 1280px) { 
/* DESKTOP */
	body {font-size: 70.375%} /* 18px / 27px */
    }
}

/* WIDESCREEN */
@media only screen and (min-width: 1400px) { 
	body {font-size: 78.125%} /* 20px / 30px */
}



/* ======================================================================
   Utility Classes - sticky footer / social share / slides as modules? */

span.amp{font-family:adobe-caslon-pro,Adobe Caslon Pro,Baskerville,"Goudy Old Style","Palatino","Palatino Linotype","Book Antiqua",Georgia,"Times New Roman",Times,serif;font-weight:400;font-style:italic;font-size:110%;line-height:0;position:relative;vertical-align:baseline} /* Best available ampersand */

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

.visuallyhidden {border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}

.invisible{visibility:hidden;}

/* MICRO CLEARFIX */
.cf:before,.cf:after{content:"";display:table}
.cf:after{clear:both}
.cf{zoom:1}

.clear {clear: both;}

/* ==========================================================================
   Print styles */

@media print {
    *,
    *:before,
    *:after  {background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; box-shadow: none !important;} /* Black prints faster */
  a, a:visited {color: #444 !important; 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: ""}  /* Don't print links for images, javascript or internal links */
  pre, blockquote {border: 1px solid #999; page-break-inside: avoid; }
  thead {display: table-header-group; } /* Repeat header row at top of each printed page */
  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}
}