* { margin: 0; padding: 0; }

html {
overflow: hidden;
}

/* escap button (top right) */

#drag {
background: url(../images/drag.gif) top right no-repeat;
color: White;
position: absolute;
left: 90px;
bottom: 12px;
width: 35px;
}

#escape {
background: #2ac42e;
color: White;
padding: 5px;
position: absolute;
left: -5px;
bottom: 5px;
z-index: 500;
}

#escape a {
color: White;
text-decoration: none;
}

#escape a:hover {
color: #164e12;
}

/* iframe */

#iframe {
float: left;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: 40;
width: 100%;
}

#message {
background: #2ac42e;
color: White;
display: none;
float: left;
font-family: arial;
font-size: 62.5%;
left: 300px;
margin-top: 10px;
padding: 15px;
position: absolute;
width: 500px;
z-index: 500;
}



#message a {
color: White;
}

#message p {
margin-bottom: 10px;
}

#myframe {  z-index: 30; }

/* navigation */



#nav {
background: url(../images/bg.png) bottom left no-repeat;
background: none;
background: #2ac42e;
font-family: arial;
font-size: 62.5%;
float: left;
height: 320px;
position: absolute;
width: 131px;
z-index: 500;
}

#nav img {
margin-bottom: 5px;
}

#nav ul {
font-size: 1.1em;
list-style: none;
width: 135px;
}

#nav ul li {
margin-bottom: 3px;
}

#nav li a {
color: white;
height: 20px;
margin-left: 10px;
padding-right: 20px;
text-decoration: none;
}

#nav li a:hover {
color: #164e12;
}

#nav ul li ul {
background: #2ca824;
display: inline;
font-size: .9em;
margin-top: 3px;
padding-bottom: 4px;
padding-top: 4px;
width: 131px;
}

#nav ul li ul li {
margin-bottom: 2px;
}

#web {
background: #2ac42e;
color: White;
display: none;
font-family: arial;
font-size: 62.5%;
padding: 5px;
position: absolute;
left: 0px;
top: 0px;
z-index: 500;
}

#x {
position: absolute;
right: 8px;
top: 5px;
}

.home {
color: White;
}