#navbuttons {
	background-color: #ebebeb;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:2px solid #566963;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Verdana;
	font-size:14px;
	font-weight:bold;
	padding:4px 8px;
	text-decoration:none;
	text-shadow: 1px 1px 2px #3e3e3e;
}
#navbuttons:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6c7c7c), color-stop(1, #768d87));
	background:-moz-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-webkit-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-o-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-ms-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c7c7c', endColorstr='#768d87',GradientType=0);
	background-color:#6c7c7c;
}
#navbuttons:active {
	position:relative;
	top:1px;
}

#content {
  width: 500px;
  margin: 0 auto 50px;
}
#topcont {
  width: 780px;
    position: relative;
    center: 0px;
    left: 5%;
}

/* #doc {
    background: #F2F2F2;
} */
#top {
    position: fixed;
    left: 4%;
    zoom: 1;
}
#top-api {
    position: fixed;
    left: 2%;
    zoom: 0.8;
}
#topcont-api {
  width: 780px;
    position: relative;
    center: 0px;
    left: 8%;
}

#footer {
  position: fixed;
  left: 2%;
  bottom: 0;
  color: #000000;
  width: 100%;
}

.topbutton {
  width: 100px;
  border: 2px solid #ccc;
  background: #f7f7f7;
  text-align: center;
  padding: 10px;
  position: fixed;
  bottom: 50px;
  right: 50px;
  cursor: pointer;
  color: #333;
  font-family: verdana;
  font-size: 12px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
}

#pic {
  float: right;
  position: relative;
  margin-right: 0px;
}

#text {
  margin-right: 255px;
}

p.dline {
  line-height: 1.5;
}

.tooltip {
  position: fixed;
  padding: 10px 20px;
  border: 1px solid #b3c9ce;
  border-radius: 4px;
  text-align: center;
  font: italic 14px/1.3 sans-serif;
  color: #333;
  background: #fff;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, .3);
}
.page_top {
	text-shadow: 1px 1px 2px #3e3e3e;
}
.rounded {
counter-reset: li;
list-style: none;
font: 14px "Trebuchet MS", "Lucida Sans";
padding: 0;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.rounded a {
position: relative;
display: block;
padding: .4em .4em .4em 2em;
margin: .5em 0;
background: #ebebeb;
color: #444;
text-decoration: none;
border-radius: .3em;
transition: .3s ease-out;
}
.rounded a:hover {background: #ff99cc;}
.rounded a:hover:before {transform: rotate(360deg);}
.rounded a:before {
content: counter(li);
counter-increment: li;
position: absolute;
left: -1.3em;
top: 50%;
margin-top: -1.3em;
background: #ff99cc;
height: 2em;
width: 2em;
line-height: 2em;
border: .3em solid white;
text-align: center;
font-weight: bold;
border-radius: 2em;
transition: all .3s ease-out;
}
p.index_page_text {
	text-align: justify;
	color: #000000;
	font-size: 18px;
}