* {
margin:0;
padding:0;
}

html {
height: 100%;
}

html, body {
height: 100%;
margin: 0;
padding: 0;
}

body { 
font:  normal normal 11px  'Trebuchet MS', helvetica, verdana, arial, sans-serif;
background:url(../img/bg.jpg) no-repeat scroll center top #001424;
text-align:center;

}			

#center-wrapper {
position: relative;
width:825px;
height: auto;
margin:0px auto;
text-align:left;
}

#paper, #nav, #content {
position: relative;
width:825px;
}

#paper {
top: 100px;	
height: 680px;
}

/*nav*/
#nav {
height: 60px;
}

#nav ul {
position: relative;
width:825px;
height: 60px;
}

#nav ul li { 
float: left;
display: inline;
}

/*name*/
#nav ul li a.name {
float: left;
width: 625px;
height: 60px;
background: url(../img/nav_bg.png) 0px 0px no-repeat;
text-decoration: none;
display: block;
text-indent: -1000em;
}



/*resume*/
#nav ul li a.resume {
float: left;
width: 190px;
height: 60px;
background: url(../img/nav_bg.png) -635px 0px no-repeat;
text-decoration: none;
display: block;
text-indent: -1000em;
}

#nav ul li a.resume:hover {
background-position:  -635px -60px;  /*left | top*/
cursor: pointer;
}



#content {
height: 620px;
background: url(../img/content_bg.png) 0px 0px no-repeat;
}

/*flash*/
#flash_content {
position: relative;
top:40px;  left: 54px;
width: 720px;
height: 540px;
background: /*url(../img/flash_bg.jpg) 0px 0px no-repeat  */#001424; 
}

object#flash, embed#flash  {
width:720px;
height: 540px;
}

ul {
position: relative;
list-style-type: none;
}

a, a img {
border: 0px;
text-decoration: none;
cursor: pointer;
}