BODY 			{  overflow-y : auto ;font-family : arial ; color : black ; scrollbar-face-color : white ; scrollbar-shadow-color : #c5b28a ; scrollbar-highlight-color : #c5b28a ; scrollbar-3dlight-color : #000000 ; scrollbar-darkshadow-color : black ; scrollbar-track-color : black ; scrollbar-arrow-color : #000000 ; }

/* temp rem background-color: #3c1507 ;  */

/* colour sets    brown #c5b28a   blue #2b4a5f   teal  #2b5f5f   grey #212121 */

/* for preview hovers */

.monkey1 		{ display : none ; visibility: hidden ; } 	/* potentially don't need anymore, preview image mouseover hide */

.previewback 		{ filter: alpha(opacity=70); opacity: 0.7; }

/* end for preview hovers */



/* main menu */ 

a.block,a:visited.block { display:block; width:92px; height:23px; background-image: url(gfx_ff_invert/menu.png); text-decoration: none; padding:0px; } 

a:hover.block 		{ background-image: url(gfx_ff_invert/menu.png); background-position: 0 -23px; } 

a.block2,a:visited.block2 { display:block; width:92px; height:23px; background-image: url(gfx_ff_invert/menu.png); text-decoration: none; padding:0px; background-position: -92 0; } 

a:hover.block2 		{ background-image: url(gfx_ff_invert/menu.png); background-position: -92 -23px; }

a.block3,a:visited.block3 { display:block; width:128px; height:23px; background-image: url(gfx_ff_invert/menu.png); text-decoration: none; padding:0px; background-position: -184 0; } 

a:hover.block3 		{ background-image: url(gfx_ff_invert/menu.png); background-position: -184 -23px; }

a.block4,a:visited.block4 { display:block; width:122px; height:23px; background-image: url(gfx_ff_invert/menu.png); text-decoration: none; padding:0px; background-position: -312 0; } 

a:hover.block4 		{ background-image: url(gfx_ff_invert/menu.png); background-position: -312 -23px; }

a.block5,a:visited.block5 { display:block; width:60px; height:23px; background-image: url(gfx_ff_invert/menu.png); text-decoration: none; padding:0px; background-position: -434 0; } 

a:hover.block5 		{ background-image: url(gfx_ff_invert/menu.png); background-position: -434 -23px; }

a.block6,a:visited.block6 { display:block; width:65px; height:18px; background-image: url(gfx_ff_invert/menu2.png); text-decoration: none; padding:0px; background-position: 0 0; } 

a:hover.block6 		{ background-image: url(gfx_ff_invert/menu2.png); background-position: 0 18px; }

a.block7,a:visited.block7 { display:block; width:42px; height:18px; background-image: url(gfx_ff_invert/menu2.png); text-decoration: none; padding:0px; background-position: -65 0px; } 

a:hover.block7 		{ background-image: url(gfx_ff_invert/menu2.png); background-position: -65 18px; }

/* end main menu */



/* gallery menu */ 

a.mblock1,a:visited.mblock1 	{ display:block; width:130px; height:30px; background-image: url(gfx_ff_invert/gallery_menu3.png); text-decoration: none; padding:0px; } 

a:hover.mblock1 		{ background-image: url(gfx_ff_invert/gallery_menu3.png); background-position: 0 -30px; } 

a.mblock2,a:visited.mblock2 	{ display:block; width:100px; height:30px; background-image: url(gfx_ff_invert/gallery_menu3.png); text-decoration: none; padding:0px; background-position: -130 0; } 

a:hover.mblock2 		{ background-image: url(gfx_ff_invert/gallery_menu3.png); background-position: -130 -30px; }

a.mblock3,a:visited.mblock3 	{ display:block; width:120px; height:30px; background-image: url(gfx_ff_invert/gallery_menu3.png); text-decoration: none; padding:0px; background-position: -230 0; } 

a:hover.mblock3 		{ background-image: url(gfx_ff_invert/gallery_menu3.png); background-position: -230 -30px; }

a.mblock4,a:visited.mblock4 	{ display:block; width:120px; height:30px; background-image: url(gfx_ff_invert/gallery_menu3.png); text-decoration: none; padding:0px; background-position: -350 0; } 

a:hover.mblock4 		{ background-image: url(gfx_ff_invert/gallery_menu3.png); background-position: -350 -30px; }

a.mblock5,a:visited.mblock5 	{ display:block; width:130px; height:30px; background-image: url(gfx_ff_invert/gallery_menu3.png); text-decoration: none; padding:0px; background-position: -470 0; } 

a:hover.mblock5 		{ background-image: url(gfx_ff_invert/gallery_menu3.png); background-position: -470 -30px; }


a.mblock1c			{ display:block; width:130px; height:30px; background-image: url(gfx_ff_invert/gallery_menu3.png); text-decoration: none; padding:0px; background-position: 0 -60; } 
a.mblock2c			{ display:block; width:100px; height:30px; background-image: url(gfx_ff_invert/gallery_menu3.png); text-decoration: none; padding:0px; background-position: -130 -60; }
a.mblock3c			{ display:block; width:120px; height:30px; background-image: url(gfx_ff_invert/gallery_menu3.png); text-decoration: none; padding:0px; background-position: -230 -60; } 
a.mblock4c			{ display:block; width:120px; height:30px; background-image: url(gfx_ff_invert/gallery_menu3.png); text-decoration: none; padding:0px; background-position: -350 -60; } 
a.mblock5c			{ display:block; width:130px; height:30px; background-image: url(gfx_ff_invert/gallery_menu3.png); text-decoration: none; padding:0px; background-position: -470 -60; } 



/* end gallery menu */




/* projects menu */ 

a.pblock1,a:visited.pblock1 	{ display:block; width:130px; height:30px; background-image: url(gfx_ff_invert/projects_menu.png); text-decoration: none; padding:0px; } 

a:hover.pblock1 		{ background-image: url(gfx_ff_invert/projects_menu.png); background-position: 0 -30px; } 

a.pblock2,a:visited.pblock2 	{ display:block; width:100px; height:30px; background-image: url(gfx_ff_invert/projects_menu.png); text-decoration: none; padding:0px; background-position: -130 0; } 

a:hover.pblock2 		{ background-image: url(gfx_ff_invert/projects_menu.png); background-position: -130 -30px; }

a.pblock3,a:visited.pblock3 	{ display:block; width:120px; height:30px; background-image: url(gfx_ff_invert/projects_menu.png); text-decoration: none; padding:0px; background-position: -230 0; } 

a:hover.pblock3 		{ background-image: url(gfx_ff_invert/projects_menu.png); background-position: -230 -30px; }

a.pblock4,a:visited.pblock4 	{ display:block; width:120px; height:30px; background-image: url(gfx_ff_invert/projects_menu.png); text-decoration: none; padding:0px; background-position: -350 0; } 

a:hover.pblock4 		{ background-image: url(gfx_ff_invert/projects_menu.png); background-position: -350 -30px; }

a.pblock5,a:visited.pblock5 	{ display:block; width:130px; height:30px; background-image: url(gfx_ff_invert/projects_menu.png); text-decoration: none; padding:0px; background-position: -470 0; } 

a:hover.pblock5 		{ background-image: url(gfx_ff_invert/projects_menu.png); background-position: -470 -30px; }


a.pblock1c			{ display:block; width:130px; height:30px; background-image: url(gfx_ff_invert/projects_menu.png); text-decoration: none; padding:0px; background-position: 0 -60; } 
a.pblock2c			{ display:block; width:100px; height:30px; background-image: url(gfx_ff_invert/projects_menu.png); text-decoration: none; padding:0px; background-position: -130 -60; }
a.pblock3c			{ display:block; width:120px; height:30px; background-image: url(gfx_ff_invert/projects_menu.png); text-decoration: none; padding:0px; background-position: -230 -60; } 
a.pblock4c			{ display:block; width:120px; height:30px; background-image: url(gfx_ff_invert/projects_menu.png); text-decoration: none; padding:0px; background-position: -350 -60; } 
a.pblock5c			{ display:block; width:130px; height:30px; background-image: url(gfx_ff_invert/projects_menu.png); text-decoration: none; padding:0px; background-position: -470 -60; } 



/* end projects menu */




.fonth			{ font-size: 12pt; text-decoration: none; color: #7065ff }

.fontbl			{ font-size: 12pt; text-decoration: none; color: #a53c13 }

.fontd			{ font-size: 10pt; }

a	 		{ color:#000000; text-decoration: none }

a:visited 		{ color:#000000; text-decoration: none }

a:hover  		{ text-decoration: none; color: #432E4A }


/* image borders */

.thumb_out 		{ border-color: #000000 ; border-style: solid; filter: alpha(opacity=100); opacity: 1.0; border-width: 7px ; -moz-border-radius: 8px; -webkit-border-radius: 8px; }

.thumb_over 		{ border-bottom-color: #e6e6e6; border-bottom-style: solid; border-left-color: #e6e6e6; border-left-style: solid; border-right-color: #e6e6e6; border-right-style: solid; border-top-color: #e6e6e6; border-top-style: solid; filter: alpha(opacity=100); opacity: 1.0; border-width: 7px ; -moz-border-radius: 8px; -webkit-border-radius: 8px; }

.thumb_over2 		{ border-color: #d6d6d6; border-style: solid; filter: alpha(opacity=100); opacity: 1.0; border-width: 3px ; -moz-border-radius: 8px; -webkit-border-radius: 8px; }

.thumb_over3 		{ border-color: #c4aba2; border-style: solid; filter: alpha(opacity=100); opacity: 1.0; border-width: 7px ; -moz-border-radius: 8px; -webkit-border-radius: 8px; }

.thumb_over4		{ border-color: #000000; border-style: solid; filter: alpha(opacity=100); opacity: 1.0; border-width: 1px ; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.thumb_out2 		{ border-color: #000000; border-style: solid; filter: alpha(opacity=100); opacity: 1.0; border-width: 3px ; -moz-border-radius: 8px; -webkit-border-radius: 8px; }



/* end image borders */


.cats			{ filter: invert; }

.backfloat1		{ position: absolute; background-position: 50% 50%; background-repeat: no-repeat; background-image: url(gfx_ff_invert/float1.png); }

.mascot2		{ background-position: 8% 100%; background-repeat: no-repeat; background-image: url(gfx_ff_invert/mascot2.gif); }

.hline2_b3		{ background-position: 0 3; background-repeat: no-repeat; background-image: url(gfx_ff_invert/hline2_b.png); }

.hline2_b		{ background-position: 0 3; background-repeat: no-repeat; background-image: url(gfx_ff_invert/hline2_b.png); }


.sidebar
	  {
	  overflow: auto;
	  height: 100%;
	  width: 23em;
	  position: absolute;
	  top: 0;
	  right: 0;
	  color: #000;
	 
	    background-image: url(gfx_ff_invert/float1.png);
	    background-repeat: no-repeat ;
	  }


.sidebar2
	  {
	  overflow: auto;
	  height: 100%;
	  width: 23em;
	  position: absolute;
	  top: 0;
	  left: 0;
	  color: #000;
	 
	    background-image: url(gfx_ff_invert/float2.png);
	    background-repeat: no-repeat ;
	  }



.sidebarb
	  {
	  overflow: auto;
	  height: 100%;
	  width: 23em;
	  position: absolute;
	  top: 0;
	  right: 0;
	  color: #000;
	 
	    background-image: url(gfx_ff_invert/float1b.png);
	    background-repeat: no-repeat ;
	  }


.sidebar2b
	  {
	  overflow: auto;
	  height: 100%;
	  width: 23em;
	  position: absolute;
	  top: 0;
	  left: 0;
	  color: #000;
	 
	    background-image: url(gfx_ff_invert/float2b.png);
	    background-repeat: no-repeat ;
	  }


.backnew		{ background-attachment: fixed; background-position: -85 -105; background-repeat: repeat; background-image: url(gfx_ff_invert/background.jpg); }

.newalpha		{ background-color: white;  opacity: 0.85; filter: alpha(opacity=85); }

.back4			{ background-attachment: fixed; background-position: 70% 15%; background-repeat: no-repeat; background-image: url(gfx_ff_invert/back4new_dark.jpg); }


/* hover effect on inspiration and link discriptions */


.table_over_old		

{ 

background-color: #ffffff ;  
opacity: 1.0; filter: alpha(opacity=100); 

border-bottom-color: #000000; 
border-bottom-style: solid; 
border-left-color: #FFFFFF; 
border-left-style: none; 
border-right-color: #FFFFFF; 
border-right-style: none; 
border-top-color: #000000; 
border-top-style: solid; 
border-width: 6px ; 
border-color: #c74f25 ; 

}


.table_out_old		

{ 

background-color: #ffffff ;  

border-bottom-color: #000000; 
border-bottom-style: solid; 
border-left-color: #FFFFFF; 
border-left-style: none; 
border-right-color: #FFFFFF; 
border-right-style: none; 
border-top-color: #000000; 
border-top-style: dashed; 
border-width: 2px ; 
border-color: white ; 

}





.table_over		

{ 

background-color: #ffffff ;  

border-bottom-color: #000000; 
border-bottom-style: solid; 
border-left-color: #FFFFFF; 
border-left-style: none; 
border-right-color: #FFFFFF; 
border-right-style: none; 
border-top-color: #000000; 
border-top-style: solid; 
border-width: 6px ; 
border-color: #c74f25 ; 

}

.table_over_project		

{ 

background-color: #ffffff ;  
border-color: #000000; 
border-bottom-style: solid; 
border-left-style: none; 
border-right-style: solid; 
border-top-style: solid; 
border-width: 6px ; 
-moz-border-radius: 8px; 
-webkit-border-radius: 8px;


}


.table_out_project		

{ 

background-color: #ffffff ;  
border-color: #e6e6e6; 
border-bottom-style: solid; 
border-left-style: none; 
border-right-style: solid; 
border-top-style: solid; 
border-width: 6px ; 
-moz-border-radius: 8px; 
-webkit-border-radius: 8px;

}

.table_over_project2		

{ 

background-color: #ffffff ;  
border-color: #000000; 
border-bottom-style: solid; 
border-left-style: solid; 
border-right-style: none; 
border-top-style: solid; 
border-width: 6px ; 
-moz-border-radius: 8px; 
-webkit-border-radius: 8px;


}


.table_out_project2		

{ 

background-color: #ffffff ;  
border-color: #e6e6e6; 
border-bottom-style: solid; 
border-left-style: solid; 
border-right-style: none; 
border-top-style: solid; 
border-width: 6px ; 
-moz-border-radius: 8px; 
-webkit-border-radius: 8px;

}


.table_out		

{ 

background-color: #ffffff ;  

border-bottom-color: #ffffff; 
border-bottom-style: solid; 
border-left-color: #FFFFFF; 
border-left-style: none; 
border-right-color: #FFFFFF; 
border-right-style: none; 
border-top-color: #000000; 
border-top-style: solid; 
border-width: 6px ; 
border-color: #ffffff ; 

}








.table_over_old		{ background-color: #ffffff ;  opacity: 1.0; filter: alpha(opacity=100); border-bottom-color: #000000; border-bottom-style: dashed; border-left-color: #FFFFFF; border-left-style: none; border-right-color: #FFFFFF; border-right-style: none; border-top-color: #000000; border-top-style: dashed; border-width: 2px ; border-color: black ; }

.table_out_old		{ background-color: #ffffff ;  border-bottom-color: #000000; border-bottom-style: dashed; border-left-color: #FFFFFF; border-left-style: none; border-right-color: #FFFFFF; border-right-style: none; border-top-color: #000000; border-top-style: dashed; border-width: 2px ; border-color: white ; }

/* end hover effect on inspiration and link discriptions */


.table_over3		{ background-color: white;  opacity: 0.8; filter: alpha(opacity=80); border-bottom-color: #000000; border-bottom-style: dashed; border-left-color: #FFFFFF; border-left-style: none; border-right-color: #FFFFFF; border-right-style: none; border-top-color: white; border-top-style: dashed; border-width: 2px ; background-position: 0 0; background-repeat: no-repeat; background-image: url(gfx_ff_invert/blank.gif); }

.table_over2		{ background-color: #3A3A3A;  opacity: 0.8; filter: alpha(opacity=80); }

.table_out2		{ background-color: transparent; }

.gfx_over		{ filter: gray; }

.gfx_off		{ filter: none; }

.gfx_over2 		{ opacity: 0.6; filter: alpha(opacity=60): gray; }

.topleft		{ background-position: 0 0; background-repeat: no-repeat; background-image: url(gfx_ff_invert/top_left.png); }

.topcenter		{ background-position: 0 0; background-repeat: no-repeat; background-image: url(gfx_ff_invert/top_center.png); }

.topright		{ background-position: 0 0; background-repeat: no-repeat; background-image: url(gfx_ff_invert/top_right2.png); }

.middleleft		{ background-position: 0 0; background-repeat: repeat-y ; background-image: url(gfx_ff_invert/middle_left.png); }

.middleright		{ background-position: 0 0; background-repeat: repeat-y ; background-image: url(gfx_ff_invert/middle_right.png); }

.bottomleft		{ background-position: 0 0; background-repeat: no-repeat; background-image: url(gfx_ff_invert/bottom_left.png); }

.bottomcenter		{ background-position: 0 0; background-repeat: repeat-x; background-image: url(gfx_ff_invert/bottom_center1.png); }

.bottomright		{ background-position: 0 0; background-repeat: no-repeat; background-image: url(gfx_ff_invert/bottom_right.png); }

.theme 			{ background-image: url(gfx/invert.gif); background-repeat : no-repeat ; }

.enter_over		{ background-color: #ffffff;  opacity: 1.0; filter: alpha(opacity=100); }

.enter_out		{ background-color: silver;  opacity: 1.0; filter: alpha(opacity=100); }

.stripe			{ background-image: url(gfx/back2.jpg); }

.linknormal2			{ text-decoration: none; color: silver ;  border-left-color: white; border-left-style: solid; border-right-color: white; border-right-style: none; }

.linknormal			{ text-decoration: none; color: silver ; border-style : none ; }

.linkhover  			{ text-decoration: none; background-color : #141414 ; border-style : none ; }

.textnormal			{ text-decoration: none; color: white }

.texthover			{ text-decoration: none; color: silver }

.textnormal			{ text-decoration: none; color: white }

.texthover			{ text-decoration: none; color: silver }



.recent_over		{ opacity: 0.8; filter: alpha(opacity=80); }

.recent_out		{ opacity: 1.0; filter: alpha(opacity=100); }