#body {
  margin:0px;
  padding:0px;
  font-family: 'Open Sans', sans-serif;
  color:#666;
}

a {
  text-decoration:none;
  color:#000;
}

a:hover {
  color:#aa0000;
  text-decoration:underline;
}

#insideContentContainer {
  margin-top:20px;
  overflow:auto;
}

#homePageMonitor1 {
  background:url("/images/homePageMonitor1.jpg") no-repeat;
  width:416px;
  height:330px;
  float:left;
  background-size:contain;
  margin-right:10px;
}

#homePageMonitor2 {
  background:url("/images/homePageMonitor2.jpg") no-repeat;
  width:416px;
  height:330px;
  float:right;
  background-size:contain;
  margin-left:10px;
}

#insideContentContainer .templateNews {
  overflow:hidden;
  font-size:14px;
}

#insideContent {
  float:left;
  overflow:hidden;
  width:630px;
  padding-right:30px;
}

#insideRightColumn {
  width:280px;
  float:left;
  margin-top:10px;
}

h1, h2, h3, h4, h5, h6, p {
  margin:0px 0px 10px 0px;
}

h1 {
  color:#aa0000;
  font-weight:bold;
  font-size:28px;
  font-family: 'Comfortaa', cursive;
}

h2 {
  color:#aa0000;
  font-size:28px;
  font-family: 'Comfortaa', cursive;
}

h3 {
  font-weight:normal;
  font-size:20px;
  color:#aa0000;
  font-family: 'Comfortaa', cursive;
}

a img {
  border:none;
}

#topBarHolder {
  background-color:#f8f8f8;
  border-bottom: 1px solid #ddd;
}

#social {
  border-left:1px solid #ddd;
  overflow:auto;
  float:left;
}

#social, #social li {
  padding:0px;
  margin:0px;
  list-style:none;
}

#social li {
  float:left;
}

#social li a {
  display:block;
  width:32px;
  height:24px;
  text-align:center;
  vertical-align:middle;
  padding-top:8px;
  border-right:1px solid #ddd;
  color:#999;
}

#social li a:hover {
  text-decoration:none;
  color:#000;
}

#topLinks, #topLinks {
  list-style:none;
  padding:0px;
  margin:0px;
}

#topLinks {
  float:right;
  border-right:1px solid #ddd;
  overflow:auto;
}

#topLinks li {
  float:left;
  line-height:32px;
  font-size:11px;
  padding:0px 11px 0px 11px;
  border-left:1px solid #ddd;
}

#topLinks li, #topLinks li a {
  color:#999;
  text-decoration:none;
}

#dividingLine {
  display:none;
}

.mainSiteWidth {
  margin-left:auto;
  margin-right:auto;
  max-width:880px;
}

#topBar, #banner {
  overflow:auto;
}

#banner {
  background:url("/images/bannerLogoLarge.jpg") no-repeat;
  height:132px;
  position:relative;
  overflow:visible;
}

#copyrightLineContent {
  color:#fff;
  font-size:14px;
}

   #parentPages{overflow:visible;display:inline-block;float:right;}
   #parentPages, #parentPages li {list-style:none;margin:0px;padding:0px;}
   #parentPages{margin-top:50px;}
   #parentPages li {float:left;}
   #parentPages li a {display:block;padding:4px 12px 4px 12px;margin:2px;}
   #parentPage li a:hover {
     text-decoration:none;
   }
   .popUpMenu {
     text-align:left;padding:2px;display:none;position:absolute;clear:left;width:251px;
     margin:0px;z-index:1000;background-color:#444;text-align:left;
top: 28px;
left: 14px;
   }
   .popUpMenu ul {padding:0px;margin:0px;overflow:auto;}
   .popUpMenu li {float:none;width:220px;}
   .popUpMenu ul a {float:none;width:100%;color:#ddd;font-size:12px;
      -webkit-transition: all 0.3s;
      -o-transition-property: all;
      -o-transition-duration:0.3s;
      -moz-transition-property: all;
      -moz-transition-duration: 0.3s;
      transition-property: all;
      transition-duration: 0.3s;
   }
   .popUpMenu ul a:hover {
     background-color:#ddd;
     color:#444;
     text-decoration:none;
   }
   .dropdownMenuMain, .fadeInColor  {
     color:#999;
    -webkit-transition: color 1s;
    -o-transition-property: color;
    -o-transition-duration:1s;
    -moz-transition-property: color;
    -moz-transition-duration: 1s;
    transition-property: color;
    transition-duration: 1s;
   }
   .dropdownMenuMain:hover, .fadeInColor:hover  {
    color:#000;
    text-decoration:none;
  }
   .dropdownMenuMainLI {
     position:relative;
   }

.menuOpenButton {
  display:none;
  float:right;
  margin-top:20px;
  font-size:20px;
  color:#aaa;
}

.menuOpenButton:hover {
  color:#000;
  text-decoration:none;
}

#staticTopBar {
  width:100%;
  overflow:auto;
  background-color:#fff;
  border-bottom:1px solid #ddd;
  position:fixed;
  z-index:25000;
  overflow:visible;
  box-shadow: 0 6px 4px -4px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 6px 4px -4px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 6px 4px -4px rgba(0,0,0,0.1);
}

  #copyrightLine {
    line-height:69px;
  }

#footerLinksContent {
  margin-top:20px;
}

.footerLinkBox {
  width:23%;
  float:left;
  margin-right:2%;
}

#underBanner {
  padding-top:166px;
  overflow:auto;
}

#signupBar {
  height:120px;
  background-color:#F3F3F3;
  margin-top:50px;
}

#signupBarContent {
  line-height:120px;
  text-align:center;
  color:#666;
  font-size:20px;
}

#signupBarContent a {
  background-color:#950502;
  color:#fff;
  display:inline-block;
  text-align:center;
  padding:20px;
  line-height:20px;
  margin-left:20px;
  font-weight:normal;
  text-decoration:none;
}

#slideshowContainer {
  position:relative;
}

#slideshowBackgroundImage {
  background:no-repeat center center;
  background-size:cover;
  height:100%;
  width:100%;
  position:absolute;
  top:0px;
  z-index:0;
}

#slideshowContent {
  position:relative;
  height:500px;
  overflow:hidden;
}

#slideshowCaption {
  font-size:34px;
  text-transform:uppercase;
  color:#fff;
  background-color:rgba(0, 0, 0, 0.5);
  line-height:54px;
  padding:0px;
  box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5);
  -o-box-shadow: 10px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5);
}

#slideshowCaptionHolder {
  position:absolute;
  top:100%;
  padding:10px;
  left:20px;
  z-index:998;
  width:90%;
}

#slideshowReadMore {
  display:inline-block;
  border:1px solid #fff;
  color:#fff;
  font-size:20px;
  padding:6px 10px 6px 10px;
  margin-top:20px;
  -webkit-transition: border-color 1s;
  -o-transition-property: border-color;
  -o-transition-duration:1s;
  -moz-transition-property: border-color;
  -moz-transition-duration: 1s;
  transition-property: border-color;
  transition-duration: 1s;
}

#slideshowReadMore:hover {
  border-color:#cc0000;
  text-decoration:none;
}

#testimonialContainer {
  background:url("/images/testimonialBackground.jpg") no-repeat center center;
  background-size:cover;
  position:relative;
  height:350px;
}

#testimonialContent {
  height:350px;
}

#slideshowLeft, #slideshowRight {
  width:63px;
  height:63px;
  position:absolute;
  display:block;
  top:218px;
  background-size:contain;
  cursor:pointer;
  z-index:1000;
  opacity:0.3;
  -moz-opacity:0.3;
}

#slideshowLeft {
  background-image:url("/images/slideshowLeft.jpg");
}

#slideshowRight {
  background-image:url("/images/slideshowRight.jpg");
}

#slideshowLeft {
  left:0px;
}

#slideshowRight {
  right:0px;
}

#testimonialContent {
  color:#fff;
  position:relative;
  overflow:hidden;
}

#testimonialContent h2 {
  text-align:center;
  font-weight:normal;
  font-size:22px;
  margin-top:25px;
  color:#fff;
  text-shadow: black 0.1em 0.1em 0.2em
}

#testimonialQuote, #testimonialPerson {
  text-align:center;
  position:relative;
  text-shadow: black 0.1em 0.1em 0.2em
}

#testimonialQuote {
  font-size:26px;
  margin-bottom:25px;
}

#contactAndNews {
  margin-top:50px;
  overflow:auto;
}

#contactAndNews td {
  font-size:14px;
  padding:4px;
  display:block !important;
}

#contactAndNews input, #contactAndNews textarea {
  width:94%;
  padding:3%;
  background-color:#eee;
  border:none;
}

#contactAndNews .formbutton {
  font-size:18px;
  width:auto !important;
  padding:10px;
  color:#fff;
  background-color:#2d2d2d;
  float:left;
}

#contactAndNews .emailformtable {
  width:95%;
}

#contactAndNews h3 {
  color:#444;
  font-size:22px;
}

#contactLeft {
  width:45%;
  float:left;
  overflow:auto;
  padding-right:5%;
}

#contactRight {
  width:45%;
  float:left;
  overflow:auto;
  padding-left:5%;
}

.templateNewsDate {
  display:block;
  float:left;
  text-align:center;
  font-weight:700;
  width:72px;
  height:56px;
  background:url("/images/newsDateBackground.png") no-repeat;
  padding-top:16px;
  font-family: 'Comfortaa', cursive;
  font-size:15px;
  font-smooth:always;
  -webkit-font-smoothing: antialiased;
}

#eazywebNewsScroller, .templateNews {
  list-style:none;
  padding:0px;
  margin:0px;
  overflow:auto;
}

.templateNews {
  height:88px;
}

.templateNewsSummary {
  display:block;
  margin-left:90px;
}

.templateNews {
  padding-bottom:15px;
  margin-bottom:15px;
  border-bottom:1px solid #ddd;
}

.keyArea {
  width:21%;
  padding:0px 2% 0px 2%;
  overflow:auto;
  float:left;
  display:block;
  position:relative;
  -webkit-transition: transform 0.2s;
  -o-transition-property: transform;
  -o-transition-duration:0.2s;
  -moz-transition-property: transform;
  -moz-transition-duration: 0.2s;
  transition-property: transform;
  transition-duration: 0.2s;
}

.keyArea .icon {
  width:89px;
  height:89px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:30px;
}

.keyArea:hover {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  text-decoration:none;
}

.keyArea h3 {
  color:#333;
  font-size:18px;
  font-weight:bold;
  text-align:center;
}

.keyArea .description {
  text-align:center;
}

#keyArea1 .icon {
  background:url("/images/design.png");
}

#keyArea2 .icon {
  background:url("/images/development.png");
}

#keyArea3 .icon {
  background:url("/images/marketing.png");
}

#keyArea4 .icon {
  background:url("/images/consultancy.png");
}

#keyAreasContainer {
  margin-bottom:50px;
  border-top:1px solid #999;
  padding-top:25px;
  overflow:hidden;
  padding-bottom:10px;
}

.blur {
    text-shadow: 0px 0px 10px rgba(51, 51, 51, 0.9);
    color: rgba(51, 51, 51, 0);
    opacity: 0.5;
   // transform: scale(0.95);
   // -webkit-transform: scale(0.95);
   // -moz-transform: scale(0.95);
}

.blur h3 {
    text-shadow: 0px 0px 20px rgba(51, 51, 51, 0.9);
    color: rgba(51, 51, 51, 0);
    opacity: 0.5;
}

#designProcessWidgetScroller, #designProcessWidgetScroller li {
  list-style:none;
  padding:0px;
  margin:0px;
}

#designProcessWidgetScroller li {
  width:260px;
  height:320px;
  display:block;
}

#designProcessWidgetScrollerViewport {
  width:260px;
  height:320px;
  position:relative;
  float:left;
}

#designProcessWidgetScrollerContainer {
  height:320px;
  overflow:hidden;
  position:relative;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}


#designProcessWidgetScroller li {
  background-position:center 10px;
  background-repeat:no-repeat;
  overflow:auto;
  float:left;
  text-align:center;
}

#designProcessWidgetScroller li h3 {
  color:#000;
  margin-top:130px;
}

#dp0 {
  background-image:url("/images/start.png");
}
#dp1 {
  background-image:url("/images/listen.png");
}
#dp2 {
  background-image:url("/images/brain.png");
}
#dp3 {
  background-image:url("/images/design.png");
}
#dp4 {
  background-image:url("/images/build.png");
}
#dp5 {
  background-image:url("/images/launch.png");
}

#designProcessWidgetScroller li p {
  padding:10px 10px 0px 10px;
  color:#888;
}

#designProcessWidgetControls {
  padding:0px;
  background-color:#444;
  overflow:auto;
  margin-left:auto;
  margin-right:auto;
}

#designProcessWidgetControls a {
  color:#fff;
  -webkit-transition: all 0.5s;
  -o-transition-property: all;
  -o-transition-duration:0.5s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.5s;
  transition-property: all;
  transition-duration: 0.5s;
  text-decoration:none;
}

#designProcessWidgetControls a:hover {
  background-color:#FFAC03;
  color:#000;
  text-decoration:none;
}

#dwcPrevious {
  display:inline-block;
  float:left;
  padding:10px;
  font-size:22px;
}

#dwcNext {
  display:inline-block;
  float:right;
  padding:10px;
  font-size:22px;
}

.eazywebScrollerLeftObscure {
  width:130px;
  height:320px;
  float:left;
  z-index:21000;
 // background:url("/images/fadetoright.png") repeat-y;
  position:relative;
}

.eazywebScrollerRightObscure {
  width:130px;
  height:320px;
  float:left;
  z-index:21000;
 // background:url("/images/fadetoleft.png") repeat-y;
  position:relative;
}

.eazywebScrollerCanvas {
  position:absolute;
  overflow:auto;
}

#dwcPrevious {
  display:none;
}

.eazywebScrollerLeftObscure {
background: -moz-linear-gradient(left, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(20%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 20%,rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 20%,rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 20%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 20%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
width:50%;
display:inline-block;
margin-left:-130px;
}

.eazywebScrollerRightObscure {
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(80%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%);
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%);
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
width:50%;
display:inline-block;
margin-right:-130px;
}

.portfolioThumbnail {
  float:left;
  height:174px;
  position:relative;
  margin-bottom:20px;
  background-size:cover;
  cursor:pointer;
}

.portfolioThumbnailName {
  padding:3% 0% 3% 3%;
  background-color:#990000;
  color:#fff;
  position:absolute;
  bottom:0px;
  width:97%;
  display:none;
  height:0px;
  font-size:18px;
}

.portfolioThumbnailGreyscale {
  width:100%;
  height:100%;
  position:absolute;
  background-size:cover;
}

#screen {
  background-color:#000;
  position:fixed;
  display:none;
  z-index:50000;
  top:0px;
  left:0px;
  right:0px;
  bottom:0px;
}

#lightboxContainer {
  left:25px;
  right:25px;
  top:25px;
  bottom:25px;
  position:fixed;
  display:none;
  //background-color:#000;
  z-index:50001;
  overflow:hidden;
}

#lightboxContent {
  width:100%;
  height:100%;
}

#lightboxImageAndText {
  overflow:auto;
  width:100%;
  height:100%;
}
#lightboxImage {
  height:100%;
  display:block;
  overflow:hidden;
  position:relative;
}
#lightboxImageFrame {
  padding:1%;
  width:98%;
  height:98%;
  position:absolute;
}
#lightboxImageCanvas {
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center center;
  margin-left:auto;
  margin-right:auto;
  width:100%;
  height:100%;
}
#lightboxText {
  background-color:#fff;
  color:#ddd;
  padding:10px;
  overflow:auto;
}
#lightboxText h2 {
  font-size:18px;
}

#lightboxCloseBar {
  text-align:right;
  padding:0px 0px 0px 0px;
}

#lightboxCloseBar, #lightboxCloseBar a {
  font-size:16px;
  color:#aaa;
  text-decoration:none;
}

#lightboxCloseBar a {
  -webkit-transition: all 0.5s;
  -o-transition-property: all;
  -o-transition-duration:0.5s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.5s;
  transition-property: all;
  transition-duration: 0.5s;
}

#lightboxCloseBar a:hover {
  color:#fff;
}

#lightboxSiteLink {
  display:block;
  font-size:12px;
  color:#999;
  margin-bottom:10px;
}

#lightboxSlideDescription {
  color:#333;
  padding-right:5px;
}

#lightboxPageCounter {
  color:#aaa;
  bottom:0px;
  right:0px;
  position:absolute;
  text-align:right;
  font-size:10px;
  padding:10px;
}

#portfolioPrevious, #portfolioNext {
  width:63px;
  height:63px;
  display:block;
  background-size:contain;
  cursor:pointer;
  z-index:1000;
  opacity:0.3;
  -moz-opacity:0.3;
  position:absolute;
  top:46%;
}

#portfolioPrevious {
  background-image:url("/images/slideshowLeft.jpg");
  left:0px;
}

#portfolioNext {
  background-image:url("/images/slideshowRight.jpg");
  right:0px;
}

#lightboxImageFrame {
}
#lightboxImageFrame[id] {display: table; position: static;}
#lightboxMiddle {position: absolute; top: 50%;}
#lightboxMiddle[id] {display: table-cell; vertical-align: middle; width: 100%; position: static;height:100%;}
#lightboxImageCanvas {position: relative; top: -50%;}
#lightboxImageCanvas[id] {position: static;}

#lightboxSlideDescriptionMiddle{position: absolute; top: 50%;}
#lightboxText{position: relative; top: -50%;}
#lightboxSlideDescriptionOuter[id]{display: table; position: static;}
#lightboxSlideDescriptionMiddle[id]{display: table-cell; vertical-align: middle; width: 100%; position: static;height:100%;}
#lightboxText[id] {position: static;}

#lightboxSlideDescriptionOuter {
  width:25%;
  float:right;
  min-width:250px;
  color:#ddd;
  height:100%;
  overflow:auto;
  margin-left:10px;
}

#lightboxSlideDescriptionMiddle {
  height:100%;
}

@media only screen and (min-width: 1300px) {
  .mainSiteWidth {
    max-width: 1100px;
  }
  #banner {
    background:url("/images/bannerLogoLarge.jpg") no-repeat;
    height:132px;
  }
  #mobileMenu {
    display:none;
 display:none !important;
  }
  #insideContent {
    width:790px;
    padding-right:30px;
  }
  .portfolioThumbnail {
    width:260px;
    height:174px;
  }
  .portfolioThumbnailMiddle {
    margin-left:20px;
    margin-right:20px;
  }
  .portfolioThumbnailMiddleLeft {
    margin-left:20px;
    margin-right:10px;
  }
  .portfolioThumbnailMiddleRight {
    margin-left:10px;
    margin-right:20px;
  }
}

@media only screen and (max-width: 1300px) and (min-width: 1000px) {
   #mobileMenu {
    display:none !important;
  }
  #homePageMonitor1, #homePageMonitor2 {
    width: 300px;
    height: 238px;
  }
  #insideRightColumn {
    width:220px;
    float:left;
    margin-top:10px;
  }
 #insidecontent {
    width:990px;
  }
  .portfolioThumbnail {
    width:208px;
    height:139px;
    margin-bottom:16px;
  }
  .portfolioThumbnailMiddleLeft {
    margin-left:16px;
    margin-right:8px;
  }
  .portfolioThumbnailMiddleRight {
    margin-left:8px;
    margin-right:16px;
  }
  .portfolioThumbnailName {
    font-size:14px;
  }
}


@media only screen and (max-width: 1000px) and (min-width: 690px) {
  #topBar {
    text-align:center;
  }
  .mainSiteWidth {
    max-width: 600px;
  }
  #social, #topLinks {
    margin-left:auto;
    margin-right:auto;
    float:none;
    display:inline-block;
    clear:right;
  }
  #dividingLine {
    height:1px;
    background-color:#ddd;
    display:block;
  }
  #banner {
    background:url("/images/bannerLogoSmall.jpg") no-repeat;
    height:58px;
  }
  .menuOpenButton {
    display:inline;
  }
  #parentPages, #searchBanner {
    display:none !important;
  }
  #staticTopBar {
    position:static;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
  }
  #copyrightLine {
    line-height:39px;
  }
  #copyrightLineContent {
    font-size:11px;
  }
  .footerLinkBox {
    width:48%;
    margin-right:2%;
  }
  #underBanner {
    padding-top:20px;
    overflow:auto;
  }
  #slideshowContainer {
    height:450px;
  }
  #slideshowCaption {
    font-size:30px;
    line-height:50px;
  }
  #slideshowReadMore {
    padding:4px 6px 4px 6px;
    margin-top:15px;
    font-size:18px;
  }
  #slideshowLeft, #slideshowRight {
    width:56px;
    height:56px;
    top:196px;
  }
  #testimonialContainer {
    height:250px;
  }
  #slideshowContent {
    height:450px;
  }
  #testimonialContent {
    height:250px;
  }
  #testimonialQuote {
    font-size:18px;
  }
  #testimonialPerson {
    font-size:14px;   
  }
  #contactLeft {
    width:100%;
    padding:0px;
  }
  #contactRight {
    width:100%;
    padding:0px;
   margin-top:20px;
  }
  #contactRight h3 {
    margin-bottom:10px;
  }
  .templateNewsSummary {
    font-size:14px;
  }
  #insideContent {
    width:100%;
    padding-right:0px;
  }
  #homePageMonitor1, #homePageMonitor2 {
    width: 250px;
    height: 200px;
  }
  #insideRightColumn {
    display:none;
  }
  #usefulLinks2 {
    display:none;
  }
  #recentBlogPosts {
    margin-top:25px;
    clear:left;
  }
  .portfolioThumbnail {
    width:143px;
    height:96px;
    margin-bottom:11px;
  }
  .portfolioThumbnailMiddleLeft {
    margin-left:6px;
    margin-right:5px;
  }
  .portfolioThumbnailMiddleRight {
    margin-left:5px;
    margin-right:6px;
  }
  .portfolioThumbnailName {
    font-size:11px;
  }
}

@media only screen and (max-width: 690px) {
  #topBar {
    text-align:center;
  }
  .mainSiteWidth {
    max-width: 300px;
  }
  #social, #topLinks {
    margin-left:auto;
    margin-right:auto;
    float:none;
    display:inline-block;
  }
  #topLinks, #topLinks li {
    border:none;
  }
  #social, #social li a {
     border:none !important;
  }
  #dividingLine {
    height:1px;
    background-color:#ddd;
    display:block;
  }
  #banner {
    background:url("/images/bannerLogoSmall.jpg") no-repeat;
    height:58px;
  }
  .menuOpenButton {
    display:inline;
  }
  #parentPages, #searchBanner {
    display:none !important;
  }
  #staticTopBar {
    position:static;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
  }
  #copyrightLine {
    line-height:39px;
  }
  #copyrightLineContent {
    font-size:11px;
  }
  .footerLinkBox {
    width:100%;
    margin-right:0px;
  }
  #usefulLinks {
    margin-top:25px;
  }
  #signupBarContent {
    line-height:120px;
    font-size:12px;
  }
  #signupBarContent a {
  padding:12px;
  line-height:12px;
  margin-left:12px;
  }
  #underBanner {
    padding-top:20px;
    overflow:auto;
  }
  #slideshowContainer, #testimonialContainer {
    height:325px;
  }
  #slideshowContent {
    height:325px;
  }
  #slideshowLeft, #slideshowRight {
    width:41px;
    height:41px;
    top:141px;
  }
  #slideshowCaption {
    font-size:18px;
    line-height:30px;
  }
  #slideshowCaptionHolder {
    width:90%;
  }
  #slideshowReadMore {
    padding:2px 4px 2px 4px;
    margin-top:10px;
    font-size:14px;
  }
  #testimonialContainer {
    height:200px;
  }
  #testimonialContent {
    height:200px;
  }
  #testimonialQuote {
    font-size:12px;
  }
  #testimonialPerson {
    font-size:10px;   
  }
  #contactLeft {
    width:100%;
    padding:0px;
  }
  #contactRight {
    width:100%;
    padding:0px;
   margin-top:50px;
  }
  .templateNewsSummary {
    font-size:11px;
  }
  .keyArea .icon {
    float:left;
    background-size:contain !important;
    width:40px;
    height:40px;
    margin-bottom:5px;
  }
  .keyArea {
    width:94%;
    padding:3%;
  }
  .keyArea h3 {
    text-align:left;
    margin-left:50px;
    margin-top:8px;
  }
  .kaClear {
    overflow:auto;
  }
  .keyArea .description {
    font-size:14px;
    text-align:left;
    margin-bottom:10px;
  }
  #insideContent {
    width:100%;
    padding-right:0px;
  }
  #homePageMonitor1, #homePageMonitor2 {
    display:none;
  }
  #insideRightColumn {
    display:none;
  }
 .eazywebScrollerLeftObscure, .eazywebScrollerRightObscure {
    display:none;
 }
  #designProcessWidgetScrollerContainer {
    width:260px;
  }
  .portfolioThumbnail {
    width:145px;
    height:96px;
    margin-bottom:10px;
  }
  .portfolioThumbnailMiddleLeft {
    margin-left:10px;
  }
  .portfolioThumbnailMiddleRight {
    margin-right:10px;
  }
  .portfolioThumbnailName {
    font-size:10px;
  }
}
































div.wrap {
width : 450px;
margin : 0px;
text-align : left;
}
div#top div#nav {
float : left;
clear : both;
width : 450px;
height : 52px;
}
div#top div#nav ul {
float : left;
width : 450px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}
div#header2 {
margin : -1px 0 0;
}
div#video-header {
height : 683px;
margin : -1px 0 0;
}
div#header2 div.wrap {
height : 250px;
}
div#header2 div#slide-holder {
z-index : 40;
width : 450px;
height : 250px;
position : absolute;
}
div#header2 div#slide-holder div#slide-runner {
top : 0px;
left : 0px;
width : 450px;
height : 250px;
overflow : hidden;
position : absolute;
}
div#header2 div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#header2 div#slide-holder div#slide-controls {
left : 0;
top: 0;
width : 450px;
height : 46px;
display : none;
position : absolute;
}
div#header2 div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#header2 div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#header2 div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 20px;
height : 20px;
display : inline;
font-size : 10px;
margin : 0 3px 0 0;
line-height : 20px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#header2 div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
  color:#000;
  background-color:#fff;
  border:1px solid #000;
}
div#header2 div#slide-holder div#slide-controls p#slide-nav a {
  color:#fff;
  background-color:#000;
  border:1px solid #fff;
}
div#nav ul li a {
}
#slide-client {
  display:none;
}
#slide-nav a {
  color:#fff;
  background-color:#000;
}
#slideDescription {
  background-color:#000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
  padding:10px;
  font-size:10px;
  color:#fff;
  width:680px;
}

#copyrightLine {
  border-top:3px solid #323232;
  background-color:#1f1f1f;
}


#footerLinks {
  background-color:#2A2B2E;
  overflow:auto;
  border-bottom:1px solid #5F5F5F;
  padding-bottom:50px;
}





.footerLinkBox h2 {
  color:#fff;
  font-size:14px;
  font-weight:normal;
}

.footerLinkBox ul, .footerLinkBox li {
  list-style:none;
  margin:0px;
  padding:0px;
}

.footerLinkBox li {
  margin-top:10px;
}

.footerLinkBox li a {
  color:#fff;
  display:block;
  border-bottom:1px solid #5f5f5f;
}

.footerLinkBox li a:hover {
  text-decoration:none;
  font-weight:bold;
}

#siteMap {
}

#usefulLinks {
}

#usefulLinks2 {
}

#recentBlogPosts {
}

#search-btn, #close-btn {
  font-size:16px;
  padding-top:1px;
}

#search-btn a, #close-btn {
  color:#999;
}

#search-btn a:hover, #close-btn:hover {
  text-decoration:none;
}

#searchBanner {
  height:112px;
  display:none;
  padding-top:20px;
}

#eazyCMSSiteSearchLabel {
  border:none;
  font-size:42px;
  color:#999;
  outline:none;
  margin-top:20px;
}

#searchBanner form {
  display:inline-block;
  width:95%;
}

#close-btn {
  display:inline-block;
  float:right;
  margin-top:35px;
  margin-right:15px;
}

#signupBarContent a {
-webkit-transition: background-color 1s;
-o-transition-property: background-color;
-o-transition-duration:1s;
-moz-transition-property: background-color;
-moz-transition-duration: 1s;
transition-property: background-color;
transition-duration: 1s;
}

#signupBarContent a:hover {
  background-color:#000;
  text-decoration:none;
}

#content {
  margin-bottom:30px;
  margin-top:30px;
}

#mobileMenu {
  overflow:auto;
  background-color:#444;
}

#mobileMenu li, #mobileMenu ul {
  list-style:none;
  padding:0px;
  margin:0px;
}

#mobileMenu li a { 
  color:#eee;
}

.menuLevel2 {
  display:none;
}

.pageSet {
  display:inline-block;
  padding:16px;
  right:0px;
  position:absolute;
  pointer:cursor;
  top:0px;
}

.pageSetLink, .pageSetSub a {
  display:block;
  position:relative;
  padding:16px;
  font-size:13px;
  border-bottom:1px dotted #999;
  cursor:pointer;
}

.pageSetSub {
  margin-left:20px !important;
}

#eazycmsTemplateNewsList, #eazycmsTemplateNewsList li {
  padding:0px;
  margin:0px;
  list-style:none;
}
#eazycmsTemplateNewsList {
  margin-bottom:20px;
  overflow:auto;
}
#eazycmsTemplateNewsList li {
  margin-bottom:10px;
  padding-bottom:10px;
  overflow:auto;
  border-bottom:1px solid #ddd;
}
.eazycmsTemplateNewsHeadline {
  font-weight:bold;
  display:block;
  font-size:13px;
}
.eazycmsTemplateNewsDate {
  display:none;
}
.eazycmsTemplateNewsLink {
  display:none;
}
.eazycmsTemplateNewsDescription {
  font-size:12px;
  display:block;
}

#insideRightColumn h2 {
  font-size:16px;
}

.twitter {
  font-size:13px;
  margin-bottom:10px;
  padding-bottom:10px;
  overflow:auto;
  border-bottom:1px solid #ddd;
}

.newsDate {
  font-weight:bold;
  font-size:13px;
}

.footerLinkBox .topLevelPageListCurrent  {
  color:#fff;
  border-bottom:1px solid #5f5f5f;
  display:block;
}

#addressFooter {
  color:#fff;
}