body {
	font-family: "Book Antiqua", Palatino, "Trebuchet MS", Arial, sans-serif;
	font-size: small;
	color: #695f57;
background-color: #000000;
background-image: url(images/bg.jpg);
background-repeat: repeat-x;
background-attachment: fixed;
background-position: bottom left;
scrollbar-face-color : #000000;
scrollbar-highlight-color : #2c2927;
scrollbar-3dlight-color : #2c2927;
scrollbar-darkshadow-color : #2c2927; 
scrollbar-arrow-color : #968f89;
scrollbar-shadow-color : #2c2927; 
scrollbar-track-color: #2c2927;
	margin: 0;
	padding: 0;
}

*{
	margin: 0;
	padding: 0;
}

#box{
position: absolute;
bottom: 0px;
	width: 974px;
	height: 609px;
    margin: 0;
	padding: 0;
}

#left{
	width: 974px;
	height: 609px;
	background: url(images/mainpic.png) no-repeat bottom left;
float: left;
}


/* --NAVIGATION --*/

#nav{
	position: absolute;
	width: 87px;
	bottom: 111px;
        margin: 0;
	padding: 0;
	left: 450px;
}

#menu{
	width: 87px;
	padding-left: 0px;
}

#menu li{
	padding: 1px 0px;
	display: block;
	float: left;
}

#menu li a span{
	display: none;
}

ul#menu li.domain a{
	width: 65px;
	height: 24px;
	display: block;
	margin: 0px 0px 0px 0px;
	background-image: url(images/domain.jpg);
}

ul#menu li.domain a:hover{
	display: block;
	background-image: url(images/domain2.jpg);
}

ul#menu li.network a{
	width: 65px;
	height: 24px;
	display: block;
	margin: 0px 0px 0px 0px;
	background-image: url(images/network.jpg);
}

ul#menu li.network a:hover{
	display: block;
	background-image: url(images/network2.jpg);
}

ul#menu li.myka a{
	width: 65px;
	height: 24px;
	display: block;
	margin: 0px 0px 0px 0px;
	background-image: url(images/myka.jpg);
}

ul#menu li.myka a:hover{
	display: block;
	background-image: url(images/myka2.jpg);
}

ul#menu li.exit a{
	width: 65px;
	height: 24px;
	display: block;
	margin: 0px 0px 0px 0px;
	background-image: url(images/exit.jpg);
}

ul#menu li.exit a:hover{
	display: block;
	background-image: url(images/exit2.jpg);
}

ul#menu li.index a{
	width: 65px;
	height: 24px;
	display: block;
	margin: 0px 0px 0px 0px;	
	background-image: url(images/home.jpg);
}

ul#menu li.index a:hover{
	display: block;
	background-image: url(images/home2.jpg);
}

/* -- CONTENT --*/

#content{
position: absolute;
bottom: 93px;
left: 500px;
	width: 510px;
}

#contentmain{
	width: 510px;
	height: 375px;
        margin: 0px 0px 50px 0px;
	padding: 0;
	left: 420px;
	overflow: auto;
}

#contentmain ul{
padding-left: 20px;
}

#contentmain li{
list-style: circle;
}

#extra{
position: absolute;
bottom: 590px;
left: 358px;
	width: 510px;
	text-align: center;
	padding: 0px 0px 0px 0px;
}

#footer{
	width: 510px;
	margin: 0px 0px 0px 0px;
}

#footercontent{
position: relative;
bottom: 53px;
left: 15px;
color: #695f57;
    width: 487px;
	font-size: 70%;
    padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
	text-align: center;
}


/* -- CONTENT STYLE --*/

p{
padding: 10px 0px 10px 0px;
}

i{
	font-family: Arial, sans-serif;
    color: #5c1811;
font-size: 110%;
font-style: italic;
}

b{
color: #394d58;
font-size: 110%;
font-style: bold;
}

#stats i{
	font-family: Arial, sans-serif;
    color: #5c1811;
font-style: italic;
}

#stats b{
color: #4c211c;
font-style: bold;
}

a{
	cursor: help;
    color: #5e4030;
	text-decoration: none;
}

a:hover{
	cursor: help;
    color: #481e1c;
	font-size: 100%;
}

a img{
	border: none;
	padding: 2px;
}