Easing Slider Question(CSS related I think)

If you look at my website, the image slider is hugging the right side of the page. I thought I can fix this with the following CSS:

#featured-image { padding-top: 1.5em; padding-right: 1.5em; }

but the “padding-right: 1.5em;” throws my slider down below the welcome sign. Could it be conflicting CSS problems? I do have a mess of CSS on my site. Anyways heres the site:

salonsociel.com

Heres are the CSS rules I got under theme options for my responsive theme:

#featured-image { padding-top: 1.5em; }

body, .featured-title, .post-title {
font-family: “Times New Roman”;
color: #FFE4C4;
}
.widget-wrapper { padding: 10px; }

.widget-title, .widget-title-home h3 {
font-family: “Times New Roman”;
display: block;
font-size: 2em;
font-weight: bolder;
line-height: 20px;
margin: 0;
padding: 0 0 5px 0;
text-align: center;
}

#wrapper, #featured, #black-studio-tinymce-2, #black-studio-tinymce-3, #black-studio-tinymce-4 {
background-color: #8e211d;
color: black;
}
#services-table {
color: #B22222;
background-color: #fce6c9;
}
.featured-title, #widget-title-one, #widget-title-two, #widget-title-three {
font-style: italic;
color: #EEC900;
}