body
{
background-image:url('pics/gradient_bg.jpg');
background-repeat:repeat;
background-attachment:fixed;
}

div
.body
{
position:absolute;
width:80%;
text-align: center;
}

#container
{
position:relative;
background-image:url('');
top:0px;
z-index:10;
width:800px;
height:710px;
border:1px solid yellow;
background-color:black;
padding:0px;
margin:auto;
text-align:center;
}

#click
{
position:absolute;
background-image:url('pics/click.jpg');
width:390px;
height:100px;
top:30px;
left:390px;
border:1px solid yellow;
z-index:2;
}


#header
{
position:relative;
background-image:url('pics/header.jpg');
color:white;
width:800px;
height:170px;
top:0px;
background-color:gray;
text-align:left;
padding:0px;
}

#guide
{
position:relative;
background-color:none;
top:0px;
width:800px;
height:14px;
margin: auto;
text-align: center;
}

#topnavi
{
background-color:none;
text-align:center;
border:0px solid black;
width:133.3px;
float:left;
}

#under
{
position:relative;
background-image:url('pics/under2.jpg');
background-repeat:repeat;
top:8px;
text-align:center;
width:800px;
height:17px;
margin-bottom:-2px;
}

#over
{
position:relative;
background-image:url('pics/under2.jpg');
background-repeat:repeat;
top:0px;
text-align:center;
width:800px;
height:7px;
}

#main
{
position:relative;
background-color:black;
top:9px;
width:800px;
margin:auto;
text-align:center;
}

#home

{
position:absolute;
background-color:black;
width:800px;
left:0px;
font-family:arial;
font-size:11pt;
text-align:center;
border:0px solid yellow;
border-top:0px;
color:white;
}

#house

{
position:absolute;
background-color:black;
width:640px;
left:-1px;
font-family:arial;
font-size:11pt;
text-align:left;
border:1px solid yellow;
border-top:0px;
color:white;
padding-left:80px;
padding-right:80px;
}

#group

{
position:absolute;
background-color:black;
width:700px;
left:-1px;
font-family:arial;
font-size:11pt;
text-align:left;
border:1px solid yellow;
border-top:0px;
color:white;
padding-left:50px;
padding-right:50px;
}

#invest

{
position:absolute;
background-color:black;
width:760px;
left:-1px;
font-family:arial;
font-size:11pt;
text-align:left;
border:1px solid yellow;
border-top:0px;
color:white;
padding-left:20px;
padding-right:20px;
}

#friend

{
position:absolute;
background-color:black;
width:780px;
left:-1px;
font-family:arial;
font-size:11pt;
text-align:center;
border:1px solid yellow;
border-bottom:none;
border-top:0px;
color:white;
padding-left:10px;
padding-right:10px;
}

#away
{
position:absolute;
width:620px;
left:25px;
text-align:left;
color:yellow;
}

#zone
{
  display: block;
  width: 300px;
  height: 100px;

  left:45px;
  background: url("pics/zone.gif") no-repeat 0 0;
}

#zone:hover
{ 
  background-position: 0 -100px;
}

#zone span
{
  display: none;
  
}

#candy
{
  display: block;
  width: 300px;
  height: 100px;

  background: url("pics/candy.gif") no-repeat 0 0;

}

#candy:hover
{ 
  background-position: 0 -100px;
}

#candy span
{
  display: none;
}


h1
{
color:yellow;
font-family:times;
}

h2
{
color:yellow;
font-family:times;
margin-bottom:0px;
}

h3
{
color:yellow;
font-family:times;
font-size:36pt;
margin-bottom:-15px;
}

h4
{
font-family:times;
font-size:16pt;
margin-bottom:-15px;
}

p.left
{
float:left;
}

img.right
{
float:right;
padding:8px;
margin-bottom:54px;
}

img.left
{
float:left;
padding-right:10px;
}

img.in
{
float:left;
padding-right:45px;
}

a.guide
{
font-size:10pt;
font-family:arial;
height:13px;
display:block;
padding-top:2px;
padding-bottom:6px;
color:#BBBBBB;
background-color:black;
border:none;
text-decoration:none;
}

a.guide:hover
{
font-size:10pt;
font-family:arial;
height:13px;
display:block;
padding-top:2px;
padding-bottom:6px;
color:white;
border:none;
text-decoration:none;
background-color:#999999;
}

a.email:link
{
color:white;
text-decoration:none;
}

a.email:hover
{
color:red;
text-decoration:none;
}

a.email:visited
{
color:white;
text-decoration:none;
}