Align Header Image Left

Hi! I have been trying on my own to get my header image to align to the left of my page above my content. Unfortunately I can’t seem to get it no matter what I try. My site is http://www.mycraftilyeverafter.com Thanks!!

This is the code in my stylesheet

#branding {
	margin: 0 auto;
	position: left;
	width: 781px;
	align: left;
	z-index: 2000;

and this is the code that I have added in the edit css section

#branding hgroup {
	background: url("http://www.mycraftilyeverafter.com/blog/wp-content/uploads/2014/04/half-header-with-info-bar-copy.jpg") no-repeat scroll 0 0 transparent;
	height: 117px;
	padding: 0 10px;
	width: 781px;
}