/* general styles */
html, body, h1, h2, h3, p, form, ul, li, ol{
  margin: 0px;
  padding: 0px;
}
html, body{
  width: 100%;
  height: 100%;
}
body{
  background-color: #d9dadc;
  font-family: Arial, sans-serif;
  font-size: 13px;
  line-height: 20px;
  color: #5e5e5e;
}


div.container{
  width: 100%;
}

/*      HEADER      */
header{
  margin: 0px;
  width: 100%;
  margin-bottom: 12px;
  height: 50px;
  z-index: 2;
}
header img.logo{
  top: 0px;
  right: auto;
  padding-top: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 105px;
  height: 25px;
}
header p.payoff{
  position: relative;
  right: auto;
  width: 100%;
  top: 0px;
  margin-top: 0px;
  text-align: center;
  font-size: 12px;
}

div.menuHolder{
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 3;
}
nav{
  position: absolute;
  width: 100%;
  height: 30px;
  background: none;
}
nav ul{
  position: absolute;
  float: none;
  left: 10px;
  top: 10px;
  height: auto;
  width: auto;
  padding: 8px;
  background-color: #98be43;
  border-radius: 3px;
}
nav ul li{
  text-align: left;
  display: none;
  list-style-type: none;
  color: #FFFFFF;
  font-size: 12px;
  line-height: 25px;
  height: auto;
  margin-left: 10px;
  margin-right: 10px;
  border-top: #c4e873 1px solid;
}

nav ul li ul{
  display: block;
  position: relative;
  left: auto;
  top: auto;
  width: auto;
  height: auto;
  padding: 0px;
  text-align: left;
  background-color: #98be43;
}
nav ul li ul li{
  color: #FFFFFF;
  font-size: 12px;
  line-height: 25px;
  height: auto;
  margin-left: 0px;
  padding-left: 0px;
  padding-right: 0px;
  border-radius: 0px;
  border: none;
  border-top: #c4e873 1px solid;
}
nav ul li ul li:hover{
  background-color: #98be43;
}

ul li.menuButton{
  display: block;
  cursor: pointer;
  font-size: 18px;
  line-height: 25px;
  text-transform: none;
  border: 0px;
}




/*      CONTENT      */
div.slideShowHolder{
  position: relative;
  width: 100%;
  max-width: 390px;
  margin-left: auto;
  margin-right: auto;
}
div.slideShow{
  height: 170px;
  margin-bottom: 0px;
  width: 100%;
}
div.slideShow div.slide{
  left: 10px;
  right: 10px;
  width: auto;
}

div.slideShow div.slide a{
  display: block;
  width: 100%;
}

div.slideShow div.slide a img{
  float: none;
  width: 100%;
  max-height: 170px;
  margin-right: 0px;
}
div.slideShow div.slide a span.info{
  display: none;
}
div.slideDots{
  display: none;
}

div.centerContent{
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

div.content{
  width: auto;
  margin-left: 10px;
  margin-right: 10px;
}
article{
  text-align: left;
  float: none;
  width: 100%;
  margin: 0px;
  margin-top: 10px;
  margin-bottom: 10px;
}

aside{
  float: none;
  width: 100%;
  text-align: left;
}
aside div.sidetitle h4{
  right: auto;
  left: 0px;
  padding: 0px;
  padding-right: 10px;
}


div.crumblePath{
  margin-left: 0px;
}


/*      HOME      */
article.homeblock, div.homeblock{
  float: left;
  width: 100%;
  margin: 0px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  height: auto;
}


/*      PROJECTS      */
a.project{
  line-height: 16px;
}
a.project span.title{
  font-size: 13px;
}

div.summary{
  line-height: 18px;
}
div.summary img{
  float: none;
  width: 100%;
  margin: 0px;
  padding: 10px;
  box-sizing: border-box;
}
div.summary span, div.summary h1{
  padding: 10px;
  padding-top: 0px;
  padding-bottom: 0px;
}
div.summary span.price{
  padding-bottom: 10px;
}
div.summary ul.tabs{
  margin: 0px;
  padding: 0px;
}
div.summary ul.tabs li{
  margin-right: 0px;
  width: 100%;
  height: 34px;
  border: 6px solid #eeeeee;
  border-top: 0px solid #eeeeee;
  box-sizing: border-box;
}
a.projectImage, a.projectImage:nth-of-type(5n){
  margin-right: 10px;
  margin-top: 10px;
}
a.projectImage img{
  padding: 4px;
}

a.projectButton{
  padding-left: 10px;
  text-align: left;
}

/*      SPECS      */
div.specRow div.label{
  word-wrap: break-word;
}
div.specRow div.data{
  word-wrap: break-word;
}


/*      NEWS      */
a.project.news img{
  width: 100%;
  display: block;
  margin: 0px;
  padding: 0px;
  margin-bottom: 10px;
}
a.project.news span.more{
  margin-top: 6px;
}

a.newsImage{
  display: block;
  float: none;
  width: 100%;
  padding: 0px;
  margin: 0px;
  margin-bottom: 12px;
}
a.newsImage img{
  width: 100%;
}


/*      CONTACT     */
div.contactForm{
  margin-top: 10px;
}
aside.contact p{
  font-size: 12px;
  margin: 0px;
}
aside.contact div.googleMaps{
  margin-top: 20px;
  height: 200px;
}

input.inputText, textarea.inputArea,input.submitButton, aside input.inputText, aside input.submitButton{
  width: 100%;
  float: none;
  margin-right: 0px;
  box-sizing: border-box;
}


/*      FOOTER      */
footer{
  padding-bottom: 0px;
}
a.footerLogo{
  display: none;
}
div.copyright{
  float: none;
  padding: 15px;
  font-size: 10px;
  text-align: center;
  margin-top: 0px;
}
div.copyright br{
  display: inline;
}
span.middleSeparator{
  display: none;
}