/*
Theme Name: Footbridge
Theme URI: http://www.footbridgemedia.com/
Author: Harley Neal, Chris Lonerganan, James McBride, Howard Davis, Jason Coleman, Tommy Neel, Amanda Wilson and others have contributed
Author URI: http://www.footbridgemedia.com/
Description: custom theme for footbridge sites
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/* FLEX 1080 v3 Responsive Design By: Harley Neal & Chris Lonergan
/* Phone & Tablet layouts
/* RESET
----------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; margin: 0; padding: 0; font-size: 100%; }
article, aside, figure, figure img, figcaption, hgroup, footer, header, nav, section, video, object { display: block }
a img { border: 0 }
body, li { line-height: 1; }
ul { list-style: square; }
ol { padding-left: 20px; }
blockquote, q { quotes: none; margin: 20px; }
/* FLEX
----------------------------------------------------------*/
.wrap div { display: block; float: left; }
.wrap { width: 1080px; margin: 0 auto; *zoom: 1;
}
.section { width: 100%; *zoom: 1;
height: auto; clear: both; position: relative }
.one, .two, .three, .four, .five, .six, .seven, .eight, .nine, .ten, .eleven, .twelve { padding: 10px; margin: 10px; word-wrap: break-word; float: left; }
.one { width: 50px }
.two { width: 140px }
.three { width: 230px }
.four { width: 320px }
.five { width: 410px }
.six { width: 500px }
.seven { width: 590px }
.eight { width: 680px }
.nine { width: 770px }
.ten { width: 860px }
.eleven { width: 950px }
.twelve { width: 1040px }
.one-full { width: 90px }
.two-full { width: 180px }
.three-full { width: 270px }
.four-full { width: 360px }
.five-full { width: 450px }
.six-full { width: 540px }
.seven-full { width: 630px }
.eight-full { width: 720px }
.nine-full { width: 810px }
.ten-full { width: 900px }
.eleven-full { width: 990px }
.twelve-full { width: 1080px }
/* Content Specific Adjustments
----------------------------------------------------------*/
#content .two { width: 130px; }
#content .three, #content .keyword-services { width: 200px; padding-right: 5px; padding-left: 5px; margin-left: 8px; margin-right: 8px }
#content .four { width: 300px; }
#content-three-column .two { width: 126px }
#content-three-column .three { width: 220px }
/* Sidebar Specific Adjustments
----------------------------------------------------------*/
#sidebar .two { width: 120px; }
.test-color { background-color: #D1FFB3; }
/* Dumb IE Fixes
----------------------------------------------------------*/
.ie7ie8-override { padding: 1% !important; margin: 1% !important; word-wrap: break-word; float: left; }
/* Minor Flex basics
----------------------------------------------------------*/
img { max-width: 100%; height: auto }
.clearfix, .clearboth { clear: both !important; }
.clearfix:after, .clearboth:after { content: "."; display: block; height: 0; zoom: 1; clear: both; visibility: hidden; }
/* TYPE SETTINGS
----------------------------------------------------------*/
body { font-family: Arial, 'Liberation Sans', FreeSans, sans-serif; font-size: 14px; line-height: 1.5em; margin: 0px; background-image: url(images/tile.jpg); width: 100%; background-position: center top; font-weight: normal; background-repeat: repeat; background-color: #CCC; }
a { color: #009bfe; font-weight: bold; text-decoration: none; transition: color 0.4s ease; -webkit-transition: color 0.4s ease; -moz-transition: color 0.4s ease; -o-transition: color 0.4s ease; }
a:hover { color: #003050; }
p { margin-bottom: .5em; }
h1, h2, h3, h4, h5, h6 { line-height: 1.2em; margin-bottom: 0.2em; clear: both; font-family: 'Open Sans', sans-serif; }
h1, h1 a { font-size: 26px; font-weight: normal; color: #000; text-transform: uppercase; font-weight:bolder; }
h1.index { font-size:43px; clear:none; margin-top:25px; }
h2, h2 a { font-size: 24px; color: #003050; font-weight: normal; padding-bottom: 3px; font-weight:bolder; text-transform:uppercase; }
h3 { font-size: 14px; clear: both; margin-top: 30px; margin-bottom:15px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 14px; text-transform: uppercase; }
.font9 { font-size: 9px; }
.font10 { font-size: 10px; }
.font12 { font-size: 12px; }
.font14 { font-size: 14px; }
.font16 { font-size: 16px; }
.font18 { font-size: 18px; }
.font24 { font-size: 24px; }
.font30 { font-size: 30px; }
.highlight-color { color: #009bfe; }
.h1-subtitle { color: #333; font-size: 16px; font-style: italic; }
.featured-text { font-size:20px; }
/* TOOLS
----------------------------------------------------------*/
.floatfix { float: none !important; }
.align-center, .aligncenter, .center { text-align: center; }
.align-left, .left { text-align: left; }
.align-right, .right { text-align: right; }
.float-img-right, .alignright { display: block; padding: 10px; float: right; }
.float-img-left, .alignleft { display: left; padding: 10px; float: left; }
img.align-center, img.aligncenter, img.center { display: block; clear: both; margin: inherit auto; }
.inline-img { display: inline; vertical-align: middle; margin-right: 3px; }
.img-vert-padding { padding-top: 10px; padding-bottom: 10px; }
.highlight-box { background-color: #88cefb; padding: 10px 0%; width: 100%; margin-top: 10px; margin-bottom: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.make-round { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
a.make-button { padding: 7px 5px; text-align: center; color: #333 !important; font-size: 11px; float: right; line-height: 1em; margin: 5px; display: block; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-transform: uppercase; background-image: url(images/elements/make-btn.png); background-repeat: repeat; }
a.make-button:hover { color: #FFF !important; background-color: #009bfe; }
.make-line { display: block; background-color: #000; height: 10px; width: 96%; margin-top: 10px; margin-bottom: 10px; padding-left: 2%; padding-right: 2%; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; clear: both; opacity: .1; }
.hide-from-mobile { }
.hide-from-tablet { }
#shadow-wrap { }
.center-woman { padding:0; margin-bottom:-30px; margin-top:-40px; }
/* MAIN HEADER 
----------------------------------------------------------*/
#header-background { }
#header { line-height: 0px; height: auto; position: relative; }
#header img, #header a, #mobile-header img, #mobile-header a, #tablet-header img, #tablet-header a, #body-top img, #body-bottom img { line-height: 0px; margin: 0px; padding: 0px; }
#header .header-logo, #header .header-facebook, #header .header-google-plus, #header .header-youtube, #header .header-number, #header .header-button { display: block; position: absolute; opacity: .3; }
#header .header-logo { left: 0%; top: 0%; height: 100%; width: 33%; }
#header .header-facebook { height: 25%; width: 6%; right: 15%; top: 0px; }
#header .header-youtube { height: 25%; width: 6%; right: 8%; top: 0px; }
#header .header-google-plus { height: 25%; width: 7%; right: 0%; top: 0px; }
#header .header-number { top: 12%; right: 0; height: 75%; width: 32%; }
#header .header-button { bottom: 12%; left:35%; height: 75%; width: 30%; }
/* MOBILE HEADER 
----------------------------------------------------------*/
#mobile-header, #tablet-header { left: -999em; position: absolute; line-height: 0px; }
#mobile-header .mobile-logo, #mobile-header .mobile-number, #mobile-header .mobile-button, #tablet-header .tablet-logo, #tablet-header .tablet-number, #tablet-header .tablet-button { display: block; position: absolute; opacity: .3; }
#mobile-header .mobile-logo { left: 0%; top: 0%; height: 50%; width: 100%; }
#mobile-header .mobile-number { left: 0%; top: 50%; height: 25%; width: 100%; }
#mobile-header .mobile-button { left: 0%; top: 75%; height: 25%; width: 100%; }
#tablet-header .tablet-logo { left: 0%; top: 0%; height: 100%; width: 50%; }
#tablet-header .tablet-number { top: 0%; height: 50%; width: 50%; right: 0px; }
#tablet-header .tablet-button { height: 50%; width: 50%; right: 0px; bottom: 0px; }
/* CONTENT  
----------------------------------------------------------*/
#breadcrumb { height: auto; font-size: 11px; font-weight: bold; color: #333; line-height: 16px; width: 97%; margin-bottom: 5px; border: 1px solid #F0F0F0; padding: 2px 1%; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#breadcrumb ul { padding-left: 0px !important; }
#breadcrumb ul li { display: inline; font-size: 12px !important; line-height: 16px; background-image: none !important; font-family: "Arial Black", Gadget, sans-serif; font-weight: normal; }
#breadcrumb ul li a, #breadcrumb ul li span.wp_bc { color: #D6D6D6 !important; display: block; float: left; height: auto; text-transform: uppercase; background-image: url(images/elements/arrow-3.png); background-repeat: no-repeat; background-position: left center; padding: 0px 8px 0px 12px; }
#breadcrumb ul li:first-child a { background-image: none; padding-left: 0; }
#breadcrumb a:hover { color: #009bfe !important; }
#body-wrap { }
#body-top { height: auto; line-height: 0px; }
#body { }
#body a img:hover { opacity: .85; }
#body ul { margin: 0px; padding-left: 10px; list-style-type: none; }
#body ul li { padding-top: 7px; padding-bottom: 7px; background-image: url(images/elements/bullet-large-dark.png); background-repeat: no-repeat; background-position: left 11px; padding-left: 15px; height: auto; line-height: 1.3em; }
#body ul.checkmarks li { background-image: url(images/elements/check.png); background-repeat: no-repeat; background-position: left top; padding-left: 30px; font-size: 16px; line-height: 1em; }
#body ul.index li { font-size: 1.65em; line-height: 1em; font-family: 'Open Sans', sans-serif; font-weight:bolder; text-transform:uppercase; margin-top:15px;}
#body-bottom { height: auto; line-height: 0px; }
#content { float: right; }
#content-three-column { }
#sidebar { }
#sidebar .three-column-left { }
#sidebar .three-column-right { }
#form { width: 100%; height: auto; min-height: 50px; line-height: 0px; margin-top: 10px; margin-bottom: 10px; padding: 0px; }
#form img { height: auto; width: 100%; padding: 0px !important; line-height: 0px; display: block; float: left; }
#form .form-body { background-image: url(images/form-tile.png); background-repeat: repeat-y; background-size: 100%; padding: 10px 2%; width: 96%; }
#form .form-bottom { height: auto; }
div[id^="wufoo"] { width: 100%; height: auto !important; }
#follow, #connect { display: block; height: auto; clear: both; width: 96%; background-size: 100% auto; margin-right: auto; margin-bottom: 10px; margin-left: auto; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-align: center; background-image: url(images/elements/make-btn.png); background-repeat: repeat; line-height: 1em; padding: 3% 2% 2%; }
#follow p, #connect p { line-height: 1em; margin: 0px; padding: 0px; }
#follow .follow-title { font-family: "Arial Black", Gadget, sans-serif; text-align: center; font-size: 16px; color: #003050; display: block; width: 100%; opacity: .4; text-transform: uppercase; }
#follow .facebook { width: 32%; float: left; margin: 4% 3% 3%; clear: left; }
#follow .google-plus { width: 32%; float: left; margin: 3%; }
#follow .rss { float: left; margin: 3%; width: 12%; padding-top: 1%; }
#connect .connect-title { font-family: "Arial Black", Gadget, sans-serif; text-align: center; font-size: 16px; color: #003050; display: block; width: 100%; opacity: .4; text-transform: uppercase; padding-bottom: 3%; }
#connect img { padding-right: 2%; padding-left: 2%; height: auto; max-width: 14%; }
/* FOOTER
----------------------------------------------------------*/
#footer-wrap { background-color: #cbeaff; }
#footer { color: #666; font-size: 12px; line-height: 1.3em; }
#footer p { margin: 0px; }
#footer, #footer h4, #footer ul li a, #footer a { color: #666; }
#footer a { }
#footer strong { text-transform: uppercase; }
#footer h4 { font-size: 16px; margin-top: 0px; margin-bottom: 5px; display: block; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding-top: 2px; padding-bottom: 2px; }
#footer ul { margin: 0px; padding-left: 10px; list-style-type: none; }
#footer ul li { padding-top: 7px; padding-bottom: 7px; background-image: url(images/elements/bullet-dark.png); background-repeat: no-repeat; background-position: left 10px; padding-left: 15px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; line-height: 1.2em; }
#footer ul li a { text-decoration: none; font-weight: normal; }
#footer ul li a:hover, #footer a:hover { color: #FFF; text-decoration: underline; }
#footer ul li.gplaces { background-image: url(images/social/google-places-mini.png); background-repeat: no-repeat; background-position: 0px center; }
#footer a.make-button { background-image: url(images/elements/make-btn-light.png); background-repeat: repeat; color: #000 !important; }
#footer a.make-button:hover { color: #000 !important; opacity: 1; background-color: #FFF; }
.social img { margin-top: 0px; margin-bottom: 8px; opacity: .85; }
.no-underline { border-bottom-style: none !important; }
.mobile-dropdown { display: none; }
.large-button { -webkit-border-radius: 15px; border-radius: 15px; -webkit-box-shadow:  2px 2px 3px 3px rgba(0, 0, 0, .2), inset 1px 1px 2px 2px rgba(256, 256, 256, .2); box-shadow:  2px 2px 3px 3px rgba(0, 0, 0, .2), inset 1px 1px 2px 2px rgba(256, 256, 256, .2); 
background: rgb(109,179,242); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,179,242,1)), color-stop(50%,rgba(84,163,238,1)), color-stop(51%,rgba(54,144,240,1)), color-stop(100%,rgba(30,105,222,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */




font-size:1.25em; }
.large-button:hover { -webkit-box-shadow:  inset 2px 2px 3px 3px rgba(256, 256, 256, .4), 1px 1px 2px 2px rgba(0, 0, 0, .2); box-shadow:   inset 2px 2px 3px 3px rgba(256, 256, 256, .4), 1px 1px 2px 2px rgba(0, 0, 0, .2);
background: rgb(109,179,242); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(109,179,242,1) 3%, rgba(84,163,238,1) 54%, rgba(54,144,240,1) 55%, rgba(30,105,222,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,rgba(109,179,242,1)), color-stop(54%,rgba(84,163,238,1)), color-stop(55%,rgba(54,144,240,1)), color-stop(100%,rgba(30,105,222,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(109,179,242,1) 3%,rgba(84,163,238,1) 54%,rgba(54,144,240,1) 55%,rgba(30,105,222,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(109,179,242,1) 3%,rgba(84,163,238,1) 54%,rgba(54,144,240,1) 55%,rgba(30,105,222,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(109,179,242,1) 3%,rgba(84,163,238,1) 54%,rgba(54,144,240,1) 55%,rgba(30,105,222,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(109,179,242,1) 3%,rgba(84,163,238,1) 54%,rgba(54,144,240,1) 55%,rgba(30,105,222,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */


}
.large-button p { display:block; padding-top:10px; }
.large-button a { color:#FFF; }
.large-button a:hover { color:#CCC; }
/* MENU
----------------------------------------------------------*/
.menu-top { zoom: 1; background-image: url(images/menu.jpg); z-index: 2000; background-color: #333; }
.menu-top ul, .menu-top li, .menu-top ul ul li { list-style: none; padding: 0; margin: 0; display: block; }
.menu-top ul li { position: relative; background-image: url(images/elements/divider.png); background-repeat: repeat-y; background-position: right center; z-index: 3000; width: auto; display: inline; padding: 0px; text-align: center; float: left; height: auto; }
.menu-top ul li a { display: block; font-weight: normal; color: #FFF; font-size: 13px; text-transform: uppercase; height: auto; line-height: 60px; width: auto; padding-right: 40px !important; padding-left: 40px !important; white-space: nowrap; }
.menu-top ul li a:hover { background-image: url(images/menu-highlight.png); background-repeat: repeat; }
.menu-top ul ul, .menu-top ul div { position: absolute; top: -99999px; left: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; z-index: 9998; background: #003050; padding: 10px; width: auto; }
.menu-top ul div { width:560px; }
.menu-top ul div ul { width: auto !important; float: left !important; display: block !important; position: relative !important; height: auto !important; top: 0px; }
.menu-top ul ul li { white-space: nowrap; float: none; position: relative; margin-top: -15px; -moz-transition: margin 0.3s 0.1s ease-out; -webkit-transition: margin 0.3s 0.1s ease-out; -o-transition: margin 0.3s 0.1s ease-out; transition: margin 0.3s 0.1s ease-out; background-image: none; z-index: 4000; height: auto; text-align: left !important; display: block; width: 100% !important; padding: 0px }
.menu-top ul ul li a { color: #fff; line-height: 30px; font-size: 14px; height: auto; display: block; width: 92%; padding-right: 4%; padding-left: 4%; }
.menu-top ul ul li a:hover { color: #FFF; background-image: url(images/elements/menu-highlight.png); background-color: transparent; background-repeat: repeat; }
.menu-top ul li:hover > ul, .menu-top ul li:hover > div { position: absolute; top: 99%; left: 0; }
.menu-top li:hover ul li { margin-top: 0; }
.menu-top ul ul li:hover > ul { position: absolute; top: 0; left: 85%; z-index: 9999; background: #003050; }
.menu-top ul ul ul { position: absolute; top: -99999px; left: 50%; opacity: 0; -webkit-transition: opacity .5s ease-in-out, left .5s ease-in-out; -moz-transition: opacity .5s ease-in-out, left .5s ease-in-out; -o-transition: opacity .5s ease-in-out, left .5s ease-in-out; transition: opacity .5s ease-in-out, left .5s ease-in-out; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width: auto; }
.menu-top .current-menu-item a, .menu-top .current_page_item a, .menu-top a:hover { color: #FFF; background-image: url(images/menu-highlight.jpg); background-repeat: repeat-x; }
.menu-top ul li:last-child { background-image: none !important; }
/* SIDEBAR MENU
----------------------------------------------------------*/
.sidebar-menu { -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; display: block; width: 100%; margin-top: 15px; margin-bottom: 15px; }
.sidebar-menu h4 { margin: 0px; line-height: 1em; font-size: 16px; color: #FFF; background: #333; text-transform: uppercase; font-weight: normal; padding: 7px 2%; width: 96%; }
.sidebar-menu ul, .sidebar-menu ul ul { list-style-type: none; padding: 0px !important; margin: 0px !important; width: 100%; }
.sidebar-menu ul li { font-size: 16px; line-height: 1.2em; background-image: none !important; margin: 0px 0px 1px !important; width: 100%; padding: 0px !important; }
.sidebar-menu ul li a { font-size: 16px; display: block; height: auto; color: #FFF; font-weight: normal; text-transform: uppercase; transition: background 0.4s ease; -webkit-transition: background 0.4s ease; -moz-transition: background 0.4s ease; -o-transition: background 0.4s ease; background-color: #444; margin: 0px; width: 96%; padding-top: 7px; padding-bottom: 7px; padding-left: 4%; }
.sidebar-menu ul li a:hover { color: #FFF; background-color: #DD0012; text-decoration: none; }
.sidebar-menu li a.active { }
.sidebar-menu ul li ul li a { background-color: #666 !important; color: #fff !important; }
.sidebar-menu ul li ul li a:hover { color: #FFF !important; background-color: #DD0012 !important; }
.sidebar-menu .first-item { -moz-border-radius: 7px 7px 0px 0px; -webkit-border-radius: 7px 7px 0px 0px; border-radius: 7px 7px 0px 0px; }
.sidebar-menu .last-item { -moz-border-radius: 0px 0px 7px 7px; -webkit-border-radius: 0px 0px 7px 7px; border-radius: 0px 0px 7px 7px; }
.active { }
/* Image Rollover
----------------------------------------------------------*/
.imageRoll { height: 145px; padding-top: 10px; }
.imageRoll a { display: block; width: 180px; background-position: left top; line-height: 0px; margin: 0px; padding: 3px 0px 0px; float: left; height: 142px; font-size: 2px; color: #FFF; text-align: center; -webkit-transition: background .2s ease-in-out; -moz-transition: background .2s ease-in-out; -o-transition: background .2s ease-in-out; transition: background .2s ease-in-out; }
.imageRoll a:hover { background-position: left bottom; color: #D60000; }
.s1 { background-image: url(); background-repeat: no-repeat; }
#banner-backgournd { }
#banner-wrap { }
.banner-static div { position:absolute; top:15%; left:3%; font-size:1.5em; line-height:1.25em; width:48%; color:#FFF; font-style:normal; text-align:center; }
.banner-static div strong { font-weight:700; }
.banner-static div h2 { font-size:1.75em; font-weight:700; text-transform:uppercase; color:#FFF; }
.banner-static div.left { text-align:left; }
.banner-static div.right { left:60%; width:30%; }
.banner-static ul li { font-size:.75em; text-align:right; }
/* Banner Nav Style */
#banner-controls, #fade-banner-controls { list-style: none; position: absolute; bottom: 10px; right: 10px; z-index: 1001; width: 20px; height: 20px; -webkit-border-radius: 4px; border-radius: 4px; } /* Banner Control Background Color */
#banner-controls li, #fade-banner-controls li { position: absolute; width: 20px; height: 20px; z-index: 1002; }
#banner-controls li a, #fade-banner-controls li a { text-indent: -9999px; z-index: 1003; }
#banner-controls li .banner-pause, #fade-banner-controls li .banner-pause { display: block; background-color: #CCC; background: rgba(125,125,125,.3); background-image: url(images/elements/banner-pause.png); background-repeat: no-repeat; -webkit-border-radius: 7px; border-radius: 7px; width: 20px; height: 20px; }
/* Banner Pause Background Color */
#banner-nav, #fade-banner-nav { float: left; list-style: none; position: absolute; bottom: 10px; left: 10px; z-index: 1001; }
#banner-nav li, #fade-banner-nav li { float: left; width: 10px; height: 10px; margin: 5px; padding: 2px; -webkit-border-radius: 7px; border-radius: 7px; background-color: #CCC; -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .4); box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .4); } /* Banner Navigation Background Color & Shadow */
#banner-nav li a, #fade-banner-nav li a { display: block; text-indent: -9999px; width: 10px; height: 10px; -webkit-border-radius: 7px; border-radius: 7px; }
#banner-nav li:hover, #fade-banner-nav li:hover { background-color: #666; } /* Banner Navigation Hover Color */
#banner-nav li .selected-banner, #fade-banner-nav li .selected-banner { background-color: #333; -webkit-box-shadow: 1px 1px 0px 0px rgba(256, 256, 256, .5); box-shadow: 1px 1px 0px 0px rgba(256, 256, 256, .5); } /* Banner Navigation Selected Color */
#banner-progress, #fade-banner-progress { background: #CCC; position: absolute; bottom: 1px; left: 0; width: 0; height: 1px; z-index: 600; }
/* Banner Scroller
----------------------------------------------------------*/
.banner-scroll { position: relative; overflow: hidden; width: 100%; height: 300px; z-index: 101; line-height: 0px; }
.banner-scroll img { width: 100%; max-width: 100%; }
.banner-scroll p { line-height: 0px; margin: 0px; padding: 0px; display: block; height: auto; width: 100%; position: absolute; font-family: 'Open Sans', sans-serif; text-transform:uppercase; }
/* Banner Fade
----------------------------------------------------------*/
.banner-fade, .fadebanner { position: relative; height: 300px; width: 100%; overflow: hidden; clear: left; }
.banner-fade p, .banner img, .fadebanner p, .fadebanner img { display: block; margin: 0px; line-height: 0px; height: auto; width: inherit; position: absolute; left: 0px; top: 0px; max-width: 100%; }
.banner-static { height: auto; width: 100%; clear: left; }
.banner-static img { display: block; margin: 0px; line-height: 0px; height: auto; width: inherit; max-width: 100%; }
.banner-static p { line-height: 0px; margin: 0px; padding: 0px; }
/* Banner Deluxe
----------------------------------------------------------*/
.banner-deluxe { position: relative; height: 330px; width: 1080px; overflow: hidden; clear: left; }
.banner-deluxe .deluxe-slide { display: block; margin: 0px; height: 330px; width: 1080px; position: absolute; left: 0px; top: 0px; }
.banner-deluxe .slide-1 { background-image: url(images/banner/banner-1.jpg); }
.banner-deluxe .slide-2 { background-image: url(images/banner/banner-2.jpg); }
.banner-deluxe .slide-3 { background-image: url(images/banner/banner-3.jpg); }
.deluxe-slide .banner-overlay { background-image: url(images/elements/banner-overlay.png); background-repeat: repeat; height: 220px; position: absolute; top: 40px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; width: 360px; right: 40px; padding: 20px; color: #FFF; }
.banner-deluxe h2, .banner-deluxe h2 a { color: #FFF; }
.banner-deluxe a.make-button { background-image: url(images/elements/make-btn-light.png); background-repeat: repeat; color: #000; }
.banner-deluxe a.make-button:hover { background-color: #FFF; color: #333 !important; }
#reviews { height: auto; position: relative; width: 100%; margin: 10px 0px; padding: 0px; }
/* Text Scroller
----------------------------------------------------------*/
#reviews img { height: auto; width: 100%; padding: 0px !important; line-height: 0px; display: block; float: left; }
.scrollText { position: relative; overflow: hidden; width: 100%; height: 200px; z-index: 101; line-height: 0px; background-image: url(images/testimonial-body.png); background-repeat: repeat-y; background-size: 100%; }
.scrollText p { line-height: 1.5em; margin: 0; display: block; height: auto; width: 96%; position: absolute; padding-right: 2%; padding-left: 2%; padding-top: 10px; }
.scrollText .customer { font-weight: bold; font-size: 12px; color: #000; }
.scrollText .customer .rating { font-weight: normal; font-size: 10px; }
.scrollText a.make-button { }
.scrollText a.make-button:hover { }
/* PopUp Window
----------------------------------------------------------*/
#popupblock h1 { color: #2C7079; font-size: 30px; background: url(none); border-style: none; margin-bottom: 20px; }
#popupblock h2 { color: #7B9E42; font-size: 18px; background: url(none); padding-bottom: 5px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #999; margin-bottom: 20px; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; }
#popupblock a { display: block; height: auto; width: 96%; font-size: 16px; color: #FFF; clear: both; text-align: center; text-transform: uppercase; line-height: 1.5em; transition: background 0.4s ease; -webkit-transition: background 0.4s ease; -moz-transition: background 0.4s ease; -o-transition: background 0.4s ease; font-weight: normal; margin-right: 2%; margin-left: 2%; padding-top: 5px; padding-bottom: 5px; margin-top: 20px; background-color: #80A347; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
#popupblock a:hover { color: #FFF; background-color: #333; }
#fade { display: none; background: #000; position: fixed; left: 0; top: 0; z-index: 4000; width: 100%; height: 100%; opacity: .85; }
#popupblock { display: none; position: fixed; left: 25%; padding: 2%; border: 15px solid #ddd; font-size: 16px; margin-left: auto; margin-right: auto; opacity: 1; filter: alpha(opacity=100); width: 46%; height: auto; z-index: 99999; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; background-color: #fff; background-image: url(logo.jpg); background-repeat: no-repeat; background-position: center bottom; overflow: auto; }
.close { text-decoration: none; }
/* WORDPRESS
----------------------------------------------------------*/
.sidebar-box { }
.sidebar-blog-box { }
.sidebar-custom-box { }
.post-thumbnail { display: block; float: left; height: 150px; width: 150px; overflow: hidden; margin: 10px; background-color: #FFF; padding: 5px; text-align: center; border: 1px solid #CCC }
.post-thumbnail img { line-height: 0px; margin: 0px; padding: 0px }
.my-postdate { width: 40px; height: auto; background-color: #F0F0F0; color: #999; padding: 5px; text-align: center; float: right !important; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; margin: 5px }
.post-date { font-size: 12px; color: #999 }
.my-month { display: block; float: left; width: 100%; font-size: 14px; text-align: center; text-transform: uppercase; line-height: .9em }
.my-day { display: block; width: 100%; float: left; font-size: 28px; text-align: center; line-height: .9em; font-weight: bold }
.my-year { display: block; width: 100%; color: #666; float: left; font-size: 13px; text-align: center; line-height: 0.9em }
.copyright { font-size: 12px; color: #FFF; text-align: center; background-color: #393339; line-height: 1.2em; padding: 5px 0px }
.copyright a { color: #FFF }
.tagcloud { line-height: 1em }
.navigation { text-align: center }
.navigation a { color: #999; display: block; float: left; padding: 5px; background-color: #EFEFEF; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 10px }
.navigation a:hover { background-color: #930000; color: #FFF; }
.nav-blog { font-size: 14px; padding-right: 10px; padding-left: 10px }
img.aligncenter { display: block !important; margin-left: auto !important; margin-right: auto !important; }
/* MOBILE FLEX
----------------------------------------------------------*/
@media handheld, only screen and (min-width: 500px) {
.hide-from-pc { display: none !important; }
}
@media handheld, only screen and (max-width: 1079px) {
.one, .two, .three, .four, .five, .six, .seven, .eight, .nine, .ten, .eleven, .twelve { padding: 1% !important; margin: 1% !important; word-wrap: break-word; float: left; }
.one { width: 4.33333% }
.two { width: 12.66666% }
.three { width: 20.99999% }
.four { width: 29.33334% }
.five { width: 37.66666% }
.six { width: 46% }
.seven { width: 54.33333% }
.eight { width: 62.66666% }
.nine { width: 70.99999% }
.ten { width: 79.33333% }
.eleven { width: 87.66666% }
.twelve { width: 96% }
.one-full { width: 8.33333% }
.two-full { width: 16.66666% }
.three-full { width: 24.99999% }
.four-full { width: 33.33333% }
.five-full { width: 41.66666% }
.six-full { width: 50% }
.seven-full { width: 58.33333% }
.eight-full { width: 66.66666% }
.nine-full { width: 74.99999% }
.ten-full { width: 83.33333% }
.eleven-full { width: 91.66666% }
.twelve-full { width: 96% }
/* CONTENT SPECIFIC ADJUSTMENTS
----------------------------------------------------------*/
#content .two { width: 20.99999% }
#content .three, #content .keyword-services { width: 29.33334% }
#content .four { width: 46% !important }
#content-three-column .two { width: 29% !important; }
#content-three-column .three { width: 45% !important; }
/* SIDEBAR SPECIFIC ADJUSTMENTS
----------------------------------------------------------*/
#sidebar .two { width: 46% }
.menu-top ul li a { font-size: 12px }
body { font-size: 16px; -webkit-text-size-adjust: none; }
h1, h2 { padding-left: 3px; padding-right: 3px }
.wrap { width: 100%; margin: 0; padding: 0; position: relative }
.menu-top ul ul li { auto !important; }
.menu-top ul ul li a { width: 90%; padding-right: 5%; padding-left: 5%; }
h1.index { font-size:32px; clear:none; margin-top:25px; }
#body ul.index li { font-size: 1.45em; line-height: 1em; font-family: 'Open Sans', sans-serif; font-weight:bolder; text-transform:uppercase; margin-top:15px;}
}
/* LARGE TABLE VIEW
----------------------------------------------------------*/
@media handheld, only screen and (max-width: 899px) {
.menu-top ul li a, .menu-top ul ul li a { font-size: 11px }
#footer .two, #footer .three { width: 29% !important; }
#footer .five { float: none; margin: 5px 0px !important; padding: 5px 2%!important; width: 96% !important; clear: both; }
h1.index { font-size:30px; clear:none; margin-top:25px; }
#body ul.index li { font-size: 1.25em; line-height: 1em; font-family: 'Open Sans', sans-serif; font-weight:bolder; text-transform:uppercase; margin-top:15px;}

}
/* SMALL TABLET VIEW
----------------------------------------------------------*/
@media handheld, only screen and (max-width: 699px) {
body { font-size: 16px; -webkit-text-size-adjust: none; background:url(images/mobile/mobile-background.jpg) repeat; padding-top: 40px; }
h1, h2 { padding-left: 3px; padding-right: 3px }
.wrap { width: 100%; margin: 0; padding: 0; position: relative }
.one, .two, .three { width: 21% !important; }
.five, .six, .seven, .eight, .nine, .ten, .eleven, .twelve { float: none; margin: 5px 0px !important; padding: 5px 2%!important; width: 96% !important; clear: both; }
#body { background-image: none !important; background-color: #FFF }
/* CONTENT SPECIFIC ADJUSTMENTS
----------------------------------------------------------*/
#content .two { width: 46% !important }
#content .three, #content .keyword-services { width: 29% !important }
/* SIDEBAR SPECIFIC ADJUSTMENTS
----------------------------------------------------------*/
#sidebar { width: 100% !important }
#sidebar.four { width: 96% !important }
#sidebar .two { width: 96% !important }
#sidebar.three-column-left { width: 46% !important }
#sidebar.three-column-right { width: 46% !important }
#sidebar.three-column-left #follow .follow-title, #sidebar.three-column-right #follow .follow-title { font-size: 18px }
#sidebar.three-column-left #connect img, #sidebar.three-column-right #connect img { padding-right: 3%; padding-left: 3%; height: auto; max-width: 12% !important; }
/* FOOTER SPECIFIC ADJUSTMENTS
----------------------------------------------------------*/
#footer .two, #footer .three { width: 29.33334% !important }
#header { display: none }
#tablet-header { position: relative !important; width: 100%; height: auto; left: 0px; top: 0px; }
#header-background { background-image: none; }
#sidebar img, #content img { padding: 5px 0px; }
#follow .follow-title, #connect .connect-title { font-size: 22px }
#connect img { padding-right: 5%; padding-left: 5%; height: auto; max-width: 20%; }
.mobile-dropdown { color: #FFF; display: block !important; text-align: left; width: 90% !important; margin: 0 !important; padding: 0 0 0 10% !important; line-height: 40px !important; cursor: pointer; background-image: url(images/mobile/menu-view.png); background-repeat: no-repeat; background-position: 10px center; font-size: 13px; text-transform: uppercase; font-weight: normal; z-index: 9999; height: 40px; background-color: #333; position: fixed; left: 0px; top: 0px; }
.menu-top { width: 75%; position: fixed !important; left: 0; top: 40px; height: 0; background-color: #000; background-image: none; margin: 0; padding: 0px 0px 10px; overflow: auto; opacity: .75; }
.menu-top:hover { -webkit-transition: height .5s ease; -moz-transition: height .5s ease; -o-transition: height .5s ease; -ms-transition: height .5s ease; transition: height .5s ease; }
.menu-top ul li, .menu-top ul ul li, .menu-top ul ul ul li { width: 100% !important; float: none; background-image: none; margin: 1px 0px !important; clear: both; display: block !important; height: auto !important; white-space: normal; }
.menu-top ul li a, .menu-top ul ul li a, .menu-top ul ul ul li a { display: block; font-weight: normal; color: #fff; font-size: 16px; border-radius: 0px; margin: 0px !important; line-height: 1.2em !important; text-align: right; text-transform: uppercase; width: 90% !important; background-color: transparent; border-bottom: 1px solid #666; height: auto; padding: 10px 10% 10px 0px; }
.menu-top ul, .menu-top ul ul, .menu-top ul ul ul { width: 100% !important; position: static !important; top: 0; left: 0; opacity: 1; padding: 0px; -moz-transition: 0 !important; -webkit-transition: 0 !important; -o-transition: 0 !important; transition: 0 !important; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; background: transparent; width: 100%; margin-top: 1px; display: block; }
.menu-top ul li:hover > ul, .menu-top ul ul li:hover > ul { opacity: 1; position: static; top: 0; left: 0; }
.menu-top ul li a:hover, .menu-top ul ul li a:hover { color: #FFF !important; background-image: none; background-color: #000; }
.menu-top li:hover ul li { margin-top: 0; }
/*.menu-top ul ul li, .menu-top ul ul ul li, .sidebar-menu ul ul { display:none !important; }*/
.menu-top .current-menu-item a, .menu-top .current_page_item a { color: #FFF; background-image: none; background-color: #009bfe; }
.menu-top li.show-mobile { display: block !important; }
.hide-from-tablet { display: none !important; }
h1.index { font-size:30px; clear:none; margin-top:25px; }
#body ul.index li { font-size: 1.25em; line-height: 1em; font-family: 'Open Sans', sans-serif; font-weight:bolder; text-transform:uppercase; margin-top:15px;}
.center-woman { display:none; }
.the-points { width:100% !important; }
}
/* MOBILE VIEW
----------------------------------------------------------*/
 @media handheld, only screen and (max-width: 500px) {
.one, .two { width: 46% !important; margin: 10px 1% 0px !important; padding: 5px 1%!important; float: left; }
.three, .four, .five, .six, .seven, .eight, .nine, .ten, .eleven, .twelve, .keyword-services { float: none; margin: 5px 0px !important; padding: 5px 1%!important; width: 98% !important; clear: both; }
.mobile-dropdown { width: 86% !important; padding: 0 0 0 14% !important; }
/* CONTENT SPECIFIC ADJUSTMENTS
----------------------------------------------------------*/
#content .two { width: 46% !important }
#content .three { width: 98% !important }
#content .four { width: 98% !important }
#content-three-column .two { width: 96% !important; }
#content-three-column .three { width: 96% !important; }
#content-three-column .three img { display: block; float: none; margin-right: auto; margin-left: auto; }
#sidebar.three-column-left { width: 96% !important }
#sidebar.three-column-right { width: 96% !important }
/* FOOTER SPECIFIC ADJUSTMENTS
----------------------------------------------------------*/
#footer .one, #footer .two, #footer .three { width: 46% !important; margin: 10px 1% 0px !important; padding: 5px 1%!important; float: left; }
#footer .company { width: 96% !important }
#follow .follow-title, #connect .connect-title { font-size: 17px }
#connect img { padding-right: 2% !important; padding-left: 2% !important; height: auto; width: 13%; }
#mobile-header { position: relative !important; width: 100%; height: auto; left: 0px; top: 0px; }
#mobile-header:after { clear: both; }
#sidebar { width: 100% !important }
#sidebar img, #content img { padding: 5px 0px; }
#footer h4 { padding-left: 0; }
#footer a { }
#content .float-img-left, #content .float-img-right { display: block; margin: 0 auto; float: none; text-align: center; }
/* WORDPRESS
----------------------------------------------------------*/
.post-thumbnail { float: left !important }
.post-thumbnail img { padding: 0px !important }
/* GALLERY
----------------------------------------------------------*/
#gallery ul li { padding: 5px 1% !important; width: 48% !important; padding-right: 0 !important }
#gallery ul li a { margin: 0 !important; padding: 0 !important }
/* Hide Elements From Mobile
----------------------------------------------------------*/
.hide-from-mobile { display: none !important; }
.hide-from-pc { display: inherit !important; }
#tablet-header { display: none !important; }
}
#samples img { width: 200px; height: 105px; }