/* NORMALISE */
body {
margin: 0;
padding: 0;
font-size: 1em;
position: relative;
text-align: center;
background: #ddd;
}





.clients_list li {

margin: 0 0 6 0;

}


/* LAYOUT */
.layout {
width: 900px;`
display: block;
margin: 0 auto;
padding: 0;
border: 1px solid #999;
border-top: none;
text-align: left;
}


img { /* defines the css for the <img> tag */
	border: 0px; /* set border width to 0 pixels */
}


/* PAGE BEHAVIOUR */
.page {
font-family: Courier New, Courier, Verdana, Sans-serif;
color: #333;
margin: 0;
padding: 0;
overflow: hidden;
background: #ccc;
min-height: 600px;
}

.page a {
color: #333;
text-decoration: none;
}


.page a:hover {
color: #333;
text-decoration: underline;
}





#home .page {
background: url(images/backgrounds/home.jpg) 0 0 repeat-y;
}

#music .page {
background: url(images/backgrounds/music.jpg) 0 0 repeat-y;
}


#news .page {
background: url(images/backgrounds/news.jpg) 0 0 repeat-y;
}



#showreel .page {
background: url(images/backgrounds/showreel.jpg) 0 0 repeat-y;
}

#forensic .page {
background: url(images/backgrounds/forensic.jpg) 0 0 repeat-y;
}


#testimonials .page {
background: url(images/backgrounds/testimonials.jpg) 0 0 repeat-y;
}


#contact .page {
background: url(images/backgrounds/contact.jpg) 0 0 repeat-y;
}



/* BANNER */
.banner {
margin: 0;
padding: 0;
background: #999;
}


.banner h1,
.banner img {
margin: 0;
display: block;
}




/* NAVIGATION */
.page .navigation {
width: 188px;
float: left;
}

.page .navigation ul {
list-style: none;
margin: 0;
padding: 0;
}

.page .navigation a {
text-indent: -9999em;
height: 33px;
width: 167px;
display: block;
margin: 0;
padding: 0;
background: url(images/home.png) 0 100% no-repeat;
}

.page .navigation a:hover,
#home .page .navigation li.home a,
#news .page .navigation li.news a,
#music .page .navigation li.music a,
#showreel .page .navigation li.showreel a,
#testamonials .page .navigation li.testamonials a,
#forensic .page .navigation li.forensic a,
#contact .page .navigation li.contact a {
background-position: 100% 100%;
}

.page .navigation li.home a {
background-image: url(images/home.png);
}

.page .navigation li.news a {
background-image: url(images/news.png);
}

.page .navigation li.music a {
background-image: url(images/music.png);
}

.page .navigation li.showreel a {
background-image: url(images/showreel.png);
height: 32px;
}

.page .navigation li.forensic a {
background-image: url(images/forensic.png);
}

.page .navigation li.testimonials a {
background-image: url(images/testimonials.png);
height: 32px;
}

.page .navigation li.contact a {
background-image: url(images/contact.png);
}












/* CONTENT */
.page .content {
width: 622px;
float: right;
padding: 10px 70px 10px 20px;
}



.page .content h2 {
margin: 0;
}



/* FOOTER */
.page .footer {
width: 900px;
clear: both;
height: 100px;
background: transparent url(images/phase_footer_logo.png) 87% 50% no-repeat;
}
