@charset "UTF-8";
    body {
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
		line-height:1.5em;
    color: #000;
    font-weight: 400;
}
a, article, body, content, h1, h2, h3, h4, h5, header, li, p, span, ul {
    margin: 0;
    padding: 0;
}
#ourTelNumber {
    display: none;
}
h1 {
    font-size: 1.875em;
    line-height: 1.875em;
    font-weight: 300;
    text-align: left;
}
.h1WithBg {
    background: #2393c1;
    color: #FFF;
    padding-left: 1.6%}
h2 {
    font-size: 1.25em;
    line-height: 2em;
    font-weight: 600;
    font-style: italic;
    margin-bottom: 5px;
}
h3 {
    font-size: 1.125em;
    line-height: 3em;
    font-weight: 800;
    color: #2293c1;
}
h4 {
    font-weight: 800;
}
p {
    line-height: 1.25em;
    text-align: justify;
}
a {
    color: #2ab7f2;
    text-decoration: none;
    line-height: 1em;
    cursor: pointer;
}
a:hover {
    color: #2ab7f2;
}
img {
    width: 100%}
.clear {
    clear: both;
}

.clearHigh7 {
    clear: both;
    height: 7px;
}
.clearHigh10 {
    clear: both;
    height: 10px;
}
.clearHigh15 {
    clear: both;
    height: 15px;
}
.clearHigh20 {
    clear: both;
    height: 20px;
}
.clearHigh30 {
    clear: both;
    height: 30px;
}
.clearHigh50 {
    clear: both;
    height: 50px;
}
.clearWithBorder {
    clear: both;
    border-bottom: 1px solid #CCC;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.fl_l {
    float: left;
}
.fl_r {
    float: right;
}
.col1{
    width: 4.166666%;
}
.col2{
    width: 8.333333%;
}
.col3{
    width: 12.5%;
}
.col4{
    width: 16.666666%;
}
.col5{
    width: 20.833333%;
}
.col6{
    width: 25%;
}
.col7{
    width: 29.166666%;
}
.col8{
    width: 33.333333%;
}
.col9{
    width: 37.5%;
}
.col10{
    width: 41.666666%;
}
.col11{
    width: 45.833333%;
}
.col12{
    width: 50%;
}
.col13{
    width: 54.166666%;
}
.col14{
    width: 58.333333%;
}
.col15{
    width: 62.5%;
}
.col16{
    width: 66.666666%;
}
.col17{
    width: 70.833333%;
}
.col18{
    width: 75%;
}
.col19{
    width: 79.166666%;
}
.col20{
    width: 83.333333%;
}
.col21{
    width: 87.5%;
}
.col22{
    width: 91.666666%;
}
.col23{
    width: 95.833333%;
}
.colFull{
    width: 100%;
}
.size15 {
    font-size: .9375em;
}
.blueP {
    color: #2ab7f2;
}
.phoneOffLink {
    pointer-events: none;
    cursor: default;
}
.w3cImage {
    width: 40%;
    margin-right: 5%}
.error {
    color: red;
    font-weight: 600;
    display: inline-block;
    padding-bottom: 10px;
}
.alignToTopBox * {
    vertical-align: top;
}
.alignToMiddleBox * {
    vertical-align: middle;
}
.alignToCenter {
    text-align: center!important;
}
.spanDivider {
    margin: 0 5px;
    color: #CCC;
}
#headerBox {
    width: 100%;
    max-height: 72px;
    background: #000;
    clear: both;
}
.headerMain {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}
.logo {
    display: inline-block;
    width: 30.2083%;
    padding: 10px 0;
}
.socialLink {
    display: inline-block;
    width: 3.34%;
    vertical-align: top;
    margin: 2% 0 0 1.0416%;
    float: right;
}
.socialLink:hover {
    width: 3%;
    padding: .17%}
.phone {
    line-height: 1em;
    font-size: 1.25em;
    font-weight: 600;
    color: #FFF;
    vertical-align: top;
    padding: 10px 0 0 3%;
    margin-left: 2%;
    height: 30px;
    margin-top: 17px;
    background: url(../styleImages/backgrounds/bulletPhone.png) no-repeat 0 center;
    display: inline-block;
    float: right;
    cursor: default;
}
#navBox {
    width: 100%;
    background: #FFF;
    clear: both;
    max-height: 70px;
}
nav {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}
nav a {
    display: inline-block;
    float: left;
    vertical-align: middle;
    font-size: .875em;
    padding: 28px 2.82%;
    border-left: 1px solid #CCC;
    color: #000;
    text-transform: uppercase;
}
nav>a.active, nav>a.main:hover {
    background: url(../styleImages/backgrounds/navActiveBg.png) repeat-x top left;
    color: #000;
}
nav>a.contact {
    position: absolute;
    border-left: none;
    color: #FFF;
    width: 88px;
    height: 29px;
    padding: 28px 18px;
    background: url(../styleImages/backgrounds/contactBg.png) no-repeat center top;
    z-index: 666;
}
nav>a.contact:hover {
    background: url(../styleImages/backgrounds/contactBg.png) no-repeat center top;
    color: #FFF;
}
#showMenuBtn, nav a.menuSubitem {
    display: none;
}
#sliderBox {
    width: 100%;
    min-width: 320px;
    max-height: 470px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    margin-bottom: .6%}
.cycle-slideshow, .cycle-slideshow * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.cycle-slideshow img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    display: block;
    max-width: 1020px;
    margin: 0 auto;
}
.sliderTopLinkBox {
    display: block;
    width: 100%;
    height: 30%;
    margin: 0 auto;
    z-index: 100;
    text-align: center;
    position: absolute;
}
.sliderTopLinkBox a {
    display: inline-block;
    width: 40%;
    height: 100%;
    max-width: 600px;
}
.sliderEachImageBox {
    position: relative;
}
.sliderBottomBox {
    display: block;
    width: 100%;
    height: 67.65957446808511%;
    margin: 0 auto;
    z-index: 100;
    position: absolute;
    bottom: 0;
}
.cloud {
    height: 32%;
    width: 100%}
.sliderCirclesBox {
    width: 100%;
    max-width: 980px;
    position: relative;
    margin: 0 auto;
    text-align: center;
    height: 70%;
    margin-top: -13px;
}
.sliderCirclesBox p {
    text-align: center;
}
.sliderCircleImageBox {
    width: 27.27%;
    margin: 9% auto;
}
.cycle-slideshow img:first-child {
    position: static;
    z-index: 100;
}
.sliderCircleLinkBox {
    display: inline-block;
    width: 22.9166%;
    height: 100%;
    float: left;
    margin: 0 1.041666666666667%;
    border: .5em #CCC solid;
    border-radius: 50%;
    color: #000;
}
.webDesignCircle:hover {
    -moz-box-shadow: 0 0 10px 10px #F96D1E;
    -webkit-box-shadow: 0 0 10px 10px #F96D1E;
    box-shadow: 0 0 10px 10px #F96D1E;
}
.ecommCircle:hover {
    -moz-box-shadow: 0 0 10px 10px #6AB01A;
    -webkit-box-shadow: 0 0 10px 10px #6AB01A;
    box-shadow: 0 0 10px 10px #6AB01A;
}
.seoCircle:hover {
    -moz-box-shadow: 0 0 10px 10px #24124F;
    -webkit-box-shadow: 0 0 10px 10px #24124F;
    box-shadow: 0 0 10px 10px #24124F;
}
.smmCircle:hover {
    -moz-box-shadow: 0 0 10px 10px #2293C1;
    -webkit-box-shadow: 0 0 10px 10px #2293C1;
    box-shadow: 0 0 10px 10px #2293C1;
}
.sliderCircleLinkBox:hover {
    color: #000;
}
.sliderCircleLinkBox p {
    margin-top: 5%;
    font-size: .875em;
}
.seoPageCircle {
    width: 162px;
    height: 162px;
    border: .5em #CCC solid;
    border-radius: 50%}
.responsivePageCircle {
    width: 204px;
    height: 204px;
    border: .5em #CCC solid;
    border-radius: 50%}
.seoPageCircle .sliderCircleImageBox {
    margin: 7% auto;
    width: 30%}
.seoPageCircle h4 {
    text-align: center;
    line-height: 1.5em;
}
#videoBox {
    width: 100%;
    background-color: #1b1b1b;
}
#videoBox>section {
    width: 100%;
    margin: 0 auto;
    max-width: 940px;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.video-container embed, .video-container iframe, .video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%}
#homePageTopContent {
    width: 100%;
    background: #fff;
}
#pageBottomContent {
    width: 100%;
    background: #F9F9F9;
}
.homePageh1 {
    text-align: center;
}
.docHeaderBox {
    width: 100%;
    min-height: 60px;
    margin-bottom: 10px;
}
.docHeaderIconWebsiteDesign {
    width: 50px;
    display: inline-block;
    float: left;
    position: relative;
    top: 5px;
}
.docHeaderIconAboutUs {
    width: 40px;
    display: inline-block;
    float: left;
    position: relative;
    top: 5px;
}
.docHeaderIconAccreditations {
    width: 45px;
    display: inline-block;
    float: left;
    position: relative;
    top: 14px;
}
.docHeaderIconOurOptions {
    width: 37px;
    display: inline-block;
    float: left;
    position: relative;
    top: 14px;
}
.docHeaderIconMissionStatement {
    width: 42px;
    display: inline-block;
    float: left;
    position: relative;
    top: 7px;
}
.docHeaderIconTestimonials {
    width: 39px;
    display: inline-block;
    float: left;
    position: relative;
    top: 8px;
}
.docHeaderIconEcom {
    width: 60px;
    display: inline-block;
    float: left;
    position: relative;
    top: 7px;
}
.docHeaderIconSeo {
    width: 48px;
    display: inline-block;
    float: left;
    position: relative;
    top: 10px;
}
.docHeaderIconSmm {
    width: 51px;
    display: inline-block;
    float: left;
    position: relative;
    top: 6px;
}
.websiteDesignHeaderBg {
    background: url(../styleImages/backgrounds/docHeaderBoxWebsiteDesignBg.jpg) repeat-x top left #FBAC1C;
}
.ecomHeaderBg {
    background: url(../styleImages/backgrounds/docHeaderBoxEcomBg.jpg) repeat-x top left;
}
.seoHeaderBg {
    background: url(../styleImages/backgrounds/docHeaderBoxSeoBg.jpg) repeat-x top left;
}
.smmHeaderBg {
    background: url(../styleImages/backgrounds/docHeaderBoxSmmBg.jpg) repeat-x top left;
}
.websiteAboutUsBg {
    background: url(../styleImages/backgrounds/docHeaderBoxSmmBg.jpg) repeat-x top left #25AAE2;
}
.docHeaderBox h1 {
    text-align: left;
    font-size: 2.5em;
    font-weight: 800;
    line-height: 1.5em;
    color: #FFF;
    margin-left: 1.5625%;
    float: left;
    text-transform: uppercase;
}
.docHeaderBox a {
    color: #FFF;
    font-size: .875em;
    line-height: 2em;
    display: inline-block;
    padding: 0 1%;
    float: left;
    margin-left: 1%;
    margin-top: 2%}
.websiteDesignHeaderBg a {
    color: #FFE6B8;
}
.websiteDesignHeaderBg a.active, .websiteDesignHeaderBg a:hover {
    background-color: #E65D0E;
    border-radius: 5px;
    color: #FFF;
}
.ecomHeaderBg a {
    color: #E5FFA6;
}
.ecomHeaderBg a.active, .ecomHeaderBg a:hover {
    background-color: #5E9D17;
    border-radius: 5px;
    color: #FFF;
}
.seoHeaderBg a {
    color: #D495FF;
}
.seoHeaderBg a:first-of-type {
    margin-left: 3%}
.seoHeaderBg a.active, .seoHeaderBg a:hover {
    background-color: #732fa2;
    border-radius: 5px;
    color: #FFF;
}
.smmHeaderBg a {
    color: #bbebff;
}
.smmHeaderBg a.active, .smmHeaderBg a:hover {
    background-color: #2ab7f2;
    border-radius: 5px;
    color: #FFF;
}
section.content {
    width: 96%;
    max-width: 960px;
    margin: 0 auto;
}
section.content aside {
    width: 22.9166%}
section.content article {
    width: 75%}
section.content article ul {
    line-height: normal;
    margin-bottom: 15px;
}
section.content article ul li {
    list-style-image: url(../styleImages/backgrounds/bulletBlue.png);
    line-height: 1.5em;
    margin-left: 5%}
section.content article img {
    width: auto;
    max-width: 100%;
    height: inherit;
}
#article1 {
    width: 100%}
#article1 h2 {
    margin-left: 17%}
.veryHighP, article p {
    padding: 0 0 15px;
}
aside>div {
    border: 1px solid #CCC;
    padding: 10px;
    margin-bottom: 10px;
}
aside p {
    font-size: .825em;
}
aside h2 {
    font-size: 1em;
    font-style: normal;
    text-align: center;
}
.asideBox1 {
    width: 80%;
    margin: 0 auto 5px;
}
.asideBox2 {
    width: 30%}
.asideBox3 {
    width: 67%;
    margin-top: 7px;
}
#quickQuoteForm input {
    width: 89%;
    padding: 10px;
    border: 1px solid #CCC;
    background: #F6F6F6;
    border-radius: 7px;
    margin-bottom: 10px;
    font-size: .875em;
}
#quickQuoteForm input.codeInput {
    width: 35%;
    margin-right: 10px;
}
#quickQuoteForm input[type=submit] {
    width: 100%;
    height: 34px;
    background: #6AB01A;
    color: #FFF;
    border: none;
    line-height: 14px;
    font-weight: 800;
    text-align: center;
    border-radius: 15px;
    cursor: pointer;
    margin-top: 5px;
}
#quickQuoteForm img {
    width: 30%;
    vertical-align: middle;
}
#quickQuoteForm textarea {
    width: 89%;
    padding: 10px;
    border: 1px solid #CCC;
    background: #F6F6F6;
    border-radius: 7px;
    height: 95px;
    margin-bottom: 10px;
}
::-webkit-input-placeholder {
    color: #000;
}
:-moz-placeholder {
    color: #000;
    opacity: 1;
}
::-moz-placeholder {
    color: #000;
    opacity: 1;
}
:-ms-input-placeholder {
    color: #000;
}
[placeholder]:focus::-webkit-input-placeholder {
    transition: opacity .25s .25s ease;
    opacity: 0;
}
[placeholder]:focus::-moz-placeholder {
    opacity: 0;
}
[placeholder]:focus:-ms-input-placeholder {
    opacity: 0;
}
#quickQuoteForm span {
    display: inline-block;
    margin: 10px 0;
    height: 10px;
    font-size: .6875em;
}
.bullet {
    font-style: italic;
    padding: 0 0 20px 20px;
}
.bullet:before {
    content: "";
    background-size: 100%;
    display: inline-block;
    width: 11px;
    height: 11px;
    position: absolute;
    margin-left: -20px;
    margin-top: 3px;
}
.bulletBlue::before {
    background: url(../styleImages/backgrounds/bulletBlue.png) no-repeat 0 0;
}
.bulletOrange::before {
    background: url(../styleImages/backgrounds/bulletOrange.png) no-repeat 0 0;
}
.bulletPurple::before {
    background: url(../styleImages/backgrounds/bulletPurple.png) no-repeat 0 0;
}
.bulletRed::before {
    background: url(../styleImages/backgrounds/bulletRed.png) no-repeat 0 0;
}
.bulletGreen::before {
    background: url(../styleImages/backgrounds/bulletGreen.png) no-repeat 0 0;
}
.bulletDarkOrange::before {
    background: url(../styleImages/backgrounds/bulletDarkOrange.png) no-repeat 0 0;
}
.iconAnd, .iconOr {
    text-align: left;
}
.iconOr::before {
content: "";
background: url(../styleImages/backgrounds/iconOr.png) no-repeat 0 0;
background-size: 27px;
display: inline-block;
width: 36px;
height: 37px;
position: absolute;
margin-left: -15px;
margin-top: 25px;
}
.iconAnd::before {
content: "";
background: url(../styleImages/backgrounds/iconAnd.png) no-repeat 0 0;
background-size: 27px;
display: inline-block;
width: 36px;
height: 37px;
position: absolute;
margin-left: -15px;
margin-top: 25px;
}
section.content article.left {
    width: 47.9166%;
    margin-left: 1.04166%;
    float: left;
}
section.content article.right {
    width: 47.9166%;
    margin-right: 1.04166%;
    float: right;
}
.learnMoreBox {
    text-align: center;
    line-height: 3em;
}
.learnMoreBtn, .learnMoreBtn:hover {
    font-size: .875em;
    font-weight: 600;
    color: #FFF;
    padding: 5px 2%;
    border-radius: 5px;
    background: #2293C1;
}
.pageCircle {
    display: inline-block;
    width: 21.33%;
    min-width: 182px;
    float: left;
    margin: 0 1%;
    border: .5em #CCC solid;
    border-radius: 50%;
    color: #000;
    margin-bottom: 1%}
.pageCircleImageBox {
    width: 50%;
    padding: 5% 0 0;
    margin: 0 auto;
}
.pageCircle p {
    font-size: .875em;
    text-align: center;
    padding-bottom: 13%}
.pageCircle p.higher {
    padding-bottom: 10%}
.listBox {
    width: 25%}
.listBox>p {
    margin-left: 10px;
}
.listBox>.bullet::before {
    width: 16px;
    height: 16px;
    position: absolute;
    margin-left: -23px;
    margin-top: 3px;
}
.bulletPencil::before {
    background: url(../styleImages/backgrounds/bulletPencil.png) no-repeat 0 0;
}
.bulletLocked::before {
    background: url(../styleImages/backgrounds/bulletLocked.png) no-repeat 0 0;
}
.bulletDatabase::before {
    background: url(../styleImages/backgrounds/bulletDatabase.png) no-repeat 0 0;
}
.bulletArticle::before {
    background: url(../styleImages/backgrounds/bulletArticle.png) no-repeat 0 0;
}
.bulletCalculator::before {
    background: url(../styleImages/backgrounds/bulletCalculator.png) no-repeat 0 0;
}
.bulletBrowser::before {
    background: url(../styleImages/backgrounds/bulletBrowser.png) no-repeat 0 0;
}
.bulletCard::before {
    background: url(../styleImages/backgrounds/bulletCard.png) no-repeat 0 0;
}
.bulletGroup::before {
    background: url(../styleImages/backgrounds/bulletGroup.png) no-repeat 0 0;
}
.bulletKey::before {
    background: url(../styleImages/backgrounds/bulletKey.png) no-repeat 0 0;
}
.bulletShip::before {
    background: url(../styleImages/backgrounds/bulletShip.png) no-repeat 0 0;
}
.bulletSearch::before {
    background: url(../styleImages/backgrounds/bulletSearch.png) no-repeat 0 0;
}
.bulletLaptop::before {
    background: url(../styleImages/backgrounds/bulletLaptop.png) no-repeat 0 0;
}
.bulletIsmall::before {
    background: url(../styleImages/backgrounds/bulletIsmall.png) no-repeat 0 0;
    width: 18px;
    height: 17px;
    margin-top: 2px;
}
.bulletLocked2 {
    padding: 10px 0 20px 35px;
}
.bulletLocked2::before {
    background: url(../styleImages/backgrounds/contactUs1.png) no-repeat 0 0;
    width: 24px;
    height: 32px;
    margin-top: -8px;
    margin-left: -35px;
}
.bulletContuctUsPageBottom {
    padding: 0 0 20px 35px;
    text-transform: uppercase;
    font-weight: 700;
    font-style: normal;
}
.bulletMapPoint::before {
    background: url(../styleImages/backgrounds/contactUs2.png) no-repeat 0 0;
    width: 24px;
    height: 32px;
    margin-top: -4px;
    margin-left: -35px;
}
.bulletTelPoint::before {
    background: url(../styleImages/backgrounds/contactUs3.png) no-repeat 0 0;
    width: 24px;
    height: 32px;
    margin-top: -4px;
    margin-left: -25px;
}
.bulletInfoPoint::before {
    background: url(../styleImages/backgrounds/contactUs4.png) no-repeat 0 0;
    width: 24px;
    height: 32px;
    margin-top: -4px;
    margin-left: -25px;
}
.tickBox {
    width: 33%;
    margin-bottom: 10px;
}
.tickBox>.bullet {
    padding: 10px 0;
}
.tickBox>.bullet::before {
    content: none;
}
.tickBox>.bullet::after {
    content: "";
    width: 27px;
    height: 20px;
    position: absolute;
    margin-left: 10px;
}
.bulletTick::after {
    background: url(../styleImages/backgrounds/bulletTick.png) no-repeat 0 0;
}
.bottomContuctUsBox {
    width: 100%;
    background-color: #dceffd;
    padding: 5px 0 20px;
    margin: 20px 0;
}
.bottomContuctUsBox h2 {
    font-size: 1.625em;
    color: #2393c1;
    text-align: center;
}
.bottomContuctUsBox p {
    text-align: center;
}
.phoneBottomDocLink {
    padding: 5px 10px 5px 30px;
    border-radius: 20px;
    background: url(../styleImages/backgrounds/iconPhoneWhite.png) no-repeat 12px 7px #2393c1;
    color: #FFF!important;
}
.phoneBottomDocLink a {
    color: #FFF!important;
}
.sideContactUsBox {
    background-color: #dceffd;
    margin-top: 10px;
    padding: 10px 0;
}
.sideContactUsBox h2 {
    font-size: 1.625em;
    color: #2393c1;
    text-align: center;
}
.sideContactUsBox p {
    text-align: center;
}
.sideContactUsBox .phoneBottomDocLink {
    position: relative;
    bottom: 10px;
}
#feedbackForm{
	margin-left:100px;
}
#feedbackForm input[type=text],#feedbackForm input[type=url],#feedbackForm input[type=email],#feedbackForm input[type=tel]{
	width:80%;
	font-size: .875em;
padding: 10px;
border: 1px solid #CCC;
background: #F6F6F6;
border-radius: 7px;
}
#feedbackForm textarea{
	width:80%;
	height:30px;
	font-size: .875em;
padding: 10px;
border: 1px solid #CCC;
background: #F6F6F6;
border-radius: 7px;
}
h1.sliderTitle {
    font-weight: 400;
    text-align: center;
}
.paginationBox {
    margin: 10px 0;
    font-weight: 600;
}
.paginationBox a {
    color: #000;
    margin: 0 5px;
    padding: 17px 0;
    display: inline-block;
    line-height: 0;
}
.paginationBox span {
    color: #FFF;
    margin: 0 5px;
    display: inline-block;
    padding: 17px 12px;
    background: #2AB7F2;
    border-radius: 30px;
}
.eachTestimonialBox {
    background: url(../styleImages/backgrounds/testimonialBgLeft.png) no-repeat left 7px, url(../styleImages/backgrounds/testimonialBgRight.png) no-repeat right 7px;
    padding: 15px 40px;
}
.eachTestimonialBox .blueP {
    color: #2AB7F2;
    margin-top: 15px;
}
.eachTestimonial {
    list-style: none;
}
.eachTestimonial p {
    font-size: 1em;
    text-align: left;
    font-style: italic;
}
.testimonialName {
    font-weight: 700;
    margin: 5px 0;
}
.indexPageBox h3 {
    text-align: center;
}
.webDsgnP1Box1 {
    width: 46%;
    margin-right: 1%}
.webDsgnP1Box2 {
    width: 52%;
    border: 1px solid #CCC;
}
.webDsgnP1Box3 {
    width: 47%}
.webDsgnP1Box4 {
    width: 52%}
.webDsgnP2Box1 {
    width: 23%;
    margin-right: 1%}
.webDsgnP2Box2 {
    width: 76%}
.webDsgnP2Box3 {
    width: 24.47916666666667%;
    margin-right: 3%;
    margin-top: 4%}
.webDsgnP2Box4 {
    width: 23.02083333333333%;
    margin-right: 5%}
.webDsgnP2Box5 {
    width: 17.5%;
    margin-top: 1%}
.webDsgnP2Box6 {
    width: 22.39583333333333%;
    margin-top: .5%}
.webDsgnP2Box7 {
    padding: 20px 0;
}
.webDsgnP2Box8 {
    width: 13%;
    margin-right: 2%;
    margin-top: 1.5%}
.webDsgnP2Box9 {
    width: 85%}
.webDsgnP2Box10 {
    width: 57.5%;
    margin-right: 1.5%}
.webDsgnP2Box11 {
    width: 41%;
    margin-top: 4%}
.ecomP1Box1 {
    width: 46%;
    margin-right: 1%}
.ecomP1Box2 {
    width: 52%;
    border: 1px solid #CCC;
}
.ecomP1Box3 {
    width: 47%}
.ecomP1Box4 {
    width: 52%}
.brochureTxt {
    color: #a06128;
    font-weight: 800;
    text-transform: uppercase;
}
.premiereTxt {
    color: #7c7c7c;
    font-weight: 800;
    text-transform: uppercase;
}
.eliteTxt {
    color: #8e6b26;
    font-weight: 800;
    text-transform: uppercase;
}
.blackTxt {
    color: #000;
    font-weight: 800;
    text-transform: uppercase;
    min-height: 38px;
}
.blueTxt {
    color: #2393c1;
}
.packageTitleBox {
    width: 32%;
    height: 50px;
    line-height: 50px;
    float: left;
    text-align: center;
    color: #FFF;
    font-weight: 700;
    font-size: 1.125em;
    text-transform: uppercase;
    margin-right: 2%}
.brochureBg1 {
    background: #cd7f32;
}
.premierBg1 {
    background: #bfc1c2;
    line-height: 20px;
    padding-top: 5px;
    height: 45px;
}
.premierBg3 {
    background: #bfc1c2;
}
.eliteBg1 {
    background: #cba135;
    line-height: 20px;
    padding-top: 5px;
    height: 45px;
    margin-right: 0;
}
.eliteBg3 {
    background: #cba135;
    margin-right: 0;
}
.packagePriceBox {
    width: 32%;
    height: 33px;
    line-height: 33px;
    float: left;
    text-align: center;
    color: #FFF;
    font-weight: 700;
    font-size: 1em;
    text-transform: uppercase;
    margin-right: 2%}
.brochureBg2 {
    background: #a06128;
}
.premierBg2 {
    background: #7c7c7c;
}
.eliteBg2 {
    background: #8e6b26;
    margin-right: 0;
}
.titleRow {
    width: 47%;
    color: #2393c1;
    font-size: 1.125em;
    line-height: 1.125em;
    padding: 10px 0;
    font-weight: 600;
    background-image: url(../styleImages/backgrounds/iconInfo.png);
    background-repeat: no-repeat;
    background-position: 10px 8px;
}

.titleRow2 {
    width: 91.8%;
    color: #2393c1;
    font-size: 1.125em;
    line-height: 1.125em;
    padding: 7px 1.5%;
    font-weight: 600;
	 background-image: url(../styleImages/backgrounds/iconInfo.png);
	 background-repeat: no-repeat;
   background-position: 10px 8px;
}


.titleRow a {
    color: #2393c1;
    text-decoration: underline;
}
.titleRow a:hover {
    color: #2ab7f2;
}
.infoRowBox {
    display: inline-block;
    margin: 0 10px;
    height: 18px;
    width: 20px;
    position: relative;
}
.infoRowBox2{
	display: inline-block;
	margin: 0 10px 0 0;
	height: 24px;
	width: 15px;
	position: relative;
}
.infoBox {
    position: absolute;
    background: #ffd67b;
    border: 1px solid #8e6b26;
    width: 350px;
    padding: 10px;
    display: none;
    text-align: left;
    top: 5px;
    left: 20px;
    font-size: .825em;
    line-height: 1.25em;
    color: #000;
    border-radius: 5px;
		z-index:1000;
}
.infoBox:hover, .infoRowBox:hover .infoBox, .infoRowBox2:hover .infoBox {
    display: block;
}
.lightBlueRow {
    background-color: #dceffd;
}
.darkBlueRow {
    background-color: #c5e8fb;
}
.brochureRow {
    width: 16.6666%;
    background: #f5c9a4;
    color: #a06128;
    font-size: 1.125em;
    line-height: 1.125em;
    padding: 10px 0;
    font-weight: 600;
    text-align: center;
    margin-left: 1%}
.premierRow {
    width: 16.6666%;
    background: #e8e8e8;
    color: #7c7c7c;
    font-size: 1.125em;
    line-height: 1.125em;
    padding: 10px 0;
    font-weight: 600;
    text-align: center;
    margin-left: 1%}
.premierRow2 {
    background: 0 0;
    padding: 0;
}
.premierInnerRow {
    width: 31%;
		
    height: 27px;
    background: #e8e8e8;
    padding: 10px 0;
}
.premierInnerRow2 {
width: 31%;
background: #e8e8e8;
padding: 10px 0;
height: 27px;
}
.premierInnerRow2 p {
    font-size: .5em;
    text-align: center;
}
.eliteRow {
    width: 16.6666%;
    background: #ffd67b;
    color: #8e6b26;
    font-size: 1.125em;
    line-height: 1.125em;
    padding: 10px 0;
    font-weight: 600;
    text-align: center;
    margin-left: 1%}
.eliteRow2 {
    background: 0 0;
    padding: 0;
}
.eliteInnerRow {
    width: 31%;
    height: 22px;
    background: #ffd67b;
    padding: 10px 0;
		
}
.eliteInnerRow2 {
    width: 31%;
    background: #ffd67b;
		padding: 10px 0;
height: 27px;

}
.eliteInnerRow2 p {
    font-size: .5em;
    text-align: center;
}
.tickRow {
    background: url(../styleImages/backgrounds/bulletTick.png) no-repeat center center #c1f469;
    height: 20px;
}
.redRow {
    background: #e07c7c;
    color: #a00000;
}
.redRowCros {
    background: url(../styleImages/backgrounds/iconCros.png) no-repeat center center #e07c7c;
    height: 20px;
}
.ecomP2Box1 {
    width: 6%;
    margin-right: 1%}
.ecomP2Box2 {
    width: 100%}
.ecomP2Box3, .ecomP2Box4 {
    width: 50%}
.ecomP2Box3 p, .ecomP2Box4 p {
    padding-left: 10px;
    padding-right: 10px;
    font-size: .875em;
}
.ecomP2Box3 p.veryHighP, .ecomP2Box4 p.veryHighP {
    padding-bottom: 17px;
}
.ecomP2Box3 h2, .ecomP2Box4 h2 {
    padding-left: 10px;
}
.ecom2Circle {
    width: 206px;
    height: 206px;
    border: 7px solid #E0E0E0;
    border-radius: 50%;
    margin-right: 2.7%}
#ecom2Circle12, #ecom2Circle16, #ecom2Circle4, #ecom2Circle8 {
    margin: 0;
}
.ecom2CircleMainImageBox {
    width: 33%;
    margin: 0 auto;
    margin-top: 20%}
.ecom2Circle p {
    text-align: center;
    margin-top: 10%;
    font-size: .875em;
}
.ecom2CircleTickBox {
    width: 20%;
    margin: 0 auto;
    margin-top: 3%}
.ecomP2Box5 {
    width: 58%}
.seoP1Box1 {
    width: 2.7%;
    margin-right: 1.3%}
.seoP1Box2 {
    width: 96%;
    margin-top: 7px;
}
.seoP1Box3 {
    width: 13.5%;
    margin-right: 2.5%}
.seoP1Box4 {
    width: 84%;
    margin-top: 35px;
}
.seoP1Box5 {
    background: url(../styleImages/backgrounds/seo3.png) no-repeat top right;
    width: 100%;
    padding-top: 30px;
}
.seoP1Box5 p {
    padding-bottom: 30px;
}
.seoP1Box6, .seoP1Box7 {
    width: 47.4%}
.seoP1Box8 {
    width: 94.8%;
    clear: both;
}

.tickBox2 {
    width: 3.2%;
    margin-top: .5%}
.bottomContuctUsBoxSmaller {
    width: 94.8%}
.seoP2Box1 {
    width: 11.5%;
    margin-right: 1.5%}
.seoP2Box2 {
    width: 55%}
.seoP2Box3 {
    width: 29%}
.seoP2Box4 {
    margin-left: 13%}
.seoP2Box5 {
    width: 87%}
.seoP2Box6 {
    margin-left: 13%;
    width: 65%}
.seoP2Box7 {
    width: 20%}
.seoP2Box7 .sliderCircleLinkBox h4 {
    line-height: 1.5em;
}
.seoP3Box1 {
    margin: 10px 0;
}
.seoP3Box2 {
    margin-right: .5%}
.seoP3Box3 {
    margin-top: 1%;
    margin-right: .5%}
.seoP3Box4 {
    width: 78%}
.seoP3Box4 .sliderCircleLinkBox h4 {
    line-height: 1.5em;
}
.smmP1Box1 {
    width: 65.625%}
.smmP1Box2 {
    width: 31%}
.smmP1Box3 {
    margin-top: 30px;
}
.smmP1Box4 {
    width: 80%;
    margin-left: 2%}
.smmP1Box5 {
    margin-top: 20px;
    text-align: center;
}
.smmP1Box5 button {
    background: 0 0;
    border: none;
    cursor: pointer;
}
.smmP1Box6 {
    width: 47%}
.smmP1Box6 h1 {
    font-size: 2em;
    line-height: 1.1em;
    font-style: italic;
    font-weight: 400;
}
.smmP1Box6 p {
    font-size: .75em;
    color: #2393c1;
    padding: 0;
    margin: 0;
}
.smmP1Box7 {
    width: 52%}
.smmP1Box8 {
    width: 35px;
    margin: 0 auto;
}
.smmP1Box9 {
    width: 32px;
    margin: 0 auto;
}
.smmP1Box9b {
    width: 32px;
    margin: 0 auto;
}

.smmP1Box10 {
    width: 63%}
.smmP1Box11 {
    width: 35%}
.smmP2Box2 {
    width: 87%}
.smmP3Box1 {
    width: 13%}
.smmP3Box2 {
    width: 85%}
.smmP3Box3 {
    width: 100%;
    background: url(/skins/FixedSize/styleImages/backgrounds/smm9.png) no-repeat center right;
}
.smmP3Box3>p {
    width: 90%}
.smmP3Box4 {
    width: 85%}
.smmP3Box5 {
    width: 13%}
.smmP3Box6 {
    width: 21%}
.smmP3Box7 {
    width: 77%}
.smmP3Box8 {
    width: 87%}
.smmP3Box9 {
    width: 11%}
.smmP3Box10 {
    width: 8%}
.smmP3Box11 {
    width: 90%;
    margin-top: 10px;
}
.smmP3Box12 {
    width: 81%}
.smmP3Box13 {
    width: 17%;
    margin-top: 15px;
}
.smmP3Box14 {
    margin-top: 10px;
    margin-right: 2%;
    width: 12%}
.smmP3Box15 {
    width: 86%}
.smmP3Box16 {
    width: 77%}
.smmP3Box17 {
    margin-top: 20px;
    width: 21%}
.smmP3Box18 {
    width: 70%}
.smmP3Box19 {
    margin-top: -25px;
    width: 30%}
.smmP3Box20 {
    margin-top: 5px;
    margin-right: 2%;
    width: 15%}
.smmP3Box21 {
    width: 82%}
.contactUsPageBox1, .contactUsPageBox2 {
    width: 49.5%}
.contactUsPageBox1 label, .contactUsPageBox2 label {
    font-size: .875em;
    display: inline-block;
    width: 27%}
.contactUsPageBox1 input {
    font-size: .875em;
    padding: 10px;
    border: 1px solid #CCC;
    background: #F6F6F6;
    border-radius: 7px;
    margin-bottom: 10px;
    width: 63%}
.contactUsPageBox1 label.dropDownLabel {
    float: left;
    margin-top: 20px;
}
.contactUsPageBox1 select::-ms-expand {
    display: none;
}
.contactUsPageBox1 select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(/skins/FixedSize/styleImages/backgrounds/dropDownArrow.png) no-repeat 275px 13px #F6F6F6;
    text-indent: .01px;
    text-overflow: "";
    font-size: .875em;
    padding: 10px;
    border: 1px solid #CCC;
    border-radius: 7px;
    margin-bottom: 10px;
    width: 68.3%}
.contactUsPageBox2 textarea {
    width: 65%;
    padding: 10px;
    border: 1px solid #CCC;
    background: #F6F6F6;
    border-radius: 7px;
    height: 148px;
    margin-bottom: 10px;
}
.contactUsPageBox2 .alignToTopBox label {
    margin-top: 10px;
    margin-left: 2%;
    width: 23%}
.contactUsPageBox2 .alignToTopBox span {
    display: inline-block;
    margin-top: 11px;
}
.contactUsPageBox2 img {
    width: 12%;
    margin-left: 1%}
.contactUsPageBox2 .alignToMiddleBox label {
    width: auto;
}
.contactUsPageBox2 .alignToMiddleBox input {
    font-size: .875em;
    padding: 10px;
    border: 1px solid #CCC;
    background: #F6F6F6;
    border-radius: 7px;
    width: 25%}
.contactUsPageBox3 {
    margin-top: 3px;
}
.contactUsPageBox4 {
    width: 15%;
    text-align: right;
    margin-right: 2%}
.contactUsPageBox4 p {
    font-size: .875em;
    text-align: center;
    margin-top: 5px;
}
.contuctUsSendBtn {
    width: 97%;
    background: #6AB01A;
    color: #FFF;
    border: none;
    border-radius: 25px;
    padding: 8px 30px;
    font-size: 1.25em;
    font-weight: 800;
    cursor: pointer;
}
.contactUsPageBox5 {
    width: 33.33%}
.contactUsPageBox5 p {
    padding-left: 35px;
    padding-top: 5px;
}
.contactUsPageBox6 iframe {
    width: 960px;
}
.testimonialBox {
    float: left;
    width: 21%;
    margin-right: 4%;
    padding: 3% 0;
}
.testimonialBox p:first-of-type {
    font-style: italic;
}
.testimonialBox p:last-of-type {
    color: #2AB7F2;
    font-weight: 600;
    font-size: .875em;
    margin-top: 1em;
}
.accreditationBox {
    width: 100%;
    margin-top: 15px;
    border-bottom: 5px solid #E0E0E0;
}
.accreditationCircle {
    width: 220px;
    height: 220px;
    border: 7px solid #E0E0E0;
    border-radius: 120px;
}
.accreditationTxtBox {
    width: 74%}
.wwdcCircle {
    background: url(/skins/FixedSize/styleImages/backgrounds/accreditations1.png) no-repeat center center;
}
.wwdcCircle:hover {
    -moz-box-shadow: 0 0 10px 10px #E9375B;
    -webkit-box-shadow: 0 0 10px 10px #E9375B;
    box-shadow: 0 0 10px 10px #E9375B;
}
.iwdroCircle {
    background: url(/skins/FixedSize/styleImages/backgrounds/accreditations2.png) no-repeat center center;
}
.iwdroCircle:hover {
    -moz-box-shadow: 0 0 10px 10px #003777;
    -webkit-box-shadow: 0 0 10px 10px #003777;
    box-shadow: 0 0 10px 10px #003777;
}
.trustedShopsCircle {
    background: url(/skins/FixedSize/styleImages/backgrounds/accreditations3.png) no-repeat center center;
}
.trustedShopsCircle:hover {
    -moz-box-shadow: 0 0 10px 10px #E2C671;
    -webkit-box-shadow: 0 0 10px 10px #E2C671;
    box-shadow: 0 0 10px 10px #E2C671;
}
.ukwdaCircle {
    background: url(/skins/FixedSize/styleImages/backgrounds/accreditations4.png) no-repeat center center;
}
.ukwdaCircle:hover {
    -moz-box-shadow: 0 0 10px 10px #37B7F6;
    -webkit-box-shadow: 0 0 10px 10px #37B7F6;
    box-shadow: 0 0 10px 10px #37B7F6;
}
.rackspaceCircle {
    background: url(/skins/FixedSize/styleImages/backgrounds/accreditations5.png) no-repeat center center;
}
.rackspaceCircle:hover {
    -moz-box-shadow: 0 0 10px 10px #C60225;
    -webkit-box-shadow: 0 0 10px 10px #C60225;
    box-shadow: 0 0 10px 10px #C60225;
}
.mooDirectoryCircle {
    background: url(/skins/FixedSize/styleImages/backgrounds/accreditations6.png) no-repeat center center;
}
.mooDirectoryCircle:hover {
    -moz-box-shadow: 0 0 10px 10px #0371BA;
    -webkit-box-shadow: 0 0 10px 10px #0371BA;
    box-shadow: 0 0 10px 10px #0371BA;
}
.microsoftCircle {
    background: url(/skins/FixedSize/styleImages/backgrounds/accreditations7.png) no-repeat center center;
}
.microsoftCircle:hover {
    -moz-box-shadow: 10px -10px 15px #8FD222, 10px 10px 15px #EED200, -10px 10px 15px #4B8CCE, -10px -10px 15px #FE6D40;
    -webkit-box-shadow: 10px -10px 15px #8FD222, 10px 10px 15px #EED200, -10px 10px 15px #4B8CCE, -10px -10px 15px #FE6D40;
    box-shadow: 10px -10px 15px #8FD222, 10px 10px 15px #EED200, -10px 10px 15px #4B8CCE, -10px -10px 15px #FE6D40;
}
.cozyDigitalCircle {
    background: url(/skins/FixedSize/styleImages/backgrounds/accreditionsCozyDigitalLogo.png) no-repeat center center;
}
.cozyDigitalCircle:hover {
    -moz-box-shadow: 0 0 10px 10px #0371BA;
    -webkit-box-shadow: 0 0 10px 10px #0371BA;
    box-shadow: 0 0 10px 10px #0371BA;
}
.edinburghBestCircle {
    background: url(/skins/FixedSize/styleImages/backgrounds/accreditionsEdinburghBestLogo.png) no-repeat center center;
		background-size:contain;
}
.edinburghBestCircle:hover {
    -moz-box-shadow: 0 0 10px 10px #b4d8f3;
    -webkit-box-shadow: 0 0 10px 10px #b4d8f3;
    box-shadow: 0 0 10px 10px #b4d8f3;
}
.missionStBox1 {
    width: 17%}
.missionStBox2 {
    width: 83%}
.missionStCircle {
    width: 124px;
    height: 124px;
    border: 8px solid #E0E0E0;
    border-radius: 120px;
}
.missionStCircle1 {
    background: url(/skins/FixedSize/styleImages/backgrounds/mission1.png) no-repeat center center;
}
.missionStCircle2 {
    background: url(/skins/FixedSize/styleImages/backgrounds/mission2.png) no-repeat center center;
}
.missionStCircle3 {
    background: url(/skins/FixedSize/styleImages/backgrounds/mission3.png) no-repeat center center;
}
.missionStCircle4 {
    background: url(/skins/FixedSize/styleImages/backgrounds/mission4.png) no-repeat center center;
}
.missionStCircle5 {
    background: url(/skins/FixedSize/styleImages/backgrounds/mission5.png) no-repeat center center;
}
.bottomContuctUsBox h2.missionStBottomH2 {
    font-size: 1.0625em;
}
.responsiveBox1 {
    width: 78%}
.responsiveBox2 {
    width: 22%}
.responsiveBox2 .sliderCircleLinkBox {
    width: 162px;
    height: 162px;
    float: right;
}
.responsiveBox2 .sliderCircleLinkBox h4 {
    font-size: 1em;
    display: inline-block;
    text-align: center;
    width: 100%}
.responsiveBox3 {
    width: 100%;
    height: 220px;
}
.responsiveBox3 h4 {
    color: #2192C1;
    text-transform: uppercase;
    text-align: center;
    font-size: 2em;
}
.responsiveBox3 h4 span {
    font-size: 16px;
}
.responsiveBox4 {
    width: 100%}
.responsiveBox4 div {
    width: 25%;
    display: inline-table;
}
.responsiveBox4 p {
    text-align: center;
}
.responsiveCircle21 {
    background: url(/skins/FixedSize/styleImages/backgrounds/responsive2.png) no-repeat 75px 25px;
}
.responsiveCircle22 {
    background: url(/skins/FixedSize/styleImages/backgrounds/responsive3.png) no-repeat center 25px;
}
.responsiveCircle23 {
    background: url(/skins/FixedSize/styleImages/backgrounds/responsive4.png) no-repeat center 25px;
}
.responsiveCircle24 {
    background: url(/skins/FixedSize/styleImages/backgrounds/responsive5.png) no-repeat center 25px;
}
.homePageBox1 {
    width: 100%}
.homePageCircle2 {
    width: 204px;
    height: 204px;
    border: 8px solid #CCC;
    border-radius: 50%;
    margin: 0 10px;
}
.homePageCircle2 h4 {
    text-align: center;
    padding-top: 70%}
.homePageCircle21 {
    background: url(/skins/FixedSize/styleImages/backgrounds/homePage1.png) no-repeat center 45px;
}
.homePageCircle22 {
    background: url(/skins/FixedSize/styleImages/backgrounds/homePage2.png) no-repeat center 45px;
}
.homePageCircle23 {
    background: url(/skins/FixedSize/styleImages/backgrounds/homePage3.png) no-repeat 43px 45px;
}
.homePageCircle24 {
    background: url(/skins/FixedSize/styleImages/backgrounds/homePage4.png) no-repeat 43px 45px;
}
#socialFeedBox {
    width: 100%;
    background: #2293C1;
    min-height: 10px;
}
#socialFeedBox>section {
    width: 96%;
    max-width: 940px;
    margin: 0 auto;
    padding: 10px 0;
}
#twitterFeedWrapper {
    float: left;
    width: 47%;
    padding: 1%;
    height: 254px;
    border: 1px solid #A2D5EA;
    border-radius: 10px;
    background: url(/skins/FixedSize/styleImages/backgrounds/feedsBg.png) no-repeat top left #78BDD9;
}
#twitterFeedContent {
    border: 1px solid #CCC;
    border-radius: 10px;
    background-color: #fff;
    padding: 10px;
    margin-top: 10px;
}
.tweetsWrapper {
    overflow: auto;
    height: 159px;
    margin-top: 10px;
    overflow-x: hidden;
}
.tweetsWrapper article {
    margin-bottom: 10px;
}
.feedTwitterImageBox {
    width: 12%;
    margin: 0 1.5%;
    float: left;
}
.feedTwitterTwitBox {
    float: left;
    width: 82%}
.eachTweetNameLink {
    color: #3785c7;
    font-size: .75em;
}
.eachTimeText {
    font-size: .75em;
}
.eachTweetText {
    font-size: .75em;
    padding: 0 0 5px;
}
.eachTweetText a {
    color: #3785c7;
}
.twittReplayBtn {
    background: url(/skins/FixedSize/styleImages/backgrounds/twitterBg.png) no-repeat -80px -83px;
    width: 20px;
    height: 20px;
    display: inline-block;
    float: right;
}
.twittReplayBtn:hover {
    background: url(/skins/FixedSize/styleImages/backgrounds/twitterBg.png) no-repeat -103px -83px;
}
.twittRetweetBtn {
    background: url(/skins/FixedSize/styleImages/backgrounds/twitterBg.png) no-repeat -80px -100px;
    width: 20px;
    height: 20px;
    display: inline-block;
    float: right;
    margin-right: 7px;
}
.twittRetweetBtn:hover {
    background: url(/skins/FixedSize/styleImages/backgrounds/twitterBg.png) no-repeat -107px -100px;
}
.twittFavBtn {
    background: url(/skins/FixedSize/styleImages/backgrounds/twitterBg.png) no-repeat -80px -120px;
    width: 20px;
    height: 20px;
    display: inline-block;
    float: right;
    margin-right: 5px;
}
.twittFavBtn:hover {
    background: url(/skins/FixedSize/styleImages/backgrounds/twitterBg.png) no-repeat -101px -120px;
}
#fbFeedWrapper {
    float: right;
    width: 47%;
    padding: 1%;
    height: 254px;
    border: 1px solid #A2D5EA;
    border-radius: 10px;
    background: url(/skins/FixedSize/styleImages/backgrounds/feedsBg.png) no-repeat top left #78BDD9;
    overflow-x: hidden;
}
.feedTopImageBox {
    width: 33%}
#fbFeedContent {
    border: 1px solid #CCC;
    border-radius: 10px;
    background-color: #fff;
    padding: 2%;
    margin: 10px auto 0;
    width: 96%}
#twitterFeedContent h4 {
    line-height: 1.25em;
}
.fbFeedUserNameTop {
    color: #3785c7;
    font-size: .75em;
}
.postsWrapper {
    overflow: auto;
    height: 131px;
    margin-top: 10px;
}
.fbName {
    font-size: .75em;
    color: #3785c7;
}
.eachPost {
    font-size: .75em;
}
.eachPost a {
    color: #3785c7;
}
.eachPost a:hover {
    color: #2ab7f2;
}
#blogFeedWrapper {
    width: 98%;
    padding: 1%;
    margin-top: 10px;
    height: 145px;
    background: #78BDD9;
    border-radius: 10px;
}
#blogFeedWrapper>section {
    background: #FFF;
    height: 100%;

    border-radius: 10px;
}
#blogFeedWrapper ul {
    margin-left: 2%;
    margin-top: -20px;
}
.blogFeedTitle {
    font-weight: 300;
    font-style: italic;
    padding: 10px;
    padding-bottom: 0;
    text-align: right;
}
.blogFeedTitle a {
    color: #000;
}
#blogFeedWrapper li {
    list-style: none;
}
#blogFeedWrapper .dateStamp {
    color: #999;
    font-weight: 600;
    font-size: 14px;
    margin-left: 20px;
    font-style: italic;
}
#blogFeedWrapper img {
    width: 10%;
    display: inline-block;
    float: left;
    margin-right: 2%;
    margin-top: 5px;
}
#blogFeedWrapper h2 {
    margin-bottom: 0;
}
#blogFeedWrapper h2>a {
    font-size: 1em;
    font-weight: 800;
    text-decoration: none;
    text-transform: uppercase;
    color: #ACACAC;
    margin-bottom: 0;
}
#websitesCaruselBox {
    width: 100%;
    background: #FFF;
}
#websitesCaruselBox>section {
    width: 96%;
    max-width: 1020px;
    margin: 0 auto;
    margin-bottom: 2%}
.caruselSlide {
    width: 96%}
.caruselSlide img {
    border: 3px solid #C4CED3;
    width: 98%}
.caruselSlide a, .caruselSlide p {
    text-align: center;
    font-size: .8125em;
    max-width: 100%;
    overflow: hidden;
    line-height: 1.3em;
}
#websitesCaruselBox #prev {
    float: left;
    width: 2.843137254901961%;
    margin-top: 40px;
}
#websitesCaruselBox #next {
    float: right;
    width: 2.843137254901961%;
    margin-top: 40px;
    position: relative;
    right: .5%
}
#websitesCaruselBox .prevEcomP1 {
    width: 6%!important;
    margin-top: 7%!important;
    position: relative!important;
    left: 6%!important;
}
#websitesCaruselBox .nextEcomP1 {
    width: 6%!important;
    margin-top: 7%!important;
    position: relative!important;
    right: 7%!important;
}
#footerBox {
    width: 100%;
    background: #080808;
}
footer {
    width: 96%;
    max-width: 960px;
    margin: 0 auto;
    padding: 20px 0;
}
footer p {
    color: #FFF;
}
.copyLine {
    font-size: .75em;
    font-weight: 600;
    line-height: 2em;
}
.copyLine>a {
    color: #FFF;
}
.infoGreyLine {
    font-size: .75em;
    color: #ACACAC;
    font-weight: 600;
    line-height: 2em;
}
.footerRightTxt {
    text-align: right;
    font-size: .75em;
    font-weight: 600;
    margin-bottom: 1em;
}
.socialLinkBottomBox {
    width: 25%;
    margin-top: -50px;
}
.socialLinkBottom {
    display: inline-block;
    width: 10%;
    vertical-align: top;
    margin: 0 0 0 1%;
    float: left;
}
/*.socialLinkBottom:hover {
    width: 10%;
    padding: 1%}*/
select::-ms-expand {
    display: none;
}
select.ourOptSelect {
    -webkit-appearance: none;
    -moz-appearance: window;
    background: url(/skins/FixedSize/styleImages/backgrounds/dropDownArrow.png) no-repeat 91% 13px;
    text-indent: .01px;
    text-overflow: "";
    font-size: 1.125em;
    padding: 6px;
    border: 1px solid #CCC;
    width: 30%}
.ourOptBox1 {
    width: 40%;
    margin: 0 auto;
}
.ourOptBox1 .circleLink {
    width: 50%}
.ourOptBox1 .circleLink .seoPageCircle .sliderCircleImageBox {
    margin: 2% auto;
    width: 40%!important;
}
.ourOptBox2 {
    width: 100%}
.ourOptBox3 {
    width: 100%;
    position: relative;
}
.ourOptBox3 #prev {
    float: left;
    width: 2%;
    padding: 1%;
    position: absolute;
    z-index: 999;
    background: rgba(0, 0, 0, .3);
    margin-top: 80px;
}
.ourOptBox3 #next {
    float: right;
    width: 2%;
    padding: 1%;
    margin-left: 96%;
    position: absolute;
    z-index: 999;
    background: rgba(0, 0, 0, .3);
    margin-top: 80px;
}
.ourOptBox3 #prev:hover {
    background-color: rgba(0, 0, 0, 1);
}
.ourOptBox3 #next:hover {
    background: rgba(0, 0, 0, 1);
}
.cycle-pager {
    text-align: center;
    width: 100%;
    z-index: 1500;
    position: absolute;
    margin-top: -34px;
    overflow: hidden;
    line-height: 3em;
}
.cycle-pager span {
    font-family: arial;
    font-size: 3em;
    width: 25px;
    height: .5em;
    display: inline-block;
    color: #319AC5;
    cursor: pointer;
}
.cycle-pager span.cycle-pager-active, .cycle-pager span:hover {
    color: #FFF;
}
.cycle-overlay {
    position: absolute;
    width: 40%;
    margin: 0 30%;
    background: rgba(255, 255, 255, .9);
    color: #000;
    margin-top: -140px;
    z-index: 999;
    text-align: center;
    font-size: 1.5em;
    line-height: 1.25em;
    padding: 20px;
}
.ourOptBox5, .ourOptBox6 {
    width: 49%}
.ourOptBox5 dl, .ourOptBox6 dl {
    width: 100%;
    margin: 0;
}
.ourOptBox5 dt, .ourOptBox6 dt {
    width: 49%;
    float: left;
    font-size: 1.5em;
    line-height: 1em;
    margin: 2px 0;
    min-height: 48px;
}
.ourOptBox5 dd, .ourOptBox6 dd {
    width: 49%;
    float: right;
    margin: 2px 0;
    min-height: 48px;
}
.ourOptBox5 h3, .ourOptBox6 h3 {
    line-height: 1.125em;
    color: #000;
    text-align: right;
}
.ourOptBox5 p, .ourOptBox6 p {
    text-align: right;
    line-height: 1.5em;
}
.georgiaBox {
    font-family: Georgia, serif;
}
.palantinoBox {
    font-family: Palatino, "Palatino Linotype", serif;
}
.timesNewRomanBox {
    font-family: TimesNewRoman, "Times New Roman", serif;
}
.arialBox {
    font-family: Arial, sans-serif;
}
.trebuchetBox {
    font-family: "Trebuchet MS", sans-serif;
}
.verdanaBox {
    font-family: Verdana, sans-serif;
}
.droidSerifBox {
    font-family: 'Droid Serif', serif;
}
.robotoSlabBox {
    font-family: 'Roboto Slab', serif;
}
.vollkornBox {
    font-family: Vollkorn, serif;
}
.droidSansBox {
    font-family: 'Droid Sans', sans-serif;
}
.playBox {
    font-family: Play, sans-serif;
}
.ourOptBox7 {
    border-top: 1px solid #CCC;
    width: 100%;
    clear: both;
}
#standardSearch {
    width: 28%;
    padding: 0 1%;
    height: 38px;
    font-size: 1.125em;
    background: url(/skins/FixedSize/styleImages/backgrounds/iconSearchGrey.png) no-repeat 95% center;
    border: 1px solid #CCC;
}
#advSearch {
    width: 28%;
    padding: 0 1%;
    height: 38px;
    font-size: 1.125em;
    border: 1px solid #CCC;
}
#advSubmit {
    width: 30%;
    height: 38px;
    font-size: 1.125em;
    line-height: 38px;
    border: none;
    background: url(/skins/FixedSize/styleImages/backgrounds/iconSearchWhite.png) no-repeat 95% center #2293c1;
    color: #FFF;
    border-radius: 5px;
    cursor: pointer;
}
.ourOptBox8 {
    border: 1px solid #CCC;
    width: 70%;
    padding: 20px;
    margin: 0 auto;
    height: 120px;
}
.ourOptBox8 li {
    list-style: none;
}
.ourOptBox8 p {
    text-align: center;
    font-style: italic;
    font-weight: 900;
    height: 95px;
}
.ourOptBox8 h3 {
    text-align: center;
    font-weight: 700;
    line-height: 2em;
}
.ourOptBox9 {
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.ourOptBox9 img {
    float: left;
    display: inline-block;
    width: 31%;
    padding: 1%}
.ourOptBox10 {
    margin: 0 30%;
    float: left;
    width: 40%}
.ourOptBox10 .zoom {
    display: inline-block;
}
.ourOptBox10 .zoom img {
    display: block;
}
#prevGallery {
    float: left;
    width: 5%;
    position: absolute;
    z-index: 999;
    margin-top: 14%}
#nextGallery {
    float: right;
    width: 5%;
    margin-left: 95%;
    position: absolute;
    z-index: 999;
    margin-top: 14%}
.ourOptBox11 {
    width: 75%;
    margin: 0 auto;
}
.ourOptBox12 {
    width: 490px;
    margin: 0 auto;
    position: relative;
    background: #f0f0f0;
}
.buttonBasic {
    width: 30%;
    border-radius: 20px;
    color: #FFF;
    text-align: center;
    background: #323232;
    display: inline-block;
    padding: 10px 0;
}
.buttonAdv {
    width: 30%;
    border-radius: 20px;
    color: #FFF;
    background: url(/skins/FixedSize/styleImages/backgrounds/advBtnBg.png) no-repeat right center #9c0;
    display: inline-block;
    height: 45px;
    padding: 26px 0;
}
.buttonAdv:hover {
    color: #000;
}
.buttonAdv span:first-of-type {
    font-size: 1.5em;
    line-height: 1em;
    margin-left: -20%;
    font-weight: 700;
}
.buttonAdv span:last-of-type {
    font-size: 1em;
    line-height: 1em;
    margin-left: -20%}
.ourOptBox13 {
    width: 30%;
    margin: 0 auto;
}
.ourOptBox13 a {
    display: inline-block;
    float: left;
    width: 13%;
    margin-left: 3.5%}
.ourOptBox13 a:hover {
    width: 11%;
    padding: .9%}
.ourOptBox14 {
    width: 40%;
    margin: 0 auto;
}
.ourOptBox14 #twitterFeedWrapper, .ourOptBox14 .tweetsWrapper article {
    width: 100%}
.ourOptBox14 .feedTwitterImageBox {
    width: 11%;
    margin: 0;
    margin-right: 3%}
.ourOptBox15 {
    width: 80%;
    margin: 0 5%;
    padding: 5%;
    background: #dceffd;
}
.ourOptBox15 #email, .ourOptBox15 #name {
    width: 45%;
    padding: 10px 1%;
    display: inline-block;
    margin-bottom: 20px;
    border: 1px solid #CCC;
}
.ourOptBox15 #subject, .ourOptBox15 textarea {
    width: 98%;
    padding: 10px 1%;
    margin-bottom: 20px;
    border: 1px solid #CCC;
}
.ourOptBox15 textarea {
    height: 80px;
    border: 1px solid #CCC;
}
#ourOptSubmitFormBtn {
    width: 30%;
    color: #FFF;
    padding: 15px 0;
    border-radius: 10px;
    border: none;
    font-weight: 700;
    background: #2293c1;
    cursor: pointer;
    font-size: 1.25em;
}
.content24 aside{
	display:none;
}
section.content24 article{
	width:100%;
}
#article24 .aboutUs4CirclesBox {
    width: 100%!important;
    margin: 20px 0;
}
#article24 .seoPageCircle {
    width: 206px;
    height: 206px;
}
#article24 .seoPageCircle .sliderCircleImageBox {
    margin: 4% auto;
}
#article24 .seoPageCircle h4 {
    line-height: 1.125em!important;
}
#article24 img {
    width: 100%!important;
}
#cookiePolicyBox {
    position: fixed;
    bottom: 30px;
    width: 350px;
    background: #D8D8D8;
    right: 30px;
    color: #000;
    display: none;
}
#cookiePolicyBox p {
    color: #000;
}
.cookieCloseBox {
    background: url(/skins/FixedSize/styleImages/backgrounds/iconCloseWhiteCross.png) no-repeat center 10px #747474;
    width: 3%;
    float: left;
    height: 60px;
    padding: 5%;
    cursor: pointer;
}
.caseSurround {
    background-image: url(/skins/FixedSize/styleImages/backgrounds/caseStudiesArea.png);
    width: 440px;
    height: 256px;
    margin: 0 auto 10px;
    padding: 15px 185px 15px 15px;
}
.caseSurround h1 {
    font-family: cabinBold, Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    font-weight: 700;
    font-style: normal;
    color: #FFF;
    margin-bottom: 10px;
}
.caseSurround #downloadImage {
    width: 60%}
.contactUsPageBox5 img {
    width: auto;
}
.footerLink {
    color: #2ab7f2!important;
}
.responsiveCirclesBox{
	width:100%;
}
.responsiveCirclesBox .circleLink{
	margin-right:2%;
}
.responsiveCirclesBox .circleLink:last-of-type{
	margin:0;
}
@media only screen and (min-device-width:560px) and (max-device-width:1024px) and (orientation:landscape) {
    .sideContactUsBox h2 {
    font-size: 1.5em;
}
nav a.menuSubitem {
    display: none;
}
.phone {
    line-height: 1em;
}
#cookiePolicyBox {
    display: none!important;
}
}@media only screen and (min-width:720px) and (max-width:1024px) and (orientation:portrait) {
    .tabletOff {
    display: none!important;
}
#cookiePolicyBox {
    display: none!important;
    visibility: hidden;
}
.seoP2Box11 {
    clear: both;
}
.ourOptBox8 {
    height: 150px;
}
.ourOptBox8 p {
    height: 133px;
}
#article24 .seoPageCircle {
    width: 110px;
    height: 110px;
}
#article24 .seoPageCircle .sliderCircleImageBox {
    margin-bottom: 1%}
.seoP2Box12 {
    width: 87%}
#article1 h2 {
    margin-left: 22%}
#nextGallery {
    margin-left: 100%;
    margin-top: 20%;
    width: 10%}
#prevGallery {
    width: 10%;
    margin-top: 20%;
    margin-left: -13%}
.buttonAdv {
    width: 45%}
.ourOptBox14 {
    width: 50%}
#headerBox {
    height: 60px;
}
.headerMain {
    width: 98%;
    padding: 0 1%}
.logo {
    float: left;
    width: 28%}
.socialLink {
    float: right;
    width: 4%}
.phone {
    margin-top: 10px;
    padding-left: 4%;
    margin-left: 10%;
    line-height: .3em;
}
#navBox {
    width: 98%;
    padding: 0 1%}
nav {
    width: 768px;
}
nav a {
    padding: 28px 1.8%}
nav>a.contact {
    position: absolute;
    padding: 28px 0;
    width: 100px;
    text-align: center;
}
nav a.menuSubitem {
    display: none;
}
.sideContactUsBox h2 {
    font-size: 1.5em;
}
.sliderCircleLinkBox p {
    font-size: .7125em;
}
.homePageCircle2 {
    width: 140px;
    height: 140px;
}
.homePageh1 {
    font-size: 1.5em;
}
.indexPageBox h3 {
    font-size: 1em;
}
.size15 {
    min-height: 110px;
}
.postsWrapper {
    height: 120px;
}
#blogFeedWrapper {
    height: 175px;
}
.socialLinkBottomBox {
    margin-top: -40px;
}
.ecomHeaderBg h1, .seoHeaderBg h1, .smmHeaderBg h1, .websiteDesignHeaderBg h1 {
    font-size: 1.375em;
    line-height: 2.5em;
}
.sliderTitle {
    font-size: 1.5em;
}
#websitesCaruselBox .prevEcomP1 {
    margin-top: 10%!important;
    left: 1%!important;
}
#websitesCaruselBox .nextEcomP1 {
    margin-top: 10%!important;
    right: 2%!important;
}
.brochureRow, .eliteRow, .packageTitleBox, .premierRow {
    font-size: 1em;
}
.titleRow {
    font-size: .9em;
    padding: 7px 0 12px;
}
.pageCircle {
    min-width: inherit;
    width: 152px!important;
    height: 152px;
}
.pageCircleImageBox {
    width: 35%}
.pageCircle p, .pageCircle p.higher {
    font-size: .75em;
    padding-bottom: 20px;
}
.webDsgnP2Box10 {
    width: 100%;
    margin: 0;
}
.webDsgnP2Box11 {
    margin: 0 auto;
    float: none;
}
.listBox p {
    font-size: .75em;
}
.circleLink>a {
    width: 120px;
    height: 120px;
}
.circleLink h4 {
    font-size: .8em;
}
.seoP1Box5 {
    background: 0 0;
}
.smm1 h1 {
    font-size: 1.75em;
}
.smm1 h2 {
    font-size: 1.125em;
}
.smmP1Box4 {
    width: 75%}
.eliteInnerRow2 p, .premierInnerRow2 p {
    font-size: .625em;
}
.smmP2Box2 {
    width: 83%}
.smmP1Box2 {
    width: 33%}
.sideContactUsBox p {
    font-size: .9em;
}
#article1 .circleLink {
    display: none;
}
.alignToMiddleBox label {
    font-size: .625em;
}
.contactUsPageBox1 label, .contactUsPageBox2 label {
    font-size: .875em;
    display: inline-block;
    width: 33%}
.contactUsPageBox1 input {
    font-size: .875em;
    padding: 10px;
    border: 1px solid #CCC;
    background: #F6F6F6;
    border-radius: 7px;
    margin-bottom: 10px;
    width: 57%}
.contactUsPageBox1 label.dropDownLabel {
    float: left;
    margin-top: 20px;
}
.contactUsPageBox1 select::-ms-expand {
    display: none;
}
.contactUsPageBox1 select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(/skins/FixedSize/styleImages/backgrounds/dropDownArrow.png) no-repeat 290px 13px #F6F6F6;
    text-indent: .01px;
    text-overflow: "";
    font-size: .875em;
    padding: 10px;
    border: 1px solid #CCC;
    border-radius: 7px;
    margin-bottom: 10px;
    width: 63%}
.contactUsPageBox2 textarea {
    width: 65%;
    padding: 10px;
    border: 1px solid #CCC;
    background: #F6F6F6;
    border-radius: 7px;
    height: 148px;
    margin-bottom: 10px;
}
.contactUsPageBox2 .alignToTopBox label {
    margin-top: 10px;
    margin-left: 2%;
    width: 23%}
.contactUsPageBox2 .alignToTopBox span {
    display: inline-block;
    margin-top: 11px;
}
.contactUsPageBox2 img {
    width: 12%;
    margin-left: 1%}
.contactUsPageBox2 .alignToMiddleBox label {
    width: auto;
    font-size: .625em;
}
.contactUsPageBox2 .alignToMiddleBox input {
    font-size: .875em;
    padding: 10px;
    border: 1px solid #CCC;
    background: #F6F6F6;
    border-radius: 7px;
    width: 25%}
.contactUsPageBox3 {
    margin-top: 3px;
}
.contactUsPageBox4 {
    width: 15%;
    text-align: right;
    margin-right: 2%}
.contactUsPageBox4 p {
    font-size: .875em;
    text-align: center;
    margin-top: 5px;
}
.contactUsPageBox6 iframe {
    width: 740px;
}
.contuctUsSendBtn {
    width: 97%;
    background: #6AB01A;
    color: #FFF;
    border: none;
    border-radius: 25px;
    padding: 8px 30px;
    font-size: 1.25em;
    font-weight: 800;
    cursor: pointer;
}
.contactUsPageBox5 {
    width: 33.33%}
.contactUsPageBox5 p {
    padding-left: 35px;
    padding-top: 5px;
}
.ecom2Circle {
    width: 155px;
    height: 155px;
}
.ecom2CircleMainImageBox {
    width: 40%;
    margin-top: 12%}
.ecom2Circle p {
    text-align: center;
    margin-top: 10%;
    font-size: .75em;
}
.ecom2CircleTickBox {
    width: 20%;
    margin: 0 auto;
    margin-top: 3%}
.ecomP2Box5 {
    margin-top: 20px;
    width: 70%}
#ecom2Page .circleLink {
    margin-top: 10px!important;
}
#testimonialSpeaker {
    margin-top: 0!important;
}
.bottomContuctUsBox h2 {
    font-size: 1.25em;
}
.responsiveBox1 {
    width: 100%}
.responsiveBox2 {
    width: 52%;
    margin: 10px 0;
    float: left;
    margin-left: 24%}
.responsiveBox2 a {
    float: left!important;
}
.responsiveBox2 a h4 {
    font-size: .75em!important;
}
}@media only screen and (min-width :320px) and (max-width :720px) and (orientation :portrait) {
    .mobileOff {
    display: none;
}
#responsiveHeader {
    height: 80px!important;
}
.responsiveBox1 {
    width: 100%}
.responsiveBox2 {
    width: 96%;
    margin: 10px 0;
}
.responsiveBox2 a {
    width: 130px!important;
    height: 130px!important;
    float: left!important;
}
.responsiveBox2 a h4 {
    font-size: .75em!important;
}
#article24 .seoPageCircle {
    width: 90px;
    height: 90px;
    margin-right: 25px!important;
}
.ourOptBox8 {
    height: 310px;
}
.ourOptBox8 p {
    height: 275px;
}
#article24 .seoPageCircle .sliderCircleImageBox {
    margin: 4% auto;
}
.mobileFull {
    width: 100%!important;
}
#article1 h2 {
    margin-left: 0;
}
.seoP2Box2 {
    width: 100%}
.seoP2Box4, .seoP2Box6 {
    margin-left: 0;
}
.seoP2Box7.circleLink {
    margin-left: 35%}
#headerBox {
    height: 85px;
    max-height: inherit;
}
.headerMain {
    width: 100%;
    text-align: left;
}
.logo {
    width: 50%;
    padding: 0;
    padding-top: 10px;
    margin: 0;
    margin-left: 25%}
.specialMobileMargin{
	margin-right: 15%;
}
.socialLink {
    float: right;
    width: 7.5%}
.socialLink:hover {
    width: 7.5%;
    padding: 0;
}


.mobfull
{
	width:100% !important;
	border: none !important;
}


.phone {
    clear: left;
    margin: 0;
    padding-left: 0;
    background: 0 0;
    padding-top: 7px;
    width: 100%;
    text-align: center;
}
nav {
    width: 100%}
nav a {
    text-align: center;
    padding: 15px 0;
    width: 100%;
    border: none;
}
nav a.main {
    display: none;
}
nav>a.contact {
    position: relative;
    padding: 15px 0;
    background: 0 0;
    height: inherit;
    color: #000;
    text-align: center;
    width: 100%}
nav>a.contact:hover {
    background: url(../styleImages/backgrounds/navActiveBg.png) repeat-x top left;
}
nav a.menuSubitem {
    display: none;
}
#showMenuBtn {
    display: inline-block;
    background: url(../styleImages/backgrounds/docHeaderBoxSmmBg.jpg) repeat-x top left;
    color: #FFF;
    font-size: 1.25em;
    font-weight: 700;
    text-align: center;
    padding: 10px 0;
}
#ecomPageBtn, #seoPageBtn, #smmPageBtn, #webDesignPageBtn {
    background: url(../styleImages/backgrounds/dropDownArrow.png) no-repeat 75% center;
}
.webDesignSubitem {
    background: #F96D1E;
    color: #fff;
}
.ecomSubitem {
    background: #6AB01A;
    color: #FFF;
}
.seoSubitem {
    background: #271352;
    color: #FFF;
}
.smmSubitem {
    background: #2393C3;
    color: #FFF;
}
.docHeaderBox {
    min-height: 40px;
}
.docHeaderBox h1, .ecomHeaderBg h1, .seoHeaderBg h1, .smmHeaderBg h1, .websiteDesignHeaderBg h1 {
    font-size: 1.75em;
    line-height: 1.4em;
    width: 90%;
    margin-left: 0;
    text-align: center;
}
.docHeaderIconWebsiteDesign {
    width: 30px;
}
.docHeaderIconEcom {
    width: 35px;
}
.docHeaderIconSeo, .docHeaderIconSmm {
    width: 30px;
}
.docHeaderIconAboutUs, .docHeaderIconMissionStatement, .docHeaderIconTestimonials {
    width: 25px;
}
.docHeaderIconOurOptions {
    width: 25px;
    top: 8px;
}
#ourOptionsPage h1 {
    font-size: 1.25em;
}
#ourOptionsPage h3 {
    font-size: .8125em;
}
.ourOptSelect {
    width: 90%!important;
}
.ourOptBox1 {
    width: 100%}
.ourOptBox1 .seoPageCircle {
    width: 100px;
    height: 100px;
}
.ourOptBox1 .circleLink {
    width: 30%;
    margin-left: 12%}
.ourOptBox4 .cycle-overlay {
    font-size: .75em;
    width: 80%;
    margin: 0 10%;
    margin-top: -80px;
    padding: 10px;
}
.ourOptBox5 dt, .ourOptBox6 dt {
    width: 40%;
    margin: 2px 0;
}
.ourOptBox5 dd, .ourOptBox6 dd {
    width: 50%;
    margin: 2px 0;
}
#advSearch, #advSubmit, #standardSearch {
    width: 88%}
.ourOptBox8 {
    width: 80%}
#nextGallery {
    margin-left: 110%;
    margin-top: 4%;
    width: 15%}
#prevGallery {
    width: 15%;
    margin-top: 4%;
    margin-left: -23%}
#ourOptSubmitFormBtn, .buttonAdv, .buttonBasic, .ourOptBox13, .ourOptBox14 {
    width: 90%}
.feedTwitterTwitBox {
    float: right;
    width: 80%;
    margin-right: 1%}
.docHeaderIconAccreditations {
    width: 25px;
    top: 11px;
}
.ecomHeaderBg a, .seoHeaderBg a, .smmHeaderBg a, .websiteDesignHeaderBg a {
    display: none;
}
.webDsgnP2Box11 {
    width: 100%}
.homePageBox1 {
    display: none;
}
.sliderCirclesBox {
    margin-top: -7px;
}
.sliderCircleLinkBox {
    border: .2em #CCC solid;
}
.sliderCircleLinkBox h4 {
    font-size: .6em;
    line-height: 1em;
}
.sliderCircleLinkBox p {
    display: none;
}
h1.mobileSmallDocName {
    font-size: 1.375em;
    width: 90%;
    line-height: 2em;
}
.homePageh1, h1 {
    font-size: 1.125em;
    line-height: 2em;
    font-weight: 700;
}
h2 {
    font-size: .9375em;
}
#homePageTopContent h3, #pageBottomContent h3 {
    font-size: .9375em;
    line-height: 2em;
}
#twitterFeedWrapper {
    width: 98%}
.bottomContuctUsBox {
    padding: 5px 0;
}
.bottomContuctUsBox h2 {
    font-size: .8em;
}
.bottomContuctUsBox p {
    font-size: .8em;
    line-height: 2em;
}
.titleRow {
    font-size: .8125em;
    background-image: none;
    padding: 5px 0;
    padding-left: 1%;
    width: 46%;
    min-height: 30px;
}
.infoRowBox {
    display: none;
}
.packageTitleBox {
    font-size: .6875em;
}
.packagePriceBox {
    font-size: .65em;
}
.brochureRow, .eliteRow, .premierRow {
    font-size: .5em;
    padding: 5px 0;
    min-height: 30px;
}
.pageCircle {
    width: 135px;
    height: 135px;
    border: .3em #CCC solid;
    min-width: inherit;
}
.pageCircle p {
    font-size: .55em;
}
.listBox {
    width: 50%}
.listBox p {
    font-size: .5em;
}
.circleLink {
    float: left;
    margin-left: 22%;
    margin-top: 10px!important;
}
.seoPageCircle {
    width: 110px;
    height: 110px;
}
.seoP1Box5 {
    background: 0 0;
}
.tickBox {
    width: 100%}
.titleRow2 {
    width: 85%}
.tickBox2 {
    width: 10%}
.seoP1Box6, .seoP1Box7 {
    width: 50%}
.seoP1Box8 {
    width: 100%}
.smmP1Box3 {
    width: 23%;
    margin-top: 60px;
}
.smmP1Box4 {
    width: 72%}
.smmP1Box8 {
    width: 20px;
}
.smmP1Box9 {
    width: 22px;
}
.smmP1Box9b {
    width: 25px;
    margin: 0 auto;
}

.eliteRow2, .premierRow2 {
    padding: 0;
    min-height: inherit;
}
.eliteInnerRow2, .premierInnerRow2 {
    min-height: 20px;
}
.aboutUsCircle {
    width: 20%!important;
    height: 20%!important;
}
.aboutUs4CirclesBox img {
    width: 100%!important;
}
.aboutUs4CirclesBox>div {
    margin: 0 5%}
.missionStBox1 {
    width: 28%}
.missionStBox2 {
    width: 72%}
.missionStCircle {
    width: 60px;
    height: 60px;
}
.missionStCircle1, .missionStCircle2, .missionStCircle3, .missionStCircle4, .missionStCircle5 {
    background-size: 30px 30px;
}
.contactUsPageBox1 label, .contactUsPageBox2 label {
    display: inline;
    line-height: 1.25em;
    width: 100%}
.contactUsPageBox1 input, .contactUsPageBox2 textarea {
    width: 80%}
.contactUsPageBox1 select {
    width: 87%;
    background-position: 90% 13px;
}
.contactUsPageBox2 p {
    text-align: left;
}
.contactUsPageBox2 .alignToTopBox label {
    margin: 0;
    width: 100%}
.contactUsPageBox2 img {
    width: 22%}
.bulletLocked2 {
    padding: 0;
}
.contactUsPageBox4 {
    width: 50%}
.contactUsPageBox5 {
    margin-bottom: 10px;
}
.contactUsPageBox5 p {
    text-align: left;
}
.accreditationTxtBox, .contactUsPageBox6, .contactUsPageBox6 iframe {
    width: 100%}
.accreditationCircle {
    width: 80px;
    height: 80px;
    border: 3px solid #E0E0E0;
}
.wwdcCircle {
    background-size: 60px 35px;
}
.accreditationBox1, .accreditationBox2 {
    width: 100%!important;
}
.iwdroCircle {
    background-size: 60px 35px;
}
.trustedShopsCircle {
    background-size: 60px 50px;
}
.ukwdaCircle {
    background-size: 60px 35px;
}
.rackspaceCircle {
    background-size: 67px 22px;
}
.mooDirectoryCircle {
    background-size: 65px 25px;
}
.microsoftCircle {
    background-size: 67px 46px;
}
article#sitemapPage ul>div {
    width: 100%!important;
}
.ecom2Circle {
    width: 135px;
    height: 135px;
    margin: 5px 0;
}
#ecom2Circle10, #ecom2Circle12, #ecom2Circle14, #ecom2Circle16, #ecom2Circle2, #ecom2Circle4, #ecom2Circle6, #ecom2Circle8 {
    float: right;
}
.ecom2CircleMainImageBox {
    width: 40%;
    margin-top: 12%}
.ecom2Circle p {
    text-align: center;
    margin-top: 10%;
    font-size: .625em;
}
.ecom2CircleTickBox {
    width: 20%;
    margin: 0 auto;
    margin-top: 3%}
.ecomP2Box5 {
    margin-top: 20px;
    width: 70%}
#ecom2Page .circleLink {
    margin-top: 10px!important;
}
#ecom2Circle17 {
    margin-left: 8%;
    float: left;
}
#ecom2Circle18 {
    margin-right: 25%;
    float: right;
}
.ecomP2Box4 {
    margin-top: 10px;
}
.smmP1Box11 {
    width: 100%}
.ourOptBox12 {
    width: 220px;
    margin: 0 auto;
    position: relative;
    background: #f0f0f0;
}
}@media only screen and (min-device-width :320px) and (max-device-width :720px) and (orientation :landscape) {
    .mobileOff {
    display: none;
}
.mobileFull {
    width: 100%!important;
}
.responsiveBox1 {
    width: 100%}
.responsiveBox2 {
    width: 70%!important;
    padding-left: 20%!important;
    margin: 10px 0!important;
    float: left!important;
}
.responsiveBox2 a {
    width: 130px!important;
    height: 130px!important;
    float: left!important;
}
.responsiveBox2 a h4 {
    font-size: .75em!important;
}
#article1 h2 {
    margin-left: 0;
}
#headerBox {
    height: 95px;
    max-height: inherit;
}
.headerMain {
    width: 100%;
    text-align: left;
}
#article24 .seoPageCircle {
    width: 90px;
    height: 90px;
    margin-right: 25px!important;
}
.logo {
    width: 40%;
    padding: 0;
    padding-top: 10px;
    margin: 0;
    margin-left: 30%;
    margin-right: 30%}
.socialLink {
    float: right;
    width: 5.5%;
    margin-top: 1%}
.socialLink:hover {
    width: 5.5%;
    padding: 0;
}
.phone {
    clear: left;
    margin: 0;
    padding-left: 0;
    background: 0 0;
    margin-right: 3%;
    margin-left: 32%;
    padding-top: 7px;
}
nav {
    width: 100%}
nav a {
    text-align: center;
    padding: 15px 0;
    width: 100%;
    border: none;
}
nav a.main {
    display: none;
}
nav>a.contact {
    position: relative;
    padding: 15px 0;
    background: 0 0;
    height: inherit;
    color: #000;
    text-align: center;
    width: 100%}
nav>a.contact:hover {
    background: url(../styleImages/backgrounds/navActiveBg.png) repeat-x top left;
}
nav a.menuSubitem {
    display: none;
}
#showMenuBtn {
    display: inline-block;
    background: url(../styleImages/backgrounds/docHeaderBoxSmmBg.jpg) repeat-x top left;
    color: #FFF;
    font-size: 1.25em;
    font-weight: 700;
    text-align: center;
    padding: 10px 0;
}
#ecomPageBtn, #seoPageBtn, #smmPageBtn, #webDesignPageBtn {
    background: url(../styleImages/backgrounds/dropDownArrow.png) no-repeat 75% center;
}
.webDesignSubitem {
    background: #F96D1E;
    color: #fff;
}
.ecomSubitem {
    background: #6AB01A;
    color: #FFF;
}
.seoSubitem {
    background: #271352;
    color: #FFF;
}
.smmSubitem {
    background: #2393C3;
    color: #FFF;
}
.docHeaderBox {
    min-height: 40px;
}
.docHeaderBox h1, .ecomHeaderBg h1, .seoHeaderBg h1, .smmHeaderBg h1, .websiteDesignHeaderBg h1 {
    font-size: 1.75em;
    line-height: 1.4em;
    width: 90%;
    margin-left: 0;
    text-align: center;
}
.docHeaderIconWebsiteDesign {
    width: 30px;
}
.docHeaderIconEcom {
    width: 35px;
}
.docHeaderIconSeo, .docHeaderIconSmm {
    width: 30px;
}
.docHeaderIconAboutUs, .docHeaderIconMissionStatement, .docHeaderIconTestimonials {
    width: 25px;
}
.docHeaderIconAccreditations {
    width: 25px;
    top: 11px;
}
.ecomHeaderBg a, .homePageBox1, .seoHeaderBg a, .smmHeaderBg a, .websiteDesignHeaderBg a {
    display: none;
}
.sliderCirclesBox {
    margin-top: -7px;
}
.sliderCircleLinkBox {
    border: .2em #CCC solid;
}
.sliderCircleLinkBox h4 {
    font-size: .6em;
    line-height: 1em;
}
.sliderCircleLinkBox p {
    display: none;
}
h1.mobileSmallDocName {
    font-size: 1.375em;
    width: 90%;
    line-height: 2em;
}
.homePageh1, h1 {
    font-size: 1.125em;
    line-height: 2em;
    font-weight: 700;
}
h2 {
    font-size: .9375em;
}
.webDsgnP2Box11 {
    width: 70%;
    margin: 0 15%}
#homePageTopContent h3, #pageBottomContent h3 {
    font-size: .9375em;
    line-height: 2em;
}
#twitterFeedWrapper {
    width: 98%}
.bottomContuctUsBox {
    padding: 5px 0;
}
.bottomContuctUsBox h2 {
    font-size: .8em;
}
.bottomContuctUsBox p {
    font-size: .8em;
    line-height: 2em;
}
.titleRow {
    font-size: 1em;
    background-image: none;
    padding: 5px 0;
    padding-left: 1%;
    width: 46%;
    min-height: 30px;
}
.infoRowBox {
    display: none;
}
.packageTitleBox {
    font-size: 1.25em;
}
.packagePriceBox {
    font-size: .8125em;
}
.brochureRow, .eliteRow, .premierRow {
    font-size: .75em;
    padding: 5px 0;
    min-height: 30px;
}
.pageCircle {
    width: 115px;
    height: 115px;
    border: .3em #CCC solid;
    min-width: inherit;
}
.pageCircle p {
    font-size: .4em;
}
.listBox {
    width: 50%}
.listBox p {
    font-size: .5em;
}
.circleLink {
    float: left;
    margin-left: 22%;
    margin-top: 10px!important;
}
.seoPageCircle {
    width: 110px;
    height: 110px;
}
.seoP1Box5 {
    background: 0 0;
}
.tickBox {
    width: 100%}
.titleRow2 {
    width: 90%}
.tickBox2 {
    width: 5%}
.seoP1Box6, .seoP1Box7 {
    width: 50%}
.seoP1Box8 {
    width: 100%}
.smmP1Box3 {
    width: 23%;
    margin-top: 60px;
}
.smmP1Box4 {
    width: 72%}
.smmP1Box8 {
    width: 20px;
}
.smmP1Box9 {
    width: 22px;
}
.eliteRow2, .premierRow2 {
    padding: 0;
    min-height: inherit;
}
.eliteInnerRow2, .premierInnerRow2 {
    min-height: 20px;
}
.aboutUsCircle {
    width: 20%!important;
    height: 20%!important;
}
.aboutUs4CirclesBox img {
    width: 100%!important;
}
.aboutUs4CirclesBox>div {
    margin: 0;
}
.missionStBox1 {
    width: 17%}
.missionStBox2 {
    width: 83%}
.missionStCircle {
    width: 60px;
    height: 60px;
}
.missionStCircle1, .missionStCircle2, .missionStCircle3, .missionStCircle4, .missionStCircle5 {
    background-size: 30px 30px;
}
.contactUsPageBox1 label, .contactUsPageBox2 label {
    display: inline;
    line-height: 1.25em;
    width: 100%;
    font-size: 1em;
}
.contactUsPageBox1 input, .contactUsPageBox2 textarea {
    width: 80%}
.contactUsPageBox1 select {
    width: 84%;
    background-position: 90% 13px;
}
.contactUsPageBox1 label.dropDownLabel {
    margin: 0;
}
.contactUsPageBox2 p {
    text-align: left;
}
.contactUsPageBox2 .alignToTopBox label {
    margin: 0;
    width: 100%}
.contactUsPageBox2 img {
    width: 10%}
.bulletLocked2 {
    padding: 0;
}
.contactUsPageBox4 {
    width: 50%}
.contactUsPageBox5 {
    margin-bottom: 10px;
}
.contactUsPageBox5 p {
    text-align: left;
}
.accreditationTxtBox, .contactUsPageBox6, .contactUsPageBox6 iframe {
    width: 100%}
.accreditationCircle {
    width: 80px;
    height: 80px;
    border: 3px solid #E0E0E0;
}
.wwdcCircle {
    background-size: 60px 35px;
}
.accreditationBox1, .accreditationBox2 {
    width: 100%!important;
}
.iwdroCircle {
    background-size: 60px 35px;
}
.trustedShopsCircle {
    background-size: 60px 50px;
}
.ukwdaCircle {
    background-size: 60px 35px;
}
.rackspaceCircle {
    background-size: 67px 22px;
}
.mooDirectoryCircle {
    background-size: 65px 25px;
}
.microsoftCircle {
    background-size: 67px 46px;
}
article#sitemapPage ul>div {
    width: 100%!important;
}
.ecom2Circle {
    width: 110px;
    height: 110px;
    margin: 5px;
}
.ecom2CircleMainImageBox {
    width: 40%;
    margin-top: 12%}
.ecom2Circle p {
    text-align: center;
    margin-top: 10%;
    font-size: .5em;
}
.ecom2CircleTickBox {
    width: 20%;
    margin: 0 auto;
    margin-top: 3%}
.ecomP2Box5 {
    margin-top: 20px;
    width: 70%}
#ecom2Page .circleLink {
    margin-top: 10px!important;
}
#ecom2Circle17 {
    margin: 10px 15%;
    float: left;
}
#ecom2Circle18 {
    margin: 10px 15%;
    float: right;
}
.ecomP2Box4 {
    margin-top: 10px;
}
.seoP2Box4 {
    width: 23%;
    margin: 5px 41.5%}
.smmP1Box11 {
    width: 70%;
    margin: 5px 15%}
#smm2CircleBottom, #smm3BottomCircle {
    width: 23%;
    margin: 5px 38.5%}
.docHeaderIconOurOptions {
    width: 25px;
    top: 8px;
}
#ourOptionsPage h1 {
    font-size: 1.25em;
}
#ourOptionsPage h3 {
    font-size: .8125em;
}
.ourOptSelect {
    width: 90%!important;
}
.ourOptBox1 {
    width: 100%}
.ourOptBox1 .seoPageCircle {
    width: 100px;
    height: 100px;
}
.ourOptBox1 .circleLink {
    width: 40%;
    margin-left: 10%}
.ourOptBox4 .cycle-overlay {
    font-size: 1em;
    width: 80%;
    margin: 0 10%;
    margin-top: -95px;
    padding: 10px;
}
.ourOptBox5 dt, .ourOptBox6 dt {
    width: 40%;
    margin: 2px 0;
}
.ourOptBox5 dd, .ourOptBox6 dd {
    width: 50%;
    margin: 2px 0;
}
#advSearch, #advSubmit, #standardSearch {
    width: 88%}
.ourOptBox8 {
    width: 80%}
#nextGallery {
    margin-left: 110%;
    margin-top: 4%;
    width: 15%}
#prevGallery {
    width: 15%;
    margin-top: 4%;
    margin-left: -23%}
#ourOptSubmitFormBtn, .buttonAdv, .buttonBasic, .ourOptBox14 {
    width: 90%}
.ourOptBox13 {
    width: 60%}
.tweetsWrapper {
    height: 155px;
}
.feedTwitterTwitBox {
    float: right;
    width: 80%;
    margin-right: 1%}
}

.bgcol1
{
	background: #f5c9a4;
    color:#a06128;
}

.bgcol2
{
   background: #2393c1;
}


.box1
{
	height:22px;
	font-size: 1.25em;
}

.p15tb
{
	padding-top:15px;
	padding-bottom:15px;
}

.bgcol5
{
	background-color:#a06128;
	font-weight: 500;
}

.bgcol6
{
	background-color:#7c7c7c;
	font-weight: 500;
}

.bgcol7
{
	background-color:#cba135;
	font-weight: 500;
}

.videoHeaderBg
{
	background: url(../styleImages/backgrounds/docHeaderBoxSmmBg.jpg) repeat-x top left #25AAE2;
}


.footersection
{
width: 96%;
max-width: 940px;
margin: 0 auto;
padding: 10px 0;	
}