/* Text Styles
***********************/
h3 {margin: 30px 0 8px; padding: 0; font-size: 18px; font-weight: 600; color: #333;}
p {margin: 0 0 10px; padding: 0; font-size: 14px; line-height: 19px; color: #4d4a46;}
a {text-decoration: none; color: #626262;}
a:hover {color: #333333;}

.bulleted {margin: 0 0 0 20px; list-style: outside square;}
.bulleted li {font-size: 14px; line-height: 19px;}

span.db-wrapper {margin-top: 12px;}
a.db-anchor:hover {border: none;}

.strike {text-decoration: line-through;}

/* Layout
***********************/
.wrapper {min-width: 800px; max-width: 1160px; margin: 0 auto; padding: 0;}


/* Hero
***********************/
#hero {padding: 40px 0 25px; border-top: 1px solid #999999;}

#hero #why {width: 50.3333333333333%; float: left;}
#hero #why h3 {margin: 0; padding: 0 0 8px; border-bottom: 1px solid #cccccc; text-transform: uppercase; font-family: 'Oswald', Tahoma, Geneva, sans-serif; color: #4d4a46; font-size: 20px;}
#hero #why ul {padding: 12px 0 0; border-top: 0px solid #fdfcfa;}
#hero #why ul li {margin: 0 0 12px; padding: 0 0 0 18px; background: url(images/icon_bullet.png) no-repeat 0 4px; font-family: 'Georgia', serif; font-size: 17px; line-height: 21px; color: #626262;}
#hero #why a.download {margin: 25px auto 0; display: none;}

#hero .flexslider-container {width: 43.75%; float: right; position: relative;}  /* 621 / 1200 */
.flexslider-container .flex-control-nav li a:hover,
.flexslider-container .flex-direction-nav li a:hover {border: none;}
.flex-caption {margin: 0;}

/* Footer
***********************/
#footer {padding: 10px 0 30px; background:; border-top: 1px solid #999999;}
#footer p {margin: 0; padding: 7px 0 0 154px; font-size: 13px; color: #666;}
#footer a {color: #eee4cc;}
#footer a:hover {}

/* Clearfix
***********************/
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

/* Addthis
***********************/
.addthis_toolbox {padding-left: 0px;}

/* Media Queries
***********************/
@media only screen and (max-width: 960px) {
  .wrapper {min-width: inherit;}
}

@media only screen and (max-width: 920px) {
  #hero #why ul li {font-size: 14px; margin: 0 0 6px;}
}

@media only screen and (max-width: 768px) {
  #hero #why {width: 100%; padding: 0; float: none; overflow: hidden;}
  #hero #why ul li {width: 45%; padding-right: 0; float: left;}
  #hero .flexslider-container {width: 100%; margin: 0 auto; float: none;}
  #hero #why h3 {margin: 0; padding: 0 0 8px; border-bottom: 1px solid #d7d1c3; text-transform: uppercase; font-family: 'Oswald', Tahoma, Geneva, sans-serif; color: #4d4a46; font-size: 20px; text-align: center;}
}

@media only screen and (max-width: 650px) {
  .wrapper {padding: 0;}
  #hero {padding: 10px 0; border-top: 0px;}
  #hero #why {padding: 0px;}
  #hero #why ul li {width: auto; padding-right: 0; float: none;}
  #footer {border-top: 1px solid #d7d1c3;}
}

@media only screen and (max-width: 480px) {
}

@media only screen and (max-width: 320px) {
  #footer p {font-size: 10px;}
  h3 {margin: 20px 0 8px; text-align:;}
  p {line-height: 17px;}
}