I have my CSS and JS files linked to my website, however, when I try to implement the code I have written and select "Update" it disappears:

<section class="tbg1" id="hero">

<div id="layerslider-container-fw">

            <div id="layerslider" style="margin: 0px auto; width: 100%; height: 436px;">

            <div class="ls-layer" style="slidedirection: bottom; slidedelay: 100; durationin: 1500; durationout: 1500; ">

                    <img alt="" class="ls-bg" src="http://cms.oadomain.com/OfficeAlly/Images/intake-bg.jpg"> <img alt="" class=

                    "ls-s6" src="http://cms.oadomain.com/officeally/Images/intake-slider.png" style=

                    "left: 600px; top: 28px;">

                    <h6 class="ls-s3" style="position: absolute; top:150px; left: 75px; slidedirection : top; slideoutdirection : top; durationin : 2000; durationout : 750; easingin : easeInOutQuint; easingout : easeInBack; delayin : 10;">Electronic Intake Forms</h6>

                    <p class="ls-s3" style="left: 75px; top: 235px; color: #203e95; position: absolute; slidedirection : left; slideoutdirection : top; durationin : 1500; durationout :500; easingin : easeInOutQuint; easingout : easeInBack; delayin : 1000;">We have integrated electronic intake/agreement forms into the...</p>

                </div>

            </div>

        </div>

    </section>

Now the problem is this line:  <div class="ls-layer" style="slidedirection: bottom; slidedelay: 100; durationin: 1500; durationout: 1500; ">. the JS works fine on the main page, but it only draws it in from the right. The CSS file I linked has the option to have it slide in from top, left right, and down. But when I input the code and click update DNN deletes everything but: <div class="ls-layer">. I have tried separating the line into two different <div>'s but still nothing. Is there anyway way to make the code stay and have it work correctly?