Header image moved to the left

Hi all,

Website: http://ballet.satimis.com/

I couldn’t figure out why the header images shifted to the left? Nor can I find a solution on its fix.

Twenty Eleven child theme:-

/*
Theme Name:     Twenty Eleven Child
Theme URI:      http://ballet.satimis.com/
Description:    Child theme for the Twenty Eleven theme
Template:       twentyeleven
Version:        0.1.0
*/
@import url("../twentyeleven/style.css");

#branding {
    border-top: 2px solid #bbb;
    padding-bottom: 10px;
	position: relative;
	z-index: 9999;
	background: #73d6c4;
}
#primary {
	float: left;
	margin: 0 -26.4% 0 0;
	width: 100%;
	background: #f4f3d2
}
pre {
    background: #b6cfea;
	font: 13px "Courier 10 Pitch", Courier, monospace;
	line-height: 1.5;
	margin-bottom: 1.625em;
	overflow: auto;
	padding: 0.75em 1.625em;
}
#site-title a:hover,
#site-title a:focus,
#site-title a:active {
    color: #5a90ed;
}
.singular .entry-header,
.singular .entry-content,
.singular footer.entry-meta,
.singular #comments-title {
	width: 94.3396%;
	/* 94.3396% of 848px is 800px  */
}
#site-title a {
color: red;
}
#site-description {
    color: yellow;
    font-size: 14px;
	font-weight: bold;
	margin: 0 270px 3.65625em 0;
}
@import url("../twentyeleven/style.css");
#page { max-width: 1200px;
}
#cimy_div_id_0 {
    border: 0 solid #000000;
    float: left;
    height: 288px;
    margin: 1em auto;
    width: 100%;
}

Kindly help. Thanks

Rgds
satimis