body {
margin:0;
padding:0;
background-image:url(images/bg.gif);
font-family:"Trebuchet MS", sans-serif;
color:#FFFFFF;
font-size:11px;
text-align:justify;
}
#container {
width:885px;
margin:0 auto;
text-align:left;
position:relative;
}

/*--------------------TOP NAVIGATION--------------------*/
#topnav {
position:absolute;
left:570px;
top:27px;
}

#twitter {
position:absolute;
left:30px;
top:23px;
}

/*--------------------HEADER GRAPHICS--------------------*/
.header-logo, .header-blank, .header-end {
position:absolute;
top:51px;
height:116px;
}
.header-logo {
background-image:url(images/header-logo.jpg);
left:0;
width:308px;
}
.header-blank {
background-image:url(images/header-blank.jpg);
left:308px;
width:396px;
}
.header-end {
background-image:url(images/header-end.jpg);
left:704px;
width:181px;
}
.header-advertising, .header-design, .header-websites, .header-photography, .header-film {
position:absolute;
background-repeat:no-repeat;
top:51px;
width:99px;
height:142px;
text-align:center;
}
.header-advertising {left:308px;}
.header-design {left:407px;}
.header-websites {left:506px;}
.header-photography {left:605px;}
.header-film {left:704px;}


.text-advertising, .text-design, .text-websites, .text-photography, .text-film {
position:absolute;
top:185px;
width:99px;
text-align:center;
}
.text-advertising {left:308px;}
.text-design {left:407px;}
.text-websites {left:506px;}
.text-photography {left:605px;}
.text-film {left:704px;}

/*--------------------COLUMNS--------------------*/
.col1 {position:absolute; left:320px;}
.col2 {position:absolute; left:420px;}
.col3 {position:absolute; left:520px;}
.col4 {position:absolute; left:704px;}

/*--------------------THUMBS--------------------*/
.thumb1, .thumb2, .thumb3, .thumb4, .thumb5, .thumb6 {
position:absolute;
top:540px;
width:60px;
height:60px;
}
.thumb1 {left:420px;}
.thumb2 {left:488px;}
.thumb3 {left:556px;}
.thumb4 {left:624px;}
.thumb5 {left:692px;}
.thumb6 {left:760px;}

/*--------------------CLIENT LIST IFRAME--------------------*/
.clientlist {
top:210px;
width:400px;
height:559px;
}

/*--------------------ADWP--------------------*/
.adwp {top:175px; width:100px;}

/*--------------------NAVIGATION STRUCTURE--------------------*/
.nav {
position:absolute;
background-image:url(images/divider.jpg);
left:0;
width:245px;
height:50px;
}
.home {top:167px;}
.who {top:217px;}
.what {top:267px;}
.where {top:317px;}
.clients {top:367px;}
.last {top:417px;}

#icons {
position:absolute;
background-image:url(images/icons.gif);
left:180px;
top:212px;
width:15px;
height:210px;
}

/*--------------------BLACK BACKGROUND--------------------*/
#blackbox {
position:absolute;
background-color:#000000;
left:19px;
top:62px;
width:848px;
height:792px;
}

/*--------------------EDGES--------------------*/
.edge {
position:absolute;
background-repeat:repeat-y;
width:19px;
}
.edge-left {
background-image:url(images/edge-left.gif);
left:0; top:467px; height:375px;
}
.edge-right {
background-image:url(images/edge-right.gif);
left:866px; top:167px; height:675px;
}

/*--------------------NEWS PICTURE--------------------*/
.newspic {
position:absolute;
top:400px;
width:175px;
height:175px;
}

/*--------------------NEWS PICTURE--------------------*/
.film-position {
position:absolute;
top:400px;
}
.showreel {
position:absolute;
top:440px;
}
.play {
position:absolute;
top:740px;
}

/*--------------------TEMPLATES LINK--------------------*/
.templates, .templates-text {
position:absolute;
width:85px;
height:81px;
color:#fff;
}
.templates {left:60px; top:518px;}
.templates-text {left:170px; top:555px;}

/*--------------------BIG PICTURE--------------------*/
.bigpic {
top:210px;
width:400px;
height:299px;
}

/*--------------------FOOTER--------------------*/
.footer {
position:absolute; top:724px; height:147px; width:34px;}

.footer-left {
background-image:url(images/footer-left.jpg);
left:0;
}

.footer-mid {
background-image:url(images/footer.jpg);
background-repeat:repeat-x;
left:34px;
width:816px;
}

.footer-right {
background-image:url(images/footer-right.jpg);
left:850px;
}