/* Emma Blackburn Summer 2007 */

/* Common */

body {
	font-family:  Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	margin: 0px;
	background-color: #000033;
}

img {border:0}

h1{
	font-family:  Arial, Helvetica, sans-serif;
	color: #CC0033;
	margin: 0px;
	letter-spacing:2px;
	font-size:16px;
	font-weight:bold;
	}

h2{
	font-family:  Arial, Helvetica, Verdana, sans-serif;
	color: #FFFFFF;
	margin: 0px;
	font-weight:normal;
	letter-spacing:2px;
	font-size:12px;
	line-height:2;
	}
	
h3{
	font-family:  Arial, Helvetica, Verdana, sans-serif;
	color: #0099FF;
	margin: 0px;
	font-weight:normal;
	letter-spacing:1px;
	font-size:12px;
	line-height:1.2;
	}
	
.left {
	float:left;
	}
	
.right {
	float:right;
	}

#title {
	position:absolute;
	top:28px;
	left:37px;
	width:473px;
	}
	
#title a {
	padding-top:45px;
	color: #FFFFFF;
	display:block;
	height:0;
	color:#000;
	overflow:hidden;
	}

#email {
	position:absolute;
	top:57px;
	left:539px;
	width:253px;
	}
	
#email a {
	padding-top:20px;
	color: #FFFFFF;
	display:block;
	height:0;
	color:#000;
	overflow:hidden;
	}
	
.navigation-container {
	position:absolute;
	top:90px;
	left:36px;
	height:20px;
	padding:0px;
	width:473px;
	}

#container {
	position:absolute;
	top:140px;
	left:35px;
	}
	
#moviebox {
	position:absolute;
	top:10px;
	left:10px;
	width:515px;
	}
	
#smallmoviebox {
	position:absolute;
	top:10px;
	left:10px;
	width:430px;
	}
	
a:link {
	color: #CC0033;
	text-decoration: none;
	}
	
a:visited { 
	color: #ffffff;
	text-decoration: none;
	}
	
a:hover { 
	color: #FF0048;
	text-decoration: none;
	}
	
a:active { 
	color: #FF0048;
	text-decoration: none;
	}

#navigation ul
{
list-style: none;
padding: 0;
margin: 0;
}

#navigation li
{
float: left;
margin: 0;
}

#navigation a {display:block; height:0; padding-top:20px; color:#000; overflow:hidden;}


/*  Showreel 1 */

.showreel-background {
	background-image:none;
	background-repeat:no-repeat;
}

.showreel-title {
	background-image:url(images/JamesBrocklebank_navy.jpg);
	background-repeat:no-repeat;
	}
	
.showreel-email {
	background-image:url(images/JamesBrocklebank-email_navy.jpg);
	background-repeat:no-repeat;
	}
	
li.showreel1 {
	background:transparent url(images/showreel_off.jpg);
	background-repeat:no-repeat;
	width:92px;
	}
	
li.motion1 {
	background:transparent url(images/motion_navy.jpg);
	background-repeat:no-repeat;
	width:92px;
	}

li.boards1 {
	background:transparent url(images/boards_navy.jpg);
	background-repeat:no-repeat;
	width:92px;
	}
	
li.print1 {
	background:transparent url(images/print_navy.jpg);
	background-repeat:no-repeat;
	width:75px;
	}
	
li.about1 {
	background:transparent url(images/about_navy.jpg);
	background-repeat:no-repeat;
	width:66px;
	}
	

/* Boards */

.boards-background {
	background-image:none;
	background-repeat:no-repeat;
}

.boards-title {
	background-image:url(images/JamesBrocklebank_navy.jpg);
	background-repeat:no-repeat;
	}
	
.boards-email {
	background-image:url(images/JamesBrocklebank-email_navy.jpg);
	background-repeat:no-repeat;
	}
	
li.showreel {
	background:transparent url(images/showreel_navy.jpg);
	background-repeat:no-repeat;
	width:92px;
	}
	
li.motion {
	background:transparent url(images/motion_navy.jpg);
	background-repeat:no-repeat;
	width:92px;
	}

li.boards {
	background:transparent url(images/boards_off.jpg);
	background-repeat:no-repeat;
	width:92px;
	}
	
li.print {
	background:transparent url(images/print_navy.jpg);
	background-repeat:no-repeat;
	width:75px;
	}
		
li.about {
	background:transparent url(images/about_navy.jpg);
	background-repeat:no-repeat;
	width:66px;
	}
	
	
.project {
	position:relative;
	width:770px;
}

.board-thumb {
	width:250px;
	height:141px;
	}

/* Motion 2 */

.motion-background {
	background-image:none;
	background-repeat:no-repeat;
}

.motion-title {
	background-image:url(images/JamesBrocklebank_navy.jpg);
	background-repeat:no-repeat;
	}
	
.motion-email {
	background-image:url(images/JamesBrocklebank-email_navy.jpg);
	background-repeat:no-repeat;
	}

.motion-project {
	position:relative;
	width:474px;
}

.motion-thumb {
	width:474px;
	height:160px;
	}
/*  
#navigation2 ul
{
list-style: none;
padding: 0;
margin: 0;
}

#navigation2 li
{
float: left;
margin: 0;
}

#navigation2 a {display:block; height:0; padding-top:20px; color:#000; overflow:hidden;}
*/

li.showreel2 {
	background:transparent url(images/showreel_navy.jpg);
	background-repeat:no-repeat;
	width:92px;
	}
	
li.motion2 {
	background:transparent url(images/motion_off.jpg);
	background-repeat:no-repeat;
	width:92px;
	}

li.boards2 {
	background:transparent url(images/boards_navy.jpg);
	background-repeat:no-repeat;
	width:92px;
	}
	
li.print2 {
	background:transparent url(images/print_navy.jpg);
	background-repeat:no-repeat;
	width:75px;
	}
		
li.about2 {
	background:transparent url(images/about_navy.jpg);
	background-repeat:no-repeat;
	width:66px;
	}
	
.motion-video {
	display:none;
	width:512px;
	height:350px;
	}

/* Print 3 */

.print {
	position:relative;
	width:642px;
}

.thumb {
  	float:left;
  	width:95px;
  	height:95px;
  	margin: 0 12px 12px 0;
  }
  
.print-background {
	background-image:none;
	background-repeat:no-repeat;
}

.print-title {
	background-image:url(images/JamesBrocklebank_navy.jpg);
	background-repeat:no-repeat;
	}
	
.print-email {
	background-image:url(images/JamesBrocklebank-email_navy.jpg);
	background-repeat:no-repeat;
	}

li.showreel3 {
	background:transparent url(images/showreel_navy.jpg);
	background-repeat:no-repeat;
	width:92px;
	}
	
li.motion3 {
	background:transparent url(images/motion_navy.jpg);
	background-repeat:no-repeat;
	width:92px;
	}

li.boards3 {
	background:transparent url(images/boards_navy.jpg);
	background-repeat:no-repeat;
	width:92px;
	}
	
li.print3 {
	background:transparent url(images/print_off.jpg);
	background-repeat:no-repeat;
	width:75px;
	}
	
li.about3 {
	background:transparent url(images/about_navy.jpg);
	background-repeat:no-repeat;
	width:66px;
	}
	 
/* About 6 */

.about-background {
	background-image:none;
	background-repeat:no-repeat;
}

.about-title {
	background-image:url(images/JamesBrocklebank_navy.jpg);
	background-repeat:no-repeat;
	}
	
.about-email {
	background-image:url(images/JamesBrocklebank-email_navy.jpg);
	background-repeat:no-repeat;
	}

li.showreel6 {
    background:transparent url(images/showreel_navy.jpg);
	background-repeat:no-repeat;
	width:92px;
	}
	
li.motion6 {
	background:transparent url(images/motion_navy.jpg);
	background-repeat:no-repeat;
	width:92px;
	}

li.boards6 {
	background:transparent url(images/boards_navy.jpg);
	background-repeat:no-repeat;
	width:92px;
	}
	
li.print6 {
	background:transparent url(images/print_navy.jpg);
	background-repeat:no-repeat;
	width:75px;
	}
	
li.about6 {
	background:transparent url(images/about_off.jpg);
	background-repeat:no-repeat;
	width:66px;
	}
	
#about-container {
	position:absolute;
	top:140px;
	left:138px;
	width:409px;
	}