@charset "utf-8";
/* CSS Document */



body{
background:#fff;
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

#teaser{
background:url(../images/outline.png);
width:420px;
height:319px;
background-repeat:no-repeat;
}

#logo{
margin:-90px 0 0 137px;
background:url(../images/logo.png);
width:251px;
height:58px;
background-repeat:no-repeat;
}

#center{
margin:0 auto;
width:550px;
}

#profile{
background-position: 0 0;
text-indent:-9999px;
} 



#load{
width:48px;
height:48px;
background:url(../images/load.gif);
margin:100px 0 0 240px;
display:none;
}

#main{
width:500px;
margin:10px 0 0 25px;
}

#footer{
width:245px;
margin:5px 0 0 155px;
color:#ccc;
position:absolute;
bottom:0;
height:30px;
}

#nav{
margin:30px 0 0 90px;
width:500px;
}

#nav li {
list-style-type:none;
font-size:2em;
float:left;
margin:0 0 0 15px;
}

#nav li a {
background-image:url('../images/nav_sprite2.png');
background-repeat:no-repeat;
padding:0px 35px;
}

#nav li a.profile {background-position:0px -189px;}
#nav li a:hover.profile {background-position:0 -378px;}

#nav li a.projects {background-position:0px -252px;}
#nav li a:hover.projects {background-position:0 -441px;}

#nav li a.contact {background-position:0px -315px;}
#nav li a:hover.contact {background-position:0 -504px;}

#footer a{
text-decoration:none;
color:#ccc;

}