.header {
  width: 800px;
  background-image: url(/images/Title.jpg);
  background-repeat: no-repeat;
  position: relative;
  height: 49px;
}
.container {
  margin: 0 auto;
  width: 800px;
}
.header h1{ margin-bottom: -74px;}
.header h1 a{
background-image: url(/images/SC-rollover.gif);
width: 154px;
height: 50px;
position: absolute;
background-repeat: no-repeat;
background-position: left top;
left: 0px;
top: -2px;
font-size: 1px;
color: black;
margin-bottom: -50px;
}
.header h1 a:hover {
background: transparent url(/images/SC-rollover.gif) no-repeat scroll 0px -50px;
}
body {
  background-color: black;
}
.main {
position: relative;
font-family: Arial,Helvetica,sans-serif;
font-size: 18px;
font-weight: normal;
border-bottom-style: solid;
border-bottom-width: 1px;
background-repeat: no-repeat;
color: #fdfdfd;
height: 455px;
}

/* Menu */

#menu {
  padding: 0;
  background: transparent url(/images/menu.jpg) no-repeat scroll left top;
  width: 600px;
  height: 8px;
  text-align: right;
  position: relative;
  top: 38px;
  left: 285px;
  margin-left: 0px;
}
#menu li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  position: absolute;
  top: 0;
}
#menu li, #menu a {
  height: 8px;
  display: block;
  font-size: 1px;
  color: black;
}
#panel1b {
  left: 0px;
  width: 110px;
}
#panel2b {
  left: 115px;
  width: 135px;
}
#panel3b {
  left: 260px;
  width: 105px;
}
#panel4b {
  left: 380px;
  width: 60px;
}
#panel5b {
  left: 450px;
  width: 75px;
}
#panel6b {
  left: 520px;
  width: 40px;
}
#panel7b {
  left: 560px;
  width: 40px;
}
#panel1b a:hover {
  background: transparent url(/images/menu.jpg) no-repeat scroll 0 -8px;
}
#panel2b a:hover {
  background: transparent url(/images/menu.jpg) no-repeat scroll -115px -8px;
}
#panel3b a:hover {
  background: transparent url(/images/menu.jpg) no-repeat scroll -260px -8px;
}
#panel4b a:hover {
  background: transparent url(/images/menu.jpg) no-repeat scroll -380px -8px;
}
#panel5b a:hover {
  background: transparent url(/images/menu.jpg) no-repeat scroll -450px -8px;
}
#panel6b a:hover {
  background: transparent url(/images/menu.jpg) no-repeat scroll -520px -8px;
}
#panel7b a:hover {
  background: transparent url(/images/menu.jpg) no-repeat scroll -560px -8px;
}

.main a{font-color: white;}
.main a:active{font-color: white;}

/* Films styles */

#filmlist {
margin: 0;
padding: 0;
font-size: 0%;
display: block;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
}

#filmlist a{color: black}

#bloodspell a {
background: transparent url(/images/bloodspell-rollover.jpg);
width: 295px;
height: 136px;
left: 152px;
position: absolute;
top: 4px;
}
#bloodspell a:hover {
background: transparent url(/images/bloodspell-rollover.jpg) no-repeat scroll 0px -136px;
}
#fairgame a {
background: transparent url(/images/fairgame-film-rollover.jpg);
height: 136px;
position: absolute;
width: 154px;
top: 154px;
left: 222px;
}
#fairgame a:hover {
background: transparent url(/images/fairgame-film-rollover.jpg) no-repeat scroll 0px -136px;
}
#matrix a {
background: transparent url(/images/matrix-rollover.jpg);
height: 137px;
position: absolute;
width: 194px;
top: 315px;
left: 41px;
}
#matrix a:hover {
background: transparent url(/images/matrix-rollover.jpg) no-repeat scroll 0px -137px;
}
#eschaton a {
background: transparent url(/images/eschaton-rollover.jpg);
height: 125px;
position: absolute;
width: 180px;
left: 449px;
top: 276px;
}
#eschaton a:hover {
background: transparent url(/images/eschaton-rollover.jpg) no-repeat scroll 0px -125px;
}
#tumraider a {
background: transparent url(/images/tumraider-rollover.jpg);
height: 145px;
position: absolute;
width: 178px;
left: 623px;
top: 307px;
}
#tumraider a:hover {
background: transparent url(/images/tumraider-rollover.jpg) no-repeat scroll 0px -145px;
}
#ozymandias a {
background: transparent url(/images/ozymandias-rollover.jpg);
height: 131px;
position: absolute;
width: 206px;
left: 240px;
top: 321px;
}
#ozymandias a:hover {
background: transparent url(/images/ozymandias-rollover.jpg) no-repeat scroll 0px -131px;
}
.films {
padding: 5px 15px 0px 460px;
position: relative;
font-family: Arial,Helvetica,sans-serif;
font-size: 18px;
font-weight: normal;
color: #fdfdfd;
border-bottom-style: solid;
border-bottom-width: 1px;
background-image: url(/images/films.jpg);
background-repeat: no-repeat;
height: 450px;
margin-top: 0;
}

/* Projects styles */

#projlist {
margin: 0;
padding: 0;
font-size: 0%;
display: block;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
}
#projlist a{color: black}
#mcom a {
background: transparent url(/images/mcom_rollover.jpg);
width: 334px;
height: 96px;
left: 53px;
top: 224px;
position: absolute;
}
#mcom a:hover {
background: transparent url(/images/mcom_rollover.jpg) no-repeat scroll 0px -96px;
}
#amas a {
background: transparent url(/images/amas-rollover.jpg);
height: 111px;
position: absolute;
width: 177px;
top: 324px;
left: 225px;
}
#amas a:hover {
background: transparent url(/images/amas-rollover.jpg) no-repeat scroll 0px -111px;
}
#fairgame-proj a {
background: transparent url(/images/fairgame-rollover.jpg) no-repeat scroll 0px -94px;
height: 94px;
position: absolute;
width: 148px;
top: 37px;
left: 377px;
}
#fairgame-proj a:hover {
background: transparent url(/images/fairgame-rollover.jpg);
}
#mfd a {
background: transparent url(/images/MfD-rollover.jpg);
height: 179px;
position: absolute;
width: 156px;
left: 25px;
top: 21px;
}
#mfd a:hover {
background: transparent url(/images/MfD-rollover.jpg) no-repeat scroll 0px -179px;
}
#lecturing a {
background: transparent url(/images/lecturing-rollover.jpg);
height: 143px;
position: absolute;
width: 127px;
left: 229px;
top: 51px;
}
#lecturing a:hover {
background: transparent url(/images/lecturing-rollover.jpg) no-repeat scroll 0px -143px;
}
#consultancy a {
background: transparent url(/images/consultancy-rollover.jpg);
height: 99px;
position: absolute;
width: 168px;
left: 0px;
top: 322px;
}
#consultancy a:hover {
background: transparent url(/images/consultancy-rollover.jpg) no-repeat scroll 0px -99px;
}
.projects {
padding: 140px 15px 0px 460px;
position: relative;
font-family: Arial,Helvetica,sans-serif;
font-size: 18px;
font-weight: normal;
color: #fdfdfd;
border-bottom-style: solid;
border-bottom-width: 1px;
background-image: url(/images/Other-Projects.jpg);
background-repeat: no-repeat;
margin-top: 0;
height: 310px;
}

/*Other page styles*/

.consultancy {
padding: 30px 50px 0px 323px;
position: relative;
font-family: Arial,Helvetica,sans-serif;
font-size: 18px;
font-weight: normal;
color: #fdfdfd;
border-bottom-style: solid;
border-bottom-width: 1px;
background-repeat: no-repeat;
background-image: url(/images/Consultancy.jpg);
height: 422px;
}

.eschaton {
  padding: 85px 240px 0px 0px;
  position: relative;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 18px;
  font-weight: normal;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  background-repeat: no-repeat;
  color: #fdfdfd;
  background-image: url(/images/eschaton.jpg);
  height: 355px;
}

.lecturing {
padding: 30px 80px 0px 370px;
position: relative;
font-family: Arial,Helvetica,sans-serif;
font-size: 18px;
font-weight: normal;
border-bottom-style: solid;
border-bottom-width: 1px;
background-repeat: no-repeat;
height: 422px;
background-image: url(/images/Lecturing.jpg);
color: #151515;
}

.mcom {
padding: 90px 40px 0px 390px;
position: relative;
font-family: Arial,Helvetica,sans-serif;
font-size: 18px;
font-weight: normal;
border-bottom-style: solid;
border-bottom-width: 1px;
background-repeat: no-repeat;
background-image: url(/images/Machinimacom.jpg);
color: #f4f4f4;
height: 350px;
}

.tumraider {
  padding: 225px 310px 0px 35px;
  position: relative;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 18px;
  font-weight: normal;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  background-repeat: no-repeat;
  color: #fdfdfd;
  background-image: url(/images/tumraider.jpg);
  height: 225px;
}

.about {
padding: 22px 350px 0px 13px;
position: relative;
font-family: Arial,Helvetica,sans-serif;
font-size: 18px;
font-weight: normal;
color: #fdfdfd;
border-bottom-style: solid;
border-bottom-width: 1px;
background-image: url(/images/About-Us.jpg); background-repeat: no-repeat; height: 430px;
}

.about a{color: #fdfdfd;}

.pullout a{
background-image: url(/images/MfD-book-rollover.jpg);
width: 169px;
height: 188px;
position: absolute;
background-repeat: no-repeat;
background-position: left top;
left: 631px;
top: 153px;
font-size: 1px;
color: black;
}
.pullout a:hover {
background: transparent url(/images/MfD-book-rollover.jpg) no-repeat scroll 0px -188px;
}
#news {
padding: 0;
background: transparent url(/images/news-rollovers.jpg) no-repeat scroll;
width: 800px;
height: 90px;
text-align: right;
position: relative;
margin-left: 0px;
margin-top: -10px;
}
#news li {
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
list-style-position: outside;
position: absolute;
top: 0;
}
#news li, #news a {
height: 90px;
display: block;
font-size: 1px;
color: black;
}
#news1 {
left: 0px;
width: 200px;
}
#news2 {
left: 200px;
width: 200px;
}
#news3 {
left: 400px;
width: 200px;
}
#news4 {
left: 600px;
width: 200px;
}
#quote {
position: relative; 
color: white; 
width: 300px;
left: 280px; 
}

#linkage, #linkage a {
font-family: Arial,Helvetica,sans-serif;
font-size: 15px;
text-align: center;
text-decoration: none; 
color: #fdfdfd; 
}
.contact {
position: relative;
font-family: Arial,Helvetica,sans-serif;
font-size: 18px;
font-weight: normal;
border-bottom-style: solid;
border-bottom-width: 1px;
background-repeat: no-repeat;
color: #fdfdfd;
height: 450px;
}

.contactdetails a {
background-image: url(/images/contact-rollover.jpg);
width: 298px;
height: 25px;
position: absolute;
background-repeat: no-repeat;
background-position: left top;
left: 450px;
top: 34px;
font-size: 1px;
color: black;
}
.contactdetails a:hover {
background: transparent url(/images/contact-rollover.jpg) no-repeat scroll 0px -29px;
}

#copyright{ 
font-size: 10px; 
border: 0px; 
padding: 0px;
margin: 0px; 
color: white; 
text-align: right;
}


/* Blog Styles */

.blog {
padding: 22px 350px 0px 13px;
position: relative;
font-family: Arial,Helvetica,sans-serif;
font-weight: normal;
color: #fdfdfd;
background-image: url(/images/blog.jpg);
background-repeat: no-repeat;
height: 430px;
}

.topofblog {
width: 230px;
height: 205px;
background-image: url(/images/topofblog.jpg);
position: absolute;
z-index: 1;
top: 80px;
left: 487px;
}

.post-date {
  height: 72px;
  width: 69px;
  background-image: url(/images/date.jpg);
  background-repeat: no-repeat;
  position: relative;
  font-size: 14px;
  z-index: 2;
  text-align: center;
  font-family: Georgia,"Times New Roman",Times,serif;
  top: 53px;
  left: 68px;
}
.post-date span.day {
  display: block;
  font-size: 197%;
  padding-top: 5px;
}
.post-date span.month, .post-date span.year {
  display: block;
  font-size: 77%;
}
.page .post-top, .search .post-top {
  margin-top: 72px;
}
.post-top {
  margin: -6px auto 0;
  height: 22px;
  position: relative;
  width: 600px;
  background-image: url(/images/post-top.jpg);
  background-repeat: no-repeat;
  left: 91px;
}
.post-bottom {
  margin: 0 auto;
  height: 22px;
  width: 600px;
  position: relative;
  background-image: url(/images/post-bottom.jpg);
  background-repeat: no-repeat;
  left: 91px;
}
.post {
  margin: 0 auto;
  padding: 20px;
  width: 560px;
  position: relative;
  background-image: url(/images/post-bg.jpg);
  background-repeat: repeat-y;
  color: black;
  left: 91px;
}
.post .entry {
  padding: 10px;
  margin-top: -15px;
  margin-bottom: -15px; 
  position: relative;
  z-index: 2;
}
.post .entry img {
  border: 2px solid #cccccc;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  margin-bottom: 0px;
}
.post p {
  line-height: 150%;
  margin-bottom: 15px;
  z-index: 2;
}
.post .entry strong, b {
  font-weight: bold;
}
.post .entry em {
  font-style: italic;
}
.post .entry ol {
  list-style-type: decimal;
  list-style-image: none;
  list-style-position: inside;
  margin-top: 5px;
}
.post .entry ol li {
  padding-bottom: 5px;
}
.post .entry ul {
  list-style-type: disc;
  list-style-image: none;
  list-style-position: inside;
  margin-top: 5px;
}
.post .entry blockquote {
  background-image: url(/images/quote.gif);
  background-repeat: no-repeat;
  padding-left: 65px;
  color: #525251;
}
.post .entry blockquote blockquote {
  padding: 10px 65px;
}
.post h2 a, .page .post h2, .archive .post h3 a, .search .post h3 a {
  color: #666633;
  font-size: 152%;
  display: block;
  padding-bottom: 40px;
  padding-right: 40px;
  background-image: url(/images/post-line.gif);
  background-position: left bottom;
  background-repeat: no-repeat;
  text-decoration: none;
  text-align: right;
  position: relative;
  top: -15px;
  font-family: Georgia,"Times New Roman",Times,serif;
  z-index: 2;
}
.post h2 a:hover, .archive .post h3 a:hover, .search .post h3 a:hover {
  text-decoration: underline;
}
.post h2.search {
  display: none;
}
.post h1 {
  color: #666633;
  font-size: 152%;
  display: block;
  position: relative;
  top: -15px;
  font-family: Georgia,"Times New Roman",Times,serif;
}
.post p.postmetadata {
  padding: 13px;
  display: block;
  clear: both;
  background-color: #c3c1b3;
  color: black;
  width: 374px;
  text-align: center;
  position: relative;
  top: 5px;
}