body {
  background-color: rgb(255, 255, 255);
  font: 400 14px/1.38 Helvetica;
  color: rgb(0, 0, 0);
}

.page-commprojects {
  font-family: Verdana;
  color: rgb(128, 128, 128);
}

a.anchorMain{
	display: block; 
	position: relative;
	height:240px;
	margin: -240px 0 0;
	visibility: hidden;
}

a.anchorServices{
	display: block; 
	position: relative;
	height:80px;
	margin: -80px 0 0;
	visibility: hidden;
}

a.anchorProjects{
	display: block; 
	position: relative;
	height:240px;
	margin: -240px 0 0;
	visibility: hidden;
}

a.anchorClients{
	display: block; 
	position: relative;
	height:100px;
	margin: -100px 0 0;
	visibility: hidden;
}

a.anchorContact{
	display: block; 
	position: relative;
	height:80px;
	margin: -80px 0 0;
	visibility: hidden;
}



.center{
 margin-left: auto;
 margin-right: auto;
}

.page-index {
  color: rgb(0, 0, 0);
}

.clientscolumn img {
  width: 193px;
  margin-right: auto;
  margin-left: auto;
}

/* Gradient transparent - color - transparent */

hr.style-two {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.commmain button {
  float: left;
  clear: both;
  width: 10.242587601%;
  min-width: 76px;
  height: 21px;
  margin: 25px 0 0 88.54447%;
  background-color: rgb(89, 158, 255);
  font-size: 12px;
  color: rgb(255, 255, 255);
}

.contactinfo img {
  position: relative;
  float: left;
  width: 12.1372031662%;
  min-width: 20px;
  margin-left: 60px;
}

.headlineconnect button {
  float: left;
  clear: both;
  width: 20.0980392156%;
  height: 25px;
  margin: 5px 0 0 80%;
  background-color: rgb(80, 157, 214);
  font-size: 12px;
  color: rgb(255, 255, 255);
}

.headlineconnect input {
  width: 100%;
  height: 20px;
  margin-right: auto;
  margin-left: auto;
  background-color: rgb(222, 222, 222);
  color: rgb(26, 26, 26);
}

.mcsiconbox img {
  width: 72.6063829787%;
  min-width: 180px;
  max-width: 273px;
  margin: 30px auto 0;
}

.phone img {
  float: left;
  width: 46px;
}

.projectboxmain-1 button {
  width: 56.49%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

.projectboxmain-1 button:hover {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

.projectboxmain-2 button {
  width: 56.4912992745%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
}

.projectboxmain-2 button:hover {
  box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
}

.projectsicon-1 img {
  margin-top: 8px;
}

.projectsicon-2 img {
  max-width: 114px;
  margin-top: 6px;
}

.resmain a {
  clear: both;
  width: 10.242587601%;
  min-width: 76px;
  height: 21px;
  margin: 25px 0 0 88.54447%;
  background-color: rgb(89, 158, 255);
  color: rgb(255, 255, 255);
}

.servbox01 img {
  width: 74.3055555555%;
  min-width: 80px;
  margin: 0 auto;
}

.servbox02 img {
  width: 85%;
  min-width: 80px;
  margin: 0 auto;
}

.servbox03 img {
  width: 100%;
  min-width: 80px;
  margin: 0 auto;
}

.servbox01 img:hover,
.servbox02 img:hover,
.servbox03 img:hover,
.servebox img:hover {
  opacity: 0.5;
}

.servebox img {
  width: 67.808219178%;
  min-width: 60px;
  margin: 0 auto;
}

a {
  display: block;
  float: left;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.38;
  text-align: center;
}

article {
  width: 63.3333333333%;
  max-width: 760px;
  min-height: 372px;
  margin: 43px auto 0;
}

article button {
  min-width: 140px;
  height: 35px;
  margin: 0 auto;
  background-color: rgb(180, 216, 243);
  font-size: 16px;
  color: rgb(0, 0, 0);
}

article button:hover {
  background-color: rgb(255, 255, 255);
}

article img {
  width: 114px;
  margin-right: auto;
  margin-left: auto;
}

button {
  display: block;
  font-weight: 400;
  line-height: 1.38;
  text-align: center;
}

div section {
  position: relative;
  width: 78.3333333333%;
  min-width: 320px;
  max-width: 940px;
  margin: 0px auto 0;
}

div textarea {
  float: left;
  clear: both;
  width: 89.2152777777%;
  height: 58px;
  margin: 5px 0 0 5.3753399999%;
  background-color: rgb(222, 222, 222);
  resize: none;
}

footer {
  position: relative;
  float: left;
  clear: both;
  z-index: 15;
  width: 100%;
  min-height: 223px;
  background-color: rgb(24, 27, 29);
}

footer button {
  float: left;
  width: 100%;
  max-width: 78px;
  min-height: 25px;
  max-height: 20px;
  background-color: rgb(80, 157, 214);
  font-size: 12px;
  color: rgb(255, 255, 255);
}

.headlineconnect button:hover,
footer button:hover,
form button:hover {
  background-color: rgb(154, 196, 226);
}

footer input {
  float: left;
  width: 96.5187350518%;
  max-width: 227px;
  height: 25px;
  max-height: 25px;
  background-color: rgb(242, 242, 242);
  color: rgb(0, 0, 0);
}
.quickForm {
  /*float: left;*/
  width: 100%;
  min-width: 250px;
  max-width: 499px;
  min-height: 280px;
}

.mainForm {
  float: left;
  width: 100%;
  min-width: 250px;
  max-width: 499px;
  min-height: 419px;
}

form button {
  position: relative;
  float: left;
  width: 15.6%;
  margin-top: 8px;
  background-color: rgb(63, 70, 66);
  font-size: 12px;
  color: rgb(255, 255, 255);
}

form input {
  width: 99.8375%;
  height: 34px;
  margin-right: auto;
  margin-left: auto;
  /*background-color: rgb(204, 226, 243);*/
  color: rgb(0, 0, 0);
}

form textarea {
  width: 99.8375%;
  height: 148px;
  margin: 5px auto 0;
  /*border: 1px solid rgb(119, 119, 119);*/
  /*background-color: rgb(204, 226, 243);*/
  resize: vertical;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 137;
  width: 100%;
  min-width: 320px;
  max-width: 1200px;
  height: 160px;
  min-height: 160px;
  max-height: 160px;
  margin: 0 auto;
}

header a {
  width: 10%;
  min-width: 60px;
  max-width: 468px;
  height: 40px;
  min-height: 10px;
  max-height: 40px;
  padding-top: 12px;
  background-color: rgb(63, 70, 66);
}

header a:hover {
  background-color: rgb(87, 97, 92);
}

img {
  display: block;
  height: auto;
  overflow: hidden;
}

input {
  display: block;
  padding: 0 10px;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.38;
}

section section {
  width: 80%;
  max-width: 960px;
  min-height: 400px;
  margin: 200px auto 0;
}

textarea {
  display: block;
  padding: 5px;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.38;
  color: rgb(0, 0, 0);
}

.buttonbar p {
  margin-bottom: 1em;
}

.bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 128;
  width: 100%;
  min-width: 320px;
  height: 160px;
  margin: 0 auto;
  background-color: rgb(63, 70, 66);
}

.bodylblue {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.38;
  text-align: center;
  letter-spacing: -1px;
  color: rgb(80, 157, 214);
}

.bodymwhite {
  line-height: 1.38;
  text-align: center;
  color: rgb(255, 255, 255);
}

.bodys {
  float: left;
  clear: both;
  width: 90.6382978723%;
  min-height: 136px;
  margin-left: 3.82979%;
  font: 400 14px/1.38 Verdana;
  text-align: justify;
  color: rgb(0, 0, 0);
}

.buttonbar {
  float: left;
  clear: both;
  width: 100%;
  min-width: 320px;
  height: 40px;
  min-height: 10px;
  max-height: 40px;
  margin-top: 5px;
}

.buttonwrapper {
  float: left;
  width: 25%;
}

.center {
  width: 80%;
  min-width: 250px;
  max-width: 960px;
  min-height: 217px;
  margin: 6px auto 0;
}

.clients {
  position: relative;
  float: left;
  clear: both;
  z-index: 58;
  width: 100%;
  min-height: 605px;
  margin-top: 80px;
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: rgb(255, 255, 255);
}

.clientsbox {
  width: 62.25%;
  max-width: 747px;
  min-height: 450px;
  margin: 70px auto 0;
}

.clientscolumn {
  float: left;
  /*width: 224px;*/
  max-width: 300px;
}

.commcolumn .text {
  float: left;
  clear: both;
  width: 136px;
  font-size: 14px;
  font-weight: 400;
  color: rgb(128, 128, 128);
}

.commentbox {
  width: 100%;
  max-width: 864px;
  min-height: 105px;
  /*margin: 18px auto 0;*/
}

.commentbox .body {
  float: left;
  width: 82.4074074074%;
  max-width: 712px;
  min-height: 60px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.38;
  color: rgb(0, 0, 0);
}

.commentleadin {
  width: 37.5%;
  min-width: 290px;
  max-width: 450px;
  min-height: 51px;
  margin: 74px auto 0;
}

.commentleadin .bodylblue {
  position: relative;
  float: left;
  clear: both;
  z-index: 72;
  width: 87.5555555555%;
  max-width: 400px;
  min-height: 33px;
  margin: -47px 0 0 11.32639%;
}

.comments {
  position: relative;
  float: left;
  clear: both;
  z-index: 75;
  width: 100%;
  height: 200px;
}

.commentsbox {
  /*float: left;*/
  clear: both;
  width: 100%;
  /*min-height: 420px;*/
  margin-top: 100px;
  margin-left: auto;
  margin-right:auto;
  max-width: 980px;
}

.commimgbox {
  float: left;
  min-width: 150px;
  max-width: 234px;
  height: 163px;
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: center center;
}

.commmain {
  width: 61.8333333333%;
  max-width: 742px;
  margin: 184px auto 0;
}

.connections {
  float: left;
  width: 34.375%;
  min-width: 250px;
  max-width: 330px;
  min-height: 339px;
  margin: 41px 0 0 7.51628%;
}

.contact {
  position: relative;
  float: left;
  clear: both;
  z-index: 41;
  width: 100%;
  min-height: 980px;
  margin-top: 80px;
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: rgb(80, 157, 214);
}

.contactinfo {
  position: relative;
  float: left;
  z-index: 124;
  width: 40.3191489361%;
  min-width: 220px;
  margin-top: 80px;
}

.contactinfo .text {
  position: relative;
  float: left;
  margin-left: 38px;
  font-family: Cabin;
  font-size: 16px;
  font-weight: 400;
  color: rgb(0, 0, 0);
}

.contactledgend {
  float: left;
}

.contactledgend .body {
  width: 78.9189189189%;
  margin: 11px auto 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.38;
  color: rgb(255, 255, 255);
}

.contacts {
  float: left;
  clear: both;
  width: 75.7575757575%;
  max-width: 250px;
  min-height: 236px;
  margin: 30px 0 0 27px;
}

.contacts .email {
  clear: both;
  margin-top: 49px;
}

.copyright {
  min-height: 23px;
  margin: 170px auto 0;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.38;
  text-align: center;
  color: rgb(128, 128, 128);
}

.element {
  position: relative;
  float: left;
  z-index: 73;
  width: 11.6%;
  min-height: 51px;
  background: url('../images/comment128.png') rgb(255, 255, 255);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.email {
  float: left;
  width: 99.9196418321%;
  max-width: 250px;
  height: 46px;
}

.email .contactledgend {
  width: 74.0601738912%;
  max-width: 185px;
  height: 42px;
  min-height: 42px;
  margin-left: 1.98912%;
}

.emailicon {
  float: left;
  width: 18.0271470569%;
  min-width: 25px;
  max-width: 45px;
  height: 46px;
  background-image: url('../images/email_icon.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.fax {
  float: left;
  clear: both;
  width: 99.5522902077%;
  min-width: 124px;
  max-width: 249px;
  height: 46px;
  margin: 49px 0 0 0.33125%;
}

.fax .contactledgend {
  width: 75.9417378201%;
  height: 43px;
  margin-left: 3.53466%;
}

.faxicon {
  float: left;
  width: 18.0939226519%;
  min-width: 25px;
  max-width: 45px;
  height: 46px;
  background-image: url('../images/fax_icon.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.faxnumber {
  float: left;
  margin-top: 10px;
  background-color: rgb(80, 157, 214);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.38;
  color: rgb(255, 255, 255);
}

.footerlinks {
  float: left;
}

.footerlinks .footerlinks {
  width: 9.5073529411%;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.38;
  color: rgb(230, 230, 230);
  cursor: pointer;
}

.footerlinks .footerlinks:hover {
  color: rgb(80, 157, 214);
}

.header {
  float: left;
  width: 98.7878787878%;
  max-width: 326px;
  min-height: 37px;
  padding-top: 5px;
  border-bottom: 1px solid rgb(0, 0, 0);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.38;
  text-align: center;
  color: rgb(63, 70, 66);
}

.headerbg {
  position: relative;
  width: 78%;
  min-width: 320px;
  max-width: 980px;
  height: 160px;
  min-height: 160px;
  max-height: 160px;
  margin: 0 auto;
}

.headline {
  float: left;
  font: 600 24px/1.38 Cabin;
  letter-spacing: -1px;
  color: rgb(212, 145, 24);
}

.headlineconnect {
  position: relative;
  float: left;
  clear: both;
  z-index: 114;
  width: 58.7234042553%;
  min-width: 260px;
  margin-top: 40px;
}

.headlineconnect .headline {
  width: 95.1063829787%;
}

.headlinemain {
  float: left;
  width: 100%;
  margin-top: 5px;
}

.headlinemain .headline {
  width: 100%;
  min-height: 34px;
  word-spacing: 2px;
}

.info .bodymwhite {
  width: 99.834375%;
  min-height: 50px;
  margin: 0 auto;
  font-size: 36px;
  font-weight: 700;
}

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

.logo {
  float: left;
  width: 47.6530612244%;
  min-width: 321px;
  max-width: 467px;
  height: 114px;
  max-height: 140px;
  background-image: url('../images/MCS_Logo_Dark_BG(2).png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.mcsiconbox {
  width: 31.3594662218%;
  min-width: 185px;
  max-width: 376px;
  height: 245px;
  max-height: 245px;
  margin: 180px auto 0;
}

/*
.nivoSlider {
  width: 78%;
  max-width: 936px;
  height: 400px;
  max-height: 400px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: center center;
}
*/

.phone {
  float: left;
  width: 99.9196418321%;
  min-width: 124px;
  max-width: 250px;
  height: 46px;
}

.phone .body {
  float: left;
  margin: 13px 0 0 26px;
  background-color: rgb(80, 157, 214);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.38;
  color: rgb(255, 255, 255);
}

.projectboxmain {
  float: left;
  width: 40.5242598684%;
  min-width: 180px;
  min-height: 372px;
}

.projectsicon {
  width: 56.4935064935%;
  min-width: 140px;
  max-width: 174px;
  margin: 0 auto;
  background-color: rgb(80, 157, 214);
}

.projectsicon .text {
  width: 100.0089806915%;
  margin: 0 auto;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  color: rgb(255, 255, 255);
}

.quotebox {
  float: left;
  width: 12.1527777777%;
  max-width: 105px;
  height: 105px;
  min-height: 105px;
  background-image: url('../images/quoteBlue.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.resbox {
  float: left;
  min-width: 150px;
  max-width: 234px;
  height: 163px;
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: center center;
}

.commcolumn,
.rescolumn {
  float: left;
}

.resmain {
  width: 61.8333333333%;
  max-width: 742px;
  margin: 184px auto 0;
}

.servbox01 {
  float: left;
  width: 16.1797752808%;
  min-width: 110px;
  min-height: 145px;
  margin: 18px 0 0 10.2235%;
}

.servbox01 .bodymwhite {
  width: 100%;
  min-height: 16px;
  margin: 7px auto 0;
  font-size: 16px;
}

.servbox02 {
  float: left;
  width: 14.1573033707%;
  min-width: 80px;
  min-height: 150px;
  max-height: 150px;
  margin: 9px 0 0 12.24595%;
}

.servbox02 .bodymwhite {
  width: 100%;
  min-height: 16px;
  margin: 15px auto 0;
  font-size: 16px;
}

.servbox03 {
  float: left;
  width: 11.3483146067%;
  min-width: 80px;
  max-height: 140px;
  margin: 15px 0 0 12.2492699999%;
}

.servbox03 .bodymwhite {
  float: left;
  clear: both;
  width: 100%;
  max-width: 107px;
  min-height: 16px;
  margin-top: 10px;
  font-size: 16px;
  word-break: normal;
  white-space: normal;
}

.servebox {
  /*float: left;*/
  /*width: 16.404494382%;*/
  min-width: 110px;
  max-height: 145px;
  margin-top: 16px;
}

.servebox .bodymwhite {
  width: 100%;
  /*max-width: 146px;*/
  min-height: 16px;
  margin: 12px auto 0;
  font-size: 16px;
}

.servicesbar {
  width: 78.565471226%;
  max-width: 941px;
  min-height: 180px;
  margin: 45px auto 0;
}

.servicestitle {
  position: relative;
  float: left;
  clear: both;
  z-index: 108;
  width: 100%;
  min-width: 320px;
  max-height: 1768px;
  margin-top: 180px;
  padding-bottom: 320px;
  background-color: rgb(84, 85, 84);
}

.servicetag {
  width: 70.8924103419%;
  max-width: 850px;
  margin: 41px auto 0;
  overflow: visible;
}

.servicetag .bodylblue {
  width: 100%;
  max-width: 850px;
  margin: 0 auto;
}

.subscribe_wrapper {
  float: left;
  width: 49.5833333333%;
  min-width: 200px;
  max-width: 476px;
  min-height: 217px;
  max-height: 300px;
  background: url('../images/mcs_logo_footer(2).png') rgb(24, 27, 29);
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: center center;
}

.subscriber {
  float: left;
  clear: both;
  width: 66.5572478991%;
  max-height: 25px;
  margin: 4px 0 0 16.72138%;
}

.teststripa {
  width: 45%;
  min-height: 140px;
  margin: 0 auto;
  /*background-color: rgb(163, 203, 234);*/
  float:left;
}

.teststripb {
  width: 100%;
  min-height: 140px;
  margin: 0 auto;
  /*background-color: rgb(200, 230, 254);*/
}

.teststripb .body {
  margin-top: 20px;
}

.text {
  line-height: 1.38;
}

.title {
  width: 50%;
  max-width: 600px;
  min-height: 143px;
  margin: 150px auto 0;
}

.title .text {
  text-align: center;
}

.topmain {
  position: relative;
  float: left;
  z-index: 127;
  width: 100%;
  min-width: 320px;
  margin-top: 160px;
  background-color: rgb(255, 255, 255);
}

.update {
  float: left;
  width: 142px;
  max-width: 142px;
  min-height: 12px;
  margin: 57px 0 0 19.11765%;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.38;
  color: rgb(255, 255, 255);
}

.body-1 {
  margin-top: 10px;
  padding: 5px;
  text-align: justify;
}

.body-3 {
  margin-top: 20px;
}

.body-4 {
  width: 97.5757575757%;
  max-width: 322px;
  min-height: 19px;
  margin: 52px auto 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.38;
  text-align: center;
  color: rgb(0, 0, 0);
}

.commcolumn-2 {
  width: 31.6711590296%;
  height: 631px;
  margin-left: 2.42588%;
}

.commcolumn-3 {
  position: relative;
  z-index: 20;
  width: 31.6753706199%;
  height: 631px;
  margin-left: 2.42588%;
}

.commimgbox-1 {
  width: 99.5744680851%;
  min-height: 163px;
  background-image: url('../images/commPrj__0009_NaturesTable.jpg');
}

.commimgbox-2 {
  clear: both;
  width: 99.5744680851%;
  min-height: 163px;
  margin-top: 15px;
  background-image: url('../images/commPrj__0010_inmotion.jpg');
}

.commimgbox-3 {
  clear: both;
  width: 99.5744680851%;
  min-height: 163px;
  margin-top: 15px;
  background-image: url('../images/commPrj__0001_kitson.jpg');
}

.commimgbox-4 {
  width: 99.5744680851%;
  max-height: 163px;
  background-image: url('../images/commPrj__0005_lids.jpg');
}

.commimgbox-5 {
  clear: both;
  width: 99.5744680851%;
  min-height: 163px;
  margin-top: 15px;
  background-image: url('../images/commPrj__0008_xprespa.jpg');
}

.commimgbox-6 {
  clear: both;
  width: 99.5744680851%;
  min-height: 163px;
  margin-top: 15px;
  background-image: url('../images/commPrj__0000_natInspired.jpg');
}

.commimgbox-7 {
  width: 99.56122856%;
  min-height: 163px;
  background-image: url('../images/commPrj__0003_finishline.jpg');
}

.commimgbox-8 {
  clear: both;
  width: 99.56122856%;
  min-height: 163px;
  margin: 15px 0 0 -0.0133%;
  background-image: url('../images/commPrj__0002_swarovski.jpg');
}

.commimgbox-9 {
  clear: both;
  width: 99.56122856%;
  min-height: 163px;
  margin-top: 15px;
  background-image: url('../images/commPrj__0007_soundbalance.jpg');
}

.footerlinks-1 {
  width: 50.3125%;
  min-width: 200px;
  max-width: 483px;
  min-height: 217px;
  max-height: 300px;
  padding-top: 20px;
  padding-left: 10px;
}

.footerlinks-2 {
  position: relative;
  z-index: 7;
}

.footerlinks-2:hover {
  background-color: rgba(0, 0, 0, 0);
}

.footerlinks-3 {
  position: relative;
  z-index: 10;
  margin-left: 17.49802%;
}

.footerlinks-5 {
  clear: both;
  margin-top: 17px;
}

.footerlinks-4,
.footerlinks-6 {
  clear: both;
  margin-top: 18px;
}

.image-1 {
  z-index: 119;
  margin-top: 7px;
}

.image-2 {
  clear: both;
  z-index: 118;
  margin-top: 22px;
}

.image-11,
.image-12,
.image-13,
.image-14,
.image-16,
.image-17,
.image-18,
.image-19,
.image-21 {
  margin-top: 14px;
}

.image-3 {
  clear: both;
  z-index: 120;
  margin-top: 21px;
}

.projectboxmain-1 {
  margin-left: -0.0020600001%;
}

.projectboxmain-2 {
  margin-left: 18.83635%;
}

.projects-1 {
  position: relative;
  float: left;
  clear: both;
  z-index: 90;
  width: 100%;
  min-height: 917px;
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: rgba(221, 221, 221, 0.94);
}

.projectsicon-1 {
  min-height: 174px;
}

.projectsicon-2 {
  min-height: 173px;
}

.resbox-1 {
  width: 99.5744680851%;
  min-height: 163px;
  background-image: url('../images/resPrj_0003_kitchen.jpg');
}

.resbox-2 {
  clear: both;
  width: 99.5744680851%;
  min-height: 163px;
  margin-top: 44px;
  background-image: url('../images/resPrj_0000_bath1large.jpg');
}

.resbox-3 {
  width: 99.5744680851%;
  max-height: 180px;
  background-image: url('../images/resPrj_0001_living.jpg');
}

.resbox-4 {
  width: 99.56122856%;
  min-height: 163px;
  background-image: url('../images/resPrj_0003_kitchen.jpg');
}

.commcolumn-1,
.rescolumn-1 {
  width: 31.6711590296%;
  height: 630px;
}

.rescolumn-2 {
  width: 31.6711590296%;
  height: 210px;
  margin-left: 2.42588%;
}

.rescolumn-3 {
  position: relative;
  z-index: 6;
  width: 31.6753706199%;
  height: 210px;
  margin-left: 2.42588%;
}

.text-1 {
  z-index: 121;
  width: 26.9129287598%;
  margin-top: 20px;
}

.text-10 {
  margin-top: 12px;
}

.text-11,
.text-14,
.text-8 {
  margin-top: 10px;
}

.text-12,
.text-15 {
  margin-top: 9px;
}

.text-13,
.text-16 {
  margin-top: 13px;
}

.text-2 {
  z-index: 122;
  width: 36.6754617414%;
  min-width: 60px;
  margin-top: 34px;
}

.text-3 {
  z-index: 123;
  width: 25.0659630606%;
  margin-top: 33px;
}

.text-4 {
  width: 100%;
  margin: 0 auto;
  font-family: Verdana;
  font-size: 36px;
  color: rgb(80, 157, 214);
}

.text-5 {
  float: left;
  clear: both;
  width: 78.9830508474%;
  min-height: 47px;
  margin: 9px 0 0 9.66667%;
  font-size: 20px;
  color: rgb(63, 70, 66);
}

.text-6 {
  min-height: 33px;
}

.text-9 {
  margin: 8px 0 0 -0.00665%;
}

.buttonbar ._text-1 {
  color: rgb(247, 247, 247);
}


.buttonbar ._text-2,
.buttonbar ._text-3,
.buttonbar ._text-4,
.buttonbar ._text-5 {
  color: rgb(255, 255, 255);
}

.headlineconnect ._input-1 {
  margin-top: 48px;
}

.headlineconnect ._input-2 {
  margin-top: 5px;
}

.info ._button-2 {
  clear: both;
  z-index: 38;
  min-height: 25px;
  margin-left: 67.33467%;
}

.info ._button-3 {
  z-index: 37;
  height: 25px;
  margin-left: 0.59494%;
}

.info ._input-5 {
  margin-top: 10px;
}

.info ._input-4,
.info ._input-6 {
  margin-top: 5px;
}

@media only screen and (max-width: 768px) {
  .commmain button {
    margin-left: 88.54304%;
  }
  .clientsbox {
	  width: 90.25%;
	  max-width: 747px;
	  min-height: 450px;
	  margin: 70px auto 0;
	}
  
  #slider {
		position:relative;
		max-width:580px;
		max-height:100%;
		/*height:160px;*/
		margin-left:auto;
		margin-right:auto;
		overflow:hidden;
	}
	
  .contactinfo img {
    position: relative;
  }

  .headlineconnect button {
    margin-left: 74.7711099999%;
  }

  .projectboxmain-1 button {
    width: 56.1677501189%;
  }

  .resmain a {
    margin-left: 83%;
  }

  .commentbox {
  width: 100%;
  max-width: 864px;
  min-height: 105px;
  /*margin: 18px auto 0;*/
 }

  .servbox03 img {
    float: left;
    margin-right: 0;
    margin-left: 0;
  }

  div img {
    height: auto;
  }

  div textarea {
    /*margin-left: 5.37397%;*/
  }

  footer {
    position: relative;
    z-index: 15;
  }

  footer button {
    width: 101.5783204288%;
    margin-left: -1.57832%;
    font-size: 10px;
  }

  footer input {
    width: 101.5052423959%;
  }

  form button {
    position: relative;
  }

  .bg,
  header {
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
  }

  section section {
    margin-top: 300px;
  }

  .clients {
    position: relative;
    z-index: 58;
    margin-top: 20%;
  }

  .commentleadin .bodylblue {
    position: relative;
    z-index: 72;
    margin-left: 11.31466%;
  }

  .commentleadin .element {
    position: relative;
    z-index: 73;
  }

  .comments {
    position: relative;
    z-index: 75;
  }

  .commmain .commcolumn {
    min-width: 150px;
  }

  .connections .contacts {
    margin-top: 10px;
  }

  .contact {
    position: relative;
    z-index: 41;
  }
  
  .mainForm {
	  float: none;
	  width: 100%;
	  margin-left:auto;
	  margin-right:auto;
	  min-width: 250px;
	  max-width: 499px;
	  min-height: 419px;
	}
  
    .contact .email {
    position: relative;
    z-index: 41;
  }

  .contactinfo .text {
    position: relative;
    margin-left: 4.98615%;
  }

  .contactledgend .body {
    width: 236.9565217391%;
    margin-top: 16px;
    font-size: 12px;
  }

  .contactledgend .faxnumber {
    float: none;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    font-size: 12px;
  }

  .contacts .fax {
    margin-left:10px;
  }

  .email .contactledgend {
    width: 27.6250351881%;
    margin-top: -46px;
    margin-left: 22.99484%;
  }

  .email .emailicon {
    width: 18.0257108004%;
	float:none;
  }

  .fax .contactledgend {
    width: 45.8090035788%;
    height: 16px;
    margin-top: 13px;
    margin-left: 20.79488%;
  }

  .fax .faxicon {
    width: 18.0919193821%;
    margin-top: -22px;
    margin-left: -5.75438%;
  }

  .footerlinks .footerlinks {
    width: 22%;
    max-width: 184px;
  }

  .headlineconnect .headline {
    text-align: center;
  }

  .headlinemain .bodys {
    margin-left: 3.82578%;
  }

  .info .connections {
	width:60%;
    min-width: 220px;
    margin-top: 38px;
    margin-left: 7.5227%;
	float: none;
	margin-right:auto;
	margin-left:auto;
  }

  .landing .contactinfo {
    position: relative;
    z-index: 124;
  }

  .landing .headlineconnect {
    position: relative;
    z-index: 114;
  }

  .phone .body {
    margin-left: 4.97326%;
    font-size: 12px;
  }

  .phone{
    margin-top: 5.97326%;
  }
  .projects .title {
    width: 60%;
    margin-top: 100px;
  }

  .projectsicon .text {
    width: 100%;
    font-size: 18px;
  }

  .resmain .rescolumn {
    min-width: 150px;
  }

  .servbox01 .bodymwhite,
  .servbox02 .bodymwhite {
    margin-top: 20px;
    font-size: 14px;
  }

  .servbox03 .bodymwhite,
  .servebox .bodymwhite {
    margin-top: 25px;
    font-size: 14px;
  }

  .servicesbar .servbox01 {
    margin-left: 7.99409%;
  }

  .servicesbar .servbox02 {
    min-width: 100px;
    margin-left: 7.99409%;
  }

  .servicesbar .servbox03 {
    margin-top: 11px;
    margin-left: 4.99663%;
  }

  .servicesbar .servebox {
    margin-left: 3.99575%;
  }

  .servicestitle {
    position: relative;
    z-index: 108;
  }

  .servicestitle .mcsiconbox {
    height: auto;
    min-height: 180px;
    max-height: none;
  }

  .subscribe_wrapper .subscriber {
    width: 70%;
    max-width: 250px;
    margin-top: 10px;
  }

  .subscribe_wrapper .update {
    width: 46.942962659%;
    margin-left: 19.07058%;
  }

  .subscriber .buttonwrapper {
    width: 24.6061405437%;
  }

  .subscriber .inputwrapper {
    width: 70.586942185%;
  }

  .topmain {
    position: relative;
    z-index: 127;
  }

  .clientsbox .clientscolumn-1 {
    position: relative;
    z-index: 56;
  }

  .clientsbox .clientscolumn-3 {
    clear: both;
  }

  .commcolumn .commimgbox-8 {
    margin-left: -0.01039%;
  }

  .commcolumn .text-9,
  .projects .projectboxmain-1 {
    margin-left: 0;
  }

  .commmain .commcolumn-3 {
    position: relative;
    z-index: 20;
    margin-left: 2.42169%;
  }

  .connections .body-4 {
    margin-top: 75px;
  }

  .contactinfo .image-1 {
    z-index: 119;
  }

  .contactinfo .image-2 {
    z-index: 118;
  }

  .contactinfo .image-3 {
    z-index: 120;
  }

  .contactinfo .text-1 {
    z-index: 121;
  }

  .contactinfo .text-2 {
    z-index: 122;
  }

  .contactinfo .text-3 {
    z-index: 123;
  }

  .footerlinks .footerlinks-2 {
    position: relative;
    z-index: 7;
  }

  .footerlinks .footerlinks-3 {
    position: relative;
    z-index: 10;
    margin-left: 17.49465%;
  }

  .projects .projectboxmain-2 {
    margin-left: 18.83453%;
  }

  .projects-1 {
    position: relative;
    z-index: 90;
  }

  .resmain .rescolumn-1 {
    height: 420px;
  }

  .commmain .commcolumn-2,
  .resmain .rescolumn-2 {
    margin-left: 2.42169%;
  }

  .resmain .rescolumn-3 {
    position: relative;
    z-index: 6;
    margin-left: 2.42169%;
  }

  .title .text-5 {
    margin-left: 9.66397%;
  }

  .headlineconnect ._input-1 {
    margin-top: 66px;
  }

  .info ._button-2 {
    z-index: 38;
    margin-left: 67.32557%;
  }

  .info ._button-3 {
    z-index: 37;
    margin-left: 0.58225%;
  }
}

@media only screen and (max-width: 320px) {
  body {
    font-size: 14px;
  }

  .contactinfo img {
    position: relative;
    margin-left: 10%;
  }
  
	#slider {
		position:relative;
		max-width:300px;
		max-height:100%;
		/*height:160px;*/
		margin-left:auto;
		margin-right:auto;
		overflow:hidden;
	}
	
    #stripa,#stripb,#stripc,#stripd {
	  width: 100%;
	  min-height: 140px;
	  margin: 0 auto;
	  clear: both;
	}

  .headlineconnect button {
    margin-left: 74.76563%;
  }

  .projectboxmain-1 button {
    width: 25.6249999999%;
  }

  .commmain button,
  .resmain a {
    float: none;
    clear: none;
    margin-right: auto;
    margin-left: auto;
  }

  div img {
    height: auto;
  }

  div textarea {
    /*margin-left: 5.32924%;*/
  }

  footer {
    position: relative;
    z-index: 15;
  }

  footer button {
    width: 101.8518518518%;
    margin-left: -1.83662%;
  }

  .center .footerlinks-1,
  footer input {
    width: 100%;
  }

  form button {
    position: relative;
  }

  header {
    left: 0;
    right: 0;
    height: 80px;
    min-height: 80px;
    margin-right: auto;
    margin-left: auto;
  }

  header a {
    height: 20px;
    line-height: 0;
  }

  section section {
    margin-top: 100px;
  }

  .bg {
    left: 0;
    right: 0;
    height: 90px;
    margin-right: auto;
    margin-left: auto;
  }

  .center .subscribe_wrapper {
    clear: both;
    width: 100%;
  }

  .clients {
    position: relative;
    z-index: 58;
  }

  .clients .clientsbox,
  .projects .title {
    width: 80%;
  }

  .clientsbox .clientscolumn {
    float: none;
    margin-right: auto;
    margin-left: auto;
  }

  .commentleadin .bodylblue {
    position: relative;
    z-index: 72;
  }

  .commentleadin .element {
    position: relative;
    z-index: 73;
  }

  .comments {
    position: relative;
    z-index: 75;
    height: auto;
  }

  .contact {
    position: relative;
    z-index: 41;
  }

  .contactinfo .text {
    position: relative;
    margin-left: 4.9858%;
  }

  .contactledgend .body {
    float: left;
    width: 97.4789915966%;
    margin-top: 13px;
    margin-right: 0;
    margin-left: 2px;
    line-height: 1;
    text-align: center;
  }

  .contactledgend .faxnumber {
    float: left;
    margin-top: 13px;
    margin-right: 0;
    margin-left: 4.99206%;
    text-align: center;
  }

  .email .contactledgend {
    width: 71.4647649432%;
    height: auto;
    min-height: 46px;
    margin-top: 0;
    margin-left: 0;
  }

  .email .emailicon {
    width: 28.2255794313%;
    margin-top: 0;
    margin-left: -0.15014%;
  }

  .fax .contactledgend {
    width: 71.1245055566%;
    height: 46px;
    min-height: 46px;
    margin-top: 0;
    margin-left: 0;
  }

  .fax .faxicon {
    width: 28.23%;
    margin-top: 0;
    margin-left: 0.11302%;
  }

  .headerbg .buttonbar {
    height: 20px;
    margin-top: 0;
  }

  .headerbg .logo {
    height: 60px;
    margin-left: -0.3125%;
  }

  .headlineconnect .headline {
    font-size: 18px;
  }

  .headlinemain .bodys {
    margin-left: 3.81836%;
    font-size: 12px;
  }

  .headlinemain .headline {
    float: none;
    width: 90.625%;
    margin-right: auto;
    margin-left: auto;
    font-size: 18px;
    line-height: 1;
    text-align: center;
    word-spacing: 0;
  }

  .info .connections {
    clear: both;
    margin-left: 7.51343%;
  }

  .landing .contactinfo {
    position: relative;
    float: none;
    z-index: 124;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
  }

  .landing .headlineconnect {
    position: relative;
    float: none;
    clear: none;
    z-index: 114;
    min-width: 280px;
    margin-top: 420px;
    margin-right: auto;
    margin-left: auto;
  }

  .landing .headlinemain {
    width: 320px;
  }

  .commmain .commcolumn,
  .resmain .rescolumn {
    float: none;
    margin-right: auto;
    margin-left: auto;
  }

  .servicesbar .servbox01 {
    position: relative;
    z-index: 99;
    margin-left: 7.99302%;
  }

  .servicesbar .servbox02 {
    position: relative;
    clear: both;
    z-index: 102;
    margin-left: 7.99302%;
  }

  .servicesbar .servbox03 {
    position: relative;
    z-index: 93;
    margin-top: 25px;
    margin-left: 13.9909%;
  }

  .servicesbar .servebox {
    position: relative;
    z-index: 96;
    margin-left: 3.98404%;
  }

  .servicestitle {
    position: relative;
    z-index: 108;
  }

  .subscribe_wrapper .subscriber {
    width: 80%;
    margin-top: 26px;
    margin-left: 15.23438%;
  }

  .subscribe_wrapper .update {
    float: none;
    width: 68.75%;
    margin-right: auto;
    margin-left: auto;
  }

  .subscriber .buttonwrapper {
    width: 27.8324559395%;
  }

  .subscriber .inputwrapper {
    width: 69.8252841992%;
  }

  .topmain {
    position: relative;
    z-index: 127;
    margin-top: 90px;
  }

  .clientsbox .clientscolumn-1 {
    position: relative;
    z-index: 56;
  }

  .clientsbox .clientscolumn-3 {
    clear: none;
  }

  .commcolumn .commimgbox-8 {
    margin-left: 0;
  }

  .commmain .commcolumn-3 {
    position: relative;
    z-index: 20;
  }

  .contactinfo .image-1 {
    z-index: 119;
  }

  .contactinfo .image-2 {
    z-index: 118;
  }

  .contactinfo .image-3 {
    z-index: 120;
  }

  .contactinfo .text-1 {
    z-index: 121;
  }

  .contactinfo .text-2 {
    z-index: 122;
  }

  .contactinfo .text-3 {
    z-index: 123;
  }

  .footerlinks .footerlinks-2 {
    position: relative;
    z-index: 7;
  }

  .footerlinks .footerlinks-3 {
    position: relative;
    z-index: 10;
    margin-left: 17.49238%;
  }

  .projects .projectboxmain-1 {
    margin-left: 5.55898%;
  }

  .projects .projectboxmain-2 {
    float: none;
    margin-top: 372px;
    margin-right: auto;
    margin-left: auto;
  }

  .projects-1 {
    position: relative;
    z-index: 90;
  }

  .resmain .rescolumn-3 {
    position: relative;
    z-index: 6;
  }

  .title .text-4 {
    font-size: 20px;
  }

  .title .text-5 {
    margin-left: 9.66187%;
  }

  ._container .headerbg-1 {
    height: 60px;
    min-height: 80px;
  }

  .info ._button-2 {
    z-index: 38;
    margin-left: 67.325%;
  }

  .info ._button-3 {
    z-index: 37;
    margin-left: 0.58125%;
  }
}