/* reset*/
h1, h2, h3, p, ul, li {
margin:0;
padding:0;
}

body {
font-size: 100%; /* Resets 1em to 16px */
line-height:1.25em; /* 20px */
font-family: Helvetica, Arial, Sans-Serif;
background: #fff;
color: #333;
text-align: center;
padding:0;
margin:0 auto;
}

a:link {
color: #06f;
}
a:visited {
color:purple;
}
a:hover {
color: #009;
}

#content {
text-align: left;
width:600px; /* */
margin:16px auto 0;


height:550px;

}

#name {
float:left;
/*background: #ccc;*/
margin:0 96px 0 0;
}
#links {
float:left;
/*background: #ccc;*/

}
#name h1, #links h2 {
font-size: 2.25em; /* 2.25em*16px= 36px*/
text-indent: -9999px;
line-height: 1em;
margin-bottom: .5em;
}
#name h2 {
font-size: 1.25em; /* 1.25*16px= 2px */
}
.occupation {
font-size: .875em; /* .875*16= 14px */
}
#name h1 {
background: url(images/logo_koestlermedia.png)  left top no-repeat;
}

#links h2{
background: url(images/findme.png)  left top no-repeat;
}

#links ul {
list-style: none;
margin:0 0 0 0px;

}

#links ul li {
display: block;
text-indent: 0;
line-height: 2em;
margin-bottom: 8px;
}

#links ul li a {
display: block;
height: 32px;
width: 125px;
padding-left: 48px;

}

#yankeeist {
background: url(images/icons-findme.gif) 0px    0px no-repeat;
}

#twitter {
background: url(images/icons-findme.gif) 0px  -32px no-repeat;
}

#linkedin {
background: url(images/icons-findme.gif) 0px  -64px no-repeat;
}

#facebook {
background: url(images/icons-findme.gif) 0px  -96px no-repeat;
}

#email {
background: url(images/icons-findme.gif) 0px -128px no-repeat;
}