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

body {
	background-color: #e5e6e0;
	
	
	
	}

#title{
	background: url(title.jpg) no-repeat #e5e6e0;
		width: 357px;
		height: 171px;
		
	position: absolute;
		top: -98px;
		left:-23px;
}



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-----------------*/


#about_static{
width: 15px;
	height:26px;
	position: absolute;
		top:5px;
		left: 57px;
	background: url(button_about.png) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
	background-position: -15px 0px;
}
a#aboutroll{

	width: 15px;
	height:26px;
	position: absolute;
		top:5px;
		left: 57px;
	background: url(button_about.png) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
}

a#aboutroll:hover{
	background-position: -15px 0px;
}



a#blogroll{

	width: 35px;
	height:40px;
	position: absolute;
		top:35px;
		left: 63px;
	background: url(button_blog.png) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
}
a#blogroll:hover{
	background-position: -35px 0px;
}
#blog_static{
width: 35px;
	height:40px;
	position: absolute;
		top:35;
		left: 63px;
	background: url(button_blog.png) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
	background-position: -35px 0px;
}



a#contactroll{

	width: 75px;
	height:21px;
	position: absolute;
		top:70px;
		left: 98px;
	background: url(button_contact.png) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
}
a#contactroll:hover{
	background-position: -75px 0px;
}
#contact_static{
	width: 75px;
	height:21px;
	position: absolute;
		top:70;
		left: 98px;
	background: url(button_contact.png) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
	background-position: -75px 0px;
}


#colour_static{
	width: 55px;
	height:17px;
	position: absolute;
		top:12px;
		left: 222px;
	background: url(button_colour.png) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
	background-position: -55px 0px;
}

a#colourroll{

	width: 55px;
	height:17px;
	position: absolute;
		top:12px;
		left: 222px;
	background: url(button_colour.png) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
}
a#colourroll:hover{
	background-position: -55px 0px;
}

a#illustrationroll{

	width: 73px;
	height:20px;
	position: absolute;
		top:35px;
		left: 202px;
	background: url(button_drawing.png) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
}
a#illustrationroll:hover{
	background-position: -73px 0px;
}

#illustration_static{
	width: 73px;
	height:20px;
	position: absolute;
		top:35px;
		left: 202px;
	background: url(button_drawing.png) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
	background-position: -73px 0px;
}


a#animationroll{

	width: 88px;
	height:21px;
	position: absolute;
		top:60px;
		left: 180px;
	background: url(button_animation.png) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
}
a#animationroll:hover{
	background-position: -88px 0px;
}

#animation_static{
	width: 88px;
	height:21px;
	position: absolute;
		top:60px;
		left: 180px;
	background: url(button_animation.png) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
	background-position: -88px 0px;
}









a#reelbuttonroll{

	width: 59px;
	height:15px;
	position: absolute;
		top:65px;
		left: 270px;
	background: url(button_reel.png) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
}
a#reelbuttonroll:hover{
	background-position: -59px 0px;
}
#reelbutton_static{
	width: 59px;
	height:15px;
	position: absolute;
		top:65;
		left: 270px;
	background: url(button_reel.png) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
	background-position: -59px 0px;
}

a#catroll{

	width: 37px;
	height:16px;
	position: absolute;
		top:62px;
		left: 335px;
	background: url(button_cat.png) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
}
a#catroll:hover{
	background-position: -37px 0px;
}
#cat_static{
	width: 37px;
	height:16px;
	position: absolute;
		top:70;
		left: 395px;
	background: url(button_cat.png) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
	background-position: -37px 0px;
}

a#fortuneroll{

	width: 77px;
	height:19px;
	position: absolute;
		top:65px;
		left: 332px;
	background: url(button_fortune.png) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
}
a#fortuneroll:hover{
	background-position: -77px 0px;
}
#fortune_static{
	width: 77px;
	height:19px;
	position: absolute;
		top:65;
		left: 332px;
	background: url(button_fortune.png) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
	background-position: -77px 0px;
}

a#interviewroll{

	width: 93px;
	height:16px;
	position: absolute;
		top:65px;
		left: 455px;
	background: url(button_interview.png) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
}
a#interviewroll:hover{
	background-position: -93px 0px;
}
#interview_static{
	width: 93px;
	height:16px;
	position: absolute;
		top:65;
		left: 455px;
	background: url(button_interview.png) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
	background-position: -93px 0px;
}

a#modelsroll{

	width: 63px;
	height:16px;
	position: absolute;
		top:68px;
		left: 416px;
	background: url(button_models.png) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
}
a#modelsroll:hover{
	background-position: -63px 0px;
}
#models_static{
	width: 63px;
	height:16px;
	position: absolute;
		top:68;
		left: 416px;
	background: url(button_models.png) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
	background-position: -63px 0px;
}

a#artdeptroll{

	width: 147px;
	height:18px;
	position: absolute;
		top:16px;
		left: 285px;
	background: url(button_artdept.png) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
}
a#artdeptroll:hover{
	background-position: -147px 0px;
}
#artdept_static{
	width: 147px;
	height:18px;
	position: absolute;
		top:16;
		left: 285px;
	background: url(button_artdept.png) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
	background-position: -147px 0px;
}

a#digitalcolourroll{

	width: 122px;
	height:21px;
	position: absolute;
		top:13px;
		left: 440px;
	background: url(button_digitalcolour.png) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
}
a#digitalcolourroll:hover{
	background-position: -122px 0px;
}
#digitalcolour_static{
	width: 122px;
	height:21px;
	position: absolute;
		top:13;
		left: 440px;
	background: url(button_digitalcolour.png) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
	background-position: -122px 0px;
}

a#paintroll{

	width: 57px;
	height:19px;
	position: absolute;
		top:14px;
		left: 436px;
	background: url(button_paint.png) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
}
a#paintroll:hover{
	background-position: -57px 0px;
}
#paint_static{
	width: 57px;
	height:19px;
	position: absolute;
		top:14;
		left: 436px;
	background: url(button_paint.png) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
	background-position: -57px 0px;
}

a#liferoll{

	width: 42px;
	height:16px;
	position: absolute;
		top:40px;
		left: 283px;
	background: url(button_life.png) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
}
a#liferoll:hover{
	background-position: -42px 0px;
}
#life_static{
	width: 42px;
	height:16px;
	position: absolute;
		top:40;
		left: 283px;
	background: url(button_life.png) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
	background-position: -42px 0px;
}

a#notliferoll{

	width: 70px;
	height:17px;
	position: absolute;
		top:40px;
		left: 332px;
	background: url(button_notlife.png) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
}
a#notliferoll:hover{
	background-position: -70px 0px;
}
#notlife_static{
	width: 70px;
	height:17px;
	position: absolute;
		top:40;
		left: 332px;
	background: url(button_notlife.png) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
	background-position: -70px 0px;
}









a#cvroll{
	width: 75px;
	height:76px;
	position: absolute;
		top: 10px;
		left: 690px;
	background: url(cv_button.png) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
}
a#cvroll:hover{
	background-position: -75px 0px;
}

a#reelroll{
	width: 75px;
	height:76px;
	position: absolute;
		top: 12px;
		left: 765px;
	background: url(reel_button.png) #ffffff;
	display: block;
	text-decoration: none;
	overflow: hidden;
}
a#reelroll:hover{
	background-position: -75px 0px;
}
}/*----------------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: #e5e6e0; 
	width: 100%;
	height: 100%;
	
	margin-left: -427px;

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

#white {
	background: #ffffff; 
	width: 857px;
	height: 447px;
	
	margin-left: 0px;

	padding: 0px;
	text-align: left;
	position: absolute;
		top:105px;
	border: solid;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-color: #aaaaaa;
	border-right-color: #aaaaaa;
border-left-color: #aaaaaa;
border-bottom-color: #aaaaaa;
		
}

#corner_bl{
	background: url(corner_bottom_l.png) no-repeat #ffffff; 
	height: 61px;
	width: 51px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top:387px;
	left: -1px;
}

#corner_tr{
	background: url(corner_top_r.png) no-repeat #ffffff; 
	height: 49px;
	width: 51px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top:-1px;
	left: 807px;
}
#corner_br{
	background: url(corner_bottom_r.png) no-repeat #ffffff; 
	height: 62px;
	width: 59px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top:386px;
	left: 799px;
}

#top_grey_line{
background-color: #CFCFCF;
	height:7px;
	width:857px;
	position: absolute;
	top:110px;
	left:0px;
}
#bottom_grey_line{
background-color: #CFCFCF;
	height:7px;
	width:857px;
	position: absolute;
	top:325px;
	left:0px;

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

}



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


img.linkpics {
	border: 0;
}

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

}

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

#home{
	position:absolute;
		top:34px;
		left:718px;
		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;

}

#paint{
	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;
}

#artdept{
	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;
}
#cat{
	position:absolute;
		top:377px;
		left:667px;
		border: 0;
}
#cowboy{
	position:absolute;
		top:377px;
		left:667px;
		border: 0;
}
#fortune{
	position:absolute;
		top:377px;
		left:667px;
		border: 0;
}
#interview{
	position:absolute;
		top:377px;
		left:667px;
		border: 0;
}
#reelbutton{
	position:absolute;
		top:377px;
		left:667px;
		border: 0;
}
#models{
	position:absolute;
		top:377px;
		left:667px;
		border: 0;
}
#life{
	position:absolute;
		top:377px;
		left:667px;
		border: 0;
}
#notlife{
	position:absolute;
		top:377px;
		left:667px;
		border: 0;
}

#charactercolour{
	position:absolute;
		top:377px;
		left:667px;
		border: 0;
}
#watercolour{
	position:absolute;
		top:377px;
		left:667px;
		border: 0;
}
#digitalcolour{
	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:0px;
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:200px;
		left:240px;
	
}

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

}



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

#big_reel_line_holder{
	width: 500px;
	height:300px;
	position:absolute;
		top:110px;
		left:240px;
	
}
#wide_clip{
	width: 560px;
	height:316px;
	position:absolute;
		top:200px;
		left:40px;
	
}
#fortune_clip{
	width: 332px;
	height:330px;
	position:absolute;
		top:100px;
		left:240px;
	
}


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




#pics_scroller{
	position: absolute;
		left: 45px;
		top: 86px;
}

#pics_scroller_painting{
	position: absolute;
		left: 45px;
		top: 86px;
}
#pics_scroller_colour{
	position: absolute;
		left: -620px;
		top: -290px;
}
#pics_scroller_mm{


	position: absolute;
		left: 45px;
		top: 86px;
}



#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: #999999S;
	width: 200px;
	height: 240px;
	
	padding: 0px 5px 0px 10px;
	overflow: hidden;
}
#address{
	position: absolute;
		top: 120px;
		left: 630px;
	background: ffffff;
	font-size: 0.9em;
	font-family: sans-serif;
	color: #999999;
	
	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;
	}