/* ////////////////////////////////////////////////// */ /* layout and design */
body {
	background-color: #5794bc;
	}
#horizontal {
	background: transparent url(../pixels/backdrop.gif) no-repeat center center fixed;
	margin-top: -276px; /* 552px / 2 = 276px */
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	min-width: 900px;
	min-height: 552px; /* 580px total height - 21px from exploit - 7px from knowledge = 552px */
	text-align: center;
	}
#wrapper {
	margin: 0px auto;
	position: relative;
	width: 900px;
	height: 552px; /* 580px total height - 21px from exploit - 7px from knowledge = 552px */
	text-align: left;
	z-index: 2;
	}
ul {
	border: 0px none;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}
li {
	background: transparent url(none);
	border: 0px none;
	margin: 0px;
	padding: 0px;
	}
/* ////////// */ /* logo and title */
#stepping_stones h1 {
	background: transparent url(../pixels/red_splash_logo_small.gif) no-repeat center center scroll;
	margin: 0px 20px 0px 0px;
	padding: 0px;
	height: 40px;
	width: 180px;
	float: right;
	}
#stepping_stones h1 span {
	display: none;
	}
#stepping_stones h2 {
	margin: 0px;
	padding: 0px 20px;
	font: normal normal bold 1.2em/40px arial, verdana, helvetica, sans-serif;
	color: #0d1f36;
	}
/* ////////// */ /* basic rollover */
#stepping_stones a:link, 
#stepping_stones a:visited,
#stepping_stones a:hover, 
#stepping_stones a:active {
	margin: 0px;
	padding: 0px;
	border: 0px none;
	color: #ffffff;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 1em;
	font-family: arial, verdana, helvetica, sans-serif;
	text-decoration: none;
	display: block;
	}
/* ////////// */ /* hide discription */
#stepping_stones a:link span, 
#stepping_stones a:visited span {
	color: #314a66;
	font-size: 0em;
	}
/* ////////// */ /* show discription on hover */
#stepping_stones a:hover span, 
#stepping_stones a:active span {
	color: #ffffff;
	font-size: 1em;
	}
/* ////////// */ /* small step name */
#stepping_stones a:link strong, 
#stepping_stones a:visited strong {
	padding: 0px 0px 0px 20px;
	width: 320px;
	color: #314a66;
	float: left;
	}
/* ////////// */ /* big step name */
#stepping_stones a:hover strong, 
#stepping_stones a:active strong {
	color: #ffffff;
	font-size: 1.4em;
	}
/* ////////// */
#knowledge {
	background: transparent url(../pixels/stone_knowledge.jpg) no-repeat 0px -7px scroll;
	}
#knowledge a:link, 
#knowledge a:visited {
	background: transparent url(../pixels/stone_knowledge.jpg) no-repeat 0px -7px scroll;
	height: 30px;
	line-height: 30px;
	}
#knowledge a:hover, 
#knowledge a:active {
	background: transparent url(../pixels/stone_knowledge_hover.jpg) no-repeat 0px -7px scroll;
	}
/* ////////// */
#shape {
	background: transparent url(../pixels/stone_shape.jpg) no-repeat 0px 0px scroll;
	}
#shape a:link, 
#shape a:visited {
	background: transparent url(../pixels/stone_shape.jpg) no-repeat 0px 0px scroll;
	height: 36px;
	line-height: 36px;
	}
#shape a:hover, 
#shape a:active {
	background: transparent url(../pixels/stone_shape_hover.jpg) no-repeat 0px 0px scroll;
	}
/* ////////// */
#test {
	background: transparent url(../pixels/stone_test.jpg) no-repeat 0px 0px scroll;
	}
#test a:link, 
#test a:visited {
	background: transparent url(../pixels/stone_test.jpg) no-repeat 0px 0px scroll;
	height: 37px;
	line-height: 37px;
	}
#test a:hover, 
#test a:active {
	background: transparent url(../pixels/stone_test_hover.jpg) no-repeat 0px 0px scroll;
	}
/* ////////// */
#create {
	background: transparent url(../pixels/stone_create.jpg) no-repeat 0px 0px scroll;
	}
#create a:link, 
#create a:visited {
	background: transparent url(../pixels/stone_create.jpg) no-repeat 0px 0px scroll;
	height: 43px;
	line-height: 43px;
	}
#create a:hover, 
#create a:active {
	background: transparent url(../pixels/stone_create_hover.jpg) no-repeat 0px 0px scroll;
	}
/* ////////// */
#manage {
	background: transparent url(../pixels/stone_manage.jpg) no-repeat 0px 0px scroll;
	}
#manage a:link, 
#manage a:visited {
	background: transparent url(../pixels/stone_manage.jpg) no-repeat 0px 0px scroll;
	height: 66px;
	line-height: 66px;
	}
#manage a:hover, 
#manage a:active {
	background: transparent url(../pixels/stone_manage_hover.jpg) no-repeat 0px 0px scroll;
	}
/* ////////// */
#analyse {
	background: transparent url(../pixels/stone_analyse.jpg) no-repeat 0px 0px scroll;
	}
#analyse a:link, 
#analyse a:visited {
	background: transparent url(../pixels/stone_analyse.jpg) no-repeat 0px 0px scroll;
	height: 120px;
	line-height: 120px;
	}
#analyse a:hover, 
#analyse a:active {
	background: transparent url(../pixels/stone_analyse_hover.jpg) no-repeat 0px 0px scroll;
	}
/* ////////// */
#exploit {
	background: transparent url(../pixels/stone_exploit.jpg) no-repeat 0px 0px scroll;
	}
#exploit a:link, 
#exploit a:visited {
	background: transparent url(../pixels/stone_exploit.jpg) no-repeat 0px 0px scroll;
	height: 140px;
	line-height: 140px;
	}
#exploit a:hover, 
#exploit a:active {
	background: transparent url(../pixels/stone_exploit_hover.jpg) no-repeat 0px 0px scroll;
	}
/* ////////// */
#enter {
	background: transparent url(none) no-repeat 0px 0px scroll;
	}
#enter a:link, 
#enter a:visited {
	background: transparent url(none) no-repeat 0px 0px scroll;
	height: 40px;
	line-height: 40px;
	}
#enter a:hover, 
#enter a:active {
	background: #cc0000 url(../pixels/arrow_right.gif) no-repeat 890px 50% scroll;
	}
#enter a:link strong,
#enter a:visited strong,
#enter a:link span, 
#enter a:visited span {
	color: #0d1f36;
	font-size: 1.4em;
	}
#enter a:hover strong, 
#enter a:active strong,
#enter a:hover span, 
#enter a:active span {
	color: #ffffff;
	}

#enter a:link span,
#enter a:visited span,
#enter a:hover span , 
#enter a:active span {
	padding: 0px 20px 0px 0px;
	float: right;
	}
/* ////////// */ /* site meter */
#site_meter {
	margin: 0px;
	padding: 0px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 1;
	}
#site_meter a,
#site_meter a img {
	margin: 0px;
	padding: 0px;
	}