/* Mohunkys Repsonsive Framework V4.2  */

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

Created by Mohunky on behalf of Evry Creative

- This style sheet should contain everything to make
  the website work on smaller devices.
- Only minor typographic overrides should be in this sheet.
- All @media queries should be in this document.
- No @font-face rules should be in this document.
- All my CSS flows in the following order
  .classOrID {   display:; position/float:; width:; height:; margin:; padding:; border:; background:; text/font styles:;   }

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

/* ======== COLOURS =====================================

  Green/Blue    - #016F88   rgb(1,111,136)
  Yellow        - #FFDE00   rgb(255,222,0)
  Grey          - #7F7F7F   rgb(127,127,127)

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

h1 {
    color: red;
}

/* ==================== EXAMPLES ==================== */
#examples [class*="span"] {   min-height:3em; margin-bottom:1em; background-color:#4065AF; overflow:hidden;   }
#examples [class*="span"] span {   display:inline-block; padding:1em 0.5em; color:#ffffff;   }


/* ================== GENERAL LAYOUT =================== */
header#mainhdr  {   padding:2em 0em 0em 0em;   }
footer#mainftr  {      }
header article,
footer article  {   overflow:visible;   }
#logo           {      }
#hdrcontact     {   margin:0; font-size:1.250em; font-weight:400; text-align:right;   }

#herospace      {   position:relative;   }
#herospace .herocontent     {   position:absolute; bottom:1em; left:1em; width:43%; color:#ffffff;   }
#herospace .herocontent h1  {   font-size:2.250em;   }
#herospace .button          {   position:absolute; right:0; bottom:1em;   }

#testimintro                {   position:absolute;   }



/* -------- UNSLIDER -------- */
.unslider                                       {   margin:0; padding:0; overflow:auto;   }
.unslider-wrap                                  {   position:relative;   }
.unslider-wrap.unslider-carousel>li             {   float:left;   }
.unslider li, .unslider ol, .unslider ul        {   position:relative;   margin:0; padding:0; border:none; list-style:none;   }
.unslider li img                                {   display:block;   }
.unslider .slidecontent                         {   position:absolute; bottom:1em; width:33%; color:#ffffff;   }
.unslider li:nth-child(odd) .slidecontent       {   left:3em;   }
.unslider li:nth-child(even) .slidecontent      {   right:3em; text-align:right;   }

/* -------- MODAL -------- */
#overlay                {   display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(1,111,136,0.6); z-index:100;   }
#overlay.overlayopen    {   display:block;   }
#modal                  {   display:none; position:absolute; top:6em; width:100%; z-index:101;   }
#modal.modalopen        {   display:block;   }
#modal .span8           {   position:relative; float:none; margin:0 auto;   }
#factsclose             {   position:absolute; top:1em; right:1em; padding:0.1250em 0.5em; color:#ffffff; background-color:#7f7f7f;   }
#factsclose:hover       {   background-color:#ffde00;   }

/* -------- FLEET OVERLAY -------- */
#fleet:hover .overlay   {   display:block;   }
#fleet .overlay         {   display:none; position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; padding:0% 55% 0% 5%; background-color:rgba(1,111,136,0.7); text-transform:uppercase; color:#ffffff;   }

/* -------- REMOVAL OVERLAY -------- */
#removal:hover .overlay {   display:block;   }
#removal .overlay       {   display:none; position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; padding:0% 10%; background-color:rgba(1,111,136,0.7); text-transform:uppercase; color:#ffffff;   }

/* -------- TESTIMONIAL OVERLAY -------- */
#testimonial:hover .overlay {   display:block;   }

/* -------- AFFILIATES LIST -------- */
#affiliates     {   margin:0; padding:0; list-style:none;   }
#affiliates li  {   float:left; width:6em; padding:0em 0.5em 1em 0em;   }
#affiliates img {   display:block; margin:0 auto;   }

/* -------- CHARITIES LIST -------- */
#charities      {   margin:0; padding:0; list-style:none;   }
#charities li   {   float:left; padding:0em 0.50em 0em 0em; width:6em;  }


/* ==================== NAVIGATION ===================== */
/* -------- PRIMARY NAV -------- */
#rwd-menu                   {   display:none;   }
nav#master                  {   padding:1em 0em;   }
nav#master ul               {   display:block; width:100%; margin:0; padding:0; background-color:#ffde00; text-transform:uppercase; font-weight:400; font-size:0.875em; overflow:hidden;   }
nav#master li               {   display:block; position:relative; float:left; margin:0em 0.125em;   }
nav#master ul li a          {   display:block; padding:0.750em 1.750em; color:#016F88;   }
nav#master ul li a:hover    {   outline:none; color:#ffffff; text-decoration:none; background-color:rgba(1,111,136,0.3);   }
nav#master ul li a.active   {   outline:none; color:#ffffff; text-decoration:none; background-color:#016F88;   }

/* -------- SOCIAL NAV -------- */
#hdrsocialnav                   {   margin:0; padding:0; list-style:none; text-align:right;   }
#hdrsocialnav li                {   display:inline-block; width:28px; height:28px; margin:0em 0em 0em 0.5em; background-position:center; background-repeat:no-repeat; text-indent:999em; overflow:hidden;   }
#hdrsocialnav li a              {   display:block; width:28px; height:28px;   }


/* ==================== CONTACT FORM =================== */
#contactForm       {   overflow:hidden;    }
#contactForm .row	{   width:100%;   }
#contactForm .span6 {   float:left; width:48.625%; margin-left:2.75%;   }
#contactForm .span6:first-of-type {   margin-left:0;   }
.formrow            {   float:none; clear:both; width:100%; margin:0em 0em 1em 0em; overflow:hidden;   }
label               {   display:block; float:left; clear:both; margin-bottom:6px; color:#FFDE00; line-height:14px;   }
input, textarea     {   display:block; float:left; box-sizing:border-box; clear:both; width:100%; min-height:14px; color:#C4C4C4; font-family:Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif; font-style:italic; padding:6px;   }


input[type=checkbox]	{   display:inline; float:none; width:auto;   }
label.checboxLabel		{   display:inline; float:none;   }
.formError				{  display:block; clear:both; font-size:0.875em; color:#fff;   }

/* ==================== OVERRIDES ===================== */
.mobile-only {   display:none;   }
.tablet-only {   display:none;   }


/* ======================================================== */
/* ======================================================== */
/* ==================== SMALLER SCREENS =================== */
/* ================= LESS THAN 1200PX WIDE ================ */
/* ======================================================== */
/* ======================================================== */
@media only screen and (max-width: 1200px) {

	/* ==================== BASE LAYOUT ==================== */


	/* ==================== NAVIGATION ===================== */
	/* -------- PRIMARY NAV -------- */

	/* -------- SUB NAV -------- */


	/* ==================== OVERRIDES ===================== */


}

/* ======================================================== */
/* ======================================================== */
/* ==================== TABLET DEVICES ==================== */
/* ================= LESS THAN 1024PX WIDE ================ */
/* ======================================================== */
/* ======================================================== */
@media only screen and (max-width: 1023px) {

	/* ==================== BASE LAYOUT ==================== */
    /* -------- UNSLIDER -------- */
    .unslider .slidecontent     {   width:90%;   }
    .unslider .slidecontent h3  {   font-size:1.750em;   }

    /* -------- FLEET -------- */
    #fleet .overlay             {   width:100%; padding-right:20%;   }
    #removal .overlay           {   width:100%; padding-right:20%;   }
    #testimonial .overlay       {   width:100%; padding-right:20%;   }

	/* ==================== NAVIGATION ===================== */
	/* -------- PRIMARY NAV -------- */
    nav#master ul li            {   margin:0;   }
    nav#master ul li a          {   padding:0.750em 0.675em;   }

	/* -------- SUB NAV -------- */


	/* ==================== OVERRIDES ===================== */
	.tablet-hide {   display:none;   }
	.tablet-only {   display:block;   }

}

/* ======================================================== */
/* ======================================================== */
/* ==================== MOBILE DEVICES ==================== */
/* ================= LESS THAN 777PX WIDE ================= */
/* ======================================================== */
/* ======================================================== */
@media only screen and (max-width: 777px) {

	/* ==================== GENERAL LAYOUT ==================== */
    #logo                       {   position:absolute; top:10px; max-width:250px;   }
    .ftrsmallprint              {   text-align:center;   }
    .ftrsmallprint .txtright    {   text-align:center;   }
    #testimintro                {   position:relative;   }

    #herospace .herocontent     {   width:65%;   }
    #herospace h3               {   font-size:1.250em;   }
    #herospace .button          {   bottom:-1.5em;   }

	/* -------- UNSLIDER -------- */
    .unslider .slidecontent h3  {   font-size:1.250em;   }

    /* -------- FLEET -------- */
    #fleet .overlay             {   display:block;   }

	/* ==================== NAVIGATION ===================== */
	/* -------- PRIMARY NAV -------- */
	#rwd-menu                   {   display:block;   }
	#rwd-toggle:hover           {   cursor:pointer; background-color:#7F7F7F;   }

	nav#master                  {   display:none;   }
	nav#rwd-master              {   padding:3.5em 0em 1em 0em;	   }
	nav#rwd-master ul           {   display:none; height:auto; clear:both; margin:0; padding:0; overflow:hidden; list-style:none;   }
	nav#rwd-master li           {   display:block; position:relative; float:left; width:100%; margin:0.125em 0em; background-color:#ffde00; text-align:center;   }
	nav#rwd-master ul li a      {   display:block; padding:0.750em; background-color:#ffde00; color:#016F88; text-transform:uppercase; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;   }
	nav#rwd-master ul li a:hover{   outline:none; text-decoration:none; background-color:rgba(1,111,136,0.3); color:#ffffff;   }

	/* -------- SUB NAV -------- */


	/* ==================== OVERRIDES ===================== */
	.mobile-hide   {   display:none;   }
	.mobile-center {   text-align:center;   }
	.mobile-only   {   display:block;   }

}

/* ======================================================== */
/* ======================================================== */
/* ==================== MOBILE DEVICES ==================== */
/* ================= LESS THAN 520PX WIDE ================= */
/* ======================================================== */
/* ======================================================== */
@media only screen and (max-width: 520px) {

    /* ==================== GENERAL LAYOUT ==================== */
    #logo       {   position:relative; top:auto; max-width:250px; margin:0 auto;   }
    #hdrcontact {   text-align:center;   }
    #herospace .herocontent     {   position:relative; top:0; bottom:0; left:0; color:#000000; width:100%;   }
    #herospace .button          {   top:4em; bottom:auto;   }

    /* -------- UNSLIDER -------- */
    .unslider .slidecontent                     {   position:relative; top:0; padding:1em 0em 0em 0em; width:100%; color:#000000;   }
    .unslider li:nth-child(odd) .slidecontent   {   left:0;   }
    .unslider li:nth-child(even) .slidecontent  {   right:0; text-align:left;   }
    .unslider-arrow                             {   top:2em;   }

    /* ==================== NAVIGATION ===================== */
    #hdrsocialnav {   text-align:center;   }

    form#feedback .span6 {   float:none; width:100%; margin-left:0;   }
    form#feedback .span6:first-of-type {   margin-left:0;   }
}


/* homepage */
.button p
{
    margin-bottom:0;
    font-weight:400;
}

.button.blue strong

{
    color:#fff;
}

/*! normalize.css v2.0.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 nav,
 section,
 summary {
     display: block;
 }
 
 /**
  * Correct `inline-block` display not defined in IE 8/9.
  */
 
 audio,
 canvas,
 video {
     display: inline-block;
 }
 
 /**
  * Prevent modern browsers from displaying `audio` without controls.
  * Remove excess height in iOS 5 devices.
  */
 
 audio:not([controls]) {
     display: none;
     height: 0;
 }
 
 /**
  * Address styling not present in IE 8/9.
  */
 
 [hidden] {
     display: none;
 }
 
 /* ==========================================================================
    Base
    ========================================================================== */
 
 /**
  * 1. Set default font family to sans-serif.
  * 2. Prevent iOS text size adjust after orientation change, without disabling
  *    user zoom.
  */
 
 html {
     font-family: sans-serif; /* 1 */
     -webkit-text-size-adjust: 100%; /* 2 */
     -ms-text-size-adjust: 100%; /* 2 */
 }
 
 /**
  * Remove default margin.
  */
 
 body {
     margin: 0;
 }
 
 /* ==========================================================================
    Links
    ========================================================================== */
 
 /**
  * Address `outline` inconsistency between Chrome and other browsers.
  */
 
 a:focus {
     outline: thin dotted;
 }
 
 /**
  * Improve readability when focused and also mouse hovered in all browsers.
  */
 
 a:active,
 a:hover {
     outline: 0;
 }
 
 /* ==========================================================================
    Typography
    ========================================================================== */
 
 /**
  * Address variable `h1` font size within `section` and `article` contexts in
  * Firefox 4+, Safari 5, and Chrome.
  */
 
 h1 {
     font-size: 2em;
 }
 
 /**
  * Address styling not present in IE 8/9, Safari 5, and Chrome.
  */
 
 abbr[title] {
     border-bottom: 1px dotted;
 }
 
 /**
  * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
  */
 
 b,
 strong {
     font-weight: bold;
 }
 
 /**
  * Address styling not present in Safari 5 and Chrome.
  */
 
 dfn {
     font-style: italic;
 }
 
 /**
  * Address styling not present in IE 8/9.
  */
 
 mark {
     background: #ff0;
     color: #000;
 }
 
 /**
  * Correct font family set oddly in Safari 5 and Chrome.
  */
 
 code,
 kbd,
 pre,
 samp {
     font-family: monospace, serif;
     font-size: 1em;
 }
 
 /**
  * Improve readability of pre-formatted text in all browsers.
  */
 
 pre {
     white-space: pre;
     white-space: pre-wrap;
     word-wrap: break-word;
 }
 
 /**
  * Set consistent quote types.
  */
 
 q {
     quotes: "\201C" "\201D" "\2018" "\2019";
 }
 
 /**
  * Address inconsistent and variable font size in all browsers.
  */
 
 small {
     font-size: 80%;
 }
 
 /**
  * Prevent `sub` and `sup` affecting `line-height` in all browsers.
  */
 
 sub,
 sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: baseline;
 }
 
 sup {
     top: -0.5em;
 }
 
 sub {
     bottom: -0.25em;
 }
 
 /* ==========================================================================
    Embedded content
    ========================================================================== */
 
 /**
  * Remove border when inside `a` element in IE 8/9.
  */
 
 img {
     border: 0;
 }
 
 /**
  * Correct overflow displayed oddly in IE 9.
  */
 
 svg:not(:root) {
     overflow: hidden;
 }
 
 /* ==========================================================================
    Figures
    ========================================================================== */
 
 /**
  * Address margin not present in IE 8/9 and Safari 5.
  */
 
 figure {
     margin: 0;
 }
 
 /* ==========================================================================
    Forms
    ========================================================================== */
 
 /**
  * Define consistent border, margin, and padding.
  */
 
 fieldset {
     border: 1px solid #c0c0c0;
     margin: 0 2px;
     padding: 0.35em 0.625em 0.75em;
 }
 
 /**
  * 1. Correct `color` not being inherited in IE 8/9.
  * 2. Remove padding so people aren't caught out if they zero out fieldsets.
  */
 
 legend {
     border: 0; /* 1 */
     padding: 0; /* 2 */
 }
 
 /**
  * 1. Correct font family not being inherited in all browsers.
  * 2. Correct font size not being inherited in all browsers.
  * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
  */
 
 button,
 input,
 select,
 textarea {
     font-family: inherit; /* 1 */
     font-size: 100%; /* 2 */
     margin: 0; /* 3 */
 }
 
 /**
  * Address Firefox 4+ setting `line-height` on `input` using `!important` in
  * the UA stylesheet.
  */
 
 button,
 input {
     line-height: normal;
 }
 
 /**
  * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
  *    and `video` controls.
  * 2. Correct inability to style clickable `input` types in iOS.
  * 3. Improve usability and consistency of cursor style between image-type
  *    `input` and others.
  */
 
 button,
 html input[type="button"], /* 1 */
 input[type="reset"],
 input[type="submit"] {
     -webkit-appearance: button; /* 2 */
     cursor: pointer; /* 3 */
 }
 
 /**
  * Re-set default cursor for disabled elements.
  */
 
 button[disabled],
 input[disabled] {
     cursor: default;
 }
 
 /**
  * 1. Address box sizing set to `content-box` in IE 8/9.
  * 2. Remove excess padding in IE 8/9.
  */
 
 input[type="checkbox"],
 input[type="radio"] {
     box-sizing: border-box; /* 1 */
     padding: 0; /* 2 */
 }
 
 /**
  * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
  * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
  *    (include `-moz` to future-proof).
  */
 
 input[type="search"] {
     -webkit-appearance: textfield; /* 1 */
     -moz-box-sizing: content-box;
     -webkit-box-sizing: content-box; /* 2 */
     box-sizing: content-box;
 }
 
 /**
  * Remove inner padding and search cancel button in Safari 5 and Chrome
  * on OS X.
  */
 
 input[type="search"]::-webkit-search-cancel-button,
 input[type="search"]::-webkit-search-decoration {
     -webkit-appearance: none;
 }
 
 /**
  * Remove inner padding and border in Firefox 4+.
  */
 
 button::-moz-focus-inner,
 input::-moz-focus-inner {
     border: 0;
     padding: 0;
 }
 
 /**
  * 1. Remove default vertical scrollbar in IE 8/9.
  * 2. Improve readability and alignment in all browsers.
  */
 
 textarea {
     overflow: auto; /* 1 */
     vertical-align: top; /* 2 */
 }
 
 /* ==========================================================================
    Tables
    ========================================================================== */
 
 /**
  * Remove most spacing between table cells.
  */
 
 table {
     border-collapse: collapse;
     border-spacing: 0;
 }
 
 
/* Mohunkys Repsonsive Framework V4.2  */

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

Created by Mohunky on behalf of Evry Creative

- This style sheet should contain all site wide styles that
  are constant no matter the breakpoint.
- All primary typographic styles should be in this sheet
- All standard button and link styles and form styles.
- All @font-face rules should be in this document.
- RWD Grid System should be within this document.

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

/* ======== COLOURS =====================================

  Green/Blue    - #016F88   rgb(1,111,136)
  Yellow        - #FFDE00   rgb(255,222,0)
  Grey          - #7F7F7F   rgb(127,127,127)

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

body {   font-family:'Open Sans', Helvetica, Arial, sans-serif; color:#000000; background:#ffffff;   }

/* ================= GLOBAL TYPOGRAPHY ================= */
p  {   font-size:1.000em; font-weight:300; line-height:1.375em; margin:0em 0em 1em 0em;   }
ol {   font-size:1.000em; font-weight:300;   }
ul {   font-size:1.000em; font-weight:300;   }
h1 {   font-size:2.500em; font-weight:normal; margin:0em 0em 0.750em 0em; font-weight:700; line-height:1em;   }
h2 {   font-size:1.750em; font-weight:normal; margin:0em 0em 1em 0em; font-weight:700; line-height:1em;   }
h3 {   font-size:1.750em; font-weight:normal; margin:0em 0em 0.750em 0em; font-weight:700; line-height:1em;   }
h4 {   font-size:1.750em; font-weight:normal; margin:0em 0em 0.750em 0em; font-weight:700; line-height:1em; color:#FFDE00;   }
h5 {   font-size:1.000em; font-weight:normal; margin:0em 0em 1em 0em;   }
h6 {   font-size:1.000em; font-weight:normal; margin:0em 0em 1em 0em;   }

strong {   font-weight:700; color:#016F88;   }
small  {   font-size:0.750em;   }

hr          {  width:100%; height:1px; margin:1em auto; border:0; outline:none; background-color:#7F7F7F;   }
hr.bluegreen {   height:3px; background-color:#016F88;   }

/* -------- TEXT ALIGNMENT -------- */
.txtcenter  {   text-align:center;   }
.txtright   {   text-align:right;   }
.txtleft    {   text-align:left;   }

/* -------- TEXT COLOURS -------- */
.txtwhite       {   color:#ffffff;   }
.txtdark        {   color:#323232;   }
.txtbluegreen   {   color:#016F88;   }
.txtyellow      {   color:#FFDE00;   }

/* -------- TEXT STYLES -------- */
.txtsmaller {   font-size:0.875em;   }
.txtbigger  {   font-size:1.250em;   }
.txtregular {   font-weight:400;   }
.txtupper   {   text-transform:uppercase;   }

/* -------- GLOBAL CLASSES -------- */
.bgblack        {   background-color:#323232;   }
.bgwhite        {   background-color:#ffffff;   }
.bggrey         {   background-color:#7F7F7F;   }
.bglightgrey    {   background-color:#dedede;   }
.bglightgrey h3 {   color:#016F88;   }
.bggrey a       {   color:#FFDE00;   }
.bgyellow       {   background-color:#FFDE00;   }
.bgbluegreen    {   background-color:#016F88;   }
.bgbluegreen a  {   color:#FFDE00;   }


/* -------- HACKS -------- */
.widthhack      {   width:100%; max-width:none;   }


/* ================== DEFAULT LINKS & BUTTONS ================== */
a, a:visited      {   color:#016F88; text-decoration:none;   }
a:hover           {   text-decoration:underline;   }
a:active, a:focus {   outline:none;   }
a.button.yellow   {   background-color:#FFDE00; color:#016F88;   }
a.button:hover    {   color:#ffffff; background-color:#7F7F7F; text-decoration:none;   }

/* ================== TEXT SELECTION =================== */
::selection      {   background:#016F88; color:#ffffff;   }
::-moz-selection {   background:#016F88; color:#ffffff;   }


/* ================== 1180PX GRID ================== */
section       {      }
div.row       {   position:relative; width:960px; margin:0 auto;   }
div.row:after {   content:""; display:table; clear:both;   }

/* -------- COLUMN DEFAULTS -------- */
[class*="span"]               {   margin-left:2.75%; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;   }
[class*="span"]:first-of-type {   margin-left:0;   }

.span1  {   width:5.813%;   }
.span2  {   width:14.375%;    }
.span3  {   width:22.938%;  }
.span4  {   width:31.500%;    }
.span5  {   width:40.063%;  }
.span6  {   width:48.625%;    }
.span7  {   width:57.187%;  }/* This used to be .col7, cant remember why, fix when I do */
.span8  {   width:65.750%;    }
.span9  {   width:74.312%;  }
.span10 {   width:82.875%;    }
.span11 {   width:91.437%;  }
.span12 {   width:100%; float:none;   }

/* -------- Other RWD Bits -------- */
img     {   max-width:100%; height:auto;   }

/* -------- Smaller Screens -------- */
@media only screen and (max-width: 1200px) {
  section {      }
  div.row {   width:960px;   }
}

/* -------- Tablets -------- */
@media only screen and (max-width: 1023px) {
  section {      }
  div.row {   width:760px;   }
}

/* -------- Mobile Devices -------- */
@media only screen and (max-width: 777px) {
  section {      }
  div.row {   width:96%; max-width:540px;   }
  [class*="span"] {   margin:0;  width:100%;   }
}

/* ================== GLOBAL CLASSES =================== */
/* -------- PRETTY STUFF -------- */
.transition {   -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;   }

/* -------- POSITIONING -------- */
.clear       {   clear:both;   }
.center      {   margin-right:auto; margin-left:auto;   }
.left        {   float:left;   }
.right       {   float:right;   }
.block       {   display:block;   }
.inlineblock {   display:inline-block;   }
.overflow    {   overflow:hidden;   }

/* -------- MARGINS AND PADDING -------- */
.mgtop0     {   margin-top:0em;   }
.mgtop1     {   margin-top:1em;   }
.mgtop2     {   margin-top:2em;   }
.mgtop3     {   margin-top:3em;   }
.mgtop4     {   margin-top:4em;   }
.mgtop5     {   margin-top:5em;   }
.mgtop6     {   margin-top:6em;   }
.mgtop7     {   margin-top:7em;   }
.mgtop8     {   margin-top:8em;   }
.mgbtm1     {   margin-bottom:1em;   }
.mgbtm2     {   margin-bottom:2em;   }
.mgbtm3     {   margin-bottom:3em;   }
.mgbtm4     {   margin-bottom:4em;   }
.mgbtm5     {   margin-bottom:5em;   }
.mgrgt1     {   margin-right:1em;   }
.mgrgt2     {   margin-right:2em;   }
.mglft1     {   margin-left:1em;   }
.mglft2     {   margin-left:2em;   }

.pdtop1     {   padding-top:1em;   }
.pdtop2     {   padding-top:2em;   }
.pdtop3     {   padding-top:3em;   }
.pdtop4     {   padding-top:4em;   }
.pdtop5     {   padding-top:5em;   }
.pdtop6     {   padding-top:6em;   }
.pdtop7     {   padding-top:7em;   }
.pdtop8     {   padding-top:8em;   }
.pdbtm1     {   padding-bottom:1em;   }
.pdbtm2     {   padding-bottom:2em;   }
.pdbtm3     {   padding-bottom:3em;   }
.pdbtm4     {   padding-bottom:4em;   }
.pdbtm5     {   padding-bottom:5em;   }
.pdbtm6     {   padding-bottom:6em;   }
.pdbtm7     {   padding-bottom:7em;   }
.pdbtm8     {   padding-bottom:8em;   }
.pdbtm8     {   padding-bottom:8em;   }

.pdlr1      {   padding-right:1em; padding-left:1em;   }