
/* RESETS & BASIC PAGE SETUP */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { 
	font: 62.5%  Arial, Helvetica, sans-serif;
	background: #000;
}

ul { list-style: none inside; }
p { font-size: 1.2em; margin-bottom: 1.3em; }
/*a { outline: none; }*/
/*a img { border: none; }*/

h1 { font-size: 2.0em; }
h2 { font-size: 1.5em; font-weight: normal; font-style: italic;}
/* END RESET */

/* TOOLBOX */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }

/* END TOOLBOX */

/* STRUCTURE AND STUFF */
#about {
	top: 0; left: 0;
	padding: 20px;
	position: absolute;
	z-index: 999;
	background: white;
	-moz-opacity:0.5;
	opacity: 0.5;
	width: 250px;
}
#d {
	background: url(d2.png) no-repeat 10% 5%;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 90;
}
#r {
	background: url(r2.png) no-repeat 21% 5%;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 99;
}

#k {
	background: url(k2.png) no-repeat 35% 5%;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 92;
}


#n {
	background: url(n2.png) no-repeat 44% 5%;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 93;
}

#i {
	background: url(i2.png) no-repeat 53% 5%;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 94;
}

#f {
	background: url(f2.png) no-repeat 62% 5%;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 95;
}

#e {
	background: url(e2.png) no-repeat 83% 5%;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 96;
}



#ds {
	background: url(d3.png) no-repeat 10.75% 5.75%;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 80;
}
#rs {
	background: url(r3.png) no-repeat 21.75% 5.75%;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 89;
}

#ks {
	background: url(k3.png) no-repeat 35.75% 5.75%;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 82;
}

#ns {
	background: url(n3.png) no-repeat 44.75% 5.75%;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 83;
}

#is {
	background: url(i3.png) no-repeat 53.75% 5.75%;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 84;
}

#fs {
	background: url(f3.png) no-repeat 62.75% 5.75%;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 85;
}

#es {
	background: url(e3.png) no-repeat 83.75% 5.75%;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 86;
}






p#ie-warning {
	display: none;
}
/* END STRUCTURE */


.header {
	background: url(headerbg2.jpg) repeat-x;
	width: 100%;
	height: 260px;
	}

#main {
	background:#000;
	position:absolute;
	top: 220px; left: 5%; right: 0; bottom: 0;
	width: 90%;
	min-width: 500px;
	z-index:998;
	}
	
	#link1 {
		background: url(skbutton.jpg) no-repeat 44% 0%;
		height:80px;
		width: 33%;
		float: left;
		text-align: center;
		padding-top: 20px;
		z-index: 89;
		/*-moz-opacity:0.5;
		opacity: 0.5;*/
		}
		
		#link1 a {
			color:#fff;
			font-size:18px;
			text-decoration: none;
			font-weight:bolder;
			z-index:999;
			
			}
		
	#link2 {
		background: url(irrbutton.jpg) no-repeat 44% 0%;
		height:80px;
		width: 34%;
		float:left;
		font:Arial, Helvetica, sans-serif bold;
		color:#FF6600;
		text-align:center;
		padding-top: 20px;
			/*-moz-opacity:0.5;
	opacity: 0.5;*/
		}
		
		#link2 a {
			color:#fff;
			font-size:18px;
			text-decoration: none;
			}
		
	#link3 {
		background: url(blogbutton.png) no-repeat 90% 0%;
		height:70px;
		width: 33%;
		float:left;
		color:#FFFFFF;
		text-align:center;
		padding-top: 30px;
		}
		
		#link3 a {
			text-decoration:none;
			color: #fff;
			font-size: 325%;
			font-weight: bolder;
			}
		
	#link4 {
		background: url(c9button.png) no-repeat 5% 0%;
		height:100px;
		width: 50%;
		float: left;
		padding-top: 0px;
		text-align:center;
		/*text-indent: -9999px;*/
		}

		#link4 a {
			text-decoration:none;
			color: #fff;
			font-size: 325%;
			font-weight: bolder;
			}
			
		#link4 img {border:0px;}
		
	#link5 {
		background: #000;
		height:80px;
		width: 50%;
		float:left;
		padding-top: 20px;
		text-align:center;
		}
		
		#link5 a {
			text-decoration:none;
			color: #fff;
			font-size: 325%;
			font-weight: bolder;
			}	
		.sup2 {
			text-decoration:none;
			color: #fff;
			vertical-align: super;
			font-weight:bolder;
			
			font-size:14px;
			}		
		
		
		
	#link6 {
		background: #000;
		height:100px;
		width: 100%;
		float:left;
		padding-top: 20px;
		text-align: center;
		}
		
	#link6 a {
		text-decoration: none;
		color: #fff;
		font-size: 325%;
		}
		
		
.Yellow
{
	color: #f8ed47;
}
.Blue
{
	color: #4686c6;
}
.Orange
{
	color: #f26422;
}
.Green
{
	color: #44b649;
}
.LightOrange
{
	color: #e6a91e;
}
.White
{
	color: #fff;
}

.RedColour
{
	color: #f00;
}

.sup
{
vertical-align: super;
font-weight:bolder;
background: #000;
font-size:14px;
}
