* {
margin:0;
padding:0;
}

html,body {
width:100%;
min-height: 100%;
height:auto;
}

body {
background: #121212;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.6em;
color: #FFF;
}

img {
border:none;
}

a {
color: #FFF;
text-decoration: none;
border-bottom: 1px solid #ee4e00;
}

a:hover {
border-bottom: 1px solid #939393;
}

u {
border-bottom: 1px solid #ee4e00;
text-decoration: none;
}

/* *************************************** */
/* Structure */
/* *************************************** */

#container {
position: absolute;
z-index: 100;
width: 100%;
min-height: 100%;
height:auto;
background: url(../images/horilinebg.png);
}

#container-cont {
width: 940px;
height: auto;
position: relative;
margin-left: -470px;
left: 50%;
}

#container-cont-bg {
float: left;
background: url(../images/linebg.png) repeat-y;
padding: 0 0 30px 0;
}

#navCol {
float: left;
width: 217px; /* 223px */
margin: 0 15px 0 0;
padding: 0 0 0 6px;
}

#mainCol {
float: left;
width: 693px; /*699*/
margin: 0 0 0 6px;
}

#header {
width: 940px;
float: left;
padding: 0;
margin: 40px 0 20px 6px;
}

#header a {
border: 0;
}

#footer {
float: left;
width: 600px;
margin: 30px 0 0 246px;
}

.pagination, .pagination2 {
border-top: 1px solid #2c2c2c;
padding: 5px 0;
float:left;
}

.pagination {
width: 663px;
}

.pagination2 {
width: 428px;
}

/* *************************************** */
/* Nav */
/* *************************************** */

ul#mainNav {
float: left;
margin: 0 0 0 0;
width: 217px;
}

ul#mainNav {
float: left;
clear: both;
margin: 60px 0 270px 0;
}

ul#mainNav li {
display: block;
}

ul#mainNav li a {
display: block;
color: #FFF;
text-decoration: none;
font-size: 27px;
margin: 0 0 10px 0;
border: 0;
}

ul#mainNav li a.selected {
color: #ee4e00;
}

ul#mainNav li a:hover {
color: #939393;
}

ul#subNav {
width: 217px;
float: left;
}

ul#subNav li {
display: block;
}

ul#subNav li a {
border: none;
font-family: Georgia, serif;
font-style: italic;
color: #d2d2d2;
}

ul#subNav li a:hover {
border-bottom: 1px solid #ee4e00;
}

#extras{
width:217px;
overflow:hidden;
float:left;
clear:both;
}

/* *************************************** */
/* Headings */
/* *************************************** */

h1, h3, h4, h5, h6 {
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: 0px;
line-height: 1.2em;
}

h1 {
font-size: 27px;
color: #939393;
}

h2 {
font-family: Georgia, serif;
font-size: 11px;
font-style: italic;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.6em;
display: inline-block;
margin: 0 15px 4px 0;
}

h3 {
font-size: 14px;
margin: 0 0 15px 0;
}

.white {
color: #FFF;
margin: 0 0 0 10px;
}

.orange {
color: #ee4e00;
}



/* *************************************** */
/* Full Screen Class */
/* *************************************** */

#loading {
position: absolute;
top: 49.5%; 
left: 49.5%;
z-index: 101;
width: 24px; 
height: 24px;
text-indent: -999em;
background-image: url(images/progress.gif);
}
		
#supersize{
position:fixed;
}

#supersize img, #supersize a{
height:100%;
width:100%;
position:absolute;
z-index: 0;
cursor: default;
}

/* *************************************** */
/* Forms */
/* *************************************** */

form#search, form#mailinglist_form {
float: left;
width: 217px;
margin: 0 0 10px 0;
}

form#search label, form#mailinglist_form label {
display: block;
width: 217px;
font-family: Georgia, serif;
font-style: italic;
color: #d2d2d2;
margin: 0 0 5px 0;
}

form#search input, form#mailinglist_form input {
background: #000;
border: #4f4f4f 1px solid;
padding: 4px;
color: #FFF;
}

/* *************************************** */
/* Work */
/* *************************************** */

.workPost {
float: left;
width: 428px;
margin: 0 0 15px 0;
}

.workImg {
width: 122px;
margin: 0 10px 0 0;
float: left;
}

.workImg a {
border: 0;
}

.workImg a img {
border: 5px solid #FFF;
}

.workImg a:hover img {
border: 5px solid #777;
}

.workInfo {
width: 296px;
float: left;
}

.workInfo h1 {
font-size: 15px;
color: #ff5400;
margin: 0 0 2px 0;
}

.workInfo h1 a {
color: #ff5400;
border:none;
}

.workInfo h1 a:hover {
color: #EEE;
}

.workInfo h2 {
color: #939393;
margin: 0 0 2px 0;
}

.workInfo p {
color: #FFF;
}

.workImg img {

}

a.workThumbLink {
position: relative;
z-index: 0;
display: block;
}

.workThumb {
display: block;
margin: 0px 0px 20px 0px;
height: 64px;
width: 112px;
}

img.workThumb {
position: absolute;
top: auto;
left: auto;
display: block;
z-index: -10;
}

span.workThumbHover{
display: block;
height: 64px;
width: 112px;
position: absolute;
z-index: -10; 
}

span.workThumbSpan:hover span.workThumbHover{
display: block;
height: 64px;
width: 112px;
position: absolute;
z-index: 100;
}

/* *************************************** */
/* Video */
/* *************************************** */

#video {
float: left;
width: 693px;
margin: 0 0 15px 0;
}

.videoTop {
width: 693px;
float: left;
margin: 0 0 5px 0;
}

.videoTop h1, .videoTop h2 {
float: left;
}

.videoTop h2 a {
color: #FFF;
border: 0;
}

.videoTop h2 a:hover {
color: #ee4e00;
}

/* *************************************** */
/* Index */
/* *************************************** */

#indexNewsCol {
float: left;
background: url(../images/greytransp.png);
width: 193px;
padding: 15px;
margin: 0 12px 0 0;
}

.indexNewsPost {
float: left;
margin: 0 0 12px 0;
}

#indexColCont {
float: left;
width: 100%;
height: 100%;
} 

#indexLatestCol {
float: left;
background: url(../images/greytransp.png);
width: 428px; /* 458 */
padding: 15px;
}

.indexNewsPost h1 {
font-size: 15px;
color: #2aee8e;
margin: 0 0 2px 0;
}

.indexNewsPost h1 a {
border: 0;
color: #2aee8e;
}

/* *************************************** */
/* Work List */
/* *************************************** */

#workList {
float: left;
background: url(../images/greytransp.png);
width: 663px;
padding: 15px;
margin: 60px 0 40px 0;
}

#workList h1 {
padding: 0 0 30px 0;
margin: 0 0 20px 0;
border-bottom: 1px solid #2c2c2c;
width: 663px;
}

#workListLeft {
float: left;
width: 428px;
margin: 0 28px 0 0;
}

#workListLeft .workPost {
margin: 0 0 20px 0;
padding: 0 0 10px 0;
border-bottom: 1px solid #2c2c2c;
}

#workListLeft h1 {
border:0;
margin: 0 0 5px 0;
padding: 0;
}

#workListRight {
float: left;
width: 207px;
}

#workListRight p {
margin: 0 0 15px 0;
}

#workListRight p label {
font-size: 14px;
margin: 0 0 5px 0;
display: block;
}

#workListRight select {
background: #000;
border: none;
color: #FFF;
width: 207px;
border: #4f4f4f 1px solid;
}

/* *************************************** */
/* Piece of Work */
/* *************************************** */

#workDetail {
float: left;
background: url(../images/greytransp.png);
width: 663px;
padding: 15px;
margin: 0 0 40px 0;
}

.workCol {
float: left;
margin: 0 15px 0 0;
}

.workCol p {
margin: 7px 0 0 0;
}

.workCol p a.addthis_button {
border: 0;
}

.first {
width: 320px;
}

.second, .third {
width: 156px;
}

.third {
margin: 0;
}

.workCol h1 {
font-size: 15px;
color: #ff5400;
margin: 0 0 2px 0;
}

/* *************************************** */
/* Golbal */
/* *************************************** */

#globalMain {
float: left;
background: url(../images/greytransp.png);
width: 663px;
padding: 15px;
margin: 60px 0 40px 0;
}

#globalMain p {
margin: 0 0 10px 0;
}

#globalMain h1 {
padding: 0 0 30px 0;
margin: 0 0 20px 0;
border-bottom: 1px solid #2c2c2c;
width: 663px;
}

.globalCol {
float: left;
}

.left {
width: 428px;
margin: 0 28px 0 0;
}

.right {
width: 207px;
}

#pagination {
float: left;
}

/* *************************************** */
/* News */
/* *************************************** */

#newsList {
float: left;
background: url(../images/greytransp.png);
width: 663px;
padding: 15px;
margin: 60px 0 40px 0;
}

#newsList h1 {
padding: 0 0 30px 0;
margin: 0 0 20px 0;
border-bottom: 1px solid #2c2c2c;
width: 663px;
}

.newsPost {
float: left;
margin: 0 0 40px 0;
}

.newsPostDate {
width: 203px;
float: left;
border-bottom: 1px solid #ee4e00;
margin: 0px 20px 0 0;
padding: 0 0 5px 0; 
}

.newsPostInfo {
width: 440px;
float: left;
}

#newsList .newsPostInfo h1 {
border:0;
margin: 0 0 15px 0;
padding: 0;
width: 440px;
font-size: 20px;
}

#newsList .newsPostInfo h1 a {
border: 0;
color: #939393;
}

#newsList .newsPostInfo h1 a:hover {
color: #FFF;
}