/* CSS Document */
body {
margin: 0px auto;
background:#000 url(bg.jpg) top center no-repeat;
color: #ccc;
font:10px Verdana, Arial, Helvetica, sans-serif;
text-align:-moz-center;
#text-align:center;
line-height: 16px;
}
a:link {
font-weight:bold;
color: #fff;
text-decoration: none;
cursor:pointer;
}
a:hover {
text-decoration: underline;
cursor:pointer;
}
a:visited {
font-weight:bold;
color:#ccc;
text-decoration: none;
}
h1{
display:none;
text-indent:-9999px;
}
h2{
margin:5px 0 0 0;
}
/*CSS for Main Page*/
#wrapper{
width: 830px;
margin: 0px auto;
text-align:left;
margin-bottom:15px;
}
#mainTop{
width:408px;
background:#333;
border:1px dashed #999;
margin:25px 0 15px 0;
padding-bottom:12px;
text-align:left;
}
#mainTop p{
width:380px;
padding:8px;
margin:0 0 8px 0;
}
#mainTop img{
margin:0 3px 0 8px;
border:1px solid #999;
}
#mainTopRight{
	position: relative;
background:url(images/new_flash.png) bottom right no-repeat;
width:408px;
margin:25px 0 15px 0;
padding-bottom:12px;
height:400px;
float:right;
}
#midHeader{
width:830px;
height:20px;
}
.pods{
width:200px;
background:#333;
border:1px dashed #999;
margin:0 0 15px 0;
text-align:left;
float:left;
}
.pods img{
margin:0 3px 8px 7px;
border:1px solid #999;
}
/*CSS for Sub Pages*/
#subWrapper{
width: 580px;
margin: 0px auto;
text-align:left;
}
#subTop{
width: 580px;
background:#333;
border:1px dashed #999;
margin:15px 0 15px 0;
text-align:left;
}
#subTop p{
width:380px;
padding:0 8px 8px 8px;
margin:0px;
}
.mainImage{
float:right;
border:1px solid #ccc;
margin:38px 8px 8px 8px;
}
#subBottom{
width: 580px;
background:#333;
border:1px dashed #999;
margin:0 0 15px 0;
padding-bottom:15px;
text-align:left;
}
#subBottom img{
margin:12px 0px 0px 8px;
border:1px solid #999;
}
#subBottom p{
padding:0 10px;
}
/*CSS for Contact Page*/
#contactWrapper{
width: 400px;
margin: 0px auto;
text-align:left;
}
#contactTop{
width: 400px;
background:#333;
border:1px dashed #999;
margin:15px 0 15px 0;
text-align:left;
}
#contactTop p{
width:360px;
padding:0 8px 8px 8px;
margin:0px;
}
/*Grey Headers*/
.recentHeader{
background:url(images/header_recent.gif) no-repeat;
width:170px;
height:20px;
margin:8px 0px 0 8px;
}
.magicHeader{
background:url(images/header_magic.gif) no-repeat;
width:170px;
height:20px;
margin:8px 0 0 8px;
}
.magicStation{
background:url(images/header_magic_station.gif) no-repeat;
width:170px;
height:20px;
margin:8px 0 0 8px;
}
.bauerHeader{
background:url(images/header_bauer.gif) no-repeat;
width:170px;
height:20px;
margin:8px 0 0 8px;
}
.promosHeader{
background:url(images/header_promos.gif) no-repeat;
width:170px;
height:20px;
margin:8px 0 0 8px;
}
.freelanceHeader{
background:url(images/header_freelance.gif) no-repeat;
width:170px;
height:20px;
margin:8px 0 0 8px;
}
.flashHeader{
background:url(images/header_flash.gif) no-repeat;
width:170px;
height:20px;
margin:8px 0 0 8px;
}
.freelanceflashHeader{
background:url(images/header_freelanceflash.gif) no-repeat;
width:170px;
height:20px;
margin:8px 0 0 8px;
}
.miscHeader{
background:url(images/header_misc.gif) no-repeat;
width:170px;
height:20px;
margin:8px 0 0 8px;
}
.b3taHeader{
background:url(images/header_b3ta.gif) no-repeat;
width:170px;
height:20px;
margin:8px 0 0 8px;
}
.drillboyHeader{
background:url(images/header_drillboy.gif) no-repeat;
width:170px;
height:20px;
margin:8px 0 0 8px;
}
.drillboyepisodesHeader{
background:url(images/header_drillboy_episodes.gif) no-repeat;
width:170px;
height:5px;
margin:8px 0 0 8px;
}
.contactHeader{
background:url(images/header_contact.gif) no-repeat;
width:170px;
height:20px;
margin:8px 0 0 8px;
}
.tincityHeader{
background:url(images/header_tincity.gif) no-repeat;
width:170px;
height:20px;
margin:8px 0 0 8px;
}
.tincityepisodesHeader{
background:url(images/header_tincity_episodes.gif) no-repeat;
width:170px;
height:5px;
margin:8px 0 0 8px;
}
/*More Footers*/
.more178{
background:url(images/footer_more178.gif) no-repeat;
width:178px;
height:20px;
margin:8px 0 0 8px;
}
.more388{
background:url(images/footer_more388.gif) no-repeat;
width:388px;
height:20px;
margin:8px 0 0 8px;
}
.less558{
background:url(images/footer_less558.gif) no-repeat;
width:558px;
height:5px;
margin:8px 0px 0px 8px;
}
/*Colour Headers*/
.workColourheader{
background:url(images/colourheader_work.gif) no-repeat;
width:580px;
height:20px;
padding-bottom:10px;
}
.flashColourheader{
background:url(images/colourheader_flash.gif) no-repeat;
width:580px;
height:20px;
padding-bottom:10px;
}
#midColourheader{
background:url(images/main_mid.gif) no-repeat;
width:830px;
height:20px;
padding-bottom:10px;
}
#bottomColourheader{
clear:both;
background:url(images/colourheader_other.gif) no-repeat;
width:830px;
height:20px;
padding-bottom:10px;
}
/* Form */
.field {
background-color:#202020; 
color:#FFF; 
border: 1px solid #ccc; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 9px; 
font-weight: bold;
width: 150px;
}
.clear{
clear:both;
}
.newLink{
position:absolute;
border:0;
right:0px;
bottom:0px;
width:175px;
height:175px;
}
/*Main Footer*/
.footer{
text-align:center;
width:830px;
height:20px;
margin-bottom:10px;
}
.footerSlim{
text-align:center;
height:20px;
margin-bottom:10px;
}
.marginfix6{
margin-left:6px;
}
.marginfix9{
margin-left:9px;
}