/*

   otStyler
   CSS Compiler
   (C) Copyright 2014 Mike Bradley

*/


/* main.style */
body
{
font-size: 14px;
color: #444444;
font-family:'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, sans-serif;
background-repeat: no-repeat;
background-size: cover;
}
.bgCanvas
{
}
td
{
font-size: 14px;
color: #444444;
font-family:'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, sans-serif;
}
h1
{
font-weight: normal;
display: inline;
font-size: 24px;
color: #444444;
font-family:'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, sans-serif;
}
h2
{
font-weight: normal;
display: inline;
font-size: 20px;
color: #444444;
font-family:'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, sans-serif;
}
h3
{
font-weight: normal;
display: inline;
font-size: 16px;
color: #444444;
font-family:'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, sans-serif;
}
.menuItem
{
font-size: 16px;
color: #444444;
font-family:'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, sans-serif;
text-decoration: none;
padding: 0px 0px 0px 10px;
}
.social
{
position: fixed;
right: 1px;
top: 5px;
}
.footer
{
position: fixed;
bottom: 0px;
width: 100%;
}
.notice
{
border: solid 1px #333333;
background-color: #B0C4DE;
padding: 10px;
}
.compCardWrapper
{
width: 100%;
height: 310px;
}
.compCard
{
margin: 0 0 103px 0;
width: 133px;
height: 206px;
border: 1px solid black;
transition: 0.3s;
}
.compCard:hover
{
margin: 0 0 0 0;
width: 200px;
height: 309px;
box-shadow: 0px 0px 10px grey;
}