/* ===== general global ===== */

aside, article, section, header, footer, nav, ul, a, li {
  display: block;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
#contactName, #contactEmail, #contactUrl, #contactMessage {
  margin: 0;
  padding: 0;
  border: 0;
}
body {
  width: 100%;
  font-family: "nimbus-sans", helvetica, arial, sans-serif;
  color: rgb(179,179,179);
}
.wrapper {
  margin: 0 auto;
  overflow: hidden;
  max-width: 960px;
}
h1, h2, h3 {
  font-weight: normal;
  color: rgb(82,173,225);
}
h2, h3 {
  text-transform: uppercase;
}
img {
  max-width: 100%;
}
#servicesItems, #processSection {
  overflow: hidden;
}
#servicesItems div, #processSection div {
  float: left;
}
#navWrapper, #contactSocial, #contactFormSection, footer p {
  display: none;
}
.currentImage {
  visibility: hidden;
}
#planImgCont, #designImgCont, #developImgCont, #supportImgCont {
  max-width: 100%;
}

/* ===== servicesMain global ===== */

#websiteTextCont h3 {
  color: rgb(179,179,179);
}
#responsiveSmlTextCont h3 {
  color: rgb(212,20,90);
}
#mobileTextCont h3 {
  color: rgb(34,181,115);
}
#contentTextCont h3 {
  color: rgb(247,147,30);
}
#ecommTextCont h3 {
  color: rgb(147,39,143);
}
#servicesItems p {
  font-size: 0.8em;
}
#responsiveSection p {
  font-size: 1.2em;
  padding-bottom: 1.5em;
}

/* ===== image rotation global - section added DM 14/4/12 ===== */

#responsiveScroll {       
  position:relative;
  width:100%;       
}     
#responsiveScroll img {       
  position:absolute;
  height:auto;
  width:100%;
  bottom:0;
  right:0;
  cursor:pointer;         
}           
.currentImage {
  z-index:50;
}     
.previousImage {
  z-index:40;
 }      
#emptyTemplate{
  z-index:99;
 }  
 
/* ===== end of section added 14/4/12 ======= */

/* ===== aboutMain global ===== */
  
#planDiv h3, #planDiv p {
  color: rgb(57,181,74);
}
#designDiv h3, #designDiv p {
  color: rgb(251,176,59);
}
#developDiv p {
  color: rgb(82,173,225);
}
#supportDiv h3, #supportDiv p {
  color: rgb(212,20,90);
} 
  
/* ===== contactMain global ===== */

#contactDetails a:link, #contactDetails a:visited {
  text-decoration: none;
  color: rgb(179,179,179);
}
#contactDetails a:hover, #contactDetails a:active {
  color: rgb(82,173,225);
}
#contactSocial {
  overflow: hidden;
}
#contactSocial div {
  float: left;
  font-size: 0;
}
#contactSocial div:hover {
  background-color: rgb(82,173,225);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#contactForm ul {
  list-style: none;
}
#contactForm ul li {
  margin-top: 0.75em;
}
#contactForm ul li:first-child {
  margin-top: 0;
}
#contactName, #contactEmail, #contactUrl, #contactMessage {
  font-family: arial, sans-serif;
  font-size: 0.8em;
  color: rgb(179,179,179);
  border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border: 2px solid rgb(179,179,179);
  padding: 0.8em 1.7%;
  outline: none;
}
#contactName:focus, #contactEmail:focus, #contactUrl:focus, #contactMessage:focus {
  border: 0.2em solid rgb(82,173,225);
}
#contactName, #contactEmail, #contactUrl {
  height: 1.6em;
}
#contactMessage {
  height: 10em;
}
#contactSubmit {
  text-transform: uppercase;
  cursor: pointer;
  height: 4em;
}

/* ===== footer global ===== */

footer {
  height: 5em;
  margin-bottom: 25em;
}
#errorMessage {
  font-size: 80%;
  color:rgb(255,69,0);
}

/* ========== 501 to 780 styles ========== */

/* ===== general 501 to 780 ===== */

.wrapper {
  width: 95%;
}
#servicesMain, #aboutMain {
  padding: 5.5em 0 0 0;
}
#contactMain {
  padding: 5.5em 0 4em 0;
}
h1 {
  font-size: 3em;
  margin-bottom: 0.25em;
}
h2, h3 {
  font-size: 0.8em;
}

/* ===== homeSection 501 to 780 ===== */

#homeSection {
  padding: 9em 0 19em 0;
}
#homeSection p {
  font-size: 2.5em;
}
#logoDiv {
  width: 45%;
  padding-bottom: 5em;
}

/* ===== servicesMain 501 to 780 ===== */

#websiteImgCont, #responsiveSmlImgCont, #mobileImgCont, #contentImgCont, #ecommImgCont, #seoImgCont {
  width: 23.4375%;
  margin: 0 3.125% 6em 0;
  clear: left; 
}   

#websiteTextCont, #responsiveSmlTextCont, #mobileTextCont, #contentTextCont, #ecommTextCont, #seoTextCont {
  width: 73.4375%;
}   
#responsiveSection h2 {
  margin-top: 12em;
}
#responsiveSection h2, #servicesItems h3, #servicesItems p {
  margin-bottom: 1.5em;
}

/* ===== aboutMain 501 to 780 ===== */

#aboutMain h2 {
  font-size: 0.8em;
  margin-bottom: 1em;
}
#valuesSection p {
  font-size: 1.2em;
  padding-bottom: 1em;
}
#processSection p {
  font-size: 1.5em;
}
#planDiv, #designDiv, #developDiv, #supportDiv {
  width: 38%;
  margin: 1em 6%;
}
.processDivCont {
  margin: -11.5em 17.0212766% 0;
}
#processContent h3 {
  font-size: 1.5em;
}
#processContent p {
  font-size: 0.65em;
}

/* ===== contactMain 501 to 780 ===== */

#contactDetails {
  width: 50%;
  float: left;
}
#contactDetails h3 {
  margin-bottom: 1.5em;
}
#contactDetails p {
  font-size: 1.5em;
  padding-bottom: 0.6em;
}
#contactSocial div {
  width: 16%;
  margin-right: 6%;
}
#contactFormSection {
  width: 50%;
  float: left;
}
#contactName, #contactEmail, #contactUrl {
  width: 90%;
}
#contactMessage {
  width: 90.2%;
}
#contactSubmit {
  width: 94.2%;
}