@font-face {
font-family:'TitilliumText14L800wt';
src:local('TitilliumText14L 800 wt'), local('TitilliumText14L-800wt'), url('fonts/TitilliumText800wt.ttf') format('truetype');
}

@font-face {
font-family:'TitilliumText14L400wt';
src:local('TitilliumText14L 400 wt'), local('TitilliumText14L-400wt'), url('fonts/TitilliumText400wt.ttf') format('truetype');
}

body {
background-color:#222;
margin-left:auto;
margin-right:auto;
width:1000px;
color:#ccc;
}

br.double
{
margin:5px;
}

img {
border:0;
}

h1.titillium {
color:#eee;
font:3.7em 'TitilliumText14L400wt', Arial, sans-serif;
letter-spacing:0;
margin-bottom:20px;
}

h5.titillium {
margin-top:-10px;
font:1.2em 'TitilliumText14L400wt' Helvetica, Arial, sans-serif;
letter-spacing:0;
}

p.body,ul li, {
font:1em 'TitilliumText14L400wt',Helvetica, Arial, sans-serif;
letter-spacing:0;
}

ul {
margin:0;
}

a:link {
color:#0085bc;
text-decoration: none;
}

a:visited {
color:#614c9d;
text-decoration: none;
}

a:hover {
color:#FFF;
text-decoration: underline;
}

a:active {
color:red;
}

.main {
margin:60px;
}

em.red {
font-style:normal;
color:#c40000;
}

strong.workTitle {
color:#eee;
font:1.2em 'TitilliumText14L600wt', Helvetica, Arial, sans-serif;
letter-spacing:0;
font-style:normal;
}

.buttons {
color:#eee;
float:left;
font:1.3em 'TitilliumText14L400wt', Helvetica, Arial, sans-serif;
letter-spacing:0;
margin-top:20px;
}

.work {
margin-top:130px;
}

.worktitle {
color:#eee;
clear:both;

font:1.2em 'TitilliumText14L400wt', Helvetica, Arial, sans-serif;
letter-spacing:0;


}

.workcontainer {
clear:both;
width:875px;
height:200px;
margin-bottom:20px;
}

.workimage {
float:left;
width:420px;
height:200px;
}

.workCopyButton
{
margin-left:10px;
height:200px;
float:right;
}

.workdescription
{

width:440px;
height:170px;
font:1em 'TitilliumText14L400wt', Helvetica, Arial, sans-serif;
letter-spacing:0;
}

.launchButton
{
height:25px;
width:150px;
text-align: center;
padding-top:10px;
font:1.0em 'TitilliumText14L600wt', Helvetica, Arial, sans-serif;
text-transform:uppercase;
}

img.buttonStroke {
border:1px solid #ccc;
background-color:#000;
padding:1px;
}

p.workDetails
{
margin-top:5px;
margin-bottom:10px;
}

.workThumb {
border:2px solid #ccc;
background-color:#000;
padding:1px;
}

.hover_block li{
list-style:none;
float:left;
background: #fff;

margin:0;
width:420px;
height:200px;
position: relative;
overflow:hidden;
}

.hover_block li em {
display: block;
position: relative;
padding:0;
margin:0;

top:92px;
width: 420px;
}

.hover_block li a { text-decoration: none; }

.hover_block li img {
position: absolute;
top: 0;
left: 0;
border: 0;
padding:0;
margin:0;
}