/*----------------BASIC ELEMENTS-----------------*/

body {
	background-color: #e6e8e0;
	
	
	
	}

#title{
	background: url(title.jpg) no-repeat #64879D;
		width: 339px;
		height: 159px;
		
	position: absolute;
		top: -96px;
		left:-22px;
}
#title_grey{
	background: url(title.jpg) no-repeat #64879D;
		width: 339px;
		height: 159px;
		
	position: absolute;
		top: -96px;
		left:-22px;
	display: block;
	text-decoration: none;
	overflow: hidden;
		background-position: -339px 0px;
}



a:link { 
	font-family:sans-serif;

	font-size: 1em;
	text-decoration: none; 
	color: #4B687B;
	}

a:visited { 
	font-family: sans-serif;
 	text-decoration: none;
	font-size: 1em; 
	color: #4B687B;
	}

a:hover, a:active { 
	font-family: sans-serif;
	font-size: 1em;
	text-decoration: underline; 
	color: #B64F35;
	}

/*----------------pic links-----------------*/
#home_static{
	width: 65px;
	height:31px;
	position: absolute;
		top:405px;
		left: 25px;
	background: url(button_home.jpg) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
	background-position: 0px 31px;

}

a#homeroll{

	width: 65px;
	height:31px;
	position: absolute;
		top:405px;
		left: 25px;
	background: url(button_home.jpg) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
}
a#homeroll:hover{
	background-position: 0px 31px;
}	#about_static{
	width: 67px;
	height:27px;
	position: absolute;
		top:410;
		left: 110px;
	background: url(button_about.jpg) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
	background-position: 0px 27px;
}

a#aboutroll{

	width: 67px;
	height:27px;
	position: absolute;
		top:410;
		left: 110px;
	background: url(button_about.jpg) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
}

a#aboutroll:hover{
	background-position: 0px 27px;
}
#animation_static{
width: 111px;
	height:28px;
	position: absolute;
		top:410px;
		left: 199px;
	background: url(button_animation.jpg) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
	background-position: 0px 28px;
}

a#animationroll{

	width: 111px;
	height:28px;
	position: absolute;
		top:410px;
		left: 199px;
	background: url(button_animation.jpg) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
}
a#animationroll:hover{
	background-position: 0px 28px;
}
#colour_static{
	width: 72px;
	height:28px;
	position: absolute;
		top:407px;
		left: 325px;
	background: url(button_colour.jpg) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
	background-position: 0px 28px;
}

a#colourroll{

	width: 72px;
	height:28px;
	position: absolute;
		top:407px;
		left: 325px;
	background: url(button_colour.jpg) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
}
a#colourroll:hover{
	background-position: 0px 28px;
}

#illusionist_static{
	width: 174px;
	height:28px;
	position: absolute;
		top:380px;
		left: 305px;
	background: url(button_illusionist.jpg) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
	background-position: 0px 28px;
}

a#illusionistroll{

	width: 174px;
	height:28px;
	position: absolute;
		top:380px;
		left: 305px;
	background: url(button_illusionist.jpg) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
}
a#illusionistroll:hover{
	background-position: 0px 28px;
}




a#paintingroll{

	width: 96px;
	height:31px;
	position: absolute;
		top:407px;
		left: 420px;
	background: url(button_painting.jpg) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
}
a#paintingroll:hover{
	background-position: 0px 31px;
}
#painting_static{
width: 96px;
	height:31px;
	position: absolute;
		top:407px;
		left: 420px;
	background: url(button_painting.jpg) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
	background-position: 0px 31px;
}




a#illustrationroll{

	width: 109px;
	height:29px;
	position: absolute;
		top:410px;
		left: 530px;
	background: url(button_drawing.jpg) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
}
a#illustrationroll:hover{
	background-position: 0px 29px;
}
#illustration_static{
	width: 109px;
	height:29px;
	position: absolute;
		top:410px;
		left: 530px;
	background: url(button_drawing.jpg) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
	background-position: 0px 29px;
}



a#blogroll{

	width: 58px;
	height:23px;
	position: absolute;
		top:413;
		left: 650px;
	background: url(button_blog.jpg) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
}
a#blogroll:hover{
	background-position: 0px 23px;
}
#blog_static{
width: 86px;
	height:29px;
	position: absolute;
		top:410;
		left: 720px;
	background: url(button_contact.jpg) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
	background-position: 0px 23px;
}
a#contactroll{

	width: 86px;
	height:29px;
	position: absolute;
		top:410;
		left: 720px;
	background: url(button_contact.jpg) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
}
a#contactroll:hover{
	background-position: 0px 29px;
}
#contact_static{
	width: 86px;
	height:29px;
	position: absolute;
		top:410;
		left: 720px;
	background: url(button_contact.jpg) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
	background-position: 0px 29px;
}


a#storyboardroll{

	width: 128px;
	height:22px;
	position: absolute;
		top:70;
		left: 730px;
	background: url(button_storyboarding.jpg) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
}
a#storyboardroll:hover{
	background-position: 0px 22px;
}
a#backroll{

	width: 46px;
	height:21px;
	position: absolute;
		top:70;
		left: 820px;
	background: url(button_back.jpg) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
}
a#backroll:hover{
	background-position: 0px 21px;
}



a#cvroll{
	width: 74px;
	height:75px;
	position: absolute;
		top: -83px;
		left: 760px;
	background: url(cv_button.jpg) #64879D;
	display: block;
	text-decoration: none;
	overflow: hidden;
}
a#cvroll:hover{
	background-position: 0px 75px;
}

a#reelroll{
	width: 72px;
	height:73px;
	position: absolute;
		top: -81px;
		left: 680px;
	background: url(reel_button.jpg) #64879D;
	display: block;
	text-decoration: none;
	overflow: hidden;
}
a#reelroll:hover{
	background-position: 0px 73px;
}
}/*----------------pic links-----------------*/

#where {
	position:absolute;
		top:435px;
		left:350px;
	font-family: tahoma, arial;
	color: #929494;	
}
h2{
	color: #f23233;
	font-family: sans-serif tahoma arial;
	font-size: 1.2em;
	}

/*---------form------------------------------------*/

#mailname {
	position: absolute;
	top: 0px;
	left: -60px;
	size: 1.1em;
}



#sendbutton {
	text-align: center;
	font-family: sans-serif;
	color:#606365;
	border: solid #CCCEC5 1px;
	background-color: #EAEAEA;
	position: absolute;
		top:347;
		left:549;
}
	

#message{
	position: absolute;
		top:90px;
		left:285px;
	background: #ffffff;
	color: #666666;
	border: solid 1px #CCCEC5;
	font-family: sans-serif;
	font-size: 1em;
	width: 310px;
	height: 240px;
		

}

#name {
	background: #ffffff;
	color: #666666;
	border: solid #CCCEC5 1px;
	font-family: sans-serif;
	font-size: 1em;
	position:absolute;
		top:345px;	
		left:285px;
}


#messagetext{
	font-size: 1em;
	font-family: sans-serif;
	color: #666666;
	position: absolute;

}





/*---------CONTAINers ETC------------------------------------*/

#blue {
	background: #64879D; 
	width: 854px;
	height: 1000px;
	
	margin-left: -427px;

	padding: 0px;
	text-align: left;
	position: absolute;
		top:0px;
		left:50%;

	
}
#blue_left{
	background: url(left_edge_blue.jpg) repeat-y #64879D; 
	height: 1000px;
	width: 7px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	left: -3px;
}
#blue_right{
	background: url(right_edge_blue.jpg) repeat-y #64879D; 
	height:1000px;
	width: 8px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	left: 850px;
}
#white {
	background: #ffffff; 
	width: 857px;
	height: 447px;
	
	margin-left: 0px;

	padding: 0px;
	text-align: left;
	position: absolute;
		top:100px;
		
}
#top{
	background: url(top_edge.jpg) repeat-x #64879D; 
	height: 14px;
	width: 487px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: -11px;
	left: 317px;
}
#right{
	background: url(right_edge_white.jpg) repeat-y #64879D; 
	height: 386px;
	width: 5px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 40px;
	left: 853px;
}
#bottom{
	background: url(bottom_edge.jpg) repeat-x #64879D;
	height: 8px;
	width: 749px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 446px;
	left: 52px;
}

#left{
	background: url(left_edge_white.jpg) repeat-y #64879D; 
	height: 350px;
	width: 12px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top:63px;
	left: -12px;
}
#corner_tr{
	background: url(corner_top_r.jpg) no-repeat #ffffff; 
	height: 60px;
	width: 53px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top:-11px;
	left: 804px;
}
#corner_br{
	background: url(corner_bottom_r.jpg) no-repeat #ffffff; 
	height: 46px;
	width: 56px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top:405px;
	left: 801px;
}
#corner_bl{
	background: url(corner_bottom_l.jpg) no-repeat #ffffff; 
	height: 67px;
	width: 63px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top:384px;
	left: -11px;
}
#top_grey_line{
background-color: #CFCFCF;
	height:7px;
	width:857px;
	position: absolute;
	top:110px;
	left:-2px;
}
#bottom_grey_line{
background-color: #CFCFCF;
	height:7px;
	width:857px;
	position: absolute;
	top:325px;
	left:-2px;

}
#bottom_grey_line_about{
background-color: #CFCFCF;
	height:7px;
	width:857px;
	position: absolute;
	top:321px;
	left:-2px;

}



#backlink{
	position: absolute;
		top: 45px;
		left: 80px;
}
	


img.linkpics {
	border: 0;
}

#c{
	background: url(c.jpg) no-repeat #64879D; 
		width:180px;
		height: 22px;
	position:absolute;
		left:340px;
		top:465px;

}

/*----------------end-containers-----------------*/

#home{
	position:absolute;
		top:410px;
		left:667px;
		border: 0;
}

#about{
	position:absolute;
		top:34px;
		left:718px;
		border: 0;
}
#animation{
	position:absolute;
		top:146px;
		left:632px;
		border: 0;

}
#painting{
	position:absolute;
		top:201px;
		left:698px;
		border: 0;

}
#illustration{
	position:absolute;
		top:410px;
		left:667px;
		border: 0;
}
#blog{
	position:absolute;
		top:256px;
		left:679px;
		border: 0;

}

#contact{
	position:absolute;
		top:377px;
		left:667px;
		border: 0;
}
#colour{
	position:absolute;
		top:377px;
		left:667px;
		border: 0;
}
#illusionist{
	position:absolute;
		top:377px;
		left:667px;
		border: 0;
}
#storyboarding{
	position:absolute;
		top:377px;
		left:667px;
		border: 0;
}
#back{
	position:absolute;
		top:377px;
		left:667px;
		border: 0;
}





#random{
	position:absolute;
		top:410px;
		left:667px;
		border: 0;
}

#fr_ted_button{
	position:absolute;
		top:410px;
		left:667px;
		border: 0;
}



#cv{
	position:absolute;
		top:410px;
		left:667px;
		border: 0;
}








/*---------thumbs-digital_end-----------------------------------------------------------------*/

#frontscreen{

position:absolute;
top:117px;
left:-2px;
width:862px;
height:208px;
}


a#newwinpic{
	border:none;
	text-decoration:none;
}





#head{
	position:absolute;
		left:500px;
		top:550px;
}

#reel_wide{
	width: 560px;
	height:332px;
	position:absolute;
		top:0px;
		left:0px;
	}





#cat_clip{
	width: 350px;
	height:321px;
	position:absolute;
		top:70px;
		left:240px;
	
}
#cream_clip{
	width: 350px;
	height:321px;
	position:absolute;
		top:70px;
		left:240px;
	
}

#interview_holder{
	
	position:absolute;
		top:70px;
		left:220px;

}



#small_reel_line_holder{
	width: 348px;
	height:317px;
	position:absolute;
		top:80px;
		left:265px;
	
}

#big_reel_line_holder{
	width: 500px;
	height:300px;
	position:absolute;
		top:70px;
		left:240px;
	
}
#wide_clip{
	width: 560px;
	height:316px;
	position:absolute;
		top:70px;
		left:40px;
	
}
#fortune_clip{
	width: 560px;
	height:316px;
	position:absolute;
		top:60px;
		left:210px;
	
}


#realaboutmovie{
	position: absolute;
		left: -3px;
		top: 117px;
		height:209px;
		width:857px;
}




#pics_scroller{
	position: absolute;
		left: 70px;
		top: 70px;
}

#pics_scroller_painting{
	position: absolute;
		left: -630px;
		top: -130px;
}
#pics_scroller_colour{
	position: absolute;
		left: -598px;
		top: -308px;
}
#pics_scroller_mm{


	position: absolute;
		left: 30px;
		top: 70px;
}



#about_filler{
	position: absolute;
		top: 113;
		left: 300;
	border: none;
}




/*-------------------text fields------------------------------*/

h3{
font-family: sans-serif;
}

#paratext{
	position: absolute;
		top: 81px;
		left: 310px;

	background: #DFE1D7;
	font-size: 0.9em;
	font-family: sans-serif;
	border: solid 1px #CCCEC5;
	color: #4B687B;
	width: 198px;
	
	padding: 0px 5px 0px 5px;
	overflow: hidden;
}

#animation_writing{
	position: absolute;
		top:100px;
		left: 275px;

	background: #F4F7F8;
	font-size: 1em;
	font-family: sans-serif;
	border: solid;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-width: 8px;
	border-top-color: #98AFBE;
	border-bottom-width: 8px;
	border-bottom-color:#98AFBE;
	color: #4B687B;
	width: 295px;
	height: 210px;
	
	padding: 0px 5px 0px 10px;
	overflow: hidden;
}
#message_blurb{
	position: absolute;
		top:80px;
		left: 40px;

	background: #ffffff;
	font-size: 0.9em;
	font-family: sans-serif;
	text-align:right;
	color: #4B687B;
	width: 200px;
	height: 240px;
	
	padding: 0px 5px 0px 10px;
	overflow: hidden;
}
#address{
	position: absolute;
		top: 80px;
		left: 630px;
	background: ffffff;
	font-size: 0.9em;
	font-family: sans-serif;
	color: #4B687B;
	
	width: 200px;
	height: 270px;
	padding: 0px;
	overflow: hidden;

}



#pararighttext{
	position: absolute;
		top: 81px;
		left: 770px;

	background: #DFE1D7;
	font-size: 0.9em;
	font-family: sans-serif;
	border: solid 1px #CCCEC5;
	color: #4B687B;
	width: 90px;
	height: 290px;
	padding: 0px 5px 0px 5px;
	overflow: hidden;
}





#belowemail{
	position: absolute;
		top: 60px;
		left: 360px;
	height: 312px;
	width: 348px;
	padding: 0px;
	border: solid 1px #CCCEC5;
	background: #DFE1D7;
	font-size: 0.8em;
	font-family: sans-serif;
	color: #4B687B;
}
#sideemail{
	position: absolute;
		top: 80px;
		left: 660px;
	height: 250px;
	width: 140px;
	padding-left:5px;
	border: solid 1px #98AFBE;;
	
	font-size: 1em;
	font-family: sans-serif;
	color: #4B687B;
}
#subsettext{
	font-family: sans-serif;
	font-size: 0.9em;
	color: #4B687B;
	}