 
#sticky_navigation_wrapper { 
    width:100%;
    height:37px; 
    position: absolute;
    z-index: 100000;
}
#sticky_navigation { 
    width:100%; 
    height:37px; 
    position: absolute;
    z-index: 100000;
}

#slide_and_nav_wraper{
    width: 100%;
    height: auto;
    background-image: url("../images/background.png");
    background-size: 100% 100%;
    background-repeat: repeat;
    padding-bottom:40px;
}
#navi_and_slide{
    height: auto;
    width: 1050px;
    box-shadow: none;
}
#navigation_border{
    border-bottom: 1px solid red;
    width: auto;
}

html body #body_contain #slide_and_nav_wraper #navi_and_slide #nav1{
    padding: 0px;
    margin: 0px;
    min-width: 1050px;
    max-width: 1050px;
    height: 35px;
    text-align: left;
}
html body #body_contain #slide_and_nav_wraper #navi_and_slide #nav1 ul{
    padding: 0px;
    margin: 0px;
    background:black;
    width: auto;

}
html body #body_contain #slide_and_nav_wraper #navi_and_slide #nav1 ul li{
    background: red;
    display:inline;
    height: 27px;
    padding: 3px;
    list-style: none;
    float: left;
}
html body #body_contain #slide_and_nav_wraper #navi_and_slide #nav1 ul li a{
    padding: 5px;
    margin: 0xp;
    line-height: 25px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: left;
}

/*
Childrent or dropdown navigation menu
*/
html body #body_contain #slide_and_nav_wraper #navi_and_slide #nav1 ul ul{
    display: block;
    visibility: visible;
    position: absolute;
    z-index: 100000000;
    height: auto;
    background: blue;
    float:left;
    line-break: strict;
    width: auto;
    height: auto;
}

html body #body_contain #slide_and_nav_wraper #navi_and_slide #nav1 ul li:hover ul{
    margin: 0px;
    padding: 0px;
    width: 200px;
    display:block;
}

html body #body_contain #slide_and_nav_wraper #navi_and_slide #nav1 ul li:hover ul li{
    padding: 0px;
    margin: 0px;
    width: 200px;
    text-align: left;
    display:block;
    background-color: white;
}

html body #body_contain #slide_and_nav_wraper #navi_and_slide #nav1 ul li:hover ul li a{
    padding: 0px;
    margin: 0px;
    text-align: left;
    text-transform: capitalize;
}
html body #body_contain #slide_and_nav_wraper #navi_and_slide #nav1 ul li:hover ul li a:hover{
    color: white;
}

#child{
    margin-left: 200px;
}
/*
Childrent or dropdown navigation menu
*/

html body #body_contain #slide_and_nav_wraper #navi_and_slide #nav1 ul li a span{
    font-size: 6px;

    text-transform: capitalize;
    text-align: left;
    font-size:6px;
    padding: 0px;
    color: #EF0F8A;
    background:transparent;
    position:relative;
    animation-name:myfirsta;
    animation-duration:0.5s;
    animation-timing-function:linear;
    animation-delay:0.5s;
    animation-iteration-count:infinite;
    animation-direction:alternate;
    animation-play-state:running;
    /* Safari and Chrome: */
    -webkit-animation-name:myfirsta;
    -webkit-animation-duration:0.5s;
    -webkit-animation-timing-function:linear;
    -webkit-animation-delay:0.5s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:alternate;
    -webkit-animation-play-state:running;
}
@keyframes myfirstv{
    0%   {color:#DC1671; left:0px; top:0px;}
25%  {color:#FFC500; left:0px; top:0px;}
50%  {color:#F2981E; left:0px; top:0px;}
75%  {color:#E8EAE9; left:0px; top:0px;}
100% {color:red; left:0px; top:0px;}
}

@-webkit-keyframes myfirsta /* Safari and Chrome */
{
    0%  {color:#DC1671; left:0px; top:0px;}
25%  {color:#FFC500; left:0px; top:0px;}
50%  {color:#F2981E; left:0px; top:0px;}
75%  {color:#E8EAE9; left:0px; top:0px;}
100% {color:red; left:0px; top:0px;}
}




