/*--- Page Style ---*/

a:link {color:#03ADF3;}      /* unvisited link */
a:visited {color:#03ADF3;}   /* visited link */
a:hover {color:#5BCFFF;}     /* mouse over link */
a:active {color:#03ADF3;}    /* selected link */ 

.cc01               { /* Common */
	font            : 10px 'Verdana', 'Lucida Grande', Arial, sans-serif;
	color           : #ffffff;
	text-align      : center;
	}
.cc02               { /* Common */
	font            : 12px 'Verdana', 'Lucida Grande', Arial, sans-serif;
	color           : #ffffff;
	text-align      : center;    
	}
.cc002               { /* gen block colour background */
	font            : 12px 'Verdana', 'Lucida Grande', Arial, sans-serif;
	color           : #002E42;
    background-color: #EEE0A1;
    text-align      : center;
	padding         : 12px;
    }     
.cc03               { /* Common */
	font            : 12px 'Verdana', 'Lucida Grande', Arial, sans-serif;
	color           : #ffffff;
	}
.cc04               { /* Common */
	font            : 12px 'Verdana', 'Lucida Grande', Arial, sans-serif;
	color           : #ffffff;
    padding         :   5px;  
	}
.cc46               { /* Common */
	font            : 12px 'Verdana', 'Lucida Grande', Arial, sans-serif;
	color           : #002E42;
    text-align      : left;
	padding         :   5px;    
	}
.cc47               { /* Common */
	font            : 12px 'Verdana', 'Lucida Grande', Arial, sans-serif;
	color           : #ffffff;
    text-align      : left;
	padding         :   5px;    
	}
    
.center             { /*for centering an image */
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    }
    
body                { /* Page Body */
	background-color: #002E42;
	text-align      : center;
	}
    
.fade               { /* fade out text */
    --fade-start: 45%;
    mask-image: linear-gradient(to right, white var(--fade-start), transparent);
    }
    
div#page            { /* Page Holder */
	background-color: #002E42;
	position        : relative;
    top             :  0px;
	width           : 949px;
	height          : 520px;
	text-align      : center;
	margin-left     : auto;
	margin-right    : auto;
	}        
div#a01             { /* banner */
	text-align      : center;
	position        : relative;
	left            :   0px;
	top             :   0px;
	width           : 669px;
	height          : 220px;
	} 
div#a02             { /* gen narrow block on left */
	text-align      : left;
	position        : relative;
    top             : -5px;
    float           : left;
    margin-right    : 10px; 
    margin-bottom   : -6px;   
	width           : auto;
	height          : auto;
	}
div#a021             { /* gen narrow block on right */
	text-align      : left;
	position        : relative;
    top             : 3px;
    float           : right;
    margin-left     : 8px;
    margin-right    : 10px; 
    margin-bottom   : 2px;   
	width           : auto;
	height          : auto;
	}
div#a002             { /* gen narrow block centred */
	text-align      : center;
    margin          : auto;   
	width           : 63%;
	height          : auto;
	}    
   
/*  top nav buttons  */
img#tnav01          { /* 4g-home.jpg */
    background-color: transparent;
	position        : absolute;
    left            : 0px;
    top             : 130px;
	width           : 133px;
	height          :  24px;
    }
img#tnav02          { /* 4g-navabout.jpg */
	background-color: transparent;
    position        : absolute;
	left            : 142px;
	top             : 130px;
	width           : 133px;
	height          :  24px;
	}
img#tnav03             { /* 4g-navprograms.jpg */
	background-color: transparent;
    position        : absolute;
	left            : 284px;
	top             : 130px;
	width           : 133px;
	height          :  24px;
	}
img#tnav04          { /* 4g-navdownloads.jpg */
	background-color: transparent;
    position        : absolute;
	left            : 320.00pt;
	top             :  130px;
	width           :  133px;
	height          :   24px;
	}    
/*  end top nav buttons  */

/*  LH nav buttons  */
img#lhnav01         { /* 4g-navsearch.jpg */
	background-color: transparent;
    position        : absolute;
	left            :   0px;
	top             : 166px;
	width           : 133px;
	height          :  24px;
	}
img#lhnav02         { /* 4g-navwhatsnew.jpg */
	background-color: transparent;
    position        : absolute;
	left            :   0px;
	top             : 196px;
	width           : 133px;
	height          :  24px;
	}
img#lhnav03         { /* 4g-navparallels.jpg */
	background-color: transparent;
    position        : absolute;
	left            :   0px;
	top             : 226px;
	width           : 133px;
	height          :  24px;
	}
img#lhnav04         { /* 4g-navfaqs.jpg */
	background-color: transparent;
    position        : absolute;
	left            :   0px;
	top             : 256px;
	width           : 133px;
	height          :  24px;
	}
img#lhnav05         { /* 4g-navbasiccharter.jpg */
	background-color: transparent;
    position        : absolute;
	left            :   0px;
	top             : 286px;
	width           : 133px;
	height          :  24px;
	}
img#lhnav06         { /* 4g-thesocialexp-lg.png */
	background-color: transparent;
    position        : absolute;
	left            :   0px;
	top             : 316px;
	width           : 133px;
	height          :  74px;
	}
img#lhnav07         { /* 4g-otoomblogimg.jpg */
	background-color: transparent;
    position        : absolute;
	left            :   0px;
	top             : 396px;
	width           : 133px;
	height          :  27px;
	}
img#lhnav08         { /* 4g-navlistof.jpg */
	background-color: transparent;
    position        : absolute;
	left            :   0px;
	top             : 429px;
	width           : 133px;
	height          :  48px;
	}    
img#lhnav09         { /* 4g-navotherprog.jpg */
	background-color: transparent;
    position        : absolute;
	left            :   0px;
	top             : 483px;
	width           : 133px;
	height          :  24px;
	}    
img#lhnav10         { /* 4g-navsocdisc.jpg */
	background-color: transparent;
    position        : absolute;
	left            :   0px;
	top             : 513px;
	width           : 133px;
	height          :  48px;
	}    
img#lhnav11         { /* 4g-navforum.jpg */
	background-color: transparent;
    position        : absolute;
	left            :   0px;
	top             : 567px;
	width           : 133px;
	height          :  48px;
	}
img#lhnav12         { /* 4g-navmuseum.jpg */
	background-color: transparent;
    position        : absolute;
	left            :   0px;
	top             : 621px;
	width           : 133px;
	height          :  24px;
	}
img#lhnav13         { /* 4g-navlinks.jpg */
	background-color: transparent;
    position        : absolute;
	left            :   0px;
	top             : 651px;
	width           : 133px;
	height          :  24px;
	}
img#lhnav14         { /* 4g-navcontact.jpg */
	background-color: transparent;
    position        : absolute;
	left            :   0px;
	top             : 681px;
	width           : 133px;
	height          :  24px;
	}
/*  end LH nav buttons  */    

/*  RH nav buttons  */
img#rhnav01         { /* discarded */
	background-color: transparent;
	position        : absolute;
	left            : 816px;
	top             : 226px;
	width           : 133px;
	height          :  83px;
	}
img#rhnav02         { /* RH column - the worm has */
	background-color: transparent;
	position        : absolute;
	left            : 816px;
	top             : 315px;
	width           : 133px;
	height          :  35px;
	}
img#rhnav03         { /* RH column - the mind whats */
	background-color: transparent;
	position        : absolute;
	left            : 816px;
	top             : 356px;
	width           : 133px;
	height          :  59px;
	}
img#rhnav04         { /* RH column - my home */
	background-color: transparent;
	position        : absolute;
	left            : 816px;
	top             : 421px;
	width           : 133px;
	height          :  35px;
	}        
img#rhnav05         { /* RH column - the isaa */
	background-color: transparent;
	position        : absolute;
	left            : 816px;
	top             : 461px;
	width           : 133px;
	height          :  59px;
	}    
img#rhnav07         { /* RH column - something to */
	background-color: transparent;
	position        : absolute;
	left            : 816px;
	top             : 527px;
	width           : 133px;
	height          :  59px;
	}
img#rhnav08         { /* RH column - don't read this */
	background-color: transparent;
	position        : absolute;
	left            : 816px;
	top             : 592px;
	width           : 133px;
	height          :  35px;
	}    
img#rhnav06         { /* RH column - for the censors */
	background-color: transparent;
	position        : absolute;
	left            : 816px;
	top             : 639px;
	width           : 133px;
	height          :  35px;
	}    
/*  end RH nav buttons  */    

/*  links to LinkedIn etc  */
div#li01            { /* LinkedIn link */
	background-color: transparent;
	position        : absolute;
	left            : 650px;
	top             : 193px;
	width           :  90px;
	height          :  25px;
	}
div#li02            { /* Blog link */
	background-color: transparent;
	position        : absolute;
	left            : 749px;
	top             : 193px;
	width           :  25px;
	height          :  25px;
	}
div#li03            { /* Facebook link */
	background-color: transparent;
	position        : absolute;
	left            : 783px;
	top             : 193px;
	width           :  25px;
	height          :  25px;
	}
/*  end links to LinkedIn etc  */
    
/*  main text area */
div#mt00            { /* main text area for search.htm */
	background-color: #ffffff;
	position        : absolute;
	left            :  140px;
	top             :  226px;
	width           :  658px;
	height          :  240px;
	}
div#mt01            { /* main text area */
	background-color: #ffffff;
	position        : absolute;
	left            :  140px;
	top             :  226px;
	width           :  658px;
	height          :   auto;
	}
div#mt011            { /* main text area alt */
	background-color: #000000;
	position        : absolute;
	left            :  140px;
	top             :  226px;
	width           :  658px;
	height          :   auto;
	}
div#mt02            { /* main text area for site search */
	background-color: #ffffff;
	position        : absolute;
	left            :    5px;
	top             :  160px;
	width           :  300px;
	height          :   auto;
	}    
div#mt03            { /* main text area for internet search */
	background-color: #ffffff;
	position        : absolute;
	left            :  400px;
	top             :  160px;
	width           :  268px;
	height          :   auto;
	}    
div#mt04            { /* main text area for fractal posters */
	background-color: #ffffff;
	position        : absolute;
	left            :  140px;
	top             :  220px;
	width           :  658px;
	height          : 1710px;
	}
div#mt05            { /* main text area for 10 axioms posters */
	background-color: #ffffff;
	position        : absolute;
	left            :  140px;
	top             :  220px;
	width           :  658px;
	height          :  715px;
	}
/*  end main text area */    

/*  bread crumb area */
div#bc              { /* Home + + + */
	background-color: transparent;
	position        : absolute;
    text-align      : left;
	left            : 140px;
	top             : 178px;
	width           : 669px;
	height          :  19px;
	}
/*  end bread crumb area */
  



















/*--- EndOfFile ---*/