body {
    margin: 0;
    padding: 0;
    background: #FFF;
  	font: 14px 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
  	-webkit-font-smoothing: antialiased;
    color: #3B3B3B;
    background-image:url('images/bg.png');
    -webkit-text-size-adjust: none;
}

td {
  	font: 14px 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
  	-webkit-font-smoothing: antialiased;
  	line-height: 1.5em;
}

.boxInner:hover {
filter: none;
-webkit-filter: grayscale(0%);
}

.box {
       float: left;
       position: relative;
       width: 20%;
    }
    .boxInner {
       position: absolute;
       overflow: hidden;
       filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscalerayscale");
filter: gray;
-webkit-filter: grayscale(100%);
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
    }
    .boxInner img {
       width: 100%;
    }
    
    body.no-touch .boxInner:hover .titleBox, body.touch .boxInner.touchFocus .titleBox {
       margin-bottom: 0;
    }
    @media only screen and (max-width : 480px) {
       /* Smartphone view: 1 tile */
       .box {
          width: 100%;
          padding-bottom: 100%;
       }
    }
    @media only screen and (max-width : 650px) and (min-width : 481px) {
       /* Tablet view: 2 tiles */
       .box {
          width: 50%;
          padding-bottom: 50%;
       }
    }
    @media only screen and (max-width : 1050px) and (min-width : 651px) {
       /* Small desktop / ipad view: 3 tiles */
       .box {
          width: 33.3%;
          padding-bottom: 33.3%;
       }
    }
    @media only screen and (max-width : 1290px) and (min-width : 1051px) {
       /* Medium desktop: 4 tiles */
       .box {
          width: 25%;
          padding-bottom: 25%;
       }
    }
    
    @media only screen and (max-width : 2000px) and (min-width : 1290px) {
       /* Medium desktop: 4 tiles */
       .box {
          width: 20%;
          padding-bottom: 20%;
       }
    }

h1 {
    margin: 0;
    padding-bottom: 6px;
  	font: 22px 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
  	-webkit-font-smoothing: antialiased;
    color: #0D0D0D;
    font-weight: bold;
}


h2 {
    margin: 0;
    padding-bottom: 0px;
  	font: 16px 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
  	-webkit-font-smoothing: antialiased;
    color: #0D0D0D;
    font-weight: bold;
}

h1.hometop  {
    margin: 0;
    padding-bottom: 0px;
  	font: 20px 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
  	-webkit-font-smoothing: antialiased;
    color: #FFF;
    font-weight: bold;
}

h2.hometop  {
    margin: 0;
    padding-bottom: 0px;
  	font: 16px 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
  	-webkit-font-smoothing: antialiased;
    color: #B2B2B2;
}

#main{
	padding:40px;
}

#footer td{
	font: 11px 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
	-webkit-font-smoothing: antialiased;
}

a{
	
	text-decoration: underline;
	font-weight: bold;
	color: #E31721;
}

a:hover {
	text-decoration: none;
}

a.button{
	font: 14px 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
	text-decoration: none;
	color: #FFFFFF;
}

a.button:hover {
	text-decoration: none;
	color: #DB3737;
}

#footer{
	background: #FFFFFF;
	width: 100%;
	height: 66px;
}

input[type="submit"], input[type="text"] {
    line-height:normal !important;
}

input.text {
	font: 14px 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
	-webkit-font-smoothing: antialiased;
    color: #575555;
	border:1px solid #B7B7B7;
	border-radius:4px;
	height: 40px;
	padding-left: 5px;
	padding-right: 5px;
	margin: 0px;
}

select.text {
	font: 14px 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
	-webkit-font-smoothing: antialiased;
    color: #575555;
	border:1px solid #B7B7B7;
	border-radius:4px;
	height: 40px;
	padding-left: 5px;
	margin: 0px;
}

textarea.text {
	font: 14px 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
	-webkit-font-smoothing: antialiased;
    color: #575555;
	border:1px solid #B7B7B7;
	border-radius:4px;
	padding: 5px;
	margin: 0px;
}

input.button {
	font: 14px 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
	-webkit-font-smoothing: antialiased;
    color: #FFFFFF;
	border:1px solid #F12C35;
	background-color: #F12C35;
	border-radius:4px;
	height: 40px;
	padding-left: 10px;
	padding-right: 10px;
}

input.button:hover {
	border:1px solid #BC0D13;
	background-color: #BC0D13;
}

#header{
	background: #FF2E38;
	width: 100%;
	height: 66px;
	background-image:url('images/bg_header.png');
}

#homeheader{
	color: #FF2E38;
	width: 100%;
	height: 230px;
	background-image:url('images/bg_header_home.png');
}

#blog_code {
	padding: 10px;
	font: 10pt Courier New;
	color: #004C99;
	background-color: #F0F0F0;
	border: 1px #B5B5B5 solid;
}