/* ======================================= */
/* ===== site design by frison.co.uk ===== */
/* ======================================= */

* { padding : 0px; margin: 0px; }

body {
	font: 11px helvetica, arial, sans serif;
	text-align: left;
	color: #666;
	background: #ffffff;
	margin: 0px;
	padding: 0px;
	}
	
p { font: 11px helvetica, arial, sans serif; text-align: left; color: #666666;}

p.con { font: 11px helvetica, arial, sans serif; text-align: right; color: #666666;}
p.int { font: 11px helvetica, arial, sans serif; text-align: center; color: #666666;}
p.link { font: 11px helvetica, arial, sans serif; text-align: left; color: #ec008c; padding: 1px;}
p.ani { font: 10px Comic Sans, Lucidatypewriter, monospace; text-align: center; color: #666666;}
strong { color: #ec008c;}

a:link, a:visited {color: #666; text-decoration: none;}
	
a:hover {color: #333333;text-decoration: none;}

* html object.mov { display /**/ : none;}

img {border:none;}

#container{ width: 800px; margin: 0 auto; /*centering*/}

#studio{	
	float: left;
	width: 800px;
	height: 450px;
	background: #fff url(../images/linedrawing.gif) no-repeat top left;
	margin: 50px 0px 0px 0px;
	}
	
#canvas{
	float: left;
	width: 550px;
	height: 532px;
	background: #fff url(../images/canvas.gif) repeat top left;
	margin: 20px 0px 0px 125px;
	}
	
#paintings{
	float: left;
	width: 365px;
	margin: 40px 0px 0px 114px;
	}
	
.thumb{
	width: 60px;
	float: left;
	background-color: #EAEAEA;
	border: solid 1px #DDDDDD;
	padding: 3px;
	margin: 0px 5px 5px 0px;
	}
	
#diary{
	float: left;
	width: 700px;
	height: 502px;
	background: url(../images/diary.gif) no-repeat top left;
	margin: 50px 0px 0px 20px;
	}
	
	
#lap{
	float: left;
	width: 629px;
	height: 482px;
	background: url(../images/lap1.gif) no-repeat top left;
	margin: 92px 0px 0px 0px;
	}
	
#pad{
	float: right;
	width: 152px;
	height: 155px;
	background: url(../images/pad.gif) no-repeat top left;
	margin: 220px 0px 0px 0px;
	}
	
#movtitles{	
	float: left;
	width:100px;
	margin: 15px 0px 0px 20px;
	}
	
#links1{
	float: left;
	width: 295px;
	height: 380px;
	margin: 100px 0px 0px 40px;
	}
	
#links2{
	float: right;
	width: 295px;
	height: 460px;
	margin: 20px 50px 0px 0px;
	}
	
/* ==== movie ==== */

#film{
	float: left;
	width: 320px;
	margin: 32px 0px 0px 200px;
	}
	
/* ==== navagation ==== */

#video a{
	float: right;
	display: block;
	width: 55px;
	height: 65px;
	text-indent: -5000px;
	background: url(../images/cam1.gif) no-repeat bottom left;
	margin: 44px 105px 0px 0px;
	}

#video a:hover{
	float: right;
	display: block;
	width: 55px;
	height: 65px;
	text-indent: -5000px;
	background: url(../images/cam2.gif) no-repeat bottom left;
	margin: 44px 105px 0px 0px;
	}
	
#gallery a{
	float: right;
	display: block;
	width: 180px;
	height: 200px;
	text-indent: -5000px;
	margin: 100px 30px 0px 0px;
	}

#gallery a:hover{
	float: right;
	display: block;
	width: 180px;
	height: 200px;
	text-indent: -5000px;
	background: url(../images/paintdrops.gif) no-repeat bottom left;
	margin: 100px 30px 0px 0px;
	}
	
#link a{
	float: right;
	display: block;
	width: 160px;
	height: 100px;
	text-indent: -5000px;
	background: url(../images/lbook.gif) no-repeat bottom right;
	margin: 341px 18px 0px 0px;
	}

#link a:hover{
	float: right;
	display: block;
	width: 160px;
	height: 100px;
	text-indent: -5000px;
	background: url(../images/book.gif) no-repeat top right;
	margin: 341px 18px 0px 0px;
	}

/* ==== return to index nav ==== */

#home a{
	float: right;
	display: block;
	width: 34px;
	height: 100px;
	text-indent: -5000px;
	background: url(../images/closedr.gif) no-repeat;
	margin: 10px 0px 0px 0px;
	}

#home a:hover{
	float: right;
	display: block;
	width: 34px;
	height: 100px;
	text-indent: -5000px;
	background: url(../images/opendr.gif) no-repeat;
	}


/* ==== contact detail for index page only ==== */	
#footerwrap{
	float: left;
	width: 800px;
	border-top: solid 1px #666666;
	margin: 5px 0px 0px 0px;
	}
	
#logo{
	float: left;
	width: 135px;
	padding: 0px;
	margin: 10px 5px 0px 0px;
	}

#intro{
	float: left;
	width: 460px;
	padding: 0px;
	margin: 15px 0px 10px 5px;
	padding: 10px 20px 0px 0px;
	border-right: solid 1px #ec008c;
	}	

#contact{	
	float: right;
	width: 150px;
	height: 80px;
	margin: 10px 0px 10px 0px;
	padding: 5px 0px 0px 10px;
	}
	
/* ==== contact details for gallery/animation/links pages  ==== */

#contactfoot{
	float: right;
	width: 400px;
	margin: 8px;
	}

#email{
	float: right;
	width: 400px;
	padding: 5px;
	}
		
#footline{
	float: left;
	width: 800px;
	border-top: solid 1px #666666;
	margin: 30px 0px 0px 0px;
	}
	
#pagetitle{
	float: left;
	margin: 5px;
	width: 135px;
	}
	
#linkpagetitle{
	float: left;
	margin: 5px;
	width: 200px;
	}

/* ==== frison link ==== */
	
#frisonlink{
	float: left;
	margin: 10px;
	width: 200px;
	}