body {
margin: 0px;
padding: 0px;
background-color: white;
font-family:Garamond, Georgia, serif;
}
#main {
background-color: white;
width: 1020px;
margin: 0 auto;
position: relative;
min-height: 800px;
}
img {
padding: 0px;
margin-bottom: 1px;
display: block;
}
.block span {
display:block;
text-transform: uppercase;
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
font-size: 9px;
color: #999999;
margin: 0px;
padding: 0px;
}
a:link {
color: #999999;
text-decoration: none;
}
a:visited {
color: #999999;
text-decoration: none;
}
a:active {
color: #b28c51;
text-decoration: none;
}
a:hover {
color: #b28c51;
text-decoration: none;
}
#block_one {
position: absolute; top: 20px; left: 15px;
}
#block_two {
position: absolute; top: 15px; left: 148px;
}
#block_three {
position: absolute; top: 15px; left: 283px;
}
#block_four {
position: absolute; top: 15px; left: 418px;
}
#block_five {
position: absolute; top: 15px; left: 553px;
}
#block_six{
position: absolute; top: 15px; left: 688px;
}
#block_seven{
position: absolute; top: 15px; left: 821px;
}
#block_eight{
position: absolute; top: 148px; left: 15px;
}
#block_nine{
position: absolute; top: 148px; left: 148px;
}
#block_ten{
position: absolute; top: 148px; left: 283px;
}
#block_eleven{
position: absolute; top: 148px; left: 418px;
}
#block_twelve{
position: absolute; top: 141px; left: 553px;
}
#block_twelve_header{
display:block;
text-transform: none;
font-family: Garamond, Georgia, serif;
font-weight: normal;
font-size: 48px;
color: #545655;
margin: 0px;
padding: 0px;
}
#photography{
display:block;
text-transform: none;
font-family: Garamond, Georgia, serif;
font-weight: normal;
font-size: 24px;
color: #999999;
margin: 0px;
padding: 0px;
text-decoration: none;
line-height: 24px;
}
#video{
display:block;
text-transform: none;
font-family: Garamond, Georgia, serif;
font-weight: normal;
font-size: 24px;
color: #999999;
margin: 0px;
padding: 0px;
text-decoration: none;
line-height: 24px;
}
#multimedia{
display:block;
text-transform: none;
font-family: Garamond, Georgia, serif;
font-weight: normal;
font-size: 24px;
color: #999999;
margin: 0px;
padding: 0px;
text-decoration: none;
line-height: 24px;
}
#design_and_production{
position: absolute; top: 195px; left: 688px;
display:block;
text-transform: none;
font-family: Garamond, Georgia, serif;
font-weight: normal;
font-size: 24px;
color: #999999;
margin: 0px;
padding: 0px;
text-decoration: none;
width: 140px;
line-height: 24px;
}
#block_fourteen{
position: absolute; top: 148px; left: 821px;
}
#block_fifteen{
position: absolute; top: 283px; left: 15px;
}
#block_sixteen{
position: absolute; top: 276px; left: 148px;
}
#block_sixteen_header{
display:block;
text-transform: none;
font-family: Garamond, Georgia, serif;
font-weight: normal;
font-size: 48px;
color: #545655;
margin: 0px;
padding: 0px;
}
#twitter{
display:block;
text-transform: none;
font-family: Garamond, Georgia, serif;
font-weight: normal;
font-size: 24px;
color: #999999;
margin: 0px;
padding: 0px;
text-decoration: none;
line-height: 24px;
}
#posterous{
display:block;
text-transform: none;
font-family: Garamond, Georgia, serif;
font-weight: normal;
font-size: 24px;
color: #999999;
margin: 0px;
padding: 0px;
text-decoration: none;
line-height: 24px;
}
#delicious{
display:block;
text-transform: none;
font-family: Garamond, Georgia, serif;
font-weight: normal;
font-size: 24px;
color: #999999;
margin: 0px;
padding: 0px;
text-decoration: none;
line-height: 24px;
}
#facebook{
position: absolute; top: 328px; left: 283px;
display:block;
text-transform: none;
font-family: Garamond, Georgia, serif;
font-weight: normal;
font-size: 24px;
color: #999999;
margin: 0px;
padding: 0px;
text-decoration: none;
width: 140px;
line-height: 24px;
}
#linkedin{
position: absolute; top: 354px; left: 283px;
display:block;
text-transform: none;
font-family: Garamond, Georgia, serif;
font-weight: normal;
font-size: 24px;
color: #999999;
margin: 0px;
padding: 0px;
text-decoration: none;
width: 140px;
line-height: 24px;
}
#block_eighteen{
position: absolute; top: 283px; left: 418px;
}
#block_nineteen{
position: absolute; top: 283px; left: 553px;
}
#block_twenty{
position: absolute; top: 283px; left: 688px;
}
#block_twentyone{
position: absolute; top: 283px; left: 821px;
}
#block_twentytwo{
position: absolute; top: 418px; left: 15px;
}
#block_twentythree{
position: absolute; top: 418px; left: 148px;
}
#block_twentyfour{
position: absolute; top: 418px; left: 283px;
}
#block_twentyfive{
position: absolute; top: 418px; left: 418px;
}
#block_twentysix{
position: absolute; top: 418px; left: 553px;
}
#block_twentyseven{
position: absolute; top: 418px; left: 688px;
}
#block_twentyeight{
position: absolute; top: 411px; left: 821px;
}
#block_twentyeight_header{
display:block;
text-transform: none;
font-family: Garamond, Georgia, serif;
font-weight: normal;
font-size: 48px;
color: #545655;
margin: 0px;
padding: 0px;
}
#bio{
display:block;
text-transform: none;
font-family: Garamond, Georgia, serif;
font-weight: normal;
font-size: 24px;
color: #999999;
margin: 0px;
padding: 0px;
text-decoration: none;
line-height: 24px;
}
#resume{
display:block;
text-transform: none;
font-family: Garamond, Georgia, serif;
font-weight: normal;
font-size: 24px;
color: #999999;
margin: 0px;
padding: 0px;
text-decoration: none;
line-height: 24px;
}
#contact{
display:block;
text-transform: none;
font-family: Garamond, Georgia, serif;
font-weight: normal;
font-size: 24px;
color: #999999;
margin: 0px;
padding: 0px;
text-decoration: none;
line-height: 24px;
}
#popup {
position: absolute;
background-color: #FFF;
visibility: hidden;
z-index: 100;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
text-align: center;
font-size: 9px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 1px;
left: 50%;
top: 50%;
}
#popupbg {
visibility: hidden;
height: 100%;
width: 100%;
position: fixed;
z-index: 99;
opacity: .8;
background-color: #EBEBEB;
left: -5%;
top: -5%;
}