* 404.css */
/*Patrick O'Callaghan*/
	

body {text-align: center;}

@font-face {  
	  font-family: " Century Gothic ";  
	  src: url( /location/of/font/FontFileName.eot ); /* IE */  
	  src: local(" Century Gothic "), url( /location/of/font/FontFileName.ttf ) format("truetype"); /* non-IE */  
	}  
	 
a img {border: none; } 
a {text-decoration: none;} 


/* defaults required for IE - thanks to Stu Nichols, modified from his great scrolling image hover list */
a, a:visited, a:hover, a:active, a:focus {color:#000;}

a.nav:link, a.nav:visited {color: #40253C ; text-decoration: none;}
a.nav:hover, a.navcopy:hover, a.navhot {color: #66cc33 ; text-decoration: overline;}
a.nav:active {color: blue; text-decoration: none;}

a.navcopy:link, a.navcopy:visited {color: #626262 ; text-decoration: none;}
a.navcopy:active {color: blue; text-decoration: none;}


#holder {position:relative; background: transparent; margin: 0 auto; margin-right: 2.7em; margin-top: 1em;  width:28em; height:19em; }

#holder img {float: right; position: static; margin-left: 1.5em; margin-top: 0.5em; width: 12em; border: white solid 0.1em; width: expression(this.width > 12em ? 12em: true);}

#holder p {display: table-cell; width: 22em;  z-index: 100;  color: #535353;  font: 0.8em Geneva, sans-serif; text-align: left; padding-left: 2.6em; padding-top: 1em; border: solid 2px blue;}


#stage {width: 68em; position: relative;  margin: 0 auto; margin-top: 0em;  } 

#greytop {width: 100%; height: auto;   border: 0 auto;  background: url('animals6.jpg'); font-size: 1em; color: #BFC3CC; font-family: Arial, Calibri, sans-serif; text-align:left; margin: 0 auto; padding-bottom: 0.35em;}

#greytop a {color: #ffffff;}

#mainbox {width: 100%; height: 60em; margin: 0 auto;  background-image: url('cracked4.jpg'); background-repeat:no-repeat; }


img#bg {
position:fixed;
top:0;
left:0;

}