@charset "utf-8";

* html {
font-size:101%;
}

body {
margin:0;
font:0.625em arial, helvetica, sans-serif;
background-color:#191919;
}

p, h1, h2, h3, li {
font-size:1.2em;
font-weight:bold;
}
	li ul li {
	font-size:100%;
	}

p, li {
color:#ffffff;
margin:0;
}
	p.greytext, ul.greytext li {
	color:#b8b4a9
	}

h1 {
margin-top:0;
color:#b8b4a9
}

h2 {
color:#ffffff;
}

ul {
list-style:none;
margin:0;
padding:0;
}

a {
color:#ffffff;
text-decoration:none;
}
	a:hover {
	color:#ffffff;
	text-decoration:underline;
	}
	p.greytext a {
	color:#b8b4a9
	}

/* LAYOUT --------------------*/

#pagecontainer {
position:absolute;
left:50%;
top:49%;
margin:-273px 0 0 -380px;
width:760px;
height:546px;
background:#000000 url(../Images/Logo/Logotype.jpg) left bottom no-repeat;
}

#col1 {
float:left;
display:inline;
width:575px;
height:498px;
margin:28px 0 0 20px;
}

#col2 {
float:left;
display:inline;
width:110px;
margin:28px 0 0 44px;
}
	#col2top {
	height:190px;
	}
		#col2top ul {
		list-style:none;
		margin:0;
		padding:0;
		}
			#col2top li {
			font-size:1.2em;
			font-weight:bold;
			}
				#col2top ul li a {
				color:#b8b4a9;
				text-decoration:none;
				}
					#col2top a:hover {
					color:#ffffff;
					}
				#col2top li ul li {
				font-size:100%;
				margin-left:0.3em;
				}
				#col2top li ul li a {
				color:#7d7566;
				text-decoration:none;
				}
	#col2bottom {
	
	}

/* Silver Leopard blurb in floating box */
#floatybox { 
position:absolute;
z-index:2;
top:40%;
left:50%;
visibility:hidden;
background-color:#191919;
width:255px;
padding:5px 5px 20px 5px;
}
	#floatybox h2 {
	color:#ffffff;
	margin:0;
	}
	#floatybox p {
	color:#b8b4a9
	}

div.blockoftext {
width:380px;
}