I'm having trouble trying to figure out how to move some of these elements up.

Image: http://i.imgur.com/vrSILh6.jpg

I need to move the navigation links up 35px the tagline up 86px and "Holla" up 75px.

CSS code
PHP Code:
body {
    
background-color#559c67;
    
color#fff;
    
font-familyOpen Sans;
    
font-size16px;
}

{
    
text-decorationnone;
    
color#fff;
}

header {
    
width1600px;
    
height90px;
    
background-color#559C67;
}

nav ul {
    
floatright;
    
margin90px 330px;

}
nav li {
    
text-alignright;
    
margin-left40px;
    
displayinline;
}

article {
    
background-color#559C67;
    
width1600px;
    
height570px;
}

article h1 {
    
font-size72px;
    
font-weightlighter;
    
text-alignleft;
    
margin-left330px;
}

article p {
    
text-alignleft;
    
margin-left330px;
    
padding-bottom60px;

HTML Code
PHP Code:
<!DOCTYPE html>
<
html>
    <
head>
        <
title>Solo Site</title>
        <
meta charset="urf-8" />

        <
link rel="stylesheet" href="style.css" type="text/css">
    </
head>
    <
body>
        <
header>
            <
nav>
                <
ul>
                    <
li class="active"><a href="#">Home</a></li>
                    <
li><a href="#">Services</a></li>
                    <
li><a href="#">Portfolio</a></li>
                    <
li><a href="#">Blog</a></li>
                    <
li><a href="#">About</a></li>
                    <
li><a href="#">Contact</a></li>
                </
ul>
            </
nav>
        </
header>

        <
article>
            <
h1>Holla</h1>
                <
p>I'm <b>John Doe</b> a Canadian-based <b>web</b> & <b>graphic</b> designer who creates<br/>clean and modern designs for the world of web.</p>
        </article>
    </body>
</html> 
Any help is appreciated.