@charset "utf-8";
/* CSS Document */

.header {
height:105px;
width:1024px;
}
/*holds the two logos at the top of the page*/
body{
padding-right: 0px; 
padding-left: 0px; 
padding-bottom: 0px; 
margin: 0px; 
padding-top: 0px; 
font-family: Arial, Helvetica, sans-serif; 
}
.left1{
float:left;
width:18px;
border-right:1px solid #ffffff;
background-color:#213060;
height:471px;
}
/*lefthand strip which holds bullet points*/
.left2{
padding-left:5px;
padding-top:12px;
float:left;
width:118px;
border-right:1px solid #ffffff;
background-color:#354e9f;
height:459px;
}
/*lefthand strip which holds main navigation*/
.left3{
float:left;
width:252px;
border-right:1px solid #ffffff;
background-color:#afc1f8;
height:461px;
overflow: auto;
padding:5px;
}
/*holds the main content for each page*/
.left4{
float:left;
width:482px;
border-right:1px solid #ffffff;
background-color:#000000;
height:471px;
}
/*holds the main film for each page*/
.left5{
float:left;
width:135px;
border-right:1px solid #ffffff;
height:471px;
}
/*holds the additional films*/
.left3and4{
float:left;
width:735px;
border-right:1px solid #ffffff;
background-color:#afc1f8;
height:461px;
overflow: auto;
padding:5px;
}
/*used for our directors page*/
.left3and4nopad{
float:left;
width:745px;
border-right:1px solid #ffffff;
background-color:#afc1f8;
height:471px;
overflow: auto;
padding:0px;
}
/*used for awards page*/
.directors{
float:left;
width:220px;
padding:10px;
}
/*used to hold details of each director*/
.film1{
width:127px;
height:148px;
padding:4px;
background-color:#2d43a1;
border-bottom:1px solid #ffffff;
}
/*holds film 1*/
.film2{
width:127px;
height:148px;
padding:4px;
background-color:#a52715;
border-bottom:1px solid #ffffff;
}
/*holds film 2*/
.film3{
width:127px;
height:149px;
padding:4px;
background-color:#b37523;
border-bottom:1px solid #ffffff;
}
/*holds film 3*/
.film4{
width:135px;
height:63px;
background-color:#213060;
background-image:url(images/other-films.jpg);
}
/*holds film 4*/
.contain{
float:right;
width:100%;
background-color:#354e9f;
height:471px;
}
/*contains all the left divs*/
.cbp{
float:left;
width:382px;
height:105px;
background: url(images/logo.jpg);
}
/*holds the cbp logo*/
.cbp2{
float:left;
width:500px;
height:105px;
background: url(images/logo-withsilver.jpg);
}
/*holds the cbp logo with award logo*/
h1 {
left: -3000px; 
position: absolute; 
top: 0px
}
/*main title offset from the main design*/
.ddd{
float:right;
}
/*holds the design detail and deliver logo*/
h2 {
padding:0px;
margin:0px;
padding-bottom:20px;
}
/*the secondary menu items*/
h2.nopad {
padding:0px;
margin:0px;
padding-bottom:0px;
}
/*the secondary menu items - with no padding*/
a:link {
font-size: small;
color:#ffffff;
text-decoration:none;
font-weight:bold;
}
/*standard links with a white background*/
a:visited {
font-size: small;
color:#ffffff;
text-decoration:none;
font-weight:bold;
}
/*standard links with a white background*/
a:hover {
font-size: small;
color:#ffffff;
text-decoration:underline;
font-weight:bold;
}
/*standard links with a white background*/
a:active {
color:#ffffff;
font-size:small;
text-decoration:none;
font-weight:bold;
}
/*standard links with a white background*/
a.underline:link {
font-size: small;
color:#ffffff;
text-decoration:underline;
font-weight:bold;
}
/*activelink h2*/
a.underline:visited {
font-size: small;
color:#ffffff;
text-decoration:underline;
font-weight:bold;
}
/*activelink h2*/
a.underline:hover {
font-size: small;
color:#ffffff;
text-decoration:underline;
font-weight:bold;
}
/*active link h2*/
a.underline:active {
color:#ffffff;
font-size:small;
text-decoration:underline;
font-weight:bold;
}
/*active link h2*/
a.menu:link {
color:#ffffff;
font-size:80%;
text-decoration:none;
font-weight:bold;
padding-left:6px;
}
/*links for h3 menu itmes*/
a.menu:visited {
color:#ffffff;
font-size:80%;
text-decoration:none;
font-weight:bold;
padding-left:6px;
}
/*links for h3 menu items*/
a.menu:hover {
color:#ffffff;
font-size:80%;
text-decoration:underline;
font-weight:bold;
padding-left:6px;
}
/*links for h3 menu items*/
a.menu:active {
color:#ffffff;
font-size:80%;
text-decoration:none;
font-weight:bold;
padding-left:6px;
}
/*links for h3 menu items*/
a.internal:link {
color:#213060;
font-size:90%;
text-decoration:none;
font-weight:bold;
}
/*internal links*/
a.internal:visited {
color:#213060;
font-size:90%;
text-decoration:none;
font-weight:bold;
}
/*internal links*/
a.internal:hover {
color:#213060;
font-size:90%;
text-decoration:underline;
font-weight:bold;
}
/*internal links*/
a.internal:active {
color:#213060;
font-size:90%;
text-decoration:none;
font-weight:bold;
}
/*internal links*/

h3.activeh3item {
color:#ffffff;
font-size:70%;
text-decoration:underline;
font-weight:bold;
padding-left:6px;
}
/*an active h3 menu item*/
h2.normallink {
color:#ffffff;
font-size:small;
text-decoration:none;
font-weight:bold;
padding:0px;
margin:0px;
}
/*active menu item in h2 list with normal spacing underneath for secondary menu items*/
p{
font-size:small;
color:#213060;
}
/*the main paragraph styling*/
li{
font-size:small;
color:#213060;
}
/*list styling*/
.bullet{
margin-top:18px;
margin-left:9px;
background-color:#ffffff;
width:6px;
height:6px;
}
/*top bullet point*/
.bulletempty{
margin-top:18px;
margin-left:9px;
width:6px;
height:6px;
}
/*top bullet point when switched off*/
.bullet2{
margin-top:30px;
margin-left:9px;
background-color:#ffffff;
width:6px;
height:6px;
}
/*second bullet point*/
.bullet2empty{
margin-top:30px;
margin-left:9px;
width:6px;
height:6px;
}
/*second bullet point when switched off*/
.tv{
width:31px;
height:33px;
padding-left:100px;
}
/*holds the television icons*/
.tvtext{
height:78px;
}
/*holds the tv text*/
.play{
height:33px;
padding-right:4px;
padding-top:2px;
padding-left:75px;
}
/* holds the play butons*/
.otherfilms{
padding-left:4px;
padding-top:10px;
width:71px;
}
/*holds the other films text*/
h3{
font-size:85%;
padding:0px;
margin:0px;
color:#213060;
}
/* the h3 headings contained in the body text*/
.breadcrumb {
font-size:90%;
}
.footerlogos{
float:left;
width:110px;
margin-left:18px;
margin-top:10px;
}
.footerlogos2{
float:left;
width:110px;
margin-left:175px;
margin-top:10px;
}