/***********************************************/
/* css Timemorph Home Page */
/* This file is created be Peter Glyn Jones */
/***********************************************/ 
/* Images should be linked as if the CSS file sits in the same folder as the images. ie. no paths. */


/* basic elements  ***************/

a.one:link 		{color: #ffffff; font-family:Tahoma, Arial, Helvetica, sans-serif;text-decoration: none; font-weight: bold; font-size: 24px;}
a.one:visited 	{color: #000000; font-family: Tahoma, Arial, Helvetica, sans-serif; text-decoration: none; font-weight: bold; font-size: 24px;}
a.one:hover 	{text-decoration:underline; font-family:Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 24px;}

a.two:link 		{color: #000000;font-family: Tahoma, Arial, Helvetica, sans-serif; text-decoration: none; font-weight: bold; font-size: 24px;}
a.two:visited 	{color: #ffffff; font-family: Tahoma, Arial, Helvetica, sans-serif;  text-decoration: none; font-weight: bold; font-size: 24px;}
a.two:hover 	{text-decoration: underline;font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 24px;}

a.three:link 	{color: #ffff00; font-family: Tahoma, Arial, Helvetica, sans-serif; text-decoration: none; font-weight: bold; font-size: 24px;}
a.three:visited {color: #4488ff; font-family:Tahoma, Arial, Helvetica, sans-serif;  text-decoration: none; font-weight: bold; font-size: 24px;}
a.three:hover 	{text-decoration: underline; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 24px;}

body {background-image: url(images/drawfill.jpg); color: #aaaaaa; margin: 0; padding: 0; border:0;}

/* Layout Divs  ***************/


#boxtop{position:absolute; left:0px; top: 0px; bottom:34px; width:585px; margin: 0; padding: 0;}

#boxleft{position:absolute; left:0px; top:34px; height:439px; width:63px; z-index:0;
		background-image: url(images/boxleft.jpg); margin: 0; padding: 0;}

#boxright{position:absolute;left:523px; top: 34px; bottom:38px; width:60px; height: 438px; 
		background-image:url(images/boxright.jpg); margin: 0; padding: 0;}

#boxbottom{position:absolute; left:1px; top: 473px; bottom:38px; width:585px; margin: 0;
	    padding: 0; height: 32px;}

#books{position:absolute; left:583px; top: 1px; bottom:34px; width:1447px; height: 507px;
		background-image: url(images/bookspine.jpg);margin: 0;padding: 0;}
		
#box{position:absolute; left:39px; top:0px; bottom:400px; width:531px; height:504px ;margin: 0; padding: 0;}

#knobs{position:absolute; left:274px; top:35px; bottom:34px; width:40px; height: 437px;
   background-image: url(images/knob.jpg);}
   
#timemorph{position:absolute; left:316px; top: 0px; bottom:34px; width:266px; height: 107px; margin: 0; padding: 0;}

#base {position:absolute; left:0px; top:505px; width:2031px; height:325px; background-image: url(images/base.jpg); background-repeat:repeat; }