html {position: relative; min-height: 101%;}
body {
background: #fff url('images/bg6.jpg') 20% 300px no-repeat;
  /* Set a specified height, or the minimum height for the background image */
  min-height: 500px;

  /* Set background image to fixed (don't scroll along with the page) */
  background-attachment: fixed;

margin: 0 0 110px; /* bottom = footer height */
color: #000;font-family: 'Montserrat', sans-serif;
 -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

#wrapper {padding:50px;margin:10px auto 40px auto; max-width:1224px;}
a {color:#000 ;text-decoration: none; border-bottom: solid #d7d7d7 2px;}
a:hover {color:#000 ;text-decoration: none; border-bottom: solid #000 2px;}
a.no-border {color:#000 ;text-decoration: none; border-bottom: solid #ececec 0px;}
.iframe-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%; background:#000;
}
.iframe-container iframe {
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.bacp img {width:100%;height:auto;max-width:400px; float:left; margin:30px 0;}
.caption {float:right;font-style:italic;font-size:0.8em; text-align: left;}

h1 {font-family: 'Righteous', cursive;font-size: 4em;padding: 5px 10px;background: #ececec;color:#000; }
h3 {font-family: 'Righteous', cursive;padding: 5px 10px;background: #ececec;color:#000; text-transform: uppercase;}

h5.agent {font-family: 'Playfair Display', serif; font-size: 40px;margin: 0 0 20px 0;}

h5.agent a {color:#333; text-decoration: none; border-bottom: none;}


li a.current {color:#000; background:#C0D8E8;}
.left  {width:45%; float:left;}
.left-wide {width:100%; float:left;}
.left-image {float:left; margin:5px 0 5px 0; width:90%; height:auto;max-width:100%;}
.right {width:45%; float:right;}
.right img {float:right; margin:5px 0 5px 20px; width:90%; height:auto;max-width:100%;}
.campaign a {text-decoration:none; color:#444;border-bottom: 1px dotted #888;}
.lonsdale-image {float:right; width:100%; height:auto; max-width:450px; margin:5px 0 5px 20px;  box-shadow: -1px 5px 15px 2px #ccc;
  -moz-box-shadow: -1px 5px 15px #ccc;
  -webkit-box-shadow: -1px 5px 15px #ccc;}

.contact-box {background:#f4f4f4; padding:4px 30px 12px 30px; border-radius: 10px;}
h3.contact-box  {background: transparent;color: #444;padding: 0;}

dt {font-weight: 400; margin-bottom: 0.9em; }
dd {border-left: dashed #444 1px;padding-left:0.7em; margin-left:-1px;}

.shows {position:relative;left:-35px;}
.shows h3 {}
.shows li {
list-style:none;
margin-right:15px;
float:left;
}

.showssmall {position:relative;left:-35px;}

.showssmall li {
list-style:none;
margin-right:15px;
width:250px;
float:left;
}

#cvlist li {
list-style:none;
line-height: 150%;
margin-left:-40px;
}
#voice {position:relative;left:-40px;}

#voice li {
list-style:none;
margin-right:55px;



}

.clear {clear:both;}

footer { 
background:transparent;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 110px;
    width: 100%; ;
}
.footer-content {padding:20px;font-size:0.8em; color:#444;text-align: center;}
.apps {font-size: 0.8em;}



@media screen and (max-width: 40em) {

body {background:#fff;margin: 0 0 110px; /* bottom = footer height */}
h1 {font-family: 'Righteous', cursive;font-size: 2em;color:#000; }
.iframe-container {
 background:#000;
}


footer { 
background:transparent;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 110px;
    width: 100%; 
}

#wrapper {padding:20px;margin:10px auto 10px auto;}

.left {width:100%;}
.left-welcome {width:100%;}
.right {width:100%;}
.right img {float:none; padding:0;margin:0; box-shadow:none;width:100%;
  -moz-box-shadow:none;
  -webkit-box-shadow: none;}
  .left-image {float:none; padding:0;margin:0; box-shadow:none;width:100%;
  -moz-box-shadow:none;
  -webkit-box-shadow: none;}

.caption {float:none;text-align: left;}

}