body, div, img, p { padding:0; margin:0; }
body { overflow:hidden; background-image:url(../images/bg.jpg); }
.experience { text-align:center; width:453px; height:283px; background-image:url(../images/cloud.png); position:absolute; }
/* CSS3 hover effects START */
.experience a { display:block; line-height:0; position:absolute; top:100px; left:150px; }
.experience a:hover { z-index:10; }
.experience a+img { visibility:hidden; border: 5px solid #fff; border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; z-index:5; opacity:0; position:absolute; top:40; left:80%; -webkit-box-shadow:#272229 2px 2px 10px; -moz-box-shadow:#272229 2px 2px 10px; box-shadow:#272229 2px 2px 10px; filter:progid:DXImageTransform.Microsoft.Shadow(color='#272229', Direction=135, Strength=5); -webkit-transition: all 0.6s ease-in-out; }
.experience a:hover+img {visibility:visible; opacity:1; width:200px; height:200px; top:-75px; left:50px; z-index:100; }
/* CSS3 hover effects END */
.experience p { width:100%; left:80px; vertical-align:middle; text-align:center; font-family:Tahoma,Verdana,Georgia,serif,arial; font-weight:bold; font-size:18px; color:#123789; margin:150px 175px 50px 5px; position:absolute; }
/* ///////////////////////////////////////////////////////////// */
img { border:0; }
/* CONTACT ME side-tab */
#contact { position:absolute; top:250px; left:-20px; width:50px; font-family:arial,helvetica; font-size:12pt; font-weight:bold; border-right:1px solid #014396; border-bottom:1px solid #014396; border-top:1px solid #014396; }
#contact:hover { margin-left:7px; background:url(../images/blue_panes.jpg); background-position:-189px -33px; }
#contact a { text-decoration:none; float:right; margin:5px 5px 5px 10px; }
#contact a:hover { color:red; }
#contact a:visited { color:gold; }
/* RDFa and Microformat styles */
.vcard { text-align:center; width:100%; }
.vcard h1 { color:#fff; background-color:transparent; text-shadow: 1px 1px 4px #000; }
/* pop-over list items */
#menu { padding:0; margin:0; width:0; }
#menu a, #menu a:visited { position:relative; display:block; width:9em; border:1px solid #808; font-family:arial, verdana, sans-serif; font-size:0.8em; text-align:center; text-decoration:none; background:#808; color:#eee; padding:0.25em; }
#menu img { text-align:left; vertical-align:middle; width:200px; height:200px; border:1px solid #000; float:left; margin:0.25em 1em 0.5em 0; }
#menu li { list-style-type:none; margin:0 0 0.25em 0; }
#menu a div { display:none; }
#menu a:hover { background:#ddd; color:#808; }
#menu a:hover div, #menu h1:hover div { display:block; z-index:2000; text-align:left; position:absolute; left:10em; top:0; padding:0.5em; width:24em; background-color:#eee; color:#000; border:1px solid #808; }
#menu a:hover div:first-line, #menu h1:hover div:first-line { font-weight:bold; font-size:1.2em; color:#808; }