MistUnleashed - Centering images and text

HTML

<body>
	<header>
   		<nav>
            <div class="logo"><img src="http://logocache.com/custom-design/logo-name/Ganesha-designstyle-smoothie-m.png" alt="Logo"></div>
        	<ul>
            	<li><a href="#">HOME</a></li>
        		<li><a href="#">BIO</a></li>
            	<li><a href="#">SERVICES</a></li>
                <li><a href="#">PRODUCTS</a></li>
                <li><a href="../bridal.html">BRIDAL</a></li>
        	</ul>
        </nav>
    </header>
</body>

CSS

/* Beauty Queen 7 CSS */

/* CSS Reset */
* {
    margin:0;
    padding:0;
}

/* CSS Main */

html {
    background-color:#FFF;
}

header {
	background-color:#FFF;
	width:100%;
}


nav {
	text-align:center;
	margin:0 auto;
	display:block;
	box-shadow:0 4px 2px -2px gray;
}

.logo {
	display:inline-block;
	float:left;	
	
}

nav ul{
	list-style:none outside none;
    margin:0;
    padding:0;
}

nav ul li {
    display:inline-block;
    list-style:none outside none;
	-moz-transition:all 300ms ease-in-out 0s;
    -ms-transition:all 300ms ease-in-out 0s;
    -o-transition:all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition:all 300ms ease-in-out 0s;
}

nav ul li a {
    color:#555;
    display:block;
    line-height:5em;
    padding:3em 1em 0em 1em;
	text-align:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:15px;
    text-decoration:none;
	-moz-transition:color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    -ms-transition:color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    -o-transition:color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    -webkit-transition:color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    transition:color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
}

nav ul li:hover {
    background-color: #F36;
    color: #FFFFFF;
}