@charset "UTF-8";
* {
margin: 0px;
padding: 0px;
line-height: 1.6;
font: 10px Verdana, Arial, Helvetica, sans-serif;
}
body {
background: #000 url(../topimages/topback.gif);
}
h1 {
text-align:right;
padding:0px;
margin:0px;
width:780px;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
color:#fff;
}
#logo a, #logo a:hover {
font: bold 18px Verdana, Arial, Helvetica, sans-serif;
text-indent:-9999px;
display:block;
width: 240px;
height: 25px;
background: url(../topimages/logo.gif) no-repeat;
float: right;
top: 0px;
left: 540px;
margin: 35px 0px 0px;
}
#wrapper {
float: left;
height: 450px;
width: 780px;
background: url(../topimages/back.jpg) no-repeat;
}
#main {
height: 350px;
position:relative;	
}
#main #eye {
top: 35px;
left: 80px;
width: 100px;
height: 100px;
background: url(../topimages/eye.jpg) no-repeat;
position:absolute;
}
#main #water {
top: 55px;
left: 310px;
width: 100px;
height:100px;
background: url(../topimages/water.jpg) no-repeat;
position:absolute;
}
#main #flower {
top: 120px;
left: 220px;
width: 100px;
height:100px;
background: url(../topimages/flower.jpg) no-repeat;
position:absolute;
}
#main #leaf {
top: 200px;
left: 130px;
width: 100px;
height:100px;
background: url(../topimages/leaf.jpg) no-repeat;
position:absolute;
}
#main #earth {
top: 100px;
left: 430px;
width: 100px;
height:100px;
background: url(../topimages/earth.jpg) no-repeat;
position:absolute;
}
#menu {
	margin: 0px 0px 30px;
	height: 100px;
	position:relative;
}
#menu h3 {
	position:absolute;
	text-indent: -9999px;
	list-style: none;
}
#menu li {
	position:absolute;
	text-indent: -9999px;
	list-style: none;
}
#menu a {
    position: absolute;
	text-indent: -9999px;
}	
#menu li#portfolio {
	top: 0px;
	left: 160px;
	width: 100px;
	height: 16px;
	background: url(../topimages/portfolio.gif) no-repeat;
	list-style: none;
}
#menu li#allow {
	top: 0px;
	left: 650px;
	width: 28px;
	height: 16px;
	background: url(../topimages/allow.gif) no-repeat;
}
/*enter button*/
#menu li#enter a {
	top: 0px;
	left: 678px;
	width: 50px;
	height: 16px;
	background: url(../topimages/enter.gif) no-repeat;
}
#menu li#enter a:hover, #menu li#enter a:active {
    top: 0px;
	left: 678px;
	background: url(../topimages/enter_g.gif) no-repeat;
}
#menu li#allows {
	top: 48px;
	left: 380px;
	width: 272px;
	height: 17px;
	background: url(../topimages/allows.gif) no-repeat;
	list-style: none;
}
/*profile button*/
#menu li#profile a {
	top: 65px;
	left: 380px;
	width: 61px;
	height: 15px;
	background: url(../topimages/profile.gif) no-repeat;
}
#menu li#profile a:hover, #menu li#profile a:active {
	top: 65px;
	left: 380px;
	background: url(../topimages/profile_g.gif) no-repeat;
}
/*resume button*/
#menu li#resume a {
	top: 65px;
	left: 441px;
	width:87px;
	height: 15px;
	background: url(../topimages/resume.gif) no-repeat;
}
#menu li#resume a:hover, #menu li#resume a:active {
	top: 65px;
	left: 441px;
	background: url(../topimages/resume_g.gif) no-repeat;
}
/*contact button*/
#menu li#contact a {
	top: 65px;
	left: 528px;
	width:62px;
	height: 15px;
	background: url(../topimages/contact.gif) no-repeat;
}
#menu li#contact a:hover, #menu li#contact a:active {
	top: 65px;
	left: 528px;
	background: url(../topimages/contact_g.gif) no-repeat;
}
/*job button*/
#menu li#job a {
	top: 65px;
	left: 590px;
	width:62px;
	height: 15px;
	background: url(../topimages/job.gif) no-repeat;
}
#menu li#job a:hover, #menu li#job a:active {
	top: 65px;
	left: 590px;
	background: url(../topimages/job_g.gif) no-repeat;
}
/*web design button*/
#menu li#newerworks a {
	top: 16px;
	left: 205px;
	width: 175px;
	height: 15px;
	background: url(../topimages/web.gif) no-repeat;
}
#menu li#newerworks a:hover, #menu li#newerworks a:active {
    top: 16px;
	left: 205px;
	background: url(../topimages/web_g.gif) no-repeat;
}
/*individual button*/
#menu li#individual a {
	top: 33px;
	left: 205px;
	width: 175px;
	height: 17px;
	background: url(../topimages/webin.gif) no-repeat;
}
#menu li#individual a:hover, #menu li#individual a:active {
    top: 33px;
	left: 205px;
	background: url(../topimages/webin_g.gif) no-repeat;
}
/*web design (old works) button*/
#menu li#oldworks a {
	top: 48px;
	left: 205px;
	width: 175px;
	height: 17px;
	background: url(../topimages/webold.gif) no-repeat;
}
#menu li#oldworks a:hover,#menu li#oldworks a:active {
    top: 48px;
	left: 205px;
	background: url(../topimages/webold_g.gif) no-repeat;
}
/*other button*/
#menu li#others a {
	top: 65px;
	left: 205px;
	width: 175px;
	height: 15px;
	background: url(../topimages/other.gif) no-repeat;
}
#menu li#others a:hover,#menu li#others a:active {
    top: 65px;
	left: 205px;
	background: url(../topimages/other_g.gif) no-repeat;
}
#footer {
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
}

/*Win Firefox*/
:focus {
--moz-outline-style: none;
}
/*Mac Firefox*/
a {
outline: none;
}