@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');

@font-face {
    font-family: "Century Gothic Paneuropean";
    src: url("../fonts/CenturyGothicPaneuropeanRegular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Century Gothic Paneuropean";
    src: url("../fonts/CenturyGothicPaneuropeanItalic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Century Gothic Paneuropean";
    src: url("../fonts/CenturyGothicPaneuropeanLight.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Century Gothic Paneuropean";
    src: url("../fonts/CenturyGothicPaneuropeanSemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Century Gothic Paneuropean";
    src: url("../fonts/CenturyGothicPaneuropeanBold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Century Gothic Paneuropean";
    src: url("../fonts/CenturyGothicPaneuropeanBlack.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: "Century Gothic Paneuropean", Arial, sans-serif;
    font-size: 17px;
    color: #535353;
    padding: 0;
    margin: 0;
    font-weight:400;
}

a {
    text-decoration: none;
    color: #2883de
}

a:hover {
    border-bottom-color: transparent;
    color: #0054a6
}

#nav ul.parentLinks li:hover a, .parentColor a {
    color: inherit
}

img {
    border: 0
}

.imgLeft.img, .imgLeftContents, .pnl30, .pnl50, .pnl70, .pnlLeft {
    float: left
}

.imgLeftContents p:last-child {
    margin-bottom: 0
}

.grayRadiusPanel .expandableContents ul.customFaq li.last p, .imgLeft.img img {
    width: 90%
}

p {
    line-height: 1.5
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Century Gothic Paneuropean", Arial, sans-serif;
    color: #535353;
    font-weight: 400
}

h1, h6 {
    font-size: 44px
}

h2 {
    font-size: 30px
}

h3 {
    font-size: 22px
}

h4 {
    font-size: 20px
}

h5 {
    font-size: 18px
}

strong {
    font-weight: 600;
}

.myThanks li {
    text-align: center;
    background-color: #ffc;
    padding: 20px
}

.myThanks li h2 {
    color: #0054a6;
    font-size: 2.2em;
    margin-bottom: 0
}

.myThanks {
    color: #0054a6
}

hr {
    border: 0;
    border-top: solid 2px #f4f4f4;
    padding: 1.25em 0;
    margin: 0;
    clear: both
}

hr.frmSep {
    padding: 3px;
    margin-bottom: 0
}

a.link {
    text-decoration: underline
}

.align-left {
    text-align: left
}

.align-center {
    text-align: center
}

.align-right {
    text-align: right
}

.picLeft {
    float: left
}

.picRight {
    float: right
}

.pageSize {
    margin-left: auto;
    margin-right: auto;
    width: 1300px
}

.pageSize.responsivePageSize, .pageSize.smallSize {
    width: 800px
}

.pageSize.responsivePageSize {
    padding: 2%
}

#header ul, .clearFix, .plusWebDesign, section {
    clear: both
}

#siteMap, .grayRadiusPanel, .paddBottomFulPnl, .showAllContents, .ulListBlocks, section#gddsTestimonial .pageSize {
    overflow: hidden
}

#siteMap, .paddBottomFulPnl, .ulListBlocks {
    padding: 2% 0
}

.rslides li, .seoMenu, .webDesignMenu {
    display: none
}

#nav ul.parentLinks li:hover>ul, #nav ul.parentLinks ul li a, .seoMenu.showMe, .webDesignMenu.showMe, section#signupForFreeWebGuide label span.colorBlue {
    display: block
}

.allCaps {
    text-transform: uppercase
}

.pnl50 {
    width: 49%
}

.pnl30 {
    width: 30%
}

.pnl70 {
    width: 70%
}

.pnl30, .pnl50 {
    padding-right: 2%
}

.pnl30.pnlLast, .pnl50.pnlLast, .pnl70.pnlLast {
    padding-right: 0;
    float: right
}

.imgLeft.pnl20, .imgLeft.pnl30, .imgLeft.pnl50 {
    padding-right: 0
}

#siteMap ul li {
    padding-bottom: 10px
}

#siteMap ul ul {
    padding-top: 10px
}

ol, ul {
    list-style: decimal;
    padding: 0
}

ul {
    list-style: disc
}

ol li, ul li {
    list-style: none
}

.noMargn, ol, section#innerHeading h1, ul {
    margin: 0
}

.noTopMargn {
    margin-top: 0
}

#gddsGoal p, .noBotMargn {
    margin-bottom: 0
}

#header h1 {
    margin: 0;
    float: left
}

#header .contactInformation {
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 15px;
    text-align: right;
    float: right;
    width: 30%;
    padding-top: 8px
}

#header .contactInformation a {
    line-height: 1.5;
    font-size: 18px;
    color: #dc6c44
}

#header .contactInformation a.brownFont, #header .contactInformation a:hover {
    color: #252525
}

#header .contactInformation a.brownFont:hover {
    color: #dc6c44
}

.txtCenter {
    text-align: center
}

.designOnDemand p.designPara {
    margin-top: 0;
    margin-bottom: 0
}

.parallax-window {
    height: 290px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

section#homeBestServices.parallax-window.cmsLinks {
    background-image: url(../parallax-line.png)
}

.emailMarketingPNL {
    background-image: url(../background-email-marketing-pic.jpg)
}

.emailMarketingPNL2 {
    background-image: url(../email-marketing-pic-2.jpg)
}

.gddsMainBG {
    background-image: url(../banner.jpg)
}

.graphicParallex {
    background-image: url(../footer-graphic-parallex.jpg);
    height: 140px;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%
}

.customDesignEffective {
    height: 140px
}

.customDesignEffective, .designOnDemand, .responsiveDesign, .wordpressWeb {
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%
}

.customDesignEffective {
    background-image: url(../custom-design.jpg)
}

.responsiveDesign {
    background-image: url(../background-black-with-gradient.jpg);
    height: auto
}

.designOnDemand, .wordpressWeb {
    height: auto
}

.designOnDemand {
    background-image: url(../parallax-designer-on-demand.jpg)
}

.wordpressWeb {
    background-image: url(../parallax-wordpress-background.jpg)
}

.contactUsMap a {
    background-image: url(../google-map.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    display: block;
    padding: 10%;
    background-position: center
}

.wordpressWeb.parallaxSocialMedia {
    background-image: url(../parallax-social-media.jpg)
}

.contactBlack, .plusParallax, .simpleEffective, .wordpressWebCustomiz {
    -webkit-background-size: auto;
    -moz-background-size: auto;
    -o-background-size: auto;
    background-size: auto
}

.plusParallax {
    background-image: url(../logo-background.png);
    background-position: right top
}

.contactBlack, .plusParallax, .wordpressWebCustomiz {
    background-attachment: fixed;
    height: auto
}

.wordpressWebCustomiz {
    background-position: right top
}

.freeQuote.plusParallax {
    background-position: center center
}

.simpleEffective {
    clear: both;
    background-image: url(../parallax-simple-effective.jpg);
    background-repeat: repeat;
    padding: 5%;
    height: auto
}

.simpleEffective h2 {
    width: 40%;
    background-color: #262626;
    text-align: center;
    padding: 2%;
    color: #fff;
    font-size: 40px;
    margin: 0 auto
}

.wordpressWebCustomiz {
    background-image: url(../parallax-wordpress-background-2.jpg)
}

.contactBlack {
    background-image: url(../parallax-custom-web-design.jpg);
    background-position: right top
}

.cmsBack {
    text-align: center;
    float: left;
    width: 32%
}

.gddsMainBG.contactBG {
    text-align: center;
    height: auto;
    padding: 7% 0
}

.gddsMainBG.contactBG h3 {
    font-size: 40px;
    background-color: rgba(61, 220, 204, .9);
    display: inline;
    padding: 2%
}

.gddsMainBG.contactBG h3 a, .webEvaluation .myError.myThanks ul li, .webEvaluation .myError.myThanks ul li h2 {
    color: #000
}

#viewOurWorkListing, .portDetail {
    padding: 2% 0;
    overflow: hidden
}

#banner-fade, .rslides {
    position: relative
}

.rslides {
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0 auto
}

.rslides li {
    -webkit-backface-visibility: hidden;
    padding-left: 0;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left
}

.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0
}

ul.rslides_tabs {
    background-image: url(../pager-sep-bg.png);
    background-repeat: repeat-x;
    text-align: center;
    position: absolute;
    padding-left: 0;
    z-index: 15;
    margin: 0;
    bottom: 1px;
    width: 100%
}

ul.rslides_tabs li {
    padding: 0 5px 5px 0;
    text-decoration: none;
    display: inline-block
}

ul.rslides_tabs li a {
    background-image: url(../pager-bg.png);
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: -9999px;
    height: 20px;
    width: 18px
}

ul.rslides_tabs li.rslides_here a {
    background-image: url(../active-pager-bg.png)
}

#nav {
    text-align: right;
    padding: 1% 0;
    float: right;
    width: 78%
}

#nav ul.parentLinks {
    margin: 0;
    padding: 10px 0 0
}

#nav ul.parentLinks li {
    border-right: solid 1px #cbcbcb;
    display: inline-block;
    position: relative;
    padding: 10px
}

#nav ul.parentLinks li a {
    display: inline-block;
    font-size: 18px;
    color: #535353
}

#nav ul.parentLinks li li, #nav ul.parentLinks li.last {
    border-right: none
}

#footer a, #nav ul.parentLinks li.activeMe a:hover, #nav ul.parentLinks li:hover, #services ul li h2 a, section#gddsTestimonial a {
    color: #262626
}

#nav ul.parentLinks li.activeMe a, section#gddsGoal a {
    color: #3ddccc
}

#footer .copyRightPnl a, ul.dropdown-menu li.activeMe a:hover {
    color: #cbcbcb
}

#nav ul.parentLinks li.seoLinks:hover, #nav ul.parentLinks li.webdesignLinks:hover {
    background-image: url(../background-active-menu-down.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-color: #262626
}

ul.dropdown-menu, ul.dropdown-menu * {
    list-style: none;
    margin-left: auto;
    margin-right: auto
}

#nav ul.parentLinks li.seoLinks:hover a, #nav ul.parentLinks li.webdesignLinks:hover a, .customWebDesign a:hover {
    color: #fff
}

ul.dropdown-menu {
    background-color: #262626;
    position: absolute;
    text-align: left;
    padding: 10px;
    display: none;
    width: 250px;
    z-index: 99;
    top: 99%;
    left: 0
}

#nav ul.parentLinks li ul.dropdown-menu li {
    border-bottom: 1px solid #3ddccc;
    background-image: none;
    display: inherit;
    padding: 10px 0;
    float: none
}

#nav ul.parentLinks li ul.dropdown-menu li a {
    font-size: 15px;
    color: #fff
}

#nav ul.parentLinks li ul.dropdown-menu li a:hover {
    color: #c6d630
}

#nav ul.parentLinks li ul.dropdown-menu li:last-child {
    border-bottom: none
}

section#header, section#homeBestServices {
    background-image: url(../background-header.png);
    background-position: top center;
    background-repeat: repeat-x;
    min-height: 183px
}

section#homeBestServices {
    background-image: url(../background-home-service.png);
    background-position: top left;
    background-color: #262626;
    min-height: 445px;
    overflow: hidden;
    padding: 2% 0
}

section#homeBestServices ul {
    text-align: center;
    padding-left: 0
}

section#homeBestServices ul li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    min-height: 387px;
    margin-right: 1%;
    padding-left: 0;
    width: 31.5%
}

section#homeBestServices.cmsLinks ul li {
    min-height: 187px
}

section#homeBestServices.cmsLinks {
    min-height: 225px;
    background-position: 0 -173px
}

.customWebDesign {
    background-image: url(../transparent-circle.png);
    background-position: left center;
    background-repeat: no-repeat;
    width: 206px;
    min-height: 160px;
    padding-top: 80px;
    position: absolute;
    bottom: -68px;
    color: #fff;
    left: 18%;
    text-align: center
}

.cmsLinks .customWebDesign {
    padding-top: 60px;
    padding-bottom: 15px
}

.cmsLinks section#homeBestServices ul li {
    margin-right: 0
}

.customWebDesign.responsiveWebDesign, .customWebDesign.responsiveWebDesign h1 span {
    color: #d7d7d7
}

.customWebDesign h1 {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 37px;
    color: #d7d7d7
}

.customWebDesign h1 span, .customWebDesign p {
    font-size: 22px;
    display: block;
    line-height: 1;
    color: #fff
}

.customWebDesign p {
    line-height: 1.3;
    margin: 5px 0
}

.customWebDesign a {
    font-size: 14px;
    color: #3ddccc;
    padding-top: 10px;
    display: inline-block
}

.webDesignPnl {
    float: left;
    width: 50%;
    padding: 2% 0;
    margin-right: 2%
}

.webDesignPnl.mobileDesignPanel {
    width: 48%;
    margin-right: 0
}

.webDesignPnl img {
    padding-bottom: 2%;
    width: 456px;
    height: 311px
}

section#gddsGoal, section#signupForFreeWebGuide {
    background-color: #f6f6f4;
    padding: 2% 0;
    clear: both
}

#ccoptin {
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    width: 61%
}

section#signupForFreeWebGuide label {
    margin-right: .7em;
    line-height: 1.2;
    font-size: 20px;
    float: left
}

section#signupForFreeWebGuide input[type=text] {
    font-style: italic;
    padding: 2%;
    float: left;
    width: 47.6%
}

section#signupForFreeWebGuide input[type=submit] {
    background-image: url(../mail-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px;
    padding: 1.7% 6%;
    float: right
}

#gddsGoal h1 {
    font-weight: 400;
    font-size: 45px;
    color: #262626;
    margin: 0
}

#gddsTestimonial {
    background-color: #262626;
    text-align: center;
    overflow: hidden;
    padding: 2% 0
}

.customWebDesign a:hover, section#gddsTestimonial a {
    text-decoration: underline
}

#gddsTestimonial h2 {
    font-weight: 400;
    font-size: 1.5em
}

#speech-bubble {
    background-color: #c5f5f0;
    position: relative;
    text-align: left;
    padding: 1em
}

#speech-bubble p, .customWebDesign h1 {
    margin-bottom: 0;
    margin-top: 0
}

#speech-bubble:after {
    border: 17px solid transparent;
    border-top-color: #c5f5f0;
    position: absolute;
    margin-left: 5px;
    bottom: -34px;
    content: ' ';
    height: 0;
    width: 0
}

.homeTestimonialPic, .testimonialOwner {
    margin-right: 1em;
    margin-top: 1.5em;
    float: left
}

.testimonialOwner {
    text-align: left;
    margin-top: 4%
}

.homeTestimonialPic img {
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border: 5px solid #f6f6f6;
    width: 86px
}

.testimonialOwner h3, .testimonialOwner p, form.evaluation label {
    color: #fff
}

.testimonialOwner h3 {
    font-weight: 700;
    font-size: 22px;
    margin: 0;
    padding-top: 15px
}

.testimonialOwner p {
    font-size: 14px;
    margin: 0
}

section#freeWebsiteEvaluation {
    clear: both;
    position: relative
}

.webEvaluation {
    background-color: #262626;
    padding: 2em 0;
    overflow: hidden
}

.webEvaluation .myError.myThanks {
    width: 72%;
    float: right
}

.webEvaluation .myError.myThanks ul {
    padding: 0
}

.evaluationText {
    color: #fff;
    float: left;
    width: 25%
}

.evaluationText h1 {
    font-weight: 400;
    text-align: right;
    font-size: 35px;
    padding-top: 5%;
    line-height: 1;
    color: #fff
}

.evaluationText h1 span.textColr {
    color: #3ddccc
}

.evaluationText h1 span.fontSize {
    font-size: 46px;
    display: block
}

.evaluationText p {
    font-size: .7em;
    line-height: 1.4
}

form.evaluation {
    float: right;
    width: 74%
}

form.evaluation .homeEvaluationForm {
    border-left: 2px solid #3ddccc;
    padding: 0 2%;
    float: left;
    width: 38%
}

form.evaluation .homeEvaluationForm.last {
    border-left: none;
    padding: 0 0 0 1.5%;
    float: right;
    width: 54%
}

form.evaluation label.error {
    margin-left: 0;
    color: #c6d630
}

form.evaluation input[type=text] {
    margin-bottom: .4em;
    display: block;
    height: 40px;
    padding: 0;
    border: 0;
    width: 99%
}

form.evaluation textarea {
    margin-bottom: .7em;
    height: 162px;
    width: 95.5%
}

form.evaluation .chkBoxPnl.addMEListPNL {
    margin-top: 3px
}

.chkBoxPnl.addMEListPNL, form.evaluation input[type=checkbox] {
    float: left
}

.chkBoxPnl.addMEListPNL {
    padding-top: 6px;
    padding-right: 5px
}

.inputPNL label#lbl-addMEList {
    display: inline-block;
    width: 90%
}

form.evaluation label.chkLbl {
    font-size: .6em;
    color: #fff
}

.btnSubmit, input[type=submit] {
    background-color: #dc6c44;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    font-size: 18px;
    cursor: pointer;
    padding: 3% 6%;
    border: 0;
    color: #fff;
    transition: all .2s ease
}

.loginCreate {
    padding-top: 100px
}

input[type=submit]:hover {
    background-color: #3ddccc;
    color: #000
}

form.evaluation input[type=submit] {
    padding: 2.5% 3%;
    float: right
}

form.evaluation .buttons.frmBtns {
    clear: both
}

#contentManagementSystems, .topBottomPadd, .wordpressWeb, .wordpressWebCustomiz, .wordpressWebLeft, section#header, section#innerHeading {
    padding: 2% 0
}

#contentManagementSystems, .topBottomPadd, .wordpressWebLeft {
    overflow: hidden
}

section#innerHeading {
    background-color: #3ddccc;
    text-align: center;
    overflow: hidden;
    clear: both
}

.bb {
    text-transform: lowercase
}

.bb li {
    display: inline;
    border-left: solid 1px #535353;
    padding: 0 5px
}

.bb li:first-child {
    border-left: none;
    padding-left: 0
}

.bb li:last-child {
    padding-right: 0
}

.bb li:last-child a {
    color: #535353
}

.bb a {
    text-decoration: none;
    color: #dc6c44
}

section#customWebDesign, section#seoInternetMarketing {
    overflow: hidden;
    clear: both
}

.customDesign {
    margin-bottom: 2%;
    overflow: hidden
}

.customDesign div {
    margin-right: 3%;
    float: left;
    width: 47%
}

.customDesign div img {
    margin-right: 3%
}

.customDesign h2, .plusDesignContents p {
    margin: 0
}

.customDesign div p, label {
    margin: 5px 0
}

.plusWebDesign, .seoMark {
    background-color: #262626;
    overflow: hidden;
    padding: 2% 0
}

.webDesignColor {
    background-color: rgba(38, 38, 38, .7);
    overflow: hidden
}

.webDesignColor a {
    color: #fff
}

.plusWebDesign.pnlSEO .pnl50 {
    background: 0 0
}

.plusWebDesign.pnlSEO .plusDesignContents {
    padding-top: 20px
}

.plusWebDesign h2 {
    font-size: 40px;
    margin-top: 0;
    color: #fff;
    padding-left: 62px
}

.plusDesignPnl {
    margin-bottom: 2.1%;
    overflow: hidden;
    margin-right: 3%;
    float: left;
    width: 47%
}

.plusDesignPnl.lastPlusPnl {
    margin-bottom: 0
}

.plusDesignImage {
    float: left;
    width: 20%;
    text-align: right
}

.plusDesignImage img {
    width: 100%;
    height: auto
}

.plusDesignContents {
    color: rgba(255, 255, 255, .7);
    float: right;
    width: 74%
}

.plusDesignContents h3 {
    color: rgba(255, 255, 255, .6);
    margin: 0 0 5px
}

hr.plusDes, hr.seoMarkSep {
    border: 0;
    clear: both
}

.designQuote, .profit-organization, .small-businesses {
    text-align: center;
    font-size: 18px
}

.profit-organization h4, .small-businesses h4 {
    background-color: #fff;
    margin-bottom: .1em;
    text-align: center;
    margin-top: 5em;
    color: #0054a6;
    padding: .3em;
    float: right;
    width: 61%
}

.designQuote h2 {
    margin: 0
}

.profit-organization a {
    font-size: 35px
}

.small-businesses {
    background-image: url(../background-design-package.jpg);
    background-repeat: no-repeat;
    background-color: inherit;
    min-height: 219px;
    padding: 0;
    width: 24.7%
}

a.businessPnl {
    background-image: url(../design-package-bg.png);
    background-repeat: no-repeat;
    background-position: 82% center;
    padding: .2em 0 .2em 1em;
    background-color: #fff;
    margin-top: 9em;
    font-size: .7em;
    line-height: 1.5;
    float: right;
    width: 52%
}

.profit-organization h2 {
    margin: 2% 0 10px
}

#customDesignEffectiveFont, #thanksPage {
    text-align: center
}

.customDesignEffective {
    min-height: inherit;
    padding: 4% 0;
    color: #fff;
    text-shadow: 1px 1px 4px #000
}

.contactConstantPanel {
    font-size: 18px
}

#customDesignEffectiveFont h2, #customDesignEffectiveFont h3 {
    text-shadow: 1px 1px 1px #000;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    margin: 0;
    font-size: 54px
}

#customDesignEffectiveFont h3 {
    font-size: 40px
}

#customDesignEffectiveFont .backShadow {
    background-color: rgba(0, 0, 0, .4);
    padding: 1% 0
}

.evalLeft {
    clear: both
}

.evalFormRight {
    background-color: #3ddccc;
    padding: 2%
}

.evalFormRight .buttons {
    padding-top: 20px
}

.evalFormRight .inputPNL {
    padding-top: 10px
}

label {
    display: inline-block;
    font-weight: 700
}

#thanksPage {
    padding: 5% 0
}

.customDesignPicture {
    float: left
}

.customDesignFontPicture {
    margin-right: 5em;
    margin-top: 2em;
    float: right
}

#customWebsiteDesignWork, #moreUsefulStuff, #services, #webDesignBottom, .custMain {
    overflow: hidden;
    padding: 2% 0;
    clear: both
}

#searchEngineOptimization, .freeQuote label#lbl-addMEList, .padRequest label#lbl-addMEList {
    padding-top: 0
}

#moreUsefulStuff h1, #seoServices h2, .doesWebsiteDesignWork h1 {
    margin: 0
}

#moreUsefulStuff h1, #webDesignQuestionnaire {
    margin-bottom: 2%
}

.doesWebsiteDesignWork p, .graphicDesignForm h2 {
    margin-top: 0
}

#seoPresence ul li, #webDesignProces ul li, .doesWebsiteDesignWork ul li, .expandableContents ul li {
    overflow: hidden;
    padding: 2% 0
}

.pnlDotedSep {
    clear: both;
    border: 0;
    border-bottom: 1px dashed #d4d4d4;
    padding: 1% 0
}

.grayRadiusPanel {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 2%;
    background-color: #f9f9f9
}

.graphicDesignForm .pageSize {
    width: 50%
}

.grayRadiusPanel .expandableContents ul li p {
    width: 60%
}

.grayRadiusPanel .expandableContents ul li.last p, .grayRadiusPanel .expandableContents ul.customFaq li p {
    width: 80%
}

.grayDarker {
    background-color: #f3f3f3
}

.doesWebsiteDesignWork ul li:last-child, .expandableContents ul li:last-child {
    border-bottom: none;
    padding-bottom: 0
}

#Copywriting ul li span, #graphicCont ul li span, #seoPresence ul li span, #webDesignProces ul li span, .doesWebsiteDesignWork ul li span, .expandableContents ul li span {
    background-image: url(../background-web-design-li.png);
    background-repeat: no-repeat;
    padding: 11px 28px 11px 42px;
    margin-right: .4em;
    font-size: 20px;
    color: #fff;
    float: left
}

#graphicCont ul li span {
    font-size: 1.5em;
    padding: 3px 28px 11px 42px
}

#Copywriting .copyPara, #Copywriting .copyPara2 {
    padding: 2% 0;
    overflow: hidden
}

#Copywriting .copyPara p:first-child, #Copywriting .copyPara2 h2, #fortLauderdale p:first-child, .contentManagementRight p:first-child {
    margin-top: 0
}

#Copywriting .copyPara p:last-child, #Copywriting .copyPara2 p:last-child, .contentManagementRight p:last-child {
    margin-bottom: 0
}

#Copywriting .copyPara img.picRight {
    width: 400px;
    padding-left: 8%
}

.expandableContents ul li p {
    float: right;
    margin: 0;
    width: 64%
}

.custMain p {
    margin-top: 0;
    float: right;
    width: 80%
}

#seoPresence ul li .fLeft, #webDesignProces ul li .fLeft {
    float: right;
    margin: 0
}

#Copywriting ul li .fLeft, #graphicCont ul li .fLeft, .doesWebsiteDesignWork ul li p.fLeft {
    float: right;
    margin: 0;
    width: 80%
}

#seoPresence ul li .fLeft {
    width: 84%
}

.contactBlack {
    background-color: #262626
}

.contactBlack.contactSmallHeight {
    min-height: 118px;
    text-align: center;
    background-position: bottom right;
    background-image: url(../parallax-rwd-web-design.jpg)
}

.contactBlack.contactSmallHeight h3 {
    color: #fff;
    margin: 0;
    padding: 4% 0;
    font-size: 30px
}

#customWebsiteDesignWork .contactBlack {
    min-height: 370px
}

.lightBlackBG, .tabContent h3.contactGet {
    text-align: center;
    overflow: hidden;
    font-size: 30px;
    padding: 3% 0;
    clear: both;
    color: #fff
}

.contactBlack h3.lightBlackBG {
    padding-top: 146px;
    font-size: 40px
}

.expand {
    margin-bottom: 3%;
    overflow: hidden
}

.expand h3 {
    -moz-transition: background-color .1s ease-in-out;
    -webkit-transition: background-color .1s ease-in-out;
    -o-transition: background-color .1s ease-in-out;
    -ms-transition: background-color .1s ease-in-out;
    transition: background-color .1s ease-in-out;
    cursor: pointer;
    margin: 0
}

.expand h3 span {
    -moz-transition: background-image .1s ease-in-out;
    -webkit-transition: background-image .1s ease-in-out;
    -o-transition: background-image .1s ease-in-out;
    -ms-transition: background-image .1s ease-in-out;
    transition: background-image .1s ease-in-out;
    background-image: url(../expand-up.png);
    background-repeat: no-repeat;
    background-position: center;
    padding: 0 29px
}

div.expand.activeMe h3 span {
    background-image: url(../expand-down.png)
}

.expandableContents input[type=text], .expandableContents textarea {
    padding: 1%;
    width: 97%
}

.expandableContents textarea {
    height: 90px
}

.txtBelow {
    padding-top: .5em;
    line-height: 1.4;
    font-size: 14px;
    clear: both
}

#moreUsefulStuff ul li .frmEmail input[type=submit] {
    background-color: #0054a6;
    padding: .2em .9em;
    margin-top: 1em;
    font-size: .8em;
    cursor: pointer;
    border: 0;
    color: #fff
}

.mainCntainerPrice {
    background-image: url(../copywriting-bg.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding: 1.5em .3em;
    margin-right: auto;
    text-align: center;
    margin-left: auto;
    width: 254px;
    float: left
}

.mainCntainerPrice a.cmsFaq {
    font-size: 18px;
    color: #535353
}

.mainCntainerPrice a.cmsFaq span {
    font-size: 14px;
    display: block
}

#graphicCont ul li, #webDesignProces ul li {
    min-height: 217px;
    width: 48%
}

#Copywriting #tab1 ul li, #graphicCont ul li, #webDesignProces ul li {
    margin-bottom: 1.5em;
    padding-bottom: 1em;
    margin-right: 1em;
    float: left
}

#tab2 #graphicCont ul li {
    background-image: none;
    padding-left: 0;
    min-height: 258px
}

#graphicCont ul li .fLeft {
    font-size: 1em
}

#Copywriting #tab1 ul li {
    min-height: 259px;
    width: 47%
}

#webDesignProces ul li img.picLeft {
    margin-right: .5em
}

#webDesignProces ul li .fLeft {
    line-height: 1.5;
    width: 63%
}

#webDesignProces ul li.last {
    border-bottom: none;
    margin-bottom: 0;
    width: auto
}

#webDesignProces ul li.last .fLeft {
    width: 82%
}

#webDesignProces ul.customFaq li {
    min-height: 185px
}

#webDesignProces ul.customFaq li .fLeft, #webDesignProces ul.customFaq li.last .fLeft {
    width: 90%
}

.webDesignLink {
    float: right
}

.rwdTitle #innerHeading, .webDesignLink p {
    margin-bottom: 0
}

.webDesignLink a {
    color: #2aade5
}

.backToTop {
    text-align: center;
    display: none
}

.backToTop a {
    background-image: url(../back-to-top.png);
    background-repeat: no-repeat;
    padding: 12px 10px;
    display: inline-block;
    position: fixed;
    right: 0;
    bottom: 20px;
    text-indent: -9999px
}

#responsiveWebDesign {
    text-align: center;
    overflow: hidden;
    padding: 3% 0
}

#responsiveWebDesign h2 {
    margin-top: 0;
    color: #fff
}

.wordpressWeb {
    background-color: #262626;
    text-align: center;
    overflow: hidden;
    font-size: 22px
}

.wordpressWeb .designQuote, .wordpressWeb h1, .wordpressWeb h2, .wordpressWeb h3 {
    color: #fff
}

#graphicDesign .graphicDesignLeft h3, #graphicDesign .graphicDesignRight h2, .graphicDesignLeft p, .seoInternetFound h1, .wordpressWebLeft h2 {
    margin-top: 0
}

.wordpressWebLeft ul li:last-child {
    padding-bottom: 0;
    border-bottom: none
}

.ulListBlocks {
    text-align: center
}

.ulListBlocks li {
    border: 1px solid #31baac;
    background-color: #3ddccc;
    background-image: none;
    display: inline-block;
    padding: 1.5%;
    margin-top: 4px
}

#fortLauderdale {
    padding: 2% 0
}

#searchEngineOptimization ul li, #socialMediaMarketing ul li, #tab2 ul li, .wordpressWebLeft ul li {
    background-position: 0 17px
}

#non-Profits ul li, #searchEngineOptimization ul li, #socialMediaMarketing ul li, #tab2 ul li, #testimonialPnl ul li, .wordpressWebLeft ul li, ul.smallPnl li {
    border-bottom: 1px dashed #d4d4d4;
    background-image: url(../background-li.png);
    background-repeat: no-repeat;
    line-height: 1.5;
    padding: 10px 0 10px 2%
}

#customers ul li, #fortLauderdale ul li, #services ul li, .faqsLinkBullet ul li {
    background-position: 0 17px;
    background-repeat: no-repeat;
    line-height: 1.5;
    padding: 10px 0 10px 2%
}

#customers ul li, #fortLauderdale ul li, .faqsLinkBullet ul li {
    border-bottom: 1px dashed #d4d4d4;
    background-image: url(../background-li.png)
}

#non-Profits ul li {
    background-position: 0 13px;
    padding-left: 5%
}

#testimonialPnl ul li {
    background-position: 0 26px
}

#fortLauderdale ul li a {
    text-decoration: underline;
    color: #0054a6
}

#fortLauderdale ul li:last-child, #services ul li ul li:last-child {
    border-bottom: none
}

ul.smallPnl li span {
    display: block
}

.wordpressWebRight .mainCntainerPrice {
    float: none;
    width: 284px
}

.contentManagementRight {
    float: right;
    width: 64%
}

.wordpressWebCustomiz {
    background-color: #3ddccc;
    text-align: center;
    overflow: hidden;
    font-size: 20px;
    color: #000
}

.wordpressWebCustomiz .pageSize {
    width: 800px
}

.padRequest p:first-child, .payment p:first-child, .seoInternetFound p:first-child, .wordpressWebCustomiz p:first-child {
    margin-top: 0
}

.newsletterListing .newsitem h3, .wordpressWebCustomiz h3 {
    margin-bottom: 0
}

.wordpressWebCustomiz a {
    color: #000
}

.wordpressWebSignUp {
    border: 2px solid #e2e2e2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    padding: 1.5em
}

.wordpressWebSignUp .inputPNL {
    margin-bottom: 10px;
    overflow: hidden
}

.wordpressWebSignUp label {
    margin-right: 10px;
    text-align: right;
    float: left;
    width: 15%
}

.wordpressWebSignUp label.error {
    margin-left: 17%
}

.wordpressWebSignUp input[type=text] {
    padding: .4em .5em;
    float: left;
    width: 77%
}

.wordpressWebSignUp input[type=submit] {
    margin-right: 2px
}

.contentManagementRight .mainCntainerPrice {
    margin: 4% 0 0;
    width: 295px
}

.maintenanceCMS {
    text-align: center
}

.maintenanceCMS ul li {
    border-right: 1px dashed #d4d4d4;
    display: inline-block;
    padding-right: 3%
}

.maintenanceCMS ul li:last-child {
    border-right: none;
    padding-right: 0;
    padding-left: 30px
}

.seoInternetFound {
    float: left;
    width: 62%
}

.seoMark ul li {
    float: left;
    width: 32%
}

.seoMark ul li a {
    color: rgba(255, 255, 255, .7)
}

.seoMark ul li a img {
    margin-right: .8em;
    float: left
}

.seoMark ul li a span {
    display: inline-block;
    margin-top: 6%
}

.seoInternetPic {
    margin-top: 2%;
    float: right
}

#searchEngineOptimization .doesWebsiteDesignWork p {
    margin-bottom: .9em;
    line-height: 1.5
}

.graphicLeftTabs {
    text-align: center;
    overflow: hidden;
    padding: 2% 0
}

.graphicLeft {
    text-align: left
}

.tabsPanelGraphic {
    display: inline-block;
    text-align: center
}

.tabsPanelGraphic a img:hover {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    border-color: #000
}

.graphicDesignPnl {
    overflow: hidden;
    padding: 2% 0
}

.tabsPanelGraphic p a {
    color: #929292
}

.tabsPanelGraphic p a:hover {
    color: #12a8e7
}

.graphicPara {
    text-align: center;
    font-size: 18px
}

.fullPortfolio, .fullService, .graphicPara a {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.graphicPara a {
    display: inline-block;
    color: #fff;
    background-color: #dc6c44;
    margin-bottom: 1%;
    padding: 1% 4%
}

.graphicPara a:hover {
    background-color: #c6d630;
    color: #000
}

.fullPortfolio, .fullService {
    background-repeat: no-repeat;
    margin-bottom: 3%;
    margin-top: 8%;
    padding: 4%;
    width: 55%
}

.fullService {
    background-image: url(../background-arrow.png), url(../background-skew.png);
    background-position: 95% 29%, 95% 87%;
    background-color: #c6d630
}

.fullPortfolio {
    background-image: url(../background-arrow.png);
    background-position: 95% 29%;
    background-color: #0054a6
}

.fullService:hover {
    background-color: #0054a6;
    cursor: pointer
}

.fullPortfolio:hover {
    cursor: pointer;
    background-color: #c6d630
}

.fullPortfolio a, .fullService a {
    font-weight: 700;
    font-size: 1.5em;
    color: #fff
}

.contactLeftForm {
    float: left;
    width: 48%
}

.contactRightForm {
    width: 48%;
    float: right
}

.mapCnt .contactFormPnl {
    width: 62%
}

.contactLeftForm label.error {
    margin-left: 0;
    color: red
}

#testimonials hr, .contactForm .buttons, .sepForm {
    clear: both
}

.contactForm input[type=submit] {
    margin-top: 2%;
    padding: 2% 6%
}

input[type=text], select, textarea {
    border: 0;
    padding: 2%;
    width: 94%
}

select {
    width: 98%
}

textarea#txtMessage {
    height: 287px
}

.sepForm {
    height: 1px
}

.graphicDesignLeft p, .graphicDesignRight {
    text-align: center
}

#graphicDesign .graphicDesignLeft h3 {
    font-size: 19px;
    padding-top: 80px
}

.shadow.noSpace, label.error br {
    display: none
}

.contactRightForm .buttons {
    padding-top: 5%;
    clear: both
}

.mapCnt {
    overflow: hidden;
    margin: 3% 0
}

#requestaQuote {
    margin-bottom: 3%;
    overflow: hidden;
    padding-top: 40px
}

#requestaQuote .maintenanceCMS {
    float: left;
    width: 45%;
    text-align: center
}

#requestaQuote .maintenanceDesignerOnDemand {
    width: 45%;
    text-align: center;
    float: right
}

#contactUs .email, #contactUs .telephone2 {
    padding-bottom: 2%
}

.requestFrmPnl {
    border: 15px solid #bdbdbd;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 15px
}

.linksRequest {
    background-color: #bdbdbd;
    overflow: hidden
}

a.active, a.deActive {
    -webkit-border-radius: 7px 7px 0 0;
    -moz-border-radius: 7px 7px 0 0;
    border-radius: 7px 7px 0 0;
    background-color: #fff;
    text-decoration: none;
    display: inline-block;
    padding: 10px 15px;
    margin-right: 5px;
    color: #000
}

a.deActive {
    background-color: #7c7c7c;
    color: #fff
}

.padRequest, .tabContent {
    padding: 2% 0;
    overflow: hidden
}

.frmRequiredInfo, .sepGreenImage {
    text-align: right
}

.frmRequiredInfo {
    margin-top: 0
}

.sepGreenImage img {
    width: 230px;
    height: 10px
}

.sepGreenImage {
    background-image: url(../boder-gray-center.png);
    background-repeat: repeat-x;
    background-position: center
}

.padRequest label {
    display: block
}

.padRequest input[type=text], .padRequest select, .padRequest textarea {
    font-size: 18px;
    border: solid 1px #bcc9c8;
    margin-bottom: 5px;
    float: left;
    padding: 2%;
    width: 100%;
    background-color: #d5e7e6;
    box-sizing: border-box
}

.padRequest textarea {
    height: 95px
}

.centerAndBorderHead, .padRequest .manageForm h2 {
    clear: both;
    text-align: center;
    border-top: dashed 1px #ccc;
    padding-top: 1%
}

div#captcha, div.captcha {
    display: inline
}

input#captcha {
    width: 30%;
    float: none
}

label em {
    color: red
}

#lbl-uploadFiles1, #lbl-uploadFiles2, #lbl-uploadFiles3, #lbl-uploadFiles4, #lbl-uploadFiles5 {
    padding-top: 9px
}

input[type=file] {
    border: solid 1px #999;
    margin-right: 5px;
    margin-bottom: 1%;
    font-size: .8em;
    padding: 5px;
    float: left
}

.imgPre {
    display: none;
    float: left
}

.imgPre img {
    height: 100px;
    width: 100px
}

.txtShortBelow {
    padding: 0 0 15px;
    font-style: italic;
    font-size: 13px;
    line-height: 1.5;
    clear: both
}

.padRequest .buttons {
    clear: both;
    padding-top: 2%;
    text-align: center
}

.padRequest input[type=submit] {
    padding: 1.5% 5%
}

#non-Profits ul {
    margin: 2% 0
}

ul.smallPnl {
    width: 65%
}

ul.smallPnl li {
    background-position: 0 10px !important
}

ul.smallPnl li strong {
    font-size: 1.4em
}

#non-Profits h2 {
    margin-top: 2%
}

.profitLeft {
    margin-right: 10px;
    overflow: hidden;
    margin-top: 4px;
    padding: 1%;
    float: left;
    width: 22%
}

.profitLeft img {
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin-bottom: 10px;
    padding: 10px
}

.profitServicesPnl {
    margin-right: 2%;
    margin-bottom: 2%;
    float: left;
    width: 32%
}

.profitServicesPnl.lastChild {
    margin-right: 0
}

.rightIcons {
    padding-top: 5.5%;
    float: right;
    width: 28%
}

.firstTwo {
    float: left;
    width: 72%
}

.sendTest a, .testCnt {
    background-repeat: no-repeat
}

.sendTest a {
    padding-bottom: 63px;
    padding-top: 92px;
    font-size: 16px;
    display: block;
    margin: 0 auto;
    color: #000;
    background-image: url(../send-testimonial.png);
    background-position: top center;
    width: 227px
}

.testimonialImg {
    border: 1px solid #e7e7e7;
    text-align: center;
    margin-right: 10px;
    padding: 10px;
    width: 20%;
    float: left
}

.testimonialImg img {
    width: 100%;
    height: auto
}

.sendReview.sendTest a {
    background-image: url(../send-review.png);
    padding-bottom: 39px;
    padding-top: 106px;
    margin-top: 20px
}

p.films {
    padding: 5px 8px;
    display: inline-block;
    font-style: italic;
    margin-top: 7px
}

#testimonials hr.last {
    border-bottom: none;
    padding: 2em 0;
    margin: 0
}

#testimonials {
    padding-top: 2%
}

#testimonialPnl {
    padding-bottom: 2%;
    overflow: hidden
}

#testimonialPnl h2 {
    margin-top: 0
}

.testCnt {
    background-image: url(../span.leftComma.png);
    background-position: top left;
    padding-left: 30px;
    float: right;
    width: 67%
}

.testCnt.fullWidth {
    float: none;
    width: auto
}

#sendTestimonial h2 span {
    font-size: .7em;
    display: block
}

.testimonialQuote {
    background-image: url(../testimonial-form-bg.png);
    background-repeat: no-repeat;
    background-position: right center
}

.testimonialQuote .freeQuote {
    background-color: #262626;
    margin-bottom: 3%;
    overflow: hidden;
    padding: 2% 1%;
    color: #fff;
    width: 71%
}

.freeQuote label {
    margin-right: 10px;
    text-align: right;
    padding-top: 19px;
    float: left;
    width: 35%
}

.freeQuote input[type=text], .freeQuote textarea {
    background-image: url(../background-inputcontact.png);
    width: 59%
}

.freeQuote textarea {
    width: 59.2%;
    height: 55px
}

label.error {
    font-style: italic;
    padding-top: 8px;
    clear: both;
    color: #dc6c44
}

.freeQuote .buttons {
    margin-left: 36.2%;
    clear: both
}

.freeQuote input[type=submit] {
    float: none
}

.payment {
    overflow: hidden;
    padding: 2% 0
}

.paymentRight {
    background-color: #262626;
    padding: 2%;
    color: #fff
}

.paymentRight h2 {
    color: #fff
}

.paymentPageForm, .phonePnl {
    overflow: hidden
}

.paymentPic {
    margin-right: 1%;
    float: left
}

.rightPaymentText {
    float: left
}

#tab1 .faqsLinkBullet p {
    margin-bottom: 1%
}

.sendTest a, ul.tabs, ul.tabs li {
    text-align: center
}

ul.tabs li {
    list-style: none;
    display: inline-block;
    background-color: #dc6c44;
    padding: .5% 2%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: right
}

p.films, ul.tabs li:hover {
    background-color: #3ddccc
}

ul.tabs li a {
    color: #000
}

ul.tabs li img {
    width: 55px;
    height: auto
}

.numberPic, .portPanel ul li a, ul.tabs li img {
    vertical-align: middle
}

.aboutLeft {
    float: left;
    width: 55%
}

#newsletterDetail, .aboutLeft, .futureResponsive, .newsletterListing, .ownerIntro, .pnlBlue, .pnlGray {
    padding: 2% 0;
    overflow: hidden
}

.pnlBlue {
    background-color: #ebfbfa
}

.pnlGray {
    background-color: #f1f1f1
}

.padRequest .inputPNL {
    margin-right: 2%;
    width: 50%;
    float: left
}

.padRequest .inputPNL.last {
    margin-right: 0;
    float: right;
    width: 48%
}

.padRequest .inputPNL.fullWidth {
    float: none;
    width: 100%
}

.padRequest .inputPNL.center {
    float: none;
    width: 48%;
    margin-left: auto;
    margin-right: auto
}

.padRequest .inputPNL.first {
    clear: both
}

.contactLeft a {
    color: #535353
}

.aboutTesti p, .contactLeft {
    text-align: center
}

#navFooter ul li a:hover, .contactLeft a:hover {
    color: #3ddccc
}

.hrFrmSep {
    clear: both;
    padding: 6px;
    border: 0
}

.ownerIntro {
    text-align: center;
    float: right;
    width: 35%
}

.ownerIntro img {
    margin-bottom: 2%
}

.ownerIntro h2 {
    line-height: 1.2
}

.ownerIntro h2 span {
    display: block;
    font-size: 20px;
    font-style: italic;
    padding-bottom: 2%
}

.ownerIntro a {
    color: #000
}

.ownerIntro a:hover {
    text-decoration: underline
}

#footer, .aboutTesti {
    clear: both
}

.aboutTesti p {
    background-image: url(../span.leftComma-white.png);
    background-repeat: no-repeat;
    background-position: 15% 41%;
    background-color: #262626;
    font-size: 22px;
    padding: 5% 0;
    color: #fff;
    margin: 0
}

#non-Profits .aboutTesti p, #services ul li {
    background-image: none
}

img.small-Businesses {
    -webkit-border-radius: 300px;
    -moz-border-radius: 300px;
    border-radius: 300px;
    margin-left: 5%;
    height: 350px;
    width: 350px;
    float: right
}

.mapParallax {
    min-height: 290px
}

.mapParallax a {
    display: block;
    padding: 11% 0
}

#demandMaintenance .designMainLeft {
    margin: 20% 0;
    float: left;
    width: 45%
}

#demandMaintenance img {
    margin-right: 2%
}

.designMaintenance, .designOnDemand p.designPara {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    padding: 2%
}

.designOnDemand p.designPara {
    padding: 2% 2% 0
}

hr.newsHr {
    padding-bottom: 0;
    border: 0;
    border-top: solid 1px #646464;
    padding-top: 25px;
    margin: 25px 0 0
}

.designMaintenance, p.designPara {
    background-color: rgba(255, 255, 255, .8)
}

#demandMaintenance .designOnDemand {
    padding: 2% 0
}

#services ul li {
    margin-right: 2%;
    border: 0;
    float: left;
    width: 44%
}

#services ul li ul {
    padding-left: 0
}

#services ul li ul li {
    border-bottom: 1px solid #e2e2e2;
    background-image: url(../background-li.png);
    margin-right: 0;
    float: none;
    width: auto;
    padding-left: 25px;
    background-position: 3px 22px
}

.newsletterListing .newsitem, .portfolioListing .item {
    width: 32%;
    margin-right: 2%;
    float: left;
    text-align: center
}

.portfolioListing .item {
    margin-right: 25px;
    width: 31.5%
}

.newsletterListing .newsitem p {
    margin-top: 0;
    padding-bottom: 6%
}

.newsletterListing .newsitem.last {
    margin-right: 0
}

.portfolioListing .item .img {
    margin-bottom: 10px
}

.portPanel {
    width: 48%;
    float: left
}

.portPanel.portPanelTwo {
    width: 50%;
    float: right
}

.portPanel img.portIconImage {
    width: 350px;
    height: auto
}

.portPanel ul {
    width: 100%;
    overflow: hidden
}

.portPanel ul li {
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: table;
    webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    float: left;
    width: 54.5%;
    margin-right: 4.5%;
    margin-bottom: 4.5%
}

.ownerIntro h2, .portPanel ul li.botLast {
    margin-bottom: 0
}

.portPanel ul li.fullPort {
    margin-right: 0;
    width: 96%
}

.portPanel ul li.wordpressPort {
    background-image: url(../portThumb/wordpress.jpg)
}

.portPanel ul li.staticPort {
    background-image: url(../portThumb/static-web.jpg)
}

.portPanel ul li.ecommercePort {
    background-image: url(../portThumb/ecommerce.jpg)
}

.portPanel ul li.newsletterPort {
    background-image: url(../portThumb/newsletter.jpg)
}

.portPanel ul li.twitterPort {
    background-image: url(../portThumb/twitter-full.jpg)
}

.portPanel ul li.brochurePort {
    background-image: url(../portThumb/brochure-design.jpg)
}

.portPanel ul li.bCardPort {
    background-image: url(../portThumb/bcard.jpg);
    background-color: #239bd7
}

.portPanel ul li.flyerPort {
    background-image: url(../portThumb/flyers.jpg)
}

.portPanel ul li.catalogPort {
    background-image: url(../portThumb/catalog.jpg);
    width: 96%
}

.portPanel ul li.logosPort {
    background-image: url(../portThumb/logos.jpg)
}

.portPanel ul li.presentationPort {
    background-image: url(../portThumb/presentation.jpg)
}

.portPanel ul li.letterheadPort {
    background-image: url(../portThumb/letterhead.jpg)
}

.portPanel ul li.miscellaneousPort {
    background-image: url(../portThumb/miscellaneous.jpg)
}

.portPanel ul li.colorSchmePort {
    background-image: url(../portThumb/Color-Scheme-Renderings.jpg)
}

.portPanel ul li a {
    width: 100%;
    display: table-cell;
    height: 190px;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    background-color: rgba(0, 0, 0, .5)
}

.portPanel ul li:hover {
    -webkit-filter: grayscale(70%);
    filter: grayscale(70%)
}

.portPanel ul li:hover a {
    background-color: rgba(0, 0, 0, .1)
}

.portPanel ul li a span {
    font-size: 12px;
    font-weight: 400;
    display: block;
    padding-top: 10px
}

.portPanel ul li.smPort {
    width: 33%
}

.portPanel ul li.last, .portfolioListing .item.last {
    margin-right: 0
}

.portPanel h2 {
    margin-top: 0
}

.portDetail .pictures .myPic {
    text-align: center;
    padding-bottom: 7%
}

.myPic.first img, .portDetail .pictures .myPic img {
    max-width: 100%
}

#viewOurWorkListing .pageSize, .catDesc, .myPic.first, .portPanel ul li {
    text-align: center
}

.catDesc {
    background-color: #ececec;
    padding: 1% 0;
    font-size: 20px
}

.portExtraLinks {
    clear: both;
    padding-top: 15px
}

.packPnl {
    background-color: #262626;
    padding: 33.5px 0;
    float: right
}

.portExtraLinks a.linkBranding {
    background-image: url(../background-package.png);
    background-position: left center;
    background-repeat: no-repeat;
    text-decoration: none;
    display: inline-block;
    padding: 74px 0 74px 74px;
    font-size: 30px
}

.portPanel hr.sepItem {
    padding-top: 1em
}

.portfolioListing .item h3 {
    margin-top: 0;
    font-size: 15px;
    font-weight: 400
}

.workRightdetail h2 {
    font-size: 18px
}

.portfolioListing .item h3 a {
    color: #7d7d7d
}

.myPic.first {
    margin-right: 0;
    float: none
}

.workRightdetail {
    text-align: center;
    overflow: hidden;
    padding: 2% 0
}

.siteLink a {
    display: inline-block;
    text-decoration: none;
    color: #535353
}

a.siteLinks {
    background-color: #dc6c44;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 1% 3%;
    color: #fff
}

.attrib {
    border-top: 1px dashed #d4d4d4;
    padding-top: 2%;
    margin-top: 2%
}

.attrib a {
    font-size: 18px;
    color: #535353
}

a.viewLink {
    float: left
}

a.backCategory {
    float: right
}

.e-newsletters-and-email-blasts .pictures {
    margin-bottom: 0;
    float: none;
    width: auto
}

.e-newsletters-and-email-blasts .workRightdetail {
    float: none;
    width: auto
}

.twitter-pages .pictures {
    margin-bottom: 0;
    float: none;
    width: auto
}

.twitter-pages .workRightdetail {
    float: none;
    width: auto
}

.brochures .pictures, .brochures .workRightdetail, .business-cards .pictures {
    margin-bottom: 0;
    float: none;
    width: auto
}

.business-cards .workRightdetail {
    float: none;
    width: auto
}

.flyers-and-postcards .pictures {
    margin-bottom: 0;
    float: none;
    width: auto
}

.flyers-and-postcards .workRightdetail {
    float: none;
    width: auto
}

.catalogs .pictures, .catalogs .workRightdetail, .logos .pictures {
    margin-bottom: 0;
    float: none;
    width: auto
}

.logos .workRightdetail {
    float: none;
    width: auto
}

.presentation-folders .pictures {
    margin-bottom: 0;
    float: none;
    width: auto
}

.presentation-folders .workRightdetail {
    float: none;
    width: auto
}

.letterhead .pictures {
    margin-bottom: 0;
    float: none;
    width: auto
}

.letterhead .workRightdetail {
    float: none;
    width: auto
}

.miscellaneous .pictures {
    margin-bottom: 0;
    float: none;
    width: auto
}

.miscellaneous .workRightdetail {
    float: none;
    width: auto
}

.business-cards .workRightdetail, .catalogs .workRightdetail .brochures .workRightdetail, .e-newsletters-and-email-blasts .workRightdetail, .flyers-and-postcards .workRightdetail, .letterhead .workRightdetail, .logos .workRightdetail, .miscellaneous .workRightdetail, .presentation-folders .workRightdetail, .twitter-pages .workRightdetail {
    margin-bottom: 5%
}

.business-cards .sepFirstPortfolio, .catalogs .sepFirstPortfolio .brochures .sepFirstPortfolio, .e-newsletters-and-email-blasts .sepFirstPortfolio, .flyers-and-postcards .sepFirstPortfolio, .letterhead .sepFirstPortfolio, .logos .sepFirstPortfolio, .miscellaneous .sepFirstPortfolio, .presentation-folders .sepFirstPortfolio, .twitter-pages .sepFirstPortfolio {
    margin: 1% 0
}

.logos .pnlThumbnails {
    margin-right: auto;
    text-align: center;
    margin-left: auto;
    overflow: hidden;
    width: 66%
}

.logos .workRightdetail {
    clear: both;
    text-align: center;
    padding-top: 25px
}

.newsletterPnl {
    border: 3px solid #000;
    overflow: hidden;
    margin: 0 auto;
    width: 619px
}

.newsletter-1 {
    border-top: 10px solid #3ddccc
}

.newsletter-2 {
    border-top: 10px solid #0054a6
}

.newsletter-3 {
    border-top: none
}

.newsletter-2 .newsletterInner h2 {
    color: #980000
}

.newsHeader {
    float: left
}

.newsHeaderRIght {
    text-align: left;
    font-size: 15px;
    padding: 9% 0;
    float: right;
    width: 31%
}

.newsHeaderRIght a {
    color: #000
}

.newsHeaderRIght a.colrBlue {
    color: #0956ae
}

.newsletterInner {
    margin: 0 auto;
    width: 540px;
    clear: both
}

.newsletter-2 .newsletterInner {
    border: 1px solid #c6d630;
    background-color: #fafafa;
    margin-bottom: 2%;
    padding: 2%
}

.newsletterInner h2 {
    font-size: 28px;
    color: #00aca1;
    margin: 0;
    clear: both
}

.newsletterInner h3 {
    font-weight: 700;
    font-size: 25px;
    color: #000;
    margin-top: 0
}

.newsletterInner h5 {
    font-size: 18px;
    margin: 0
}

.newsletterInner ul {
    margin: 15px 0;
    padding: 0
}

.newsletterInner ul li {
    list-style: none
}

.newsletterInner ol li, .newsletterInner ul li {
    padding-bottom: 5px;
    font-weight: 700
}

.newsletter-2 .newsletterInner ul, .newsletter-3 .newsletterInner ul, .newsletterInner ol {
    padding-left: 18px
}

.newsletter-2 .newsletterInner ul li, .newsletter-3 .newsletterInner ul li, .newsletterInner ol li {
    list-style: inherit
}

h1#logoFooter img, img.picWidth {
    width: 100%
}

p.fontSize {
    font-size: 13px
}

.blueBK, .newsletter-3 h1 {
    text-align: center;
    margin-top: 0
}

.newsletter-3 h1 {
    font-weight: 400;
    color: #0054a6;
    font-size: 43px
}

.leftRightPadding {
    padding: 0 4% 2%;
    overflow: hidden
}

.newsletter-3 .newsletterInner {
    padding-bottom: 2%
}

.newsletter-3 .newsletterGey {
    background-color: #f2f2f2;
    padding: 2%
}

.newsletter-3 h2 {
    margin: 15px 0;
    font-size: 25px;
    color: #0054a6
}

.newsletter-3 h3, h1#logoFooter {
    margin-bottom: 0
}

.newsletter-3 .picLeft {
    margin-right: 15px
}

.blueBK {
    background-color: #0054a6;
    font-size: 20px;
    padding: 15px
}

.blueBK, .blueBK a {
    color: #fff
}

.newsletter-4 .newsletterInner {
    margin-bottom: 2%
}

#footer {
    background-color: #f6f6f6
}

#navFooter {
    float: left;
    width: 66%
}

.footerPadding {
    overflow: hidden;
    padding: 2% 0
}

#navFooter ul {
    padding: 0;
    float: left;
    width: 31%;
    margin: 0 .5em 0 0
}

#navFooter ul.graphicPnl {
    margin-right: 0;
    width: 25%
}

#navFooter ul.seoPnl {
    width: 38%
}

#navFooter ul ul {
    padding-top: 0;
    margin-right: 0;
    border-top: none;
    width: 100%
}

#navFooter ul li h2, #navFooter ul li h2 a {
    font-size: 16pt
}

#navFooter ul li h2 {
    font-weight: 400;
    color: #252525
}

#navFooter ul li {
    padding-left: 0;
    line-height: 1
}

#navFooter ul li.CustomerLinks {
    padding-top: 12px;
    clear: both
}

#navFooter ul li li {
    padding-left: .5em;
    padding-bottom: 8px
}

#navFooter ul li a {
    font-size: 14px
}

#navFooter ul.pageLinks {
    border-top: none;
    padding-top: 1%;
    width: auto;
    float: none;
    clear: both
}

#navFooter ul.pageLinks li {
    padding-left: 0;
    float: left
}

#navFooter ul.pageLinks li a {
    border-right: 1px solid #cbcbcb;
    padding-right: 10px;
    margin-left: 10px
}

#navFooter ul.pageLinks li.firstLink a {
    margin-left: 0
}

#navFooter ul.pageLinks li a.last {
    border-right: none
}

.footerLogo {
    float: right;
    width: 32%
}

h1#logoFooter {
    background-image: url(../background-footer-logo.jpg);
    background-repeat: repeat-y;
    margin-top: 0;
    min-height: 243px;
    padding-top: 7%;
    width: 108px;
    float: left
}

.footerLogoText {
    float: right;
    width: 69%
}

.footerCont {
    line-height: 1.5;
    font-size: 14px
}

.footerCont h2 {
    margin-top: 0;
    margin-bottom: 10px
}

.footerCont h2 span {
    font-weight: 400;
    font-size: 18px;
    display: block
}

span.footerphone {
    padding-left: 46px;
    display: block
}

ul.socialPnl {
    padding-top: 5%;
    padding-left: 0
}

ul.socialPnl li, ul.socialPnl li a {
    display: inline-block
}

ul.socialPnl li a {
    text-indent: -9999px;
    margin-right: 3px;
    height: 40px;
    width: 40px;
    *float: left;
    background-image: url(../social-media-sprites.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%
}

ul.socialPnl li a.twitter {
    background-position: -40px 0
}

ul.socialPnl li a.linkdin {
    background-position: -80px 0
}

ul.socialPnl li a.googleplus {
    background-position: -120px 0
}

ul.socialPnl li a:hover {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.copyRightPnl {
    background-color: #262626;
    padding: .5em 0;
    overflow: hidden;
    clear: both
}

.copyRightPnl a:hover {
    text-decoration: none;
    color: #fff
}

.copyRightPnl p {
    padding-top: 1.4em;
    font-size: 9pt;
    color: #898989;
    float: left;
    margin: 0
}

.sitelockPic {
    margin-right: 205px;
    float: right
}

#mobnav-btn {
    background-image: url(../menu-bg.png);
    background-position: center right;
    background-repeat: no-repeat;
    font-size: 22px;
    cursor: pointer;
    display: none;
    padding: 10px;
    color: #fff
}

.profitItem {
    width: 23.5%;
    float: left;
    padding-right: 2%
}

.profitItem.lastProfitItem {
    padding-right: 0
}

.profitItem img {
    width: 100%;
    height: auto
}

.pageNotFound {
    text-align: center
}

.sitemapLinks {
    display: inline-block;
    width: 31%;
    vertical-align: top
}

#siteMap, .blogDetailPic {
    text-align: center
}

.blogDetailPic {
    margin-top: 0
}

.blgTestimonial {
    font-size: 20px;
    text-align: center;
    background-color: #d8f8f5;
    padding: 4%
}

.testStars {
    font-size: 40px;
    margin: 0
}

.inputPNL.txtIncludesURLemail.last {
    display: none
}

@media only screen and (max-width:600px) {
    .firstTwo, .rightIcons {
        float: none;
        width: auto
    }

    .rightIcons {
        text-align: center;
        padding-top: 0
    }

    .rightIcons div {
        display: inline-block;
        vertical-align: top
    }

    .sendReview.sendTest a {
        margin-top: 0
    }

    .profitItem {
        width: 49%
    }

    .profitItem.secondProfitItem {
        padding-right: 0
    }

    .newsletterInner, .newsletterPnl {
        width: 90%
    }

    .newsHeader img {
        width: 100%;
        height: auto
    }
}

@media only screen and (max-width:440px) {
    .contactInformation a.phoneNumber {
        border-right: 1px solid #d1d1d1;
        padding-right: 10px;
        margin-right: 10px
    }

    .contactInformation a.emailAddress {
        display: block
    }

    #requestaQuote .maintenanceCMS img, #requestaQuote .maintenanceDesignerOnDemand img, .profit-organization img, .profitLeft img {
        width: 100%;
        height: auto
    }

    .profitLeft img {
        padding: 0;
        border: 0
    }

    #responsiveWebDesign {
        background-color: #262626
    }

    .paymentPic {
        display: none
    }

    #requestaQuote .maintenanceCMS, #requestaQuote .maintenanceDesignerOnDemand, .designMaintenance, .designOnDemand p.designPara, .firstTwo, .padRequest .inputPNL.center, .profitItem, .profitLeft, .profitServicesPnl, .rightIcons, .rightPaymentText, .testCnt, .testimonialImg, .testimonials-1 .testCnt, .testimonials-2 .testCnt, ul.tabs li {
        float: none;
        width: auto
    }

    #makeAPayment {
        padding: 0
    }

    #fortLauderdale, #non-Profits, #sendTestimonial, #siteMap, #webDesignQuestionnaire {
        padding: 2%
    }

    #siteMap .dropdown-menu a {
        color: #fff
    }

    .testCnt {
        padding-left: 10%
    }

    .profitItem {
        padding-right: 0
    }

    .newsletterInner img, .newsletterListing .newsitem img {
        width: 100%;
        height: auto
    }

    .sitemapLinks {
        display: block;
        width: auto
    }

    .wordpressWeb {
        background-image: none
    }
}

@media only screen and (min-width:10px)and (max-width:1299px) {
    .graphicDesignForm .pageSize, .pageSize, .pageSize.responsivePageSize, .pageSize.smallSize, .wordpressWebCustomiz .pageSize {
        width: auto
    }

    h2 {
        font-size: 25px
    }

    h2, h3, h4 {
        font-weight: 700
    }

    .contactBlack h3.lightBlackBG, .gddsMainBG.contactBG h3, h1, h3 {
        font-size: 30px
    }

    .contactBlack h3.lightBlackBG, .contactBlack.contactSmallHeight h3 {
        text-shadow: 1px 1px 4px #000;
        background-color: rgba(0, 0, 0, .4)
    }

    #navFooter ul li h2, .footerCont h2 {
        margin-bottom: 0
    }

    #header .contactInformation, #header h1, .attrib, .copyRightPnl, .footerLogo {
        text-align: center
    }

    #header .contactInformation {
        padding: 15px 0
    }

    .contactInformation a:last-child {
        border-right: none;
        padding-right: 0;
        margin-right: 0
    }

    #customWebsiteDesignWork .pnl50, #header .contactInformation, #header h1, #moreUsefulStuff .pnl50, #nav, #navFooter, #navFooter ul, #navFooter ul.graphicPnl, #navFooter ul.pageLinks li, #navFooter ul.seoPnl, .aboutLeft, .cmsBack, .contentManagementRight, .copyRightPnl p, .custMain p, .doesWebsiteDesignWork ul li p.fLeft, .evaluationText, .footerLogo, .footerLogoText, .grayRadiusPanel .expandableContents ul li p, .grayRadiusPanel .expandableContents ul li.last p, .grayRadiusPanel .expandableContents ul.customFaq li p, .grayRadiusPanel .expandableContents ul.customFaq li.last p, .ownerIntro, .padRequest .inputPNL.last, .pnl30.pnlLast, .pnl50, .pnl50.pnlLast, .pnl70.pnlLast, .portPanel, .seoInternetFound, .seoInternetPic, .sitelockPic, .webDesignPnl, .webDesignPnl.mobileDesignPanel, a.backCategory, a.viewLink, form.evaluation, form.evaluation .homeEvaluationForm, form.evaluation .homeEvaluationForm.last {
        float: none;
        width: auto
    }

    .padRequest .inputPNL {
        float: none
    }

    .portPanel.portPanelTwo, .portfolioListing .item, .profitLeft {
        float: none;
        width: auto
    }

    .loginCreate {
        padding-top: 20px
    }

    #nav, .evaluationText h1, .wordpressWebCustomiz {
        text-align: left
    }

    #nav {
        background-color: #262626;
        padding: 0
    }

    #nav ul.parentLinks li.seoLinks:hover, #nav ul.parentLinks li.webdesignLinks:hover, .aboutTesti p, section#homeBestServices, ul.dropdown-menu {
        background-image: none
    }

    #sliderPnl, .contactInformation br, .wordpressWeb br, .wordpressWebCustomiz p br, h1#logoFooter, ul.parentLinks {
        display: none
    }

    #mobnav-btn, .attrib a, ul.dropdown-menu.toggled-on, ul.parentLinks.xactive {
        display: block !important
    }

    #nav ul.parentLinks li {
        border-top: solid 1px #cbcbcb;
        position: inherit;
        display: inherit
    }

    #nav ul.parentLinks li a, #siteMap .dropdown-menu a {
        color: #fff
    }

    #nav ul.parentLinks li a:hover, #nav ul.parentLinks li:hover {
        color: #c6d630
    }

    .mobnav-subarrow {
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -ms-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
        background-image: url(../menu-arrow-right.png);
        background-repeat: no-repeat;
        background-position: center;
        background-color: #3ddccc;
        text-indent: -9999px;
        cursor: pointer;
        display: block;
        border: 0;
        float: right;
        height: 21px;
        width: 45px
    }

    .mobnav-subarrow.toggled-on {
        background-image: url(../menu-arrow-down.png)
    }

    ul.dropdown-menu {
        position: static !important;
        display: none !important;
        width: auto !important
    }

    #Copywriting .copyPara, #Copywriting .copyPara2, #contentManagementSystems, #customWebDesign, #customWebsiteDesignWork, #fortLauderdale, #gddsTestimonial, #makeAPayment, #moreUsefulStuff, #non-Profits, #payPerClick, #requestaQuote, #responsiveWebDesign, #siteMap, #testimonials, #viewOurWorkListing, .aboutLeft, .centerAndBorderHead, .copyRightPnl, .footerPadding, .graphicDesignPnl, .graphicLeftTabs, .ownerIntro, .paddBottomFulPnl, .plusWebDesign, .pnlBlue, .portDetail, .seoMark, .wordpressWeb, .wordpressWebCustomiz, .wordpressWebLeft, section#gddsGoal, section#homeBestServices {
        padding: 2%
    }

    .webEvaluation {
        padding: 2em 1em
    }

    #Copywriting .copyPara img.picRight, .maintenanceCMS ul li:last-child, .plusWebDesign h2 {
        padding-left: 0
    }

    #moreUsefulStuff .pnl50 {
        padding-right: 0
    }

    .attrib a.backCategory, .webDesignColor .pnl50.pnlLast, section#header {
        padding-bottom: 0
    }

    hr.plusDes {
        padding: 0
    }

    #navFooter ul li.CustomerLinks, .copyRightPnl p, .evaluationText h1, .testimonialOwner h3 {
        padding-top: 0
    }

    .evalFormRight h2 {
        margin: 0
    }

    .homeTestimonialPic {
        margin-right: 10px
    }

    .testimonialOwner {
        margin: 48px 0 0;
        width: 63%
    }

    section#gddsTestimonial .pageSize {
        padding-bottom: 10px
    }

    .evalFormRight p, .evaluationText h1, .seoInternetFound {
        margin-top: 0
    }

    .padRequest .inputPNL, section#homeBestServices ul li {
        margin-right: 0;
        width: auto
    }

    #Copywriting .copyPara img.picRight, #requestaQuote .maintenanceCMS img, #requestaQuote .maintenanceDesignerOnDemand img, .maintenanceCMS ul li img, .portfolioListing img, .seoInternetPic img, .webDesignPnl img, section#homeBestServices ul li img {
        width: 100%;
        height: auto
    }

    #payPerClick img, #responsiveWebDesign img, #socialMediaMarketing img, .blogDetailPic img, .cmsBack img, .portDetail img, .simpleEffective img {
        max-width: 100%
    }

    .customWebDesign {
        margin: 0 auto;
        bottom: 10px;
        right: 0;
        left: 0
    }

    #gddsGoal h1, .evaluationText h1 span.fontSize {
        font-size: 35px
    }

    form.evaluation .homeEvaluationForm, form.evaluation .homeEvaluationForm.last {
        border-left: none;
        padding: 0
    }

    #Copywriting ul li .fLeft, #graphicCont ul li .fLeft, #seoPresence ul li .fLeft, #webDesignProces ul li .fLeft {
        width: 68%
    }

    .expandableContents ul li p, .grayRadiusPanel .expandableContents ul li {
        clear: both
    }

    .custMain img, .grayRadiusPanel .expandableContents ul li img {
        margin-right: 10px
    }

    #customDesignEffectiveFont h2 {
        font-size: 28px
    }

    #customDesignEffectiveFont h3 {
        font-size: 24px
    }

    .contactBlack.contactSmallHeight {
        padding-top: 1px
    }

    #customers ul li, #fortLauderdale ul li, #non-Profits ul li, #searchEngineOptimization ul li, #services ul li, #socialMediaMarketing ul li, #tab2 ul li, #testimonialPnl ul li, .faqsLinkBullet ul li, .wordpressWebLeft ul li, ul.smallPnl li {
        padding-left: 19px
    }

    .parallax-window.cmsLinks {
        height: 260px
    }

    .cmsLinks .customWebDesign {
        padding-top: 67px
    }

    section#homeBestServices.cmsLinks {
        min-height: 141px
    }

    section#homeBestServices.cmsLinks .customWebDesign {
        position: inherit;
        min-height: 172px
    }

    .maintenanceCMS ul li {
        vertical-align: top;
        padding-bottom: 15px;
        border-right: none;
        padding-right: 0;
        width: 292px
    }

    .simpleEffective h2 {
        width: 60%
    }

    #navFooter ul, #navFooter ul.pageLinks {
        text-align: center
    }

    #navFooter ul, .portfolioListing .item, .webDesignPnl, ul.socialPnl li a.googleplus {
        margin-right: 0
    }

    #navFooter ul.pageLinks li, .attrib a {
        padding-top: 10px
    }

    #navFooter ul.pageLinks li {
        display: inline-block
    }

    .footerCont {
        padding-top: 0
    }

    .evalFormRight {
        margin-bottom: 15px
    }

    .webDesignColor .pnl50, hr.plusDes {
        padding-bottom: 15px;
        overflow: hidden
    }

    .contactBlack h3.lightBlackBG {
        padding: 3%
    }

    .contactBlack {
        height: auto
    }

    .aboutTesti p {
        padding: 5% 2%
    }

    .ownerIntro h2 {
        margin-top: 8px
    }

    .contactUsMap {
        background-size: 100% auto
    }

    .sitelockPic {
        margin-right: 0;
        padding-top: 10px
    }

    .evaluationText h1 span.fontSize {
        display: initial
    }

    hr.sepPort {
        padding: 10px
    }

    span.footerphone {
        padding-left: 0
    }

    .aboutTesti p br, hr.sepNonprofit, span.phoneLabel {
        display: none
    }

    .parallax-window {
        background-attachment: inherit;
        min-height: 140px;
        background-position: center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover
    }

    .backToTop {
        display: block
    }

    #customWebsiteDesignWork .contactBlack {
        min-height: auto
    }

    .doesWebsiteDesignWork {
        padding-bottom: 4%
    }

    .aboutTesti p, .wordpressWeb h2, .wordpressWeb h3, .wordpressWebCustomiz, .wordpressWebCustomiz h3, .wordpressWebLeft h2 {
        font-size: 17px;
        font-weight: 400;
        line-height: 1.5
    }

    .wordpressWebCustomiz h3 {
        color: #000
    }

    .aboutTesti p br:last-child {
        display: block
    }

    .newsletterContents {
        padding: 0 2%
    }
}

@media only screen and (min-width:50px) and (max-width:700px) {
    .newsletterListing .newsitem {
        float: none;
        width: auto
    }

    .portPanel ul li.letterheadPort {
        width: 50%
    }

    .portPanel h2 {
        font-size: 20px
    }
}

@media only screen and (min-width:441px) and (max-width:1299px) {
    #customWebsiteDesignWork {
        padding: 2%
    }

    .footerLogo {
        text-align: left;
        width: 440px;
        margin-left: auto;
        margin-right: auto
    }

    #header h1 {
        margin-bottom: 2%;
        float: left;
        padding-left: 2%
    }

    #header .contactInformation {
        text-align: right;
        padding-top: 6%;
        padding-right: 2%;
        float: right;
        width: 50%
    }

    .contactInformation a {
        border-right: none;
        padding-right: 0;
        margin-right: 0
    }

    #nav {
        margin-top: 2%;
        clear: both
    }

    #sliderPnl, .contactInformation br, h1#logoFooter, hr.sepNonprofit {
        display: block
    }

    section#homeBestServices {
        min-height: 290px
    }

    .customWebDesign {
        background-size: 100%;
        min-height: 156px;
        width: 160px;
        bottom: 0
    }

    .customWebDesign h1 {
        font-size: 25px
    }

    .customWebDesign h1 span, .customWebDesign p {
        font-size: 18px
    }

    .cmsLinks ul li .customWebDesign {
        width: 250px
    }

    #navFooter ul {
        width: 31%
    }

    #navFooter ul, #navFooter ul.seoPnl {
        float: left;
        margin-right: .5em
    }

    #navFooter ul.graphicPnl {
        float: left
    }

    #navFooter ul.seoPnl {
        width: 38%
    }

    #navFooter ul.graphicPnl {
        margin-right: 0;
        width: 25%
    }

    h1#logoFooter {
        clear: left
    }

    .footerLogoText {
        float: right;
        width: 62%
    }

    .webDesignPnl {
        margin-right: 2%;
        float: left;
        width: 50%
    }

    .pnl50, .webDesignPnl.mobileDesignPanel {
        float: left
    }

    #payPerClick img.picRight, #socialMediaMarketing img.picRight, .pnl50, .pnlPayPerClick .pnl50.pnlLast, .webDesignPnl.mobileDesignPanel {
        margin-right: 0;
        width: 48%
    }

    .pnlPayPerClick .pnl50.pnlLast {
        float: right
    }

    .expandableContents ul li p, .grayRadiusPanel .expandableContents ul li {
        padding-right: 16px !important;
        clear: inherit
    }

    .grayRadiusPanel .expandableContents ul li.pnlDotedSep {
        clear: both
    }

    .grayRadiusPanel .expandableContents ul li p, .grayRadiusPanel .expandableContents ul li.last p {
        width: 59%;
        float: right;
        clear: inherit
    }

    .contactBlack h3.lightBlackBG {
        padding: 10% 0
    }

    .maintenanceCMS ul li {
        border-right: 1px dashed #d4d4d4;
        padding-right: 3%;
        margin-right: 2%
    }

    .seoInternetPic {
        text-align: center
    }

    .seoInternetPic img {
        width: inherit
    }

    #Copywriting .copyPara img.picRight {
        padding-left: 8%;
        width: 400px
    }

    .aboutLeft {
        float: left;
        width: 55%
    }

    .ownerIntro {
        float: right;
        width: 35%
    }

    .portPanel {
        width: 48%;
        float: left
    }

    .portPanel.portPanelTwo {
        width: 50%;
        float: right
    }

    .portfolioListing .item {
        margin-right: 10px;
        width: 32.2%;
        float: left
    }
}