@font-face {
font-family: "MuseoThree";
src: url("fonts/Museo300-Regular.eot");
src: local local('☺'), url("fonts/Museo300-Regular.otf") format("opentype"), url('fonts/Museo300-Regular.svg#webfontmQ6SqJYL') format('svg');
}
/* A font by Jos Buivenga: http://exljbris.nl */
@font-face {
font-family: "MuseoFive";
src: url("fonts/Museo500-Regular.eot");
src: local('☺'), url("fonts/Museo500-Regular.otf") format("opentype"), url('fonts/Museo500-Regular.svg#webfontrn1Dz9ev') format('svg');
}
/* A font by Jos Buivenga: http://exljbris.nl */
@font-face {
font-family: "MuseoSeven";
src: url("fonts/Museo700-Regular.eot");
src: local('☺'), url("fonts/Museo700-Regular.otf") format("opentype"), url('fonts/Museo700-Regular.svg#webfontxlaiuUaG') format('svg');
}
/* A font by Jos Buivenga: http://exljbris.nl */
@font-face {
font-family: "PTSansReg";
src: url("fonts/PT_Sans_Caption.eot");
src: local('☺'), url("fonts/PT_Sans_Caption.ttf") format("truetype"), url('fonts/PT_Sans_Caption.svg#webfontREWLzLnC') format('svg');
}
@font-face {
font-family: "PTSansBold";
src: url("fonts/PT_Sans_Caption_Bold.eot");
src: local('☺'), url("fonts/PT_Sans_Caption_Bold.ttf") format("truetype"), url('fonts/PT_Sans_Caption_Bold.svg#webfontMoYXtDIP') format('svg');
}
@font-face {
font-family: "PTSansNarr";
src: url("fonts/PT_Sans_Narrow.eot");
src: local('☺'), url("fonts/PT_Sans_Narrow.ttf") format("truetype"),  url('fonts/PT_Sans_Narrow.svg#webfontY5crVR13') format('svg');
}
@font-face {
font-family: "Comic";
src: url("fonts/WEBLBRG_.eot");
src: local('☺'), url("fonts/WEBLBRG_.TTF") format("truetype"), url('fonts/WEBLBRG_.svg#webfonttSMNAxsn') format('svg');
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin: 0;
padding: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset,img {
border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style: normal;
font-weight: normal;
}
ol,ul {
list-style: none;
}
caption,th {
text-align: left;
}
h1,h2,h3,h4,h5,h6 {
font-size: 100%;
font-weight: normal;
}
q:before,q:after {
content: '';
}
abbr,acronym {
border: 0;
}

a:link, a:visited {
text-decoration: none;
outline: none;
	color: #2276BB;
-webkit-transition: color .2s linear;
}
a:hover {
text-decoration: underline;
color: rgba(34, 117, 185, .65);
}

a.tab {
target-new: tab !important;
} 

body {
background: grey url(wallpaper.gif);
font-family: "Lucida Sans","Lucida Grande","Lucida Sans Unicode",sans-serif;
}

/*@content areas*/
#nav {
}

#content {
position: absolute;
bottom: 100px;
left: 200px;
}

#footer {
position: absolute;
bottom: 0px;
left: 500px;
}

.businesscard-address-list {
text-transform: uppercase;
position: absolute;
top: 100px;
right: 15%;
width: 421px;
height: 500px;
}
ul.businesscard-address-list {
background: black url(frame-500.png) no-repeat;
-webkit-box-shadow: 10px 10px 5px #888;
-moz-box-shadow: 10px 10px 5px #888;
}
.businesscard-address-list li {
position: absolute;
}

#nav li a:hover {
background: #000;
background: rgba(205,201,193, .15);
}


#nav li a {
white-space: nowrap;
/*text-shadow: 0 1px 12px rgba(205,201,193, .85);*/
-webkit-transition: background-color .4s linear;
}


li#org {
top: 194px;
left: 92px;
}

li#org a {
font-family: "PTSansBold";
font-size: 41px;
color: #CDC9C2;
}
li#first-name {
top: 88px;
left: 90px;
}

li#first-name a {
font-family: "PTSansReg";
color: #DEC286;
font-size: 34px;
}

li#last-name {
top: 115px;
left: 90px;
}

li#last-name a {
font-family: "PTSansBold";
color: #CDC9C2;
font-size: 35px;
}

li#street {
top: 370px;
left: 192px;
}

li#street a {
font-family: "PTSansBold";
color: #DEC286;
font-size: 14px;
}

li#zip {
left: 246px;
top: 115px;
}

li#zip a {
font-family: "PTSansNarr";
color: #DEC286;
font-size: 35px;
}

li#city {
top: 347px;
left: 238px;
}

li#city a {
font-family: "MuseoThree";
color: #846F43;
font-size: 24px;
}
li#email {
top: 330px;
left: 280px;
}

li#email a {
font-family: "PTSansNarr";
color: #DEC286;
font-size: 21px;
}
li#url a {
text-indent: -10000px;
}
li#url a {
display: none;
}

li#phone {
top: 330px;
left: 90px;
}

li#phone a {
font-family: "PTSansReg";
color: #846F43;
font-size: 21px;
}

li#services-typo3 {
left: 190px;
top: 140px;
}
li#services-typo3 a {
font-family: "PTSansBold";
color: #CDC9C2;
font-size: 45px;
}
li#services-mobile {
left: 200px;
top: 87px;
}
li#services-mobile a {
font-family: "MuseoThree";
font-size: 13px;
color: #CDC9C2;
}
li#services-developer {
top: 100px;
left: 200px;
}
li#services-developer a {
font-family: "PTSansReg";
font-size: 22px;
color: #93774D;
}
li#services-js {
top: 178px;
left: 92px;
}
li#services-js a {
font-family: "MuseoSeven";
font-size: 23px;
color: #DEC286;
}
li#services-frontend {
top: 87px;
left: 250px;
}
li#services-frontend a {
font-family: "PTSansBold";
font-size: 14px;
color: #CDC9C2;
}
li#networks-twitter {
top: 250px;
left: 90px;
}
li#networks-twitter a {
font-family: "MuseoSeven";
font-size: 32px;
color: #93774D;
}
li#networks-facebook {
top: 385px;
left: 175px;
}

li#networks-facebook a {
font-family: "PTSansReg";
font-size: 30px;
color: #CDC9C2;
}
li#networks-xing {
top: 385px;
left: 95px;
}
li#networks-xing a {
font-family: "PTSansBold";
font-size: 30px;
color: #93774D;
}
li#networks-lastfm {
top: 225px;
left: 203px;
}
li#networks-lastfm a {
font-family: "MuseoSeven";
font-size: 30px;
color: #DEC286;
}
li#networks-flickr {
top: 277px;
left: 94px;
}
li#networks-flickr a {
font-family: "PTSansNarr";
font-size: 28px;
color: #DEC286;
}
li#networks-skype {
top: 369px;
left: 94px;
}
li#networks-skype a {
font-family: "PTSansReg";
font-size: 21px;
color: #DEC286;
}
li#credentials-mcse {
top: 252px;
left: 240px;
}
li#credentials-mcse a {
font-family: "PTSansReg";
font-size: 32px;
color: #CDC9C2;
}
li#credentials-integrator {
top: 162px;
left: 90px;
}
li#credentials-integrator a {
font-family: "PTSansNarr";
font-size: 21px;
color: #CDC9C2;
}
li#credentials-certified {
top: 146px;
left: 90px;
}
li#credentials-certified a {
font-family: "PTSansReg";
font-size: 19px;
color: #DEC286;
}
li#credentials-references {
top: 349px;
left: 92px;
}
li#credentials-references a {
font-family: "PTSansreg";
font-size: 23px;
color: #DEC286;
}
li#organizations-association {
top: 280px;
left: 168px;
}
li#organizations-association a {
font-family: "PTSansBold";
font-size: 24px;
color: #DEC286;
}
li#organizations-extjsug {
top: 230px;
left: 92px;
}
li#organizations-extjsug a {
font-family: "PTSansReg";
font-size: 25px;
color: #93774D;
}
li#personal-espresso {
top: 300px;
left: 92px;
}
li#personal-espresso a {
font-family: "PTSansBold";
font-size: 34px;
color: #CDC9C2;
}
li#personal-snob {
top: 300px;
left: 260px;
}
li#personal-snob a {
font-family: "PTSansNarr";
font-size: 34px;
color: #93774D;
}
.bubble {
}
h3.bubble {
text-indent: -1000px;
}
#content {
background: url(bubble.png) no-repeat;
width: 440px;
height: 340px;
}

ul#bubble-intro-list, ul#bubble-address-list, ul#bubble-services-list, ul#bubble-networks-list, ul#bubble-credentials-list, ul#bubble-organizations-list, ul#bubble-personal-list {
position: absolute;
top: 70px;
left: 50px;
width: 340px;
}

ul#bubble-intro-list li, ul#bubble-address-list li, ul#bubble-services-list li, ul#bubble-networks-list li, ul#bubble-credentials-list li, ul#bubble-organizations-list li, ul#bubble-personal-list li {
font-family: "Comic";
font-size: 24px;
line-height: 1.4em;
display: none;
text-align: center;
}

ul#bubble-intro-list li:target, ul#bubble-address-list li:target, ul#bubble-services-list li:target,  ul#bubble-networks-list li:target,  ul#bubble-credentials-list li:target, ul#bubble-organizations-list li:target, ul#bubble-personal-list li:target {
display: block;
}

#footer h3 {
text-indent: -10000px;
background: url(avatar.png) no-repeat;
width: 410px;
height: 100px;
}
#clock {
position: absolute;
left: 20%;
width: 150px;
height: 150px;
background-image: url('clockFace3.png');
left: 20%;
margin: 5em 0 0 -189px;
}

#clock div {
position: absolute;
}

#clock img[src*='hour'] {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
}

#clock img[src*='second'] {
/* -webkit-transition: property duration timing-function */
-webkit-transition: -webkit-transform 60s linear;
-moz-transition: -webkit-transform 60s linear;

}

#clock:target img[src*='second'] {
-webkit-transform: rotate(360deg);
-mozt-transform: rotate(360deg);
}

#clock img[src*='second'] {
-webkit-transition: -webkit-transform 600000s linear;
-moz-transition: -webkit-transform 600000s linear;
}

#clock:target img[src*='second'] {
-webkit-transform: rotate(3600000deg);
-moz-transform: rotate(3600000deg);
}

#clock img[src*='minute'] {
-webkit-transition: -webkit-transform 360000s linear;
-moz-transition: -webkit-transform 360000s linear;
}

#clock:target img[src*='minute'] {
-webkit-transform: rotate(36000deg);
-moz-transform: rotate(36000deg);
}