html, body {height:100%;}

body {
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight: 200;
color: #000;
background-color: #fff;
font-size: 14px;
padding: 20px;
margin: 0px;
text-align: justify;
}

.title {
padding: 20px 0px 20px 0px;
font-size: 35px;
text-transform: lowercase;
}

.title h1 {
font-weight: 600;
font-size: 35px;
padding: 0px;
margin: 0px 0px 0px 20px;
}

.title a {
font-weight: 600;
}

h2 {
font-weight: 600;
font-size: 22px;
padding: 0px;
margin: 0px;
}

.justleft {
text-align: left;
}

img {
height: auto;
max-width: 100%;
padding: 0px 0px 20px 0px;
}

.works_list {
background-position: center center;
height: 300px;
padding: 0px;
margin: 0px;
cursor: pointer;
}

.works_title {
font-weight: 600;
font-size: 30px;
text-align: center;
padding: 10px 10px 10px 10px;
margin: 0px;
height: 100%;
width: 100%;
filter:alpha(opacity=0);
opacity:0;
color: #fff;
text-decoration: none;
background-color: #fff;
transition:all 500ms;
-moz-transition:all 500ms; /* Firefox 4 */
-webkit-transition:all 500ms; /* Safari and Chrome */
-o-transition:all 500ms; /* Opera */
}

table,tr,td
{
font-weight: 600;
font-size: 30px;
text-align: center;
border: 0px solid black;
width: 100%;
height: 280px;
vertical-align: middle;
}


.works_title:hover {
filter:alpha(opacity=90);
opacity:0.9;
text-decoration: none;
color: #000;
background-color: #fff;
}

.trade_list {
background-position: center center;
height: 300px;
padding: 0px;
margin: 0px;
cursor: pointer;
}

.trade_title {
font-weight: 600;
font-size: 30px;
text-align: center;
padding: 10px 10px 10px 10px;
margin: 0px;
height: 100%;
width: 100%;
filter:alpha(opacity=0);
opacity:0;
color: #fff;
text-decoration: none;
background-color: #fff;
transition:all 500ms;
-moz-transition:all 500ms; /* Firefox 4 */
-webkit-transition:all 500ms; /* Safari and Chrome */
-o-transition:all 500ms; /* Opera */
}

.trade_title .trade_sub {
padding: 40px 0px 0px 0px;
font-size: 20px;
}

.trade_title:hover {
filter:alpha(opacity=90);
opacity:0.9;
text-decoration: none;
color: #000;
background-color: #fff;
}

a {
color: #000;
text-decoration: none;
background-color: transparent;
transition:all 250ms;
-moz-transition:all 250ms; /* Firefox 4 */
-webkit-transition:all 250ms; /* Safari and Chrome */
-o-transition:all 250ms; /* Opera */
}

a:active {
text-decoration: none;
color: #f00;
background-color: transparent;
}

a:hover {
text-decoration: none;
color: #ff0000;
background-color: transparent;
}

a .live {
color: #ff0000;
}

.caption {
font-size: 12px;
padding: 0px;
margin: 0px;
position: relative;
top: -20px;
}

.sock {
padding: 20px;
margin: 0px;
}

.bold {
font-weight: 600;
}

.bottom {
font-size: 10px;
padding: 0px 0px 40px 0px;
}

.bottom img {
padding: 0px;
}

.paginate {
font-size: 20px;
text-align: center;
}

.topper {
font-weight: 600;
font-size: 20px;
}