body
{
  padding: 0; 
  margin:0;
  color: #000;
  height:100%;
  min-height:100%;
  background-color: #FFF;
  min-width: 900px;
    font-family: 'DinLight', helvetica, arial, sans-serif, 'Century Gothic';
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
  text-align: center;
  letter-spacing: 0.05em;
}



@font-face {
    font-family: 'Din Bold';
    src: url('fonts/din-bold.eot');
    src: url('fonts/din-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/din-bold.woff2') format('woff2'),
         url('fonts/din-bold.woff') format('woff'),
         url('fonts/din-bold.ttf') format('truetype'),
         url('fonts/din-bold.svg#dinbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'Din Light Regular';
    src: url('fonts/din-light.eot');
    src: url('fonts/din-light.eot?#iefix') format('embedded-opentype'),
         url('fonts/din-light.woff2') format('woff2'),
         url('fonts/din-light.woff') format('woff'),
         url('fonts/din-light.ttf') format('truetype'),
         url('fonts/din-light.svg#dinlightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DinLight';
    src: url('fonts/din-light.eot');
    src: url('fonts/din-light.eot?#iefix') format('embedded-opentype'),
         url('fonts/din-light.woff2') format('woff2'),
         url('fonts/din-light.woff') format('woff'),
         url('fonts/din-light.ttf') format('truetype'),
         url('fonts/din-light.svg#dinlight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'Din Regular';
    src: url('fonts/din-regular.eot');
    src: url('fonts/din-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/din-regular.woff2') format('woff2'),
         url('fonts/din-regular.woff') format('woff'),
         url('fonts/din-regular.ttf') format('truetype'),
         url('fonts/din-regular.svg#dinregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.borderbox
{
width: 600px;
height: 377px;
margin: 0 auto;
background: url(images/boxborder.jpg) no-repeat;
margin-top: 50px;
text-align: center;
}

.box-details
{
text-align: left;
margin-left: 152px;
margin-top: 22px;
line-height: 34px;
}

.box-details img
{
vertical-align: middle;
}

.logo
{
width: 536px;
height: 167px;
  /*background-image: url('images/logo.jpg');
  background-repeat: no-repeat;*/
  margin-top: 50px;
}

.wrap
{
width: 100%;
height: 100%
}

.wrapinner
{
width: 900px;
height: 100%
margin: 0 auto;
}

a, a:visited
{
  color: #000;
  font-size: 24px;
  text-decoration: none;
}



a:hover
{
  color: #a5a5a5;
text-decoration: none;
}

span.big
{
font-size: 20px;
}