Need to align social media icons with the right side of the page

Question

Please check this page: http://badadesigns.com/work438/

Here at the top of the page there are social media icons but they are not aligned to the right side of the page. When I am resizing the browser page then the alignment is changing.

I am really not sure what code is being used, but I think this is it:

#logincont {
    width:330px;
    float:left;
    margin-left:1145px;
}

Can anyone please help me with the alignment so that it is fixed and set along the right side border of the page?

Solution

div #logincont is set to float:left and has a huge margin-left which is unnecessary.

It should be float: right without margin, like this

#logincont {
    width:330px;
    float:right;
}

Update : If I understand correctly, you want the social media icons to be aligned on the right but not further than the content of the site.

Try this :

#logincont {
    width: 940px;
    text-align: right;
    margin: 0 auto;
}

width is set to the width of the #content div, the content of #logincont is aligned right and #logincont itself is centered on the page with margin: 0 auto