@font-face {
 font-family: 'aller_rg'; src: url('/fonts/aller_rg.eot'); src: url('/fonts/aller_rg.eot?#iefix') format('embedded-opentype'), url('/fonts/aller_rg.woff') format('woff'), url('/fonts/aller_rg.ttf') format('truetype'), url('/fonts/aller_rg.svg#aller_rg') format('svg'); font-style: normal;
}
@font-face {
 font-family: 'aller_bd'; src: url('/fonts/aller_bd.eot'); src: url('/fonts/aller_bd.eot?#iefix') format('embedded-opentype'), url('/fonts/aller_bd.woff') format('woff'), url('/fonts/aller_bd.ttf') format('truetype'), url('/fonts/aller_bd.svg#aller_rg') format('svg'); font-style: normal;
}
html,body {font-family:aller_rg;letter-spacing: .06em;color:#4b4b4b;background:#f7f9fa;}

strong {font-family: 'aller_bd';}
#header {height:120px; margin:0 auto;position:relative;}
#menu-button {display:none;}
#logo {float:left;margin-top:10px;margin-left:23px;}
#nav {float:right;margin-top:45px;}
#nav.js {margin-bottom:10px !important;}
#nav li {list-style:none;display:inline-block;margin-right:25px; font-size: 12px;line-height:2.5em;}
#nav li a { color: #272727; font-weight: 900; font-weight: normal; letter-spacing: 1px; margin-top: 60px; text-decoration: none; }
#nav li a:focus { color: #272727; outline: none; }
#nav li a:link { color: #272727; font-weight: 900; font-weight: normal; text-decoration: none; }
#nav li a:visited { color: #272727; text-decoration: none; }
#nav li a:active,
#nav li a:hover { border-bottom: 1px solid #f3881e; color: #272727; padding-bottom: 5px; text-decoration: none; }
 { color: #272727; text-decoration: none; }
#bg-image-left,
#bg-image-right  {position:absolute;z-index:300;width:380px;height:500px;}
#bg-image-right     {top:5em;right:0;}

.green-background,
#headline,
#headline-container {background-color:#adba00}
.headline-with-background {background:url(/images/header.jpg) no-repeat bottom right;}
.headline-with-background #bg-image-left {top:10em;}
.headline-with-background #bg-image-right {top:15em;}
.content-width {width:1140px;margin:0 auto;position:relative;clear:both;background: #fff}
.green-background.team-background {background:url(/images/team_icon.png) no-repeat 50% 50% #adba00;}

.italic-header {font-family: georgia;font-size: 2em;font-style: italic;font-weight: 100;line-height:1.4em}
.content-width.italic-header {line-height: 1.25em;text-align:center;padding:2em 0;}
.front .content-width.italic-header {line-height: 3.5em;text-align:center;padding:1em 0;}
.red {color: #f16353;}
.green {color: #acb806;}

.green-background .italic-header {color:#fff}
.green-background p {color: #272727;line-height: 1.9em;}

.floatleft {float:left;margin-right:.25em;}
.floatright {float:right;margin-left:.25em;}
.partner-with span {padding: 2em 0;}

#headline p {margin:0;color: #fff;}
p.large-text {font-size: 47px;text-align:center;padding:1em 2em;}
.grey-box {background-color:#ebebeb;color: #484848;font-family: georgia;font-size: 16px;font-style: italic;line-height: 32px;vertical-align: top;}
.grey-box .inner {padding: 1em 6em 8em 6em;background:url(/images/dot_footer.png) repeat-x bottom left;position:relative;z-index:301}

.white-box {background-color:#fff;color: #484848;font-family: georgia;font-size: 16px;font-style: italic;line-height: 32px;vertical-align: top;}
.white-box .inner {padding: 1em 6em 2em 6em;}


.black-box {background-color:#272727;color: #6d6e70;}
.black-box .inner {padding: 6em 6em;}
.footer.black-box .inside {background:url(/images/logo_gray.png) no-repeat left center;min-height:100px;padding-left:220px;line-height:2.85em;}
.small {font-size: 11px;line-height:1.5em;}
.smaller {font-size: .65em;}
.black-box a { color: #6d6e70; font-weight: normal; text-decoration: none; font-size:}
.black-box a:focus { color: #6d6e70; outline: none; }
.black-box a:link { color: #6d6e70; text-decoration: none; }
.black-box a:visited { color: #6d6e70; text-decoration: none; }
.black-box a:hover { border-bottom: 1px solid #acb806; color: #6d6e70; padding-bottom: 5px; text-decoration: none; }
.black-box a:active { color: #6d6e70; text-decoration: none; }

.half {width:49%;display:inline-block;vertical-align: top;}
.half.first p {padding-right: 2em}
hr.thin {background-color: #c8c8c8;border: 0;color: #c8c8c8;height: 1px;margin-bottom: 1em;margin-left: 5%;margin-top: 1em;width: 90%;}
hr.thin-white {background-color: #fff;border: 0;color: #c8c8c8;height: 1px;margin-bottom: 1em;margin-top: 1em;width: 100%;}

.numitem {min-height:65px;margin-top:1em;}
.numitem.half p {padding-right: 5em;margin-left:110px;}
.numitem p {font-size: 16px;line-height: 25px;}

.quote-container {background:url(/images/quote_bg.png) no-repeat center #ecf0f3;}
.quote {color: #54728b;font-size: 22px;text-align: center;padding:2.7em 2em;margin:0;}
.quote .byline {text-align:right;font-size:14px;font-style:italic;margin:2em 2em 0;display:block;}

.two-column-padding {padding:1em 5em;}
.two-column-box-container {padding:1em 2em;text-align:center;line-height:0;}

.bluebox,
.redbox {background-color:#f16353;text-align:center;color:#9f260f;padding:20px 65px;}
.bluebox {background-color:#8ba4b9;color:#435a6e;}
.bluebox strong,
.redbox strong {font-family: aller_bd;font-size: 28px;font-weight: 100;}
.bluebox p,
.redbox p {font-size: 16px;line-height: 1.5em}

ul.bullets-blue,
ul.bullets-red {list-style:none;margin:0;padding:0 2em;}
ul.bullets-blue li,
ul.bullets-red li {padding:1em 30px; background:url(/images/red_check.jpg) no-repeat left center;} 
ul.bullets-blue li {background-image:url(/images/blue_check.jpg);}

.green { color: #acb806;}

.green_link:link { color: #acb806; font-size: 13px; text-decoration: none; }
.green_link:visited { color: #acb806; text-decoration: none; }
.green_link:hover { border-bottom: 1px solid #444; color: #acb806; padding-bottom: 5px; text-decoration: none; }

a.pdf {background:url(/images/pdf_icon.jpg) no-repeat right center;display:inline-block;height:52px;line-height:52px;padding-right:52px;color:#4b4b4b;text-decoration:none;}
a.amazon {background:url(/images/amazon_icon.jpg) no-repeat right center;display:inline-block;height:52px;line-height:52px;padding-right:52px;}

@media screen and (min-width: 920px) and (max-width: 1200px) {
  .content-width {width:900px;}
  #nav li {margin-right: 12px;}
  p.large-text {font-size: 37px;}
  #bg-image-left , 
  #bg-image-right  {width:304px;height:400px;}
  .content-width.italic-header {font-size:28px;}
  .content-width.italic-header img {display:none}
}

@media screen and (min-width: 620px) and (max-width: 920px) {
  .content-width {width:600px;}
  #nav {width:405px;margin-top:30px;}
  #nav li {margin-right: 12px;font-size: 12px;}
  p.large-text {font-size: 26px;}
  #bg-image-left ,
  #bg-image-right  {width:190px;height:250px;}
  .half.first p {padding-right:0;}
  .half {width:100%;display:block;}
  .numitem.half p {padding-right:0;}
  .partner-with {padding-top:20px;line-height:70px;}
  .content-width.italic-header {line-height: 1.5em;font-size:20px;}
  .content-width.italic-header img {display:none}
}

@media screen and (max-width: 620px) {
  #logo {position:absolute;top:0;z-index:1;}
  #nav {float:none;margin-top:10px;z-index:1000;width:150px;float:right;background:#fff;border:0px solid;
  	-moz-box-shadow: 3px 3px 4px #666;
	-webkit-box-shadow: 3px 3px 4px #666;
	box-shadow: 3px 3px 4px #666;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666');
  }
 
  .content-width {width:420px;}

  p.large-text {font-size: 16px;}
  #bg-image-left ,
  #bg-image-right  {width:133px;height:175px;}
    
  #menu-button {width:100%;display:block;font-size:1.8em;text-align: center;cursor:pointer;text-align:right;}
  #nav {padding:1.5em 0 1.5em 1.5em;margin:0;border:1px solid #eaeaea}
  #nav li {list-style:none;display:inline-block;margin:.5em 0; font-size: 12px;line-height:1.25em;}
  
  #nav.js { display: none; }  
  .white-box,
  .grey-box { font-size: 12px;}
  .white-box .inner,
  .grey-box .inner {padding:2em 2em 100px 2em;}

  .half.first p {padding-right:0;}
  .half {width:100%;display:block;}
  .numitem.half p {padding-right:0;}
  
  .two-column-padding {padding:1em 2em;}
  .two-column-box-container {padding:1em 0em;}
  .bluebox,
  .redbox {padding:10px 20px;}
    
  .content-width.italic-header {line-height: 1em;font-size:20px;height:auto}
  .content-width.italic-header img {display:none}

  .footer.black-box .inner {padding: 3em;}  
  .footer.black-box .half {margin-top:15px;}
  .footer.black-box .inside {padding-left:120px;font-size:.7em;}
  .green_link img {display:none;}
  .green_link {margin-left:2em;line-height: 2em;}
}
@media screen and (max-width: 420px) {
  .content-width {width:300px;}
  .footer.black-box .inner {padding: 3em;}
  .footer.black-box .inside {padding:120px 0 0;background-position:center 0;font-size:.7em;}
}