Quick fix: how do I nudge my “pages” over 25px?

I changed my stylesheet to include span.first-menu-item since it only had the span.menu-items and span.last-menu-item in it. I added then changed the code in my header.php to reflect the change, but I’m not seeing a difference. I should note that I had to enlarge the “brackets” containing the info due to thicker graphics. I enlarged that space by a relative size (522px to 547px). This is probably something simple, but could anyone point me in the right direction?

<div id="header">
    	<div id="logo">
        	<a href="<?php bloginfo('url'); ?>/"><img src="<?php bloginfo('template_url'); ?>/images/logo-trans.png" alt="wpelogo"/></a>
        </div>
        <div id="pages">
        	<a href="<?php bloginfo('url'); ?>/?page_id=2/"><span class="first-menu-item"><h3>About:</h3>learn more about this site</span></a>

#pages {
float:right;
color:#BDAFA8;
margin:52px 0px 0px 0px;
height:65px;
width:547px;
padding:8px 0px 0px 18px;
background:url(images/pages-trans.png) top left no-repeat;
}

span.first-menu-item {
width: 115px;
height:50px;
display;block;
float;left;
margin-left:27px
border-right:1px solid #3B352C;
cursor;pointer;
}

span.menu-items {
width:115px;
height:50px;
display:block;
float:left;
margin-left:12px;
border-right:1px solid #3B352C;
cursor:pointer;
}

span.last-menu-item {
width:105px;
height:50px;
display:block;
float:left;
margin-left:12px;
cursor:pointer;
}

Thanks everyone!

https://www.1337life.com