List code affects from page image

Greetings….

I have added the following code to my css in order to allow unordered lists to show up. I found the code snippet in your support forums.

This has had the unintended effect of shifting over the front page slider image (I assume 45 px to the right) so it is no longer centered.

Any advice on how to re-center the image?

My site: http://www.tesolgames.com

Code I used:
ol {
list-style: decimal;
}

ul {
list-style: disc;
}

li {
margin-left: 45px;
}

ol li {
border-bottom: none!important;
margin-top: 1px!important;
margin-bottom: 1px!important;
padding-bottom: 0!important;
padding-top: 0!important;
}