html body {
  font-family : Open Sans, Arial, Helvetica, sans-serif;
  background-color: #4D4D4D;
  color : #FFFFFF;
  font-size : 62.5%;
  font-weight: 400;
  margin : 0; 
  padding : 0; 
  height : 100%;
}
nav {
  position : absolute;
  bottom : 17px;
  font-size : 1.6em;
  font-weight: 400;
  line-height : 1.8em;
  color : white;
  padding: 0px 17px;
}
a {
  color : white;
  text-decoration : none;
}
img {
  position : relative;
  float : left;
  overflow: hidden;
}
h1 {
  font-weight: 1000;
}
#thumb {
  width : 180;
  height : 120;
}
#bar-white { 
  background-color : white;
  height : 120px;
  width : 100%;
}
#bar-grey { 
  height : 30px;
  position : relative;
  float : left;
  overflow: hidden;
}
#logo { 
  top : 0px;
  width : 200;
  height : 230;
}
.center {
  min-width : 400px;
  max-width : 800px;
  height : 100%;
  overflow: auto;
  margin: 0 auto;
  
}
.txt-white {
  font-size : 1.3em;
  line-height : 1.6em;
  color : white;
  padding: 12px 15px;
}
.txt-red {
  font-size : 1.3em;
  line-height : 1.6em;
  color : red;
  padding: 12px 15px;
}
.txt-grey {
  color : #252525;
}
.txt-contact {
  text-align : right;
  font-weight: 600;
}
.txt-title {
  font-size : 1.7em;
  font-weight: 600;
  line-height : 1.6em;
  color : white;
  padding: 10px 15px;
}
.txt-body {
  font-size : 1.3em;
  line-height : 1.6em;
  color : white;
  padding: 0px 15px;
}
.txt-info {
  position : absolute;
  top : 18px;
  font-size : 1.6em;
  font-weight: 400;
  line-height : 1.4em;
  color : white;
  padding: 0px 15px;
}
.txt-footer {
  font-size : 1.1em;
  line-height : 1.5em;
  text-align : left;
  color : grey;
  padding: 6px 5px;
}
.bg-red { 
  background-color : #CF0000;
}
.bg-white { 
  background-color : white;
}
.bg-grey { 
  background-color : #252525;
}
.item-box-nav {  
  width : 400px; 
  height : 230px;
  position : relative;
  float : left;
}
.item-box-tall {  
  width : 400px; 
  height : 600px;
  position : relative;
  float : left;
  overflow: hidden;
}
.item-box-big {  
  width : 400px; 
  height : 300px;
  position : relative;
  float : left;
  overflow: hidden;
}
.item-box-reg {  
  width : 400px; 
  height : 150px;
  position : relative;
  float : left;
  overflow: hidden;
}
.sectionTitle{  
  position : absolute;
  top : 18px;
  font-size : 1.6em;
  font-weight: 600;
  line-height : 1.4em;
  color : #CF0000;
  padding: 0px 17px;
}
.sectionBody{  
  position : absolute;
  top : 43px;
  font-size : 1.45em;
  font-weight: 20;
  line-height : 1.4em;
  padding: 0px 17px;
}
.sectionContact{  
  position : absolute;
  top : 43px;
  font-size : 2.0em;
  font-weight: 20;
  line-height : 1.4em;
  padding: 0px 17px;
}




.box-one { 
  background-color: white;
  width : 200px;
  height : 150px; 
  position : relative;
  float : left;
  overflow: hidden;
}
.box-info {
  background-color : red;
  width : 100%;
  height : 100%;
  position : relative;
  opacity: 0; 
  transition : opacity .2s;
  -moz-transition : opacity .2s; /* Firefox 4 */
  -webkit-transition: opacity .2s; /* Safari and Chrome */
  -o-transition: opacity .2s; /* Opera */
}
.box-info:hover {
  opacity : .9;
}