/*
Theme Name: Hottubs
Theme URI: http://www.steerpointmarketing.com/
Author: SteerPoint Marketing
Author URI: http://www.steerpointmarketing.com/
Description: Custom theme for the Hot tubs Indianapolis website.
Version: 1.0
Text Domain: hottubs
*/

/* Overall formatting */
body {min-width: 1140px;margin: 0;padding: 0;color: #000;font: 300 17px/1.6em Roboto, Arial, Helvetica, serif;}
body > .layer_2 {position: relative;min-height: 100%;background-color: #fff;}

h1 {font-size: 1.5em;} h2 {font-size: 1.5em;} h3 {font-size: 1em;font-weight: bold;} h4 {font-size: 1em;} h5 {font-size: 1.3em; } h6 {font-size: 0.67em;}
h1, h2, h3, h4, h5, h6 {margin: 0 0 0.7em;}
p {margin: 0 0 1em;}
a, a:visited {color: #3693d5;}
a:hover {color: #1a6eaa;}
a img {border: none;}
img {max-width: 100%;height: auto;}
ul {margin: 0 0 10px;padding: 0 0 0 15px;}
li {margin: 0 0 3px;}
table {margin: 0 0 1em;}
th, td {vertical-align: top;}
th {color: #444;vertical-align: middle;}
input[type="text"],
input[type="email"],
input[type="search"],
textarea,
select {padding: 10px;color: #999;font: 13px Roboto, sans-serif;background-color: #f3f3f3;border: none;-webkit-appearance: none;}
select {-webkit-appearance: menulist;}
input[type="submit"] {cursor: pointer;height: 30px;padding: 0 30px;color: #fff;text-transform: uppercase;font: 13px/30px Roboto, sans-serif;background-color: #88c4f8;border: none;border-radius: 0;-webkit-appearance: none;}
label {font-weight: bold;}
textarea {overflow: auto;}
select {margin: 0 5px 5px 0;vertical-align: middle;}

.columns {margin: 0 -2% 0 0;}
.columns > .column {float: left;margin: 0 2% 2% 0;}
.columns.two > .column {width: 48%;}
.columns.three > .column {width: 31.3%;}
.columns.three > .column.double {width: 64.6%;}
.columns.four > .column {width: 23%;}

.has_border {border: 5px solid #f2f2f2;}

/* Editor classes for alignment */
.alignleft {float: left;}
.alignright {float: right;text-align: right;}
.aligncenter {margin-left: auto;margin-right: auto;text-align: center;}
.hidden {display: none;}
.cleared {clear: both;}
img.alignleft {display: inline;margin: 0 15px 8px 0;}
img.aligncenter {display: block;margin: 0 auto;}
img.alignright {display: inline;margin: 0 0 8px 25px;}

/* Wrap */
.wrap {width: 1100px;margin: 0 auto;padding: 0 20px;}

/* Responsive Menu */
#responsive_menu {position: fixed;display: none;left: 0;width: 210px;height: 100%;padding: 0 20px 10px;font: 500 16px/1.2em Raleway, sans-serif;background-color: #0b202c;border-top: 5px solid #173441;}

#responsive_menu .menu {margin: 0 -20px 20px;padding: 0;list-style: none;text-transform: uppercase;}
#responsive_menu .menu li {margin: 0;background-color: #0e2736;border-bottom: 1px solid #091e2a;}
#responsive_menu .menu li a {display: block;padding: 12px 20px;color: #fff;text-decoration: none;}
#responsive_menu .menu li a:hover {background-color: #112e3f;}
#responsive_menu .menu li.current-menu-item a,
#responsive_menu .menu li.current-menu-parent a {color: #fff;font-weight: normal;}
#responsive_menu .menu li ul {margin: 0 0 10px;padding: 0;list-style: none;font-weight: normal;font-size: 12px;}
#responsive_menu .menu li ul li {padding: 0;border-bottom: none;}
#responsive_menu .menu li ul li a,
#responsive_menu .menu li.current-menu-item ul li a,
#responsive_menu .menu li.current-menu-parent ul li a {padding: 2px 20px;}
#responsive_menu .menu li ul li.current-menu-item a,
#responsive_menu .menu li ul li.current-menu-parent a {color: #fff;font-weight: normal;}

#responsive_menu .menu.upper {font-size: 12px;line-height: 1.2em;}
#responsive_menu .menu.upper li a {background-repeat: no-repeat;background-position: 20px center;background-size: 16px 16px;}
#responsive_menu .menu.upper li.news_and_resources a {padding: 12px 0 12px 45px;background-image: url(images/upper-menu-li-news_and_resources-a-bkg.png);}
#responsive_menu .menu.upper li.contact_us a {padding: 12px 0 12px 45px;background-image: url(images/upper-menu-li-contact_us-a-bkg.png);}
#responsive_menu .menu.upper li.client_connect a {padding: 12px 0 12px 45px;background-image: url(images/upper-menu-li-client_connect-a-bkg.png);}

/* Upper */
#upper {font-weight: normal;font-size: 12px;line-height: 40px;background-color: #0061a5;border-top: 4px solid #69a4d8;}
#upper .wrap {padding: 0;}

#upper a {color: #fff;}

#upper #responsive_menu_button {display: none;float: left;width: 40px;height: 40px;padding: 0 0 0 50px;text-transform: uppercase;text-decoration: none;font: 500 14px/40px Raleway, sans-serif;background: url(images/upper-responsive_menu_button-bkg.png) no-repeat 15px center / 24px 24px;}

#upper .social_media {float: right;margin: 0 5px 0 0;padding: 0;list-style: none;}
#upper .social_media li {float: left;margin: 0;}
#upper .social_media li a {display: block;overflow: hidden;width: 16px;padding: 0 8px;text-decoration: none;text-indent: -999em;}
#upper .social_media li.facebook a {background: url(images/upper-social_media-li-facebook-a-bkg.png) no-repeat center / 16px 16px;}
#upper .social_media li.twitter a {background: url(images/upper-social_media-li-twitter-a-bkg.png) no-repeat center / 16px 16px;}

#upper .menu {float: right;margin: 0;padding: 0;list-style: none;border-left: 1px solid #164b79;}
#upper .menu li {float: left;margin: 0;border-right: 1px solid #164b79;}
#upper .menu li a {display: block;padding: 0 18px;text-decoration: none;background-repeat: no-repeat;background-position: 18px center;background-size: 16px 16px;}
#upper .menu li a:hover {background-color: #2773b5;}
#upper .menu li.news_and_resources a {padding: 0 18px 0 38px;background-image: url(images/upper-menu-li-news_and_resources-a-bkg.png);}
#upper .menu li.contact_us a {padding: 0 18px 0 38px;background-image: url(images/upper-menu-li-contact_us-a-bkg.png);}
#upper .menu li.client_connect a {padding: 0 18px 0 38px;background-image: url(images/upper-menu-li-client_connect-a-bkg.png);}

/* Header */
#header .logo {float: left;overflow: hidden;width: 456px;height: 86px;margin: 25px 0 20px 0 ;text-indent: -999em;background: url(images/header-logo-spa.png) 0 / 456px 86px;}
#header .logo a {display: block;height: 100%;}

#header .nav {float: right;height: 80px;font-weight: normal;font-size: 12px;line-height: 76px;}

#header .nav .menu {height: 80px;margin: 0;padding: 0 8px 0 0;list-style: none;text-transform: uppercase;}
#header .nav .menu > li {position: relative;float: left;margin: 0;}
#header .nav .menu > li > a {position: relative;z-index: 99;display: block;height: 80px;padding: 0 15px;color: #fff;text-decoration: none;}
#header .nav .menu > li a > span {display: block;border-top: 4px solid #fff;}
#header .nav .menu > li:hover > a > span {border-top-color: #ddd;}
#header .nav .menu > li.current-menu-item > a > span,
#header .nav .menu > li.current-menu-parent > a > span {border-top-color: #88c4f8;}
#header .nav .menu > li.parent > a > span {padding: 0 15px 0 0;background: url(images/header-nav-menu-li-parent-a-span-bkg.png) no-repeat right center / 10px 6px;}

#header .nav .sub-menu {position: absolute;z-index: 99;width: 180px;left: -999em;margin: 0;padding: 0;list-style: none;text-transform: none;letter-spacing: 0;font-size: 13px;line-height: 1.3em;background-color: #fff;box-shadow: 0 0 2px rgba(0,0,0,0.1);}
#header .nav .menu > li:hover > .sub-menu {left: auto;}
#header .nav .sub-menu > li {position: relative;float: none;left: auto;margin: 0;padding: 0;background: none;border-bottom: 1px solid #f2f2f2;}
#header .nav .sub-menu > li.last {border-bottom: none;}
#header .nav .sub-menu > li > a {display: block;padding: 13px 25px;height: auto;color: #5f5f5f;text-decoration: none;}
#header .nav .sub-menu > li > a:hover {background-color: #fafafa;color: #2e2e2e;}
#header .nav .sub-menu > li.menu-item-has-children > a {background: url(images/header-nav-sub_menu-li-has_children-a-bkg.png) no-repeat right 15px / 24px 12px;}
#header .nav .sub-menu > li.menu-item-has-children > a:hover {background-color: #fafafa;}

#header .nav .sub-menu .sub-menu {left: -999em;top: 0;}
#header .nav .sub-menu > li:hover .sub-menu {left: 180px;}

#header .nav .social_media {float: right;height: 60px;margin: 0;list-style: none;font-size: 0;text-indent: -999em;}
#header .nav .social_media li {overflow: hidden;float: left;width: 32px;background: url(images/header-nav-social_media-li-bkg.png) #2d547d;border-right: 1px solid #385d84;}
#header .nav .social_media li:hover {background-color: #284b70;}
#header .nav .social_media li.last {border-right: none;}
#header .nav .social_media li a {display: block;color: #fff;}
#header .nav .social_media li a:hover {}
#header .nav .social_media li.facebook a {background: url(images/header-nav-social_media-li-facebook-a-bkg.png) no-repeat center / 16px 16px;}
#header .nav .social_media li.twitter a {background: url(images/header-nav-social_media-li-twitter-a-bkg.png) no-repeat center / 16px 16px;}

/* Banner */
#banner {background: url(images/banner-bkg.jpg) no-repeat center top / auto 100%;}

#banner .sizer {display: block;visibility: hidden;}

/* Calls to Action */
#calls_to_action {background:#f8f8f8;}
#calls_to_action .wrap {padding: 10px 20px;}
#calls_to_action h1 {padding: 20px 0 15px;color: #888;text-transform: uppercase;letter-spacing: -1px;font-weight: 300;font-size: 34px;line-height: 1em;background: url(images/we_connect-h3-bkg.png) no-repeat left bottom / 660px 4px;}
#calls_to_action h1 span {color: #08375f;text-transform: uppercase;font-weight: bold;font-size: 63px;line-height: 0.9em;}

#calls_to_action .calls_to_action {font: 500 21px/1em Raleway, sans-serif;text-transform: uppercase;}

#calls_to_action .calls_to_action .item {position: relative;float: left;display: block;width: 240px;height: 240px;margin: 0 6px 0 0;color: #fff;background-size: cover;}
#calls_to_action .calls_to_action .item .icon {position: absolute;z-index: 1;left: 0;right: 0;top: 0;bottom: 0;padding: 150px 10px 0;text-align: center;background-repeat: no-repeat;background-position: center 35px;background-size: 77px 97px;}
#calls_to_action .calls_to_action .item:hover .icon {display: none;}
#calls_to_action .calls_to_action .item .learn_more {display: block;position: absolute;left: 0;right: 0;bottom: 0;padding: 12px 20px;text-align: right;font-size: 19px;line-height: 1em;}

#calls_to_action .calls_to_action .item.family {background-image: url(images/family-leisure.jpg);}
#calls_to_action .calls_to_action .item.family .icon {background-image: url(images/hot-tub-icon.png);background-color: #00539b;}
#calls_to_action .calls_to_action .item.family .learn_more {background-color: #00539b;}


#calls_to_action .calls_to_action .item.carefree {background-image: url(images/carefree.jpg);}
#calls_to_action .calls_to_action .item.carefree .icon {background-image: url(images/hot-tub-icon.png);background-color: #2683d4;}
#calls_to_action .calls_to_action .item.carefree .learn_more {background-color: #2683d4;}


#calls_to_action .calls_to_action .item.recreation {background-image: url(images/rec-unlimited.jpg);}
#calls_to_action .calls_to_action .item.recreation .icon {background-image: url(images/hot-tub-icon.png);background-color: #4fa1e8;}
#calls_to_action .calls_to_action .item.recreation .learn_more {background-color: #4fa1e8;}


#calls_to_action .calls_to_action .item.royal {background-image: url(images/Royal-Spa.jpg);}
#calls_to_action .calls_to_action .item.royal .icon {background-image: url(images/hot-tub-icon.png);background-color: #88c4f8;}
#calls_to_action .calls_to_action .item.royal .learn_more {background-color: #88c4f8;}

#calls_to_action .calls_to_action .more {display: block;float: left;width: 116px;height: 240px;color: #fff;text-align: center;text-decoration: none;background: url(images/calls_to_action-more-bkg.png) 0 / 5px 5px #0a467a;}
#calls_to_action .calls_to_action .more span {display: block;height: 90px;padding: 150px 0 0;background: url(images/calls_to_action-more-span-bkg.png) no-repeat center 80px / 30px 48px;}

/* We Connect */
#we_connect {background: url(images/we_connect-bkg.jpg) no-repeat center bottom #fff;}
#we_connect .wrap {padding: 35px 20px;}

#we_connect h3 {padding: 0 0 15px;color: #888;text-transform: uppercase;letter-spacing: -1px;font-weight: 300;font-size: 34px;line-height: 1em;background: url(images/we_connect-h3-bkg.png) no-repeat left bottom / 660px 4px;}
#we_connect h3 span {color: #08375f;text-transform: uppercase;font-weight: bold;font-size: 63px;line-height: 0.9em;}

#we_connect .text {max-width: 590px;padding: 35px 35px 0;color: #000;font-weight: 300;font-size: 12px;line-height: 1.2em;background: url(images/we_connect-text-bkg.png) 0 / 11px 11px;}
#we_connect .text h3 {color: #000;margin: 0;padding: 0;letter-spacing: 0;font-weight: bold;font-size: 14px;line-height: 1.2em;background: none;border-bottom: none;}

#we_connect .text .columns .column {background-repeat: no-repeat;background-position: left top;background-size: 50px 45px;}
#we_connect .text .columns .column .layer_2 {padding: 0 0 0 55px;}
#we_connect .text .columns .column.bub {background-image: url(images/bub.png);}
#we_connect .text .columns .column.it_team {background-image: url(images/we_connect-text-columns-column-it_team-bkg.png);}
#we_connect .text .columns .column.human_resources {background-image: url(images/we_connect-text-columns-column-human_resources-bkg.png);}
#we_connect .text .columns .column.small_business {background-image: url(images/we_connect-text-columns-column-small_business-bkg.png);}

/* space */
#space {color: #fff;}
#space .wrap {padding: 20px 20px;}


/* POF */
#pof {color: #fff;background: url(images/testimonials-bkg.jpg) no-repeat center top #0e3c63;}
#pof .wrap {padding: 80px 20px 20px 20px;}

#pof h3 {position: relative;margin: 0 0 20px;padding: 0 0 26px;color: #a3caec;text-transform: uppercase;letter-spacing: -1px;font-weight: 300;font-size: 34px;line-height: 1em;background: url(images/testimonials-h3-bkg.png) no-repeat left bottom / 1100px 3px;}
#pof h3 span {color: #fff;text-transform: uppercase;font-weight: bold;font-size: 63px;line-height: 0.9em;}
#pof h3 .button {position: absolute;right: 60px;bottom: -15px;padding: 0 30px;color: #fff;text-transform: uppercase;text-decoration: none;font-weight: 300;font-size: 22px;line-height: 36px;background: url(images/testimonials-h3-button-bkg.png) 0 / 8px 8px #88c4f8;}
#pof .icon {min-height: 145px;padding: 50px 35px 0 35px;font-weight: 300;font-size: 24px;line-height: 1.6em;background-repeat: no-repeat;background-position: right bottom;background-size: 298px 59px;}

#pof .icon.fbr {background-image: url(images/pof-hti.png);margin-bottom: 45px;}

/* Blog */
#blog {}
#blog .wrap {padding: 60px 20px 20px;color: #666;font-weight: normal;font-size: 14px;}

#blog h3 {padding: 0 0 15px;color: #888;text-transform: uppercase;letter-spacing: -1px;font-weight: 300;font-size: 34px;line-height: 1em;background: url(images/we_connect-h3-bkg.png) no-repeat left bottom / 660px 4px;}
#blog h3 span {color: #08375f;text-transform: uppercase;font-weight: bold;font-size: 63px;line-height: 0.9em;}

#blog .columns {margin: 0 -3% 0 0;}
#blog .columns.three .column {width: 30.3%;margin: 0 3% 2% 0;}

#blog .image_container {position: relative;}
#blog .image_container .wp-post-image {display: block;width: 100%;}
#blog .image_container .comments {position: absolute;right: 0;top: 0;overflow: hidden;width: 70px;height: 70px;text-indent: -999em;background: url(images/blog-image_container-comments-bkg.png) no-repeat center / 42px 40px #123748;}

#blog .text {padding: 30px 30px 10px;line-height: 1.3em;border: 1px solid #d5d5d5;}
#blog .text h3 {text-transform: uppercase;font-weight: normal;font-size: 19px;line-height: 1em;}
#blog .text .button {display: inline-block;margin: 25px 0 0;padding: 8px 30px;color: #666;text-decoration: none;border: 1px solid #d5d5d5;}
#blog .text .button:hover {color: #fff;background: url(images/blog-text-button-hover-bkg.png) 0 / 8px 8px #093d6a;}

/* Partners */
#partners {background: url(images/partners-bkg.png) center top / 8px 8px #f3f3f3;}
#partners .wrap {padding: 20px 20px;}
#partners  h3 {padding: 0 0 15px;color: #888;text-transform: uppercase;letter-spacing: -1px;font-weight: 300;font-size: 34px;line-height: 1em;background: url(images/we_connect-h3-bkg.png) no-repeat left bottom / 660px 4px;}
#partners  h3 span {color: #08375f;text-transform: uppercase;font-weight: bold;font-size: 63px;line-height: 0.9em;}
#partners .badge {display: block;overflow: hidden;width: 224px;height: 143px;margin: 0 auto;text-indent: -999em;background-size: 224px 143px;}

#partners .badge.calspa{background-image: url(images/calspa-footer.png);}
#partners .badge.bullfrog {background-image: url(images/bullfrog-footer.png);}
#partners .badge.viking {background-image: url(images/viking-footer.png);}
#partners .badge.jacuzzi {background-image: url(images/jacuzzi-footer.png);}

/* Title Bar2 */
#title_bar2 {position: relative;color: #fff;margin: 0 0 30px;background-repeat: no-repeat;background-position: center top;}
#title_bar2 {position: relative;color: #fff;margin: 50px 0 30px;background-repeat: no-repeat;background-position: center top;}
#title_bar2 .wrap {position: relative;height: 210px;padding: 0 20px 30px;}

#title_bar2 .bottom_border {position: absolute;left: 0;right: 0;bottom: 0;height: 30px;background: url(images/title_bar-bottom_border-bkg.png) repeat-x center / 1px 2px;}
#title_bar2 .bottom_border span {position: absolute;left: 0;bottom: 0;right: 36%;height: 30px;background-color: #0061a5;}

#title_bar2 .blue_thingy {position: absolute;left: 20px;top: 0;bottom: 0;width: 500px;background-image: url(images/title_bar-blue_thingy-bkg.png);}
#title_bar2 .blue_thingy .left_extension {position: absolute;left: -999em;top: 0;bottom: 0;width: 999em;background-image: url(images/title_bar-blue_thingy-bkg.png);}

#title_bar2 .blue_thingy h3 {position: absolute;right: 0;bottom: 0;margin: 0 20px 30px 0;text-transform: uppercase;font-weight: bold;font-size: 62px;line-height: 0.75em;}

/* Title Bar */
#title_bar {position: relative;color: #fff;margin: 0 0 30px;background-repeat: no-repeat;background-position: center top;}
#title_bar {position: relative;color: #fff;margin: 50px 0 30px;background-repeat: no-repeat;background-position: center top;}
#title_bar .wrap {position: relative;height: 210px;padding: 0 20px 30px;}

#title_bar .bottom_border {position: absolute;left: 0;right: 0;bottom: 0;height: 30px;background: url(images/title_bar-bottom_border-bkg.png) repeat-x center / 1px 2px;}
#title_bar .bottom_border span {position: absolute;left: 0;bottom: 0;right: 36%;height: 30px;background-color: #0061a5;}

#title_bar .blue_thingy {position: absolute;left: 20px;top: 0;bottom: 0;width: 500px;background-image: url(images/title_bar-blue_thingy-bkg.png);}
#title_bar .blue_thingy .left_extension {position: absolute;left: -999em;top: 0;bottom: 0;width: 999em;background-image: url(images/title_bar-blue_thingy-bkg.png);}

#title_bar .blue_thingy h3 {position: absolute;right: 0;bottom: 0;margin: 0 20px 30px 0;text-transform: uppercase;font-weight: bold;font-size: 62px;line-height: 0.75em;}


/* Main */
#main {}
#main h2 {padding: 20px 0 30px;color: #888;text-transform: uppercase;letter-spacing: -1px;font-weight: 300;font-size: 25px;line-height: 1em;background: url(images/we_connect-h3-bkg.png) no-repeat left bottom / 660px 4px;}
#main h2 span {color: #08375f;text-transform: uppercase;font-weight: bold;font-size: 40px;line-height: 0.9em;}

/* Content */
#content {float: left;width: 720px;margin: 0 0 40px;}
#content.full_width {float: none;width: auto;}

#content .post {margin: 0 0 40px;}

#content .postmetadata {color: #888;text-transform: uppercase;font: 11px 'Open Sans', sans-serif;}

#content .title {text-transform: uppercase;}
#content .title a {color: #292929;text-decoration: none;}
#content .title a:hover {text-decoration: underline;}

#content h3 {color: #0061a5;}
#content h2 {padding: 20px 0 30px;color: #888;text-transform: uppercase;letter-spacing: -1px;font-weight: 300;font-size: 25px;line-height: 1em;background: url(images/we_connect-h3-bkg.png) no-repeat left bottom / 660px 4px;}
#content h2 span {color: #08375f;text-transform: uppercase;font-weight: bold;font-size: 40px;line-height: 0.9em;}

#content .button {display: inline-block;padding: 6px 12px;color: #fff;text-transform: uppercase;text-decoration: none;background: url(images/button-bkg.png) 0 / 9px 9px #88c4f8;}

#content .services_list {margin: 50px 0 0;}
#content .services_list .service {margin: 0 0 30px;padding: 0 0 20px;border-bottom: 1px solid #bbb;}
#content .services_list .service img {float: left;width: 195px;height: 195px;margin: 0 20px 8px 0;}
#content .product_list.wider li {width: 200px;height: 18px;}
#content .product_list {overflow: hidden;list-style: none;margin: 0 0 20px;padding: 0;}
#content .product_list li {float: left;width: 150px;height: 216px; margin: 0 10px 10px 0;}
#content .product_list li img {margin: 0 0 5px;}
#content .product_list li a .description {padding: 0 0 0 17px;color: #fff;background: url(images/product_list-li-a-bkg.png) no-repeat left 0.2em;}
#content .product_list li a:hover {text-decoration: none;}
#content .product_list li a:hover .description {color: #dab84f;}

/* Sidebar */
#sidebar {float: right;width: 320px;font-size: 12px;line-height: 1.8em; margin: 50px 0 0 0;}

#sidebar .widget {margin: 0 0 50px;}
#sidebar .widget .widgettitle {color: #059;text-transform: uppercase;font-weight: 300;font-size: 31px;letter-spacing: -1px;}

#sidebar .widget .free_consultation {position: relative;}
#sidebar .widget .free_consultation img {display: block;}
#sidebar .widget .free_consultation .link {position: absolute;left: 57px;right: 57px;bottom: -20px;overflow: hidden;padding: 13px 0;text-indent: -999em;border: 2px solid #fff;background: url(images/button-bkg.png) 0 / 9px 9px #88c4f8;}
#sidebar .widget .free_consultation .link span {display: block;width: 150px;height: 97px;margin: 0 auto;background-image: url(images/sidebar-widget-free_consultation-link-span-bkg.png);}

#sidebar .widget blockquote {position: relative;margin: 0;padding: 17px 0;color: #111;font-style: italic;font-weight: 200;line-height: 1.9em;border: 2px solid #d2d2d2;}
#sidebar .widget blockquote .layer_2 {margin: 0 -2px;padding: 0 30px 15px;background-color: #fff;}
#sidebar .widget blockquote .button {position: absolute;right: 20px;bottom: -18px;padding: 0 0 0 15px;color: #fff;text-decoration: none;font-style: normal;font-weight: normal;background: url(images/sidebr-widget-blockquote-button-bkg.png) 0 / 9px 9px #88c4f8;}
#sidebar .widget blockquote .button span {display: block;padding: 5px 10px 5px 8px;background: url(images/button-bkg.png) 0 / 9px 9px #88c4f8;}

#sidebar .widget .case_study_heading {position: relative;margin: 5px 0 10px;border: 2px solid #d2d2d2;}
#sidebar .widget .case_study_heading h3 {margin: -2px -2px 15px;padding: 0 120px 0 15px;color: #004d8c;font-weight: 500;font-size: 18px;line-height: 1.1em;background-color: #fff;}
#sidebar .widget .case_study_heading h3 span {color: #000;font-style: italic;font-weight: normal;font-size: 14px;}
#sidebar .widget .case_study_heading .button {position: absolute;right: 20px;bottom: 22px;padding: 0 20px 0 13px;color: #fff;text-transform: uppercase;text-decoration: none;line-height: 24px;font-size: 11px;background: url(images/sidebar-widget-case_study_heading-button-bkg.png) right top / 150px 24px;}

/* Footer */
#footer {color: #fff;font-weight: normal;font-size: 12px;line-height: 1.4em;background: url(images/footer-bkg1.jpg) center top / auto 100% #123748;}
#footer .wrap {width: 1040px;min-height: 50px;}

#footer .columns {margin: 0 -4% 0 0;}

#footer .columns .column {width: 46%;margin: 0 4% 2% 0;}

#footer input[type="text"],
#footer input[type="email"],
#footer textarea {width: 96%;color: #222;background: url(images/footer-input-bkg.png) transparent;border: 1px solid #fff;}
#footer textarea {height: 125px;}
#footer input[type="submit"] {float: right;margin: 0;background: url(images/button-bkg.png) 0 / 9px 9px #88c4f8;}
#footer .ajax-loader {float: right;margin: 0 4px 0 0;}

/* Sub-Footer */
#sub_footer {color: #fff;font: 500 13px/1em Raleway, sans-serif;background-color: #2e2e2e;}
#sub_footer .wrap {padding: 20px;width: 1040px;}

#sub_footer a {color: #fff;}

#sub_footer .menu {margin: 0;padding: 0;list-style: none;text-transform: uppercase;}
#sub_footer .menu li {float: left;}
#sub_footer .menu li a {display: block;padding: 4px 12px;text-decoration: none;}

/* Post and Comment Navigation */
.navigation {overflow: hidden;margin: 0 0 20px;font-weight: bold;}
.comment-navigation {overflow: hidden;height: 1%;font-weight: bold;}
.navigation ul,
.comment-navigation ul {float: right;list-style: none;}
.navigation li,
.comment-navigation li {float: left;margin-left: 5px;}
.navigation a,
.navigation span,
.comment-navigation a,
.comment-navigation span {display: block;padding: 0 10px;line-height: 24px;color: #5d3128;text-decoration: none;text-transform: lowercase;font-family: Arial, Helvetica, sans-serif;background-color: #cfcfc6;}
.navigation a:hover,
.comment-navigation a:hover {background-position: left -20px;}
.navigation span,
.comment-navigation span {color: #fff;}

/* Comments */
#comments-section {margin-bottom: 120px;padding-top: 10px;background: #fff;}

/*#comments {width: 600px;color: #888;}*/

#comments .commentlist {margin: 0 0 20px;padding: 0;list-style: none;}
#comments .commentlist li {margin: 0 0 10px;padding: 10px 15px 0;background-color: #f8f8f8;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
#comments .commentlist li.odd {background-color: #eee;}

#comments textarea {width: 98%;}

.vcard {font-weight: bold;}
.vcard img {margin: 0 7px 0 0;vertical-align: middle;border: 2px solid #ccd0dd;}

.comment-date {float: right;font-size: 8pt;font-weight: normal;}

/* Contact Form 7 */
div.wpcf7 {}
div.wpcf7 .required {color: #f00;}

div.wpcf7-response-output {margin: 0 0 1em;padding: 10px 15px;}
div.wpcf7-mail-sent-ok {color: #fff;background-color: #364815;}
div.wpcf7-mail-sent-ng,
div.wpcf7-spam-blocked,
div.wpcf7-validation-errors {color: #fff;background-color: #707070;}

span.wpcf7-form-control-wrap {position: relative;}
span.wpcf7-not-valid-tip {z-index: 99;position: absolute;left: 10%;top: 60%;width: 240px;padding: 2px 10px;color: #fff;font-size: 13px;background-color: #707070;box-shadow: 0 0 3px rgba(0,0,0,0.5);}
span.wpcf7-not-valid-tip-no-ajax {display: block;color: #fff;}

input.wpcf7-submit {margin: 0 10px 0 0;}

.wpcf7-display-none {display: none;}
.post img.ajax-loader {margin-left: 10px;padding: 8px 0;vertical-align: middle;border: none;}

/* Repsonsive Design */
@media only screen and (max-width: 800px) {
	html {overflow-x: hidden;}
	body {overflow-x: hidden;min-width: 320px;}
	body > .layer_2 {box-shadow: 0 0 7px rgba(0,0,0,0.5);}
	
	.wrap {width: auto;}
	
	#header .logo {float: none;margin: 25px auto 10px;}
	#header .nav {position: relative;left: -50%;float: right;height: 40px;line-height: 40px;}
	#header .nav .menu {position: relative;left: 50%;float: left;height: 40px;margin: 0 -20px;padding: 0;}
	#header .nav .menu > li {}
	#header .nav .menu li > a {height: 40px;padding: 0 10px;}
	#header .nav .menu li > a > span {border-top: none;}
	
	#calls_to_action .calls_to_action {margin: 0 -1% 0 0;}
	#calls_to_action .calls_to_action .item {width: 24%;height: 205px;margin: 0 1% 1% 0;font-size: 16px;line-height: 1em;}
	#calls_to_action .calls_to_action .item .icon {padding: 140px 10px 0;background-position: center 25px;}
	#calls_to_action .calls_to_action .item .learn_more {font-size: 15px;line-height: 1em;}
	#calls_to_action .calls_to_action .more {clear: both;float: none;width: auto;height: auto;margin: 0 1% 0 0;}
	#calls_to_action .calls_to_action .more span {display: inline-block;height: auto;padding: 20px 30px;background-position: right center;background-size: 15px 24px;}
	
	#we_connect {background-position: 65% top;background-size: auto 100%;}
	#we_connect .text {max-width: none;}
	#we_connect h3 {font-size: 28px;}
	#we_connect h3 span {font-size: 52px;}
	
	#testimonials {background-size: auto 100%;}
	#testimonials h3 {font-size: 28px;}
	#testimonials h3 span {font-size: 52px;}
	#testimonials h3 .button {right: 30px;bottom: -13px;font-size: 18px;line-height: 30px;}
	#testimonials .icon {padding: 0 0 0 180px;background-position: 45px top;font-size: 18px;line-height: 1.6em;}
	
	#content {float: none;width: auto;}
	
	#sidebar {float: none;width: auto;max-width: 320px;margin: 0 auto;}
	
	#partners .wrap {padding: 40px 20px 10px;}
	#partners .columns.four .column {width: 48%;margin: 0 2% 40px 0;}
	
	#footer .wrap {width: auto;}
	
	#footer .columns {margin: 0;}
	#footer .columns.two .column {float: none;width: auto;margin: 0 0 30px;}
	#footer input[type="text"],
	#footer input[type="email"],
	#footer textarea {width: 94%;}
	
	#sub_footer .wrap {width: auto;}
}

@media only screen and (max-width: 767px) {
	#content .services_list {font-size: 14px;line-height: 1.6em;}
	#content .services_list .service h3 {font-size: 16px;line-height: 1.2em;}
	#content .services_list .service img {width: 90px;height: 90px;}
}

@media only screen and (max-width: 639px) {
	#upper #responsive_menu_button {display: block;}
	#upper .menu {display: none;}
	
	#header .nav {display: none;}
	
	#calls_to_action .calls_to_action .item {width: 49%;}
	
	#we_connect .text {padding: 25px 25px 10px 15px;}
	#we_connect .text .columns {margin: 0;}
	#we_connect .text .columns.two .column {float: none;width: auto;margin: 0 0 20px;}
	
	#blog .columns {margin: 0;}
	#blog .columns.three .column {float: none;width: auto;margin: 0 0 30px;}
	#pof .icon {min-height: 145px;padding: 0px 35px 0 35px;font-weight: 300;font-size: 17px;line-height: 1.6em;background-repeat: no-repeat;background-position: right bottom;background-size: 298px 59px;}
}

@media only screen and (max-width: 519px) {
	#title_bar .wrap {height: 120px;}
	
	#title_bar .blue_thingy {right: 0;width: auto;}
	#title_bar .blue_thingy h3 {font-size: 38px;}
	
	#partners .columns {margin: 0;}
	#partners .columns.four .column {float: none;width: auto;margin: 0 0 40px;}
}

@media only screen and (max-width: 479px) {
	#we_connect h3 {font-size: 18px;}
	#we_connect h3 span {font-size: 36px;}
	
	#testimonials .wrap {padding: 40px 20px;}
	#testimonials h3 {margin: 0 0 40px;font-size: 18px;}
	#testimonials h3 span {font-size: 36px;}
	#testimonials h3 .button {right: 10px;bottom: -11px;font-size: 14px;line-height: 26px;}
	#testimonials .icon {min-height: 70px;padding: 0 0 0 95px;font-size: 13px;line-height: 1.6em;background-position: 20px top;background-size: 48px 70px;}
}

@media only screen and (max-width: 359px) {
	#calls_to_action .calls_to_action {margin: 0 -2% 0 0;}
	#calls_to_action .calls_to_action .item {width: 48%;height: 140px;margin: 0 2% 2% 0;}
	#calls_to_action .calls_to_action .item .icon {padding: 80px 10px 0;background-size: 55px 48px;}
	#calls_to_action .calls_to_action .item .learn_more {padding: 8px 15px;font-size: 13px;}
	#calls_to_action .calls_to_action .more {font-size: 16px;}
	#calls_to_action .calls_to_action .more span {padding: 10px 15px;background-size: 8px 12px;}
}