/*css*/

#logo {
position:absolute;
right:0;
left:225px;
}

#img {
position:absolute;
right:0px;
border-style: none;

}

#faceleft {
position:absolute;
top:500px;
left:40px;
}

#faceshare {
	position:absolute;
	bottom:0%;
	right:5%;
}

#guestbook {
	position:absolute;
	top:165px;							
	left:250px;
	background-color: #FFFFCC;

}


img.floatRight { 
    float: right; 
    margin: 4px; 
}

img.floatLeft { 
    float: left; 
    margin: 4px; 
}

 
img.right {
position:absolute;
right:-63px;
}

img.left {
position:absolute;
left:-0px;
}


#main-body {
	position:absolute;
	right:5%;
	left:250px;
	top:150px;
	color:#777777;
	font-family:Helvetica;
}

#products {
	position:absolute;
	right:5%;

	color:#777777;
	font-family:Helvetica;
}

h3 { color:#AAAAAA;
	font-family: Helvetica;
	text-decoration: underline;
}

/*left Navigation*/


#top-nav{
width: 100%;
height: 50px;
}
 
#top-nav a{
 display:block;
 height: 59px;
 width: 210px;
 background-image: no-repeat top left);
 padding: 0px;
 margin: 0px;

}
 
#top-nav a.home{
 background-image: url(buttons/homeu.jpg);
}
 
#top-nav a.about{
 background-image: url(buttons/aboutmeu.jpg);
}
 
#top-nav a.people{
 background-image: url(buttons/peopleu.jpg);
}
 
#top-nav a.gallery{
 background-image: url(buttons/galleryu.jpg);
}
 
#top-nav a.projects{
 background-image: url(buttons/projectsu.jpg);
}

#top-nav a.blog{
 background-image: url(buttons/blog.jpg);
}
 
#top-nav a.server{
 background-image: url(buttons/serveru.jpg);
}
 
#top-nav a.guest{
 background-image: url(buttons/guestbooku.jpg);
}
 
#top-nav a:hover,
#top-nav a.on
{
 background-position: bottom left ;
}


/*Link Decor*/
a.img{border: none;}
a {outline: none; border: none;}

a:link {text-decoration: underline; color:#777777;    outline: none;}
a:visited {text-decoration: underline; color:#777777}
a:hover {color: #006dd6; text-decoration: none;     outline: none;}