* { margin: 0; padding: 0; }
html, body { font-family: "Bitstream Vera Sans", "Verdana", sans-serif; font-size: 12px; color: #444; }

h1 a { display: block; width: 230px; height: 160px; }
h1 a span { display: none; }
h1 { position: absolute; }

body { background: url('../layout/bodybg.png') top left no-repeat; }

a:link, a:visited { text-decoration: none; color: #444; border-bottom: 1px dotted #666; }
a:hover, a:active { color: #78a326; text-decoration: none; border-bottom: 1px dotted transparent; }

#main { position: relative; width: 700px; height: 600px; background:  url('../layout/path2979.png') top left no-repeat; }
#nav { width: 164px; height: 164px; padding: 20px; position: absolute; top: 204px; left: 65px; font-size: 0.81em; color: #fff; text-align: center; background:  url('../layout/path1876.png') top left no-repeat;  }

#nav ul { list-style: none; margin: 0 0 15px 0; /*padding: 40px 35px 0 30px;*/ }
#nav li { display: inline;  text-align: center; padding: 0; margin: 0;  }
#nav a { padding: 2px 10px 2px 10px; border-bottom: none;}
#nav a:link, #nav a:visited { color: #fff; text-decoration: none; }
#nav a:hover, #nav a:active { color: #5DB4E4; background: #fff; text-decoration: none; }

@keyframes logo-slide {
    from { top: 204px; left: 65px; }
    to { top: 60px; left: 115px; }
}
@keyframes extras-slide {
    from { top: 204px; left: 65px; }
    to { left: 325px; top: 120px; }
}
@keyframes wrapper-slide {
    from { top: 204px; left: 65px; }
    to { left: 235px; top: 165px; }
}

#content-wrap { animation: wrapper-slide .5s; border-radius: 50%; width: 294px; height: 294px; padding: 30px; position: absolute; left: 235px; top: 165px; font-size: 10px; color: #4d4d4d; background:  url('../layout/path1878.png') top left no-repeat;  }
#content { line-height: 1.3em; border-radius: 50%;  }
#content h3 { font-family: "Trebuchet MS"; color: #78a326; font-weight: normal; font-size: 2em; line-height: 1em; margin: 0px 0px 10px 0px; }
#content p, #content ul, #content ol { margin-bottom: 7px; }
#content ul, #content ol { margin-left: 20px; }
#content li { margin-bottom: 2px; }

#logo { animation: logo-slide .5s; top: 60px; left: 115px; position: absolute; width: 280px; height: 291px; background:  url('../layout/path2837.png') top left no-repeat; }
#logo a { border-bottom: none; }
#extras { animation: extras-slide .5s; position: absolute; left: 325px; top: 120px; width: 188px; height: 188px; background:  url('../layout/path2768.png') top left no-repeat; }

#noajax, #yesajax { position: absolute; left: 361px; top: 125px; }
#noajax a, #yesajax a { display: block; width: 129px; height: 67px; }
#noajax a:link, #noajax a:visited, #yesajax a:link, #yesajax a:visited { text-decoration: none; background: none; }
#noajax a:hover, #noajax a:active { background: url('../layout/noajax.jpg') top left no-repeat; }
#yesajax a:hover, #yesajax a:active { background: url('../layout/yesajax.jpg') top left no-repeat; }
#noajax span, #yesajax span { display: none; }

#nojs { z-index: 1000; position: absolute; left: 50px; padding: 4px; font-size: 12px; background: #F0F8DF; color: #78a326; border: 2px solid #78a326; border-top: none; }

.tiny, .note { font-size: 0.8em; }
.strong { font-size: 10px; font-weight: bolder; }
.indicator  span { font-size: 8px; color: #78a326; }