body
{
background-image:url(img/asphalt.jpg);
background-size:10%;
font-family:helvetica, sans-serif;
font-size:14px;
color:#474747;
}

#container
{
width:1002px;
margin:0 auto;
}

#container-top
{
width:100%;
padding-bottom:15px;
}

.white
{
background-color:#f7f7f7;
border:1px solid #222222;
}

#top-left
{
width:120px;
height:120px;
float:left;
margin:15px 0 0 20px;
border:1px solid #bbbbbb;
}

#top-right
{
width:auto;
height:42px;
float:right;
margin-top:15px;
background-color:rgba(255, 255, 255, 0.1);
border:1px solid #222222;
}

#top-right p
{
text-align:center;
color:#f7f7f7;
font-size:18px;
}

#logo
{
height:100px;
margin:12px 8px 10px 10px;
}

#top-image
{
width:1000px;
height:300px;
background-image:url(img/top-image.jpg);
background-size:100%;
margin-top:58px;
}

#menu-bar
{
width:1000px;
height:42px;
margin:15px 0;
overflow:hidden;
}

.menu-button
{
display:block;
width:120px;
height:26px;
background-color:rgba(255, 255, 255, 0.1);
border:1px solid #222222;
float:left;
margin-right:15px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
font-size:14px;
color:#eeeeee;
padding-top:11px;
}

.menu-button:hover
{
background-color:#edc41d;
color:black;
}

.menu-button#active
{
background-color:#f7f7f7;
color:black;
}

#content
{
width:960px;
padding:20px;
overflow:hidden;
}

#column-left
{
width:630px;
float:left;
}

#column-left p
{
margin:10px;
line-height:20px;
text-align:justify;
}

#column-left li
{
margin:5px 10px 5px 23px;
}

#column-right
{
float:right;
overflow:hidden;
}

.card
{
width:310px;
background-color:white;
border:1px solid #bbbbbb;
margin:15px 5px 5px 0;
padding-bottom:5px;
}

.card p
{
margin:3px 10px;
line-height:20px;
}

.contact-icon
{
width:20px;
float:left;
margin:4px 10px;
}

#footer
{
width:100%;
height:50px;
text-align:center;
color:#555555;
}