/* DOCUMENT STYLES */
html {background: #FFFFFF;}
body {font-size:1.05em; line-height:1.85em; font-family: 'Raleway', sans-serif; color:#000000;}
a {color:#58E028; text-decoration:underline;}
a:hover {text-decoration:none;}
h1 {font-size:3.3em; line-height:1.05em; color:#999999; font-weight:300;}
h2 {font-size:2.5em; line-height:1.1em; color:#000000; font-weight:300;}
h3 {font-size:2em; line-height:1em; font-weight:400;}
h4 {font-size:1.5em; line-height:1em; font-weight:300;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none;}
img {border:0; max-width:100% !important;}
a img:hover {opacity:0.85; fileter:alpha(opacity=85);}
.white {color:#FFFFFF;}
.green {color:#58E028;}
.dark-grey {color:#666666;}
.light-grey {color:#999999;}
.black {color:#000000;}
.show-overflow {overflow:visible !important;}
.clearfix {float:left; width:100%; margin:0; padding:0; height:1px;}
.btn-large {color:#000000; font-size:1.7em; line-height:1em; text-decoration:none; text-align:center; margin:10px; padding:20px 50px; border:17px solid rgba(100,100,100,.25); border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; background:#FFFFFF;}
/*****************************************************************************************************************************/
/* WINDOW WRAPPER */
.window-wrapper {position:relative; float:left; width:100%; clear:both; margin:0; padding:0;}
/*****************************************************************************************************************************/
/* HEADER */
#header {padding-top:25px; padding-bottom:25px;}
#header a {text-decoration:none; color:#666666;}
#header-contact {float:right;}
#header-contact #telephone {margin:0 15px 0 0; padding:0 0 0 18px; background: url(/template-images/header-telephone.gif) center left no-repeat;}
#header-contact #email {margin:0 15px 0 0; padding:0 0 0 18px; background: url(/template-images/header-email.gif) center left no-repeat;}
#header-contact a:hover {color:#58E028;}
#header-social {float:right; margin-top:3px;}
#header-social a {margin-left:1px;}
#header #logo {text-align:center; margin-top:10px; margin-bottom:5px;}
#header #tagline {text-align:center; font-size:1.45em; line-height:2em; font-weight:300;}
#header #header-mobile-logo {position:absolute; top:10px; left:10px; z-index:100000; display:none;}
/*****************************************************************************************************************************/
/* NEW HEADER */
#header-new {padding-top:15px; padding-bottom:15px;}
#header-new.grid {overflow:visible;}
#header-new a {text-decoration:none; color:#666666;}
#header-new #logo {text-align:center; margin-top:10px; margin-bottom:5px; max-width:108px;}
#header-new #tagline {float:right; width:100%; margin-top:15px; text-align:right; font-size:2.15em; line-height:1em; font-weight:300;}
#header-new #tagline span {color:#505050;}
#header-new #tagline span.green {color:#58E028;}
#header-new #header-mobile-logo {position:absolute; top:10px; left:10px; z-index:100000; display:none;}
/*****************************************************************************************************************************/
/* MENU */
#menu {float:left; width:100%; margin:0; padding:0;}
#menu ul {float:left; width:100%; margin:0; padding:0; list-style:none; font-size:1em;}
#menu ul li {position:relative; float:left; margin:0; padding:0 15px 0 0; display:inline; text-transform:lowercase;}
#menu ul li a {float:left; margin:0; padding:0 0 0 18px; color:#666666; background: url(/template-images/top-menu-icon.gif) center left no-repeat;}
#menu ul li a:hover, #menu ul li a.current {color:#58E028; background: url(/template-images/top-menu-icon-hover.gif) center left no-repeat;}
#menu ul ul {position:absolute; z-index:100; left:-999em; height:auto; margin:0; padding:0;}
#menu li li {width:100%; margin:0; padding:0; background:none;}
#menu li li a {width:100%; margin:0; border-top:1px dotted #CCCCCC;}
#menu li li a.current {}
#menu li li a:hover, #menu li li a.active:hover {}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul {left:0; top:31px; float:left; background-color:#FFFFFF;}
.slicknav_menu {display:none;}
.show-hidden-menu-items {display:none !important;}
/*****************************************************************************************************************************/
/* NEW MENU */
#new-menu {float:right; width:auto; margin:10px 0 0 0; padding:0;}
#new-menu ul {float:left; width:100%; margin:0; padding:0; list-style:none; font-size:1em;}
#new-menu ul li {position:relative; float:left; margin:0; padding:0 15px 0 0; display:inline; text-transform:lowercase;}
#new-menu ul li a {float:left; width:100%; margin:0; padding:0 0 0 18px; color:#666666; background: url(/template-images/top-menu-icon.gif) center left no-repeat;}
#new-menu ul li a:hover, #new-menu ul li a.current {color:#58E028; background: url(/template-images/top-menu-icon-hover.gif) center left no-repeat;}
#new-menu ul ul {position:absolute; z-index:100; left:-999em; height:auto; margin:0; padding:0 10px; background:#FFFFFF !important;}
#new-menu li li {width:150px; margin:0; padding:0; background:#FFFFFF;}
#new-menu li li a {width:100%; margin:0; border-top:1px dotted #CCCCCC;}
#new-menu li li a.current {}
#new-menu li li a:hover, #new-menu li li a.active:hover {}
#new-menu li:hover ul, #new-menu li li:hover ul, #new-menu li li li:hover ul, #new-menu li.sfhover ul, #new-menu li li.sfhover ul, #new-menu li li li.sfhover ul {left:-10px; top:31px; float:left; background-color:#FFFFFF;}
.slicknav_menu {display:none;}
.show-hidden-menu-items {display:none !important;}
/*****************************************************************************************************************************/
/* HOME BANNER */
#home-banner {position:relative; float:left; width:100%; margin:0; padding:0; overflow:hidden;}
#home-banner p, #home-banner div, #home-banner ul, #home-banner li, #home-banner img {margin:0; padding:0;}
#home-banner .banner-content {position: absolute; bottom:40px; z-index:10; float:left; width:100%; text-align:center; margin:0; padding:0; color:#FFFFFF;}
#home-banner .banner-content .sm {float:left; width:100%; margin:0; padding:10px 0; clear:both; font-size:1.9em; line-height:1em;}
#home-banner .banner-content .lg {float:left; width:100%; margin:0; padding:10px 0; clear:both; font-size:3.4em; line-height:1em;}
/*****************************************************************************************************************************/
/* BREADCRUMBS */
#breadcrumbs {padding:10px 0 13px 0 !important; text-align:center; font-size:30px; color:#FFFFFF; background:#C3C1C2 !important;}
/*****************************************************************************************************************************/
/* ADWORDS CTA */
#adwords-cta {padding:20px 0 35px 0; background:#EEEEEE url(/template-images/adwords-cta-bg.jpg) bottom center repeat;}
#adwords-cta .grid {padding-bottom:10px;}
#adwords-cta .client-testimonial {float:left; width:100%; margin:20px 0 10px 0; padding:0; color:#FFFFFF; font-size:1.4em; line-height:1.5em; font-weight:600; text-align:center;}
#adwords-cta .adwords-cta-border {float:left; width:100%; min-height:575px; padding:0; -webkit-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.65); -moz-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.65); box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.65);}
#adwords-cta #adwords-left-cta {float:left; width:100%; margin:0; padding:20px 0; text-align:center; background:#7DD744;}
#adwords-cta #adwords-left-cta h1 {margin:10px 0 10px 0; padding:0 5%; color:#FFFFFF; font-size:4em; font-weight:600;}
#adwords-cta #adwords-left-cta p {padding:0 5%; color:#222222; font-size:1.4em; line-height:1.5em; font-weight:600;}
#adwords-cta #adwords-left-cta strong {color:#FFFFFF;}
#adwords-cta #adwords-right-cta {float:left; width:100%; margin:0; padding:0 0 20px 0; background:#EFEFEF;}
#adwords-cta #adwords-right-cta #cta-top-section {float:left; width:100%; margin:0; padding:20px 5%; border-bottom:2px solid #D9D9D9; background:#FAFAFA;}
#adwords-cta #adwords-right-cta #cta-top-section .left {float:left; width:75%; margin:0; padding:0;}
#adwords-cta #adwords-right-cta #cta-top-section .right {float:right; width:25%; margin:0; padding:0; text-align:right;}
#adwords-cta #adwords-right-cta #cta-top-section h2 {float:left; width:100%; margin:0; padding:0; color:#484848; font-size:2.2em; line-height:1.3em; font-weight:600; text-align:left;}
#adwords-cta #adwords-right-cta #cta-top-section strong {color:#79D741;}
#adwords-cta #adwords-right-cta form {float:left; width:100%; margin:15px 0; padding:0 5%;}
#adwords-cta #adwords-right-cta input.text {float:left; width:100%; height:45px; margin:6px 0; padding:0 10px; text-align:left; font-size:16px; border:2px solid #E2E2E2;}
#adwords-cta #adwords-right-cta .textarea {float:left; width:100%; height:120px; margin:6px 0; padding:15px 10px; text-align:left; font-size:16px; font-family:"Arial", helvetica; border:2px solid #E2E2E2;}
#adwords-cta #adwords-right-cta input.image {max-width:100%; margin:10px 0 0 0; padding:0;}
#adwords-cta #adwords-right-cta ::placeholder {color: #7ED843; opacity: 1; font-weight:bold;}
#adwords-cta #adwords-right-cta :-ms-input-placeholder {color: #7ED843; font-weight:bold;}
#adwords-cta #adwords-right-cta ::-ms-input-placeholder {color: #7ED843; font-weight:bold;}
/*****************************************************************************************************************************/
/* ADWORDS BULLETS */
#adwords-bullets-section {padding:20px 0;}
#adwords-bullets-section.grey-bullet-section {border-bottom:2px solid #E5E9EB; background:#F7F8FA;}
#adwords-bullets-section .bullets-left {float:left; width:48%; margin:0; padding:0;}
#adwords-bullets-section .bullets-right {float:right; width:48%; margin:0; padding:0 2% 0 0;}
#adwords-bullets-section ul {float:left; width:100%; margin:0; padding:0; list-style:none;}
#adwords-bullets-section ul li {float:left; width:100%; margin:0; padding:10px 0 10px 50px; display:block; font-size:1.8em; line-height:1em; color:#75D639; font-weight:600; background: url(/template-images/ecommerce-bullet-points.png) center left no-repeat;}
/*****************************************************************************************************************************/
/* ADWORDS GRAPHICS STRIPS */
#adwords-graphics-strip {float:left; width:100%; margin:0; padding:0;}
#adwords-graphics-strip .adwords-graphic {float:left; width:33.33%; margin:0; padding:7px 0.2%; 7px 0;}
#adwords-graphics-strip .adwords-graphic img {float:left; width:100%;}
/*****************************************************************************************************************************/
/* WHY CHOOSE US */
#why-choose-us {padding:20px 0; color:#000000; text-align:center; background:#58E028;}
#why-choose-us .column {margin:0; padding:20px;}
#why-choose-us h4 {float:left; width:100%; margin:5px 0 0 0; padding:0 0 15px 0; color:#FFFFFF;}
/*****************************************************************************************************************************/
/* PACKAGES BLOCK */
#packages-block {padding:20px 0 30px 0; color:#000000; text-align:center; background:#FFFFFF;}
#packages-block .package-box {float:left; width:100%; margin:0; padding:10px 10px 20px 10px;}
#packages-block h4 {margin:20px 0 0 0; padding:0; word-break:break-word;}
#packages-block p {line-height:1.5em;}
.red-bg {background:#DE2223;}
.purple-bg {background:#B580F2;}
.green-bg {background:#58E028;}
.orange-bg {background:#F1AF01;}
.blue-bg {background:#3392E4;}
#packages-block .package-features span {float:left; width:100%; margin:0; padding:7px 0; font-weight:bold; font-size:0.8em; line-height:1.3em; border-bottom:1px solid #FFFFFF;}
#packages-block .package-price {float:left; width:100%; margin:5px 0 0 0; padding:0;}
#packages-block .package-price span {float:left; width:100%; margin:10px 0 0 0; padding:0; font-size:3em; font-weight:700; color:#000000;}
#packages-block .package-price #quote-btn {float:left; width:100%; margin:25px 0 0 0; padding:0;}
#packages-block .package-price #tandc {float:left; width:100%; margin:12px 0 0 0; padding:0;}
/*****************************************************************************************************************************/
/* TESTIMONIAL BLOCK */
#testimonial-block {padding:35px 0 25px 0; color:#FFFFFF; text-align:center; background:#DB2122;}
#testimonial-block h3 {margin:25px 0 20px 0; padding:0; font-size:1.6em; line-height:1.6em; font-weight:400;}
#testimonial-block p {margin:10px 0 20px 0; padding:0; font-size:1.4em; line-height:1.3em; font-weight:300;}
/*****************************************************************************************************************************/
/* TEAM PLAYERS */
#team-players {padding:20px 0; color:#000000; text-align:center;}
#team-players h2, #team-players p {font-weight:400;}
/*****************************************************************************************************************************/
/* LETS DISCUSS */
#lets-discuss {padding:20px 0 50px 0; color:#000000; text-align:center; background:#58E028;}
#lets-discuss h2 {font-size:4.2em; line-height:1em; font-weight:400;}
#lets-discuss h2#call-us img {padding:0 10px 0 0;}
#lets-discuss h2 a {color:#000000;}
#lets-discuss h4 {font-weight:400;}
#lets-discuss #discuss-buttons {padding-top:20px;}
#lets-discuss #discuss-buttons span{padding:0 20px; margin-top:-30px; color:#FFFFFF; font-size:3.1em;}
/*****************************************************************************************************************************/
/* CLIENT LOGOS */
#client-logos {padding:20px 0; color:#000000; text-align:center;}
#client-logos h2 {font-weight:300;}
#client-logos img {float:left; width:20%; margin:0; padding:0;}
#client-logos p {margin:0; padding:0;}
/*****************************************************************************************************************************/
/* BLACK SERVICES BLOCKS */
#services-blocks {color:#FFFFFF; text-align:center; background:#000000;}
#services-blocks .column {margin:0; padding:30px 0;}
#services-blocks a#design {background: url(/template-images/service-blocks/design.gif) top center no-repeat;}
#services-blocks a#logo {background: url(/template-images/service-blocks/logo.gif) top center no-repeat;}
#services-blocks a#website {background: url(/template-images/service-blocks/websites.gif) top center no-repeat;}
#services-blocks a#ecommerce {background: url(/template-images/service-blocks/ecommerce.gif) top center no-repeat;}
#services-blocks a#print {background: url(/template-images/service-blocks/print.gif) top center no-repeat;}
#services-blocks a#start-up {background: url(/template-images/service-blocks/business-start-ups.gif) top center no-repeat;}
#services-blocks a {float:left; width:100%; height:162px; font-size:1.5em; color:#FFFFFF; text-decoration:none; padding:93px 0 0 0;}
/*****************************************************************************************************************************/
/* HOME CONTENT */
#home-content {padding-top:30px; padding-bottom:30px;}
#home-content h1 {float:left; width:100%; margin:0; padding:0 0 25px 0;}
#home-content h2 {float:left; width:100%; margin:0; padding:0 0 25px 0; font-size:3.3em; line-height:1.05em; color:#999999; font-weight:300;}
#home-content h3 {float:left; width:100%; margin:0; padding:0 0 25px 0; font-size:1.15em; line-height:1.4em; color:#999999; font-weight:300;}
/* HOME PROJECTS GRID */
#home-projects-grid {background:#58DB29;}
#home-projects-grid .col-1-1 {padding-right:0;}
#home-projects-grid .grid-item {position:relative; float:left; width:16.66%;}
#home-projects-grid .grid-item span {position:absolute; z-index:1; top:0; left:0; float:left; width:100%; height:100%; margin:0; padding: 40% 0 0 0; color:#FFFFFF; text-indent:-999em; text-align:center;}
#home-projects-grid .grid-item span:hover {text-indent:0; background: url(/template-images/home-projects-grid-item-bg.png) top left repeat;}
/*****************************************************************************************************************************/
/* SERVICES TEMPLATE */
#service-page-grid {margin-bottom:40px;}
#service-page-grid .grid .col-1-5 {padding:0;}
#service-bar {margin:40px 0 20px 0; background:#C3C1C2;}
#service-bar td {position:relative;}
#service-bar td .tooltip {position:absolute; z-index:2; top:-32px; left:50%; margin-left:-50px !important; float:left; width:100px; margin:0; padding:5px 0; text-align:center; border-radius:5px; -moz-border-radius:5px; color:#FFFFFF; background:#DDDDDD; display:none;}
#service-bar td:hover .tooltip {display:block;}
#service-bottom-buttons {margin:30px 0 70px 0; text-align:center;}
/*****************************************************************************************************************************/
/* OUR WORK PAGE STYLES */
.our-work-item-wrapper {margin-bottom:30px;}
.our-work-item-wrapper .col-1-2 {padding:10px;}
.our-work-item-wrapper .work-bg {padding:20px 20px 10px 20px; background:#C3C1C2;}
.our-work-item-wrapper .work-bg a {color:#FFFFFF; text-decoration:none;}
.our-work-item-wrapper .overlay {position:absolute; display:none; float:left; width:100%; height:100%; bottom:0; margin:0; padding:20px 5%; overflow:hidden; background: url(/template-images/our-work-overlay-bg.png) top left repeat;}
.our-work-item-wrapper .overlay .title {float:left; width:100%; margin:0; padding:0 0 15px 0; font-size:1.6em; line-height:1.1em; font-weight:bold;}
.our-work-item-wrapper .overlay .desc {float:left; width:100%; margin:0; padding:0; font-size:1em; line-height:1.3em;}
.our-work-item-wrapper .work-image {position:relative;}
.our-work-item-wrapper .work-image:hover .overlay {display:block !important;}
.our-work-item-wrapper .thumb {position:absolute; bottom:0; right:0;}
.our-work-item-wrapper .work-icons {margin:15px 0 0 0;}
.our-work-item-wrapper .work-icons span {position:relative;}
.our-work-item-wrapper .work-icons .tooltip {position:absolute; z-index:2; top:-70px; left:50%; margin-left:-50px !important; float:left; width:100px; margin:0; padding:0; text-align:center; border-radius:5px; -moz-border-radius:5px; color:#FFFFFF; background:#333333; display:none;}
.our-work-item-wrapper .work-icons span:hover .tooltip {display:block;}
/*****************************************************************************************************************************/
/* GOTO TOP BUTTONS */
.gototop {position:absolute; top:-12px; left:50%; z-index:2; margin-left:-13px;}
.gototop a img:hover {opacity:1; fileter:alpha(opacity=100);}
/*****************************************************************************************************************************/
/* FOOTER */
#footer {margin:0; padding:40px 0 40px 0; font-size:0.75em; line-height:1.2em; text-align:center; color:#FFFFFF; background:#000000;}
#footer a {text-decoration:none; color:#FFFFFF;}
#footer a:hover {color:#58E028;}
#footer h5 {margin:5px 0 0 0; padding:0; font-size:1.55em; color:#FFFFFF; font-weight:300; letter-spacing:1px;}
#footer ul {float:left; width:100%; margin:18px 0 0 0; padding:20px 0 20px 0; list-style:none;}
#footer ul li {float:left; width:100%; margin:0; padding:5px 0; display:block;}
#footer ul li a:hover {}
#footer #copyright {float:left; width:100%; margin:20px 0 0 0; padding:0; font-size:0.9em; color:#FFFFFF;}
#footer #social {float:left; width:100%; margin:20px 0 0 0; padding:10px 0 10px 0; text-align:center;}
#footer #social img {margin:0 20px;}
#footer #social p {margin:0; padding:0;}
/*****************************************************************************************************************************/