body{
background: #000;
color:#fff;
font-family: Trebuchet MS, Geneva, Arial;
font-size:small;
padding:0px;
}

a{
color:#fff;
text-decoration:underline;
font-weight:bold;
}
a:hover{
color:#ffcc00;
}

h1{
font-size:140%;
font-weight:normal;
}
h3{
font-size:120%;
font-weight:normal;
}

#container{
width:900px;
margin:0 auto;
padding:0;
border:1px solid #000;
}
#container2{
margin:0 auto;
padding:0;
float:left;
background: url(images/background-middle.gif) repeat-y;
_background: url(images/background-middle-ie.gif) repeat-y;
}
#container-bg{
padding:0 0 5px 0;
float:left;
background: url(images/background-verybottom.gif) no-repeat bottom;
_background: url(images/background-verybottom-ie.gif) no-repeat bottom;
}
#page{
float:right;
width:694px;
margin:0;
padding:0;
border-top:3px solid #fff;
border-right:3px solid #fff;
border-left:3px solid #fff;
background: url(images/background.gif) no-repeat top left;
min-height:550px;
_height:550px;
}

#header{ 
border:3px solid #fff;
width:894px;
height:85px;
_height:80px;
float:left;
background:#333;
text-align:right;
}
#header h1{
margin:0px;
float:right;
padding-right:5px;
}
#spacer{
height:10px;
background:#000;
float:left;
width:900px;
}


#sidenav {
float:left;
padding:0px 3px;
margin:0px;
width:184px;
_width:162px;
border-top:3px solid #fff;
line-height:30px;
min-height:550px;
_height:550px;
}
#sidenav ul{
padding:0px;
padding-top:5px;
padding-bottom:5px;
font-size:12px;
margin: 5px 0 0;
}
#sidenav ul li{
display:block;
padding:0px 5px 0px 15px;
}
#sidenav ul li a{
font-size:95%;
color:#fff;
text-decoration:none;
font-weight:bold;
padding-left:10px;
background: url(images/arrow-grey.gif) no-repeat left;
}
#sidenav ul li a:hover{
color:#ffcc00;
background: url(images/arrow.gif) no-repeat left;
}
#home-pagebody{
float:right;
padding:0px;
margin:0px;

}

#pagebody{
float:left;
padding:00px;
margin:0px;
width:100%;
}
#news{
background: url(images/news-circle3.gif) bottom left no-repeat;
width:266px;
height:125px;
float:right;
padding:0px 0px 0px 10px;
margin:0px;
padding-bottom:40px;
font-size:90%;
}
#newsheadup{
font-size:18px;
font-weight:bold;
margin:5px 0px;

}
#newscontent{
float:right;
padding:0px 5px 0 30px;
width:200px;
}
#newscontent ul{
margin:5px 0;
_margin:5px 0 5px 20px;
}
.news-link{
color:#fff;
text-decoration:none;
}
.news-link:hover{
color:#ffcc00;
}
#newscontent a{
color:#fff;
text-decoration:none;
font-weight:bold;
}
#newscontent a:hover{
color:#ffcc00;
}

#pagecontent{
margin-top:0px;
padding-top:0px;
padding-left:0px;
float:left;
width:100%;
/* width:400px; */
text-align:left;
}


#pagecontent h2{
padding:5px 0px 10px 0px;
margin:0px;
font-size:130%;
font-weight:normal;
}

#pagecontentwide{
margin-top:0px;
padding-left:10px;
float:left;
width:95%;
text-align:left;
}


#recentwork{
padding:0px 5px 0px 10px;
float:left;
width:95%;

}

#recentwork h2{
font-size:130%;
font-weight:normal;
}
#recentwork dl{
float:left;
padding:0px;
margin:0px;
}

#recentwork dl dt{
float:left;
padding:0px;
margin:0px;
}
#recentwork dl dd{
float:left;
margin:0px;
padding:5px;
text-align:left;
width:100px;
}

#recentwork img{
border: 1px solid #fff;
}

#recentwork a{
color:#fff;
text-decoration:none;
font-weight:normal;
}
#recentwork a:hover{
color:#ffcc00;
}

#wide-body{
padding: 0px 10px 0px 10px;
float:left;
width:90%;

}

#wide-body h2{
padding:10px 0px 10px 0px;
margin:0px;
font-size:140%;
font-weight:normal;
}

#wide-body dl{
width:135px;
padding:0px;
margin:5px 0 5px 0;
float:left;
vertical-align:middle;
text-align:center;
}

#wide-body dl dt{
width:135px;
margin:0px;
padding:0px;
text-align:center;
height:140px;
}

#wide-body dl dd{
width:135px;
margin:0;
padding:0px;
text-align:center;
height:30px;
}
.gallery{
border:1px solid #ccc;
}
#wide-body a{
color:#fff;
text-decoration:none;
font-weight:normal;
}
#wide-body a:hover{
color:#ffcc00;
}
.smalltext{
font-size:80%;
}
.links{
color:#fff;
text-decoration:underline;
}
.colouredlinks {
color:#ffcc00;
text-decoration:underline;
}
.yellow {
color:#ffcc00;
}
.links:hover{
color:#ffcc00;
text-decoration:underline;
}

#footer{
background: #000;
padding:0;
width:100%;
float:left;
}

#footer_in{
padding:5px;
text-align:center;
}
#footer_in a{
color:#fff;
text-decoration:none;
}

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

#sponsored{
padding:10px;
width:100%;
}

.padder{
padding:10px;
}