html {height:100%;}
body {height:100%;background: url(images/bkg.jpg) fixed top center no-repeat; margin:0; padding:0;}

/*PAGE LAYOUT*/
#container {margin: 0 auto; max-width:1099px; background:#fff; border-left: 1px solid #babfd6; border-right: 1px solid #babfd6; overflow:visible;}
#header {position:relative; top:0; max-width:1099px; height:auto;}
nav {position:relative; padding:0; text-align:center;}
#navigation {position: fixed; width: 250px; height:100%; background:#63b9aa; left:49px; top:0;}
#contentNav {position:relative; padding:0; text-align:center;}
#left {position:relative; padding:0 0px 30px 0px;}
#right {position:relative; padding:0 0px 30px 0px; text-align:right;}
#footer {position:relative; margin-left:auto; margin-right:auto; height:100px; max-width:1099px; background:#f2f6f2; text-align:center; border-top: 1px solid #babfd6;}
#finePrint {position:relative; margin-left:auto; margin-right:auto; height:auto; max-width:1099px; background:#efefef; text-align:center; border-top: 1px solid #c3cbcf;}
#break {background: url(images/seperator.jpg) no-repeat; max-width:1099px; height:25px; margin-top:0px;}
#breakTop {background: url(images/seperator-top.jpg) no-repeat; max-width:1099px; height:25px; margin-top:-20px; padding-bottom:20px;}
.collumn3 {columns:200px 3; -webkit-columns:200px 3; -moz-columns:200px 3;}

/*TEXT*/
p {font-size:16px; color:#888; line-height:26px; font-family: 'Muli', Avenir, sans-serif; font-weight:300;}
a {text-decoration:none; color: #c01115;} a:hover {text-decoration:none; color: #000;} a.iMhere {color:#000;}
h1 {font-size:32px; font-weight:300; line-height:35px; color:#000; font-family: 'Muli', Avenir, sans-serif; }
h2 {font-size:20px; font-weight:300; line-height: 20px; color:#63b9aa; font-family: 'Muli', Avenir, sans-serif;}
h3 {font-size:18px; font-weight:400; line-height: 20px; color:#c01115; font-family: 'Muli', Avenir, sans-serif;}
h4 {font-size:20px; font-weight:300; line-height: 20px; color:#c01115; font-family: 'Muli', Avenir, sans-serif;}
.hiL {font-size:16px; font-weight:400; line-height: 20px; color:#465199; font-family: 'Muli', Avenir, sans-serif;}
.comment1 {font-size:20px; font-weight:300; line-height: 30px; color:#465199; font-family: 'Muli', Avenir, sans-serif;}
.commenter {font-size:20px; font-weight:300; line-height: 25px; color:#000; font-family: 'Muli', Avenir, sans-serif; margin: -20px 0 0 60px;}
.footerp {margin-top: 20px;font-size:12px; font-weight:400; line-height:17px; color:#465199; font-family: 'Muli', Avenir, sans-serif;}
.finep {margin-top: 10px;font-size:11px; font-weight:400; line-height:15px; color:#333; font-family: 'Muli', Avenir, sans-serif;}

/*NAVIGATION MENUS*/
ul.arrow {font-size:16px; color:#999; font-weight:400; line-height:26px; font-family: 'Muli', Avenir, sans-serif; list-style-type: none; padding: 0; margin: 4px 0 6px 0;}
ul.arrow li:before {content:'\2713';padding: 0 7px 0 0;}
ul.check {font-size:16px; color:#000; font-weight:400; line-height:26px; font-family: 'Muli', Avenir, sans-serif; list-style-type: none; padding: 0; margin: 4px 0 6px 0;}
ul.check li:before {content:'\2713';padding: 0 7px 0 0; color:#35B444;}
.buynow {display:inline;padding:10px 30px 12px;font-family: 'Muli', Avenir, sans-serif;font-size:16px;background:#35B444;color:#fff;} .buynow:hover {background:#000;color:#fff;}

/*UTILITY*/
.clear {clear: both;} .h800 {min-height:750px;}
/*POSITIONING*/
.padSides {margin: 0 60px 0 80px;} .padSides2 {margin: 0 140px 0 140px;} .padR {margin-right:80px;} .padL {margin-left:80px;} .padL2 {margin-left:100px;} .suckTop {margin-top:-46px;} .suckTop20 {margin-top:-20px;} .suckBottom {margin-bottom: 0px;} .psdT10 {padding-top:10px;} .padT {padding-top:30px;} .padT20 {padding-top:20px;} .padT25 {padding-top:25px;} .padT50 {padding-top:50px;} .padT70 {padding-top:70px;} .pushB {padding-bottom:30px;} .centre {text-align:center;} .btnPad {padding: 0 7px 0 7px;} .drop {margin-bottom:-10px; padding-top:20px;}

/*COLOURS*/
.k {color:#000;} .w {color:#fff;} .w:visited {color:#ccc;} .lime {color:#cde281;} .red {color:#c01115;} .green {color:#0ba800;} .turqgreen {color:#00a68c;} .beige {color:#f6f7ec;} .purple {color:#9a659a;} .blue {color:#465199;}

/*IMAGES*/ img {display:block;border: 0; margin: 0; padding: 0; opacity:0;} .floatR { float: right; margin-left: 30px; } .floatL { float: left; margin-right: 30px; margin-bottom: 0px; }
/*SHADOWS*/ .shadow3 {-moz-box-shadow: 0 0 3px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 3px 2px rgba(0,0,0,0.1); box-shadow: 0 0 3px 2px rgba(0,0,0,0.1); } .shadow5 { -moz-box-shadow: 0 0 5px 3px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 5px 3px rgba(0,0,0,0.4); box-shadow: 0 0 5px 3px rgba(0,0,0,0.4); }
/*HOVER*/ .shadow5:hover {-moz-box-shadow: 0 0 5px 3px rgba(255,255,255,0.4); -webkit-box-shadow: 0 0 5px 3px rgba(255,255,255,0.4); box-shadow: 0 0 5px 3px rgba(255,255,255,0.4); } .shadow3:hover { -moz-box-shadow: 0 0 5px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 5px 2px rgba(0,0,0,0.2); box-shadow: 0 0 5px 2px rgba(0,0,0,0.2); }
/*BORDER*/ .border {border: 1px solid #babfd6; } .border1 {border-left: 1px solid #babfd6; border-top: 1px solid #babfd6; border-right: 1px solid #babfd6;} .border3 { border: 3px solid #efefef; } .border5 { border: 5px solid #efefef; }
/*ROUNDERS*/ .rounder {-moz-border-radius: 8px; border-radius: 8px;} .rounder2 {-moz-border-radius-topright:8px;-moz-border-radius-bottomleft:8px; border-top-right-radius:8px;border-bottom-left-radius:8px;} .rounder3 {-moz-border-radius-topright:16px;-moz-border-radius-bottomleft:16px; border-top-right-radius:16px;border-bottom-left-radius:16px;} .rounder4 {-moz-border-radius-bottomright:16px;border-bottom-right-radius:16px;}
/*LAZYLOADER*/ img:not(.initial) {transition: opacity 1s;} img.initial, img.loaded, img.error {opacity: 1;} img:not([src]) {visibility: hidden;}

/*RESPONSIVE*/
@media only screen and (min-width: 100px) and (max-width: 900px) {
*,*:before,*:after {z-index:1;}
#container {width:100%;border:0 !important;}
#header, #footer, #finePrint, #break, #breakTop {width:100%;}
#header img {width:100%;height:auto;}
.padSides, .padSides2 {margin:10px;}
.padR, .padL, .padL2 {margin:10px;}
img {width:100%;height:auto;}
}