Position of Social Icons In Header

Thanks Yigit,

The logos moved, but they are off center to the left, do you think there is a conflict with my other CSS code?:

#top .social_bookmarks li {
float: left;
}
.sub_menu {
left: 0;
}

html {
background: white !important;
}

#top .social_bookmarks_mail:hover a{color:#efefef; background-color:#666666; }

.iconlist-char {color:#0093dd;}
.avia-icon-list .iconlist_icon {
background: white !important; border: 2px solid #0093dd;
}

@media only screen and (min-width: 786px) and (max-width: 1000px) {
.avia-icon-list .iconlist_icon {
height: 50px;
width: 50px;
line-height: 50px;
font-size: 25px;
margin-right: 15px;
}
}

@media only screen and (min-width: 786px) and (max-width: 1000px) { .avia-icon-list .iconlist_content_wrap { margin-right: -10px!important; }}

.avia-caption-content h4 {
line-height: 30px;
}

.avia-slideshow-dots a {
height: 10px;
width: 10px;
border-radius: 6px;
padding: 5px;
}

#top.home #av_section_1 {
border-top: 0;
}

#menu-item-search {
display: none;
}

.avia-logo-element-container.avia-logo-slider.avia-content-slider.avia-smallarrow-slider.avia-content-slider-active.avia-content-slider1.avia-content-slider-odd.avia-builder-el-2.avia-builder-el-no-sibling .new-special-heading {
display: none !important;
}

#top .avia-logo-element-container img {
box-shadow: none;
}

.no-content-slider-navigation.no-content-slider-heading{
display: none;
}

@media only screen and (max-width: 767px) {
.avia-fullwidth-slider div .slideshow_caption h2 span, .avia-fullwidth-slider div .slideshow_caption .avia-caption-title em span {
font-size: 12px;
}
}

#top #socket .social_bookmarks {
position: absolute;
right: 0;
}

@media only screen and (max-width: 767px) {
#header_main {
padding-bottom: 20px;
}

.responsive .main_menu {
position: static;
margin-top: 20px;
}
}

div .slideshow_caption h2 { text-transform: none!important; }

.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 { text-transform: none; }

.logo img { margin-top: 30px; }
.header-scrolled .logo img { margin-top: 0; }

.avia_textblock .social_bookmarks li{
float: left !important;
list-style: none;
margin-left: 0;
}

#expertise { border-top: 2px solid white; }

#design { border-top: 2px solid white; }

#brands { border-top: 2px solid white; }

#title { border-bottom: 2px solid white; }

#header_meta .container { float: right; }

Thanks Yigit, that did the trick. : )

Gary