body {
 margin: 0;
 padding: 0;
 font-size: 12px;
 font-family: Arial;
 background-image: url(/images/tlo.jpg);
}


#header {
 height: 117vh;
 width: 100%;
}


#sidebar {
 top: 50%;
 left: 0;
 height: 460px;
 width: 96px;
 margin-top: -230px;
 background-image: url(/images/tlo_sidebar.jpg);
 border: 2px solid #1C1619;
 border-radius: 0em 10em 0em 10em;
 position: absolute;
}


#sidebar:hover {
 border: 2px solid #383838;
}


#sidebar .a_3 {
 color: #7CC75F;
 background-color: #191919;
}


#sidebar:hover .a_3 {
 color: #7CC75F;
}


#sidebar a {
 color: #858585;
 display: block;
 text-decoration: none;
 font-size: 14px;
 padding: 6px;
 padding-left: 19px;
}


#sidebar a:hover {
 background-color: #191919;
}


#sidebar ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
 margin-top: 94px;
}


#sidebar li {
 margin-bottom: 2px;
}


#sidebar li:hover a {
 color: #7CC75F;
}


#sidebar p {
 color: #858585;
 font-size: 11px;
 margin-left: 45px;
 margin-top: 52px;
}


#sidebar:hover p {
 color: #7CC75F;
}


#sidebar:hover a {
 color: #C7C7C7;
}


#sidebar_right {
 top: 50%;
 right: 0;
 height: 460px;
 width: 96px;
 margin-top: -230px;
 background-image: url(/images/tlo_sidebar.jpg);
 border: 2px solid #1C1619;
 border-radius: 10em 0em 10em 0em;
 position: absolute;
}


#sidebar_right:hover {
 border: 2px solid #383838;
}


#sidebar_right a {
 color: #858585;
 display: block;
 text-decoration: none;
 font-size: 14px;
 padding: 6px;
 padding-left: 19px;
}


#sidebar_right a:hover {
 background-color: #191919;
}


#sidebar_right ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
 margin-top: 94px;
}


#sidebar_right li {
 margin-bottom: 2px;
}


#sidebar_right li:hover a {
 color: #7CC75F;
}


#sidebar_right p {
 color: #858585;
 font-size: 11px;
 margin-left: 15px;
 margin-top: 52px;
}


#sidebar_right:hover p {
 color: #7CC75F;
}


#sidebar_right:hover a {
 color: #C7C7C7;
}


#container {
 top: 50%;
 left: 50%;
 height: 397px;
 width: 397px;
 margin-top: -198px;
 margin-left: -198px;
 position: absolute;
 animation: Animation 120.7s ease-out;
 animation-iteration-count: infinite;
}


@keyframes Animation {

to {
 transform: rotate(999999deg);
}

}


#a_l_1 {
 border-radius: 0em 100em 0em 150em;
 float: left;
 height: 190px;
 width: 190px;
 border: 2px solid #CCC;
 box-shadow: 0px -40px 50px 8px #0F67FF;
 background-image: url(/images/gif1.gif);
}


#a_l_2 {
 border-radius: 150em 0em 100em 0em;
 float: left;
 height: 190px;
 width: 190px;
 border: 2px solid #CCC;
 box-shadow: 0px -40px 50px 8px #26FF17;
}


#a_l_3 {
 border-radius: 100em 0em 150em 0em;
 float: left;
 height: 190px;
 width: 190px;
 border: 2px solid #CCC;
 box-shadow: 0px 40px 50px 8px #FFEF0D;
}


#a_l_4 {
 border-radius: 0em 150em 0em 100em;
 float: left;
 height: 190px;
 width: 190px;
 border: 2px solid #CCC;
 box-shadow: 0px 40px 50px 8px #FF0000;
 background-image: url(/images/gif1.gif);
}