@charset "utf-8";
/* FABRIZIO MICHELS WEB DESIGN - 2009 v2*/

body {font-family: Arial, Helvetica, Verdana; line-height: 1.2; font-size: 13px; color:#454545; background:#fff url("../_images/bg_body.png") no-repeat center 0; margin:0; letter-spacing:-0.03em}
div#wrap {width: 980px;  margin: 0 auto}
div#wrapAn {width: 1024px;  margin: 0 auto}
div#header{width:980px; height:500px; position: relative;  margin:0}
div#headerAnimations{width:980px; height:250px; position: relative;  margin:0}
div#logo{width: 238px; height: 60px; background: url("../_images/bg_logo.png") repeat-y; font-family: Georgia, "Times New Roman", Times, serif; font-size:24px; letter-spacing:-0.05em; color:#000; position: absolute; top:20px; right:170px}
div#nav{width:980px; height:70px; margin-left:0; margin-bottom:20px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color:#99ff00; background: url("../_images/bg_nav.png") no-repeat}
div#nav ul {margin: 0; padding: 0}
div#nav ul li {float: left; list-style:none; border-right: 1px dotted #ccc; padding: 0 10px 0 10px}
div#nav ul li a{color:#99ff00; letter-spacing:-0.05em; text-decoration:none}
div#nav ul li a:hover{color:#fff; background-color:#99ff00; letter-spacing:-0.05em; text-decoration:none}
div#nav ul li.last{margin-left:355px; border-left:1px dotted #ccc; border-right:none}
div#nav ul li.select{color:#000}
div#blog{width: 980px; margin: 0 auto}
div#lhs{width: 720px; float: left; margin-top: 0}
div#rhs{width: 250px; float:right}
.picEmpty {width:450px; height: 320px; float: left; margin:0 20px 20px 0; padding:10px;margin-bottom:40px; display: block}
.picPost {width:450px; height: 320px; float: left; margin:0 20px 20px 0; padding:10px; background: url("../_images/bg_picpost.png");margin-bottom:40px; display: block}
.mrec {width:300px; height: 250px; float: left; margin:0 20px 20px 0; padding:10px; background: url("../_images/bg_mrec.png");margin-bottom:40px}
.work {width: 190px;  height:290px; background: url("../_images/bg_works.png") no-repeat;  float: left; padding: 15px}
.work a{color:#99ff00; text-decoration:none}
.work a:hover{color:#0066ff; text-decoration:none}
.work ul li a{color:#99ff00; text-decoration:none}
.work ul li a:hover{color:#0066ff; text-decoration:none}
.life{width: 230px; height: 105px; border-top: 1px dotted #ccc;padding: 5px; margin: 0 0 15px 0; font-size:12px; color:#666; text-align: right; font-style:italic}
.life h3{color:#661a33; margin-bottom:  3px}
.life a{color:#99ff00; text-decoration:none}
.life a:hover{color:#0066ff; text-decoration:none}
.life ul li a{color:#99ff00; text-decoration:none}
.life ul li a:hover{color:#0066ff; text-decoration:none}

.moreDesigns {width: 230px; border-top: 1px dotted #ccc;padding: 5px; margin: 0 0 15px 0; font-size:12px; color:#666; text-align: right; font-style:italic}
.moreDesigns a{color:#99ff00; text-decoration:none}
.moreDesigns a:hover{color:#0066ff; text-decoration:none}
.moreDesigns ul li a{color:#99ff00; text-decoration:none}
.moreDesigns ul li a:hover{color:#0066ff; text-decoration:none}
.flashAnimation{width: 1024px; margin: 0 auto}
div#megaFooter{width: 100%; height:190px; background:#000 url("../_images/bg_footer.png") center repeat-x}
div#footer{width:980px; height:190px; margin: 0 auto; position:relative; margin-top:10px; display:block}
div#navFooter{width:980px; height:70px;  font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color:#99ff00; position:absolute; top:96px; left:40px}
div#navFooter ul {margin: 0; padding: 0}
div#navFooter ul li {float: left; list-style:none; border-right: 1px dotted #ddd; padding: 0 10px 0 10px}
div#navFooter ul li a{ color:#663366; letter-spacing:-0.05em; text-decoration:none}
div#navFooter ul li a:hover{ color:#fff; background-color:#663366; letter-spacing:-0.05em; text-decoration:none}
div#navFooter ul li.last{border:none}
div#navFooter ul li.select{color:#000}
div#validate{width:300px; position:absolute; top:122px; left:80px; font-size: 11px; color:#666}
div#validate a{color:#666}
div#validate a:hover{color:#0066ff}
div#description{text-indent:-9990px; overflow:hidden; color:#fff; font-size:10px}
div#designContact{background:url("../_images/me.png")no-repeat; width:202px; font-family:Arial, Helvetica, sans-serif; letter-spacing:-0.15em; font-size:12px; color: #ccff00; text-align:justify; line-height:8px; padding-top:400px;}
div#inspirationBox {width: 200px;  padding: 5px; margin: 10px 20px 0px 0; font-size:12px; color:#661a33; float: left;border: 1px dotted #ccc;}
div#inspirationBox a:hover{color:#0066ff; text-decoration:none}
div#inspirationBox a{color:#663366; text-decoration:none}
div#inspirationBox2 {width: 200px;  padding: 5px; margin: 10px 0px 0px 0; font-size:12px; color:#661a33; float: left;border: 1px dotted #ccc;}
div#inspirationBox2 a:hover{color:#0066ff; text-decoration:none}
div#inspirationBox2 a{color:#663366; text-decoration:none}

.ht_creativity, .ht_webdesign, .ht_multimedia, .ht_banners, .ht_digital, .ht_design, .ht_art, .ht_web, .ht_site, .ht_animations, .ht_css, .ht_html, .ht_html, .ht_flash, .ht_freelancer, .ht_webdesigner, .ht_interactive{font-family: Arial, Helvetica, Verdana; position:absolute}
.ht_fm{font-family: Georgia, "Times New Roman", Times, serif; position:absolute; letter-spacing:-0.10em; top:-28px; left:59px; font-weight:normal; font-size: 200px; color:#fff}
.ht_creativity{ letter-spacing:-0.10em; top: 163px; left:179px; font-size: 53px; color:#ccff00}
.ht_webdesign{ letter-spacing:-0.10em; top: 201px; left:59px; font-weight:bold; font-size: 53px; color:#000}
.ht_multimedia{ letter-spacing:-0.10em; top: 201px; left:336px; font-weight:normal; font-size: 53px; color:#666}
.ht_digital{ letter-spacing:-0.10em; top: 239px; left:64px; font-weight:normal; font-size: 53px; color:#661a33}
.ht_design{ letter-spacing:-0.10em; top: 239px; left:230px; font-weight:bold; font-size: 53px; color:#8e8e8e}
.ht_art{ letter-spacing:-0.10em; top: 239px; left:406px; font-weight:normal; font-size: 53px; color:#99ff00}
.ht_web{ letter-spacing:-0.10em; top: 239px; left:496px; font-weight:bold; font-size: 53px; color:#663366}
.ht_site{ letter-spacing:-0.10em; top: 278px; left:38px; font-weight:bold; font-size: 53px; color:#333}
.ht_banners{ letter-spacing:-0.10em; top: 278px; left:132px; font-weight:normal; font-size: 53px; color:#222}
.ht_animations{ letter-spacing:-0.10em; top: 278px; left:351px; font-weight:normal; font-size: 53px; color:#7d7d7d}
.ht_css{ letter-spacing:-0.06em; top: 324px; left:290px; font-weight:bold; font-size: 27px; color:#336699}
.ht_html{ letter-spacing:-0.06em; top: 324px; left:341px; font-weight:bold; font-size: 27px; color:#CCFF00}
.ht_flash{ letter-spacing:-0.06em; top: 324px; left:407px; font-weight:bold; font-size: 27px; color:#222}
.ht_freelancer{ letter-spacing:-0.06em; top: 324px; left:489px; font-weight:bold; font-size: 27px; color:#CCFF00}
.ht_webdesigner{ letter-spacing:-0.06em; top: 324px; left:658px; font-weight:bold; font-size: 27px; color:#797777}
.ht_interactive{ letter-spacing:-0.10em; top: 340px; left:97px; font-size: 53px; color:#99ff00}
.ht_intdesign{font-family: Georgia, "Times New Roman", Times, serif; position:absolute; letter-spacing:-0.050em; top: 340px; left:282px; font-size: 53px; color:#0066ff}
.url{font-family: Georgia, "Times New Roman", Times, serif; position:absolute; letter-spacing:-0.050em; bottom: 63px; right:42px; font-size:40px; color:#fff}
.email{font-family: Georgia, "Times New Roman", Times, serif; position:absolute; letter-spacing:-0.050em; bottom: 20px; right:90px; font-size: 14px; color:#ccff00}
.email a{color:#ccff00; text-decoration:none}
.email a:hover{color:#fff; text-decoration:none}
.lifeTitle{font-family: Georgia, "Times New Roman", Times, serif; font-size: 30px; color:#663366; letter-spacing:-0.05em; font-weight:normal; font-style:italic}
.workDetails{font-size: 11px}
.showcaseBox{width:80px; height:110px; border-right:1px dotted #ccc;  padding:10px; margin: 10px; float: left; font-size:11px;}
div#lhs .shoucaseBox img{border: 1px solid #ccc;}
div#lhs  .showcaseBox a{color:#0066ff}
div#lhs  .showcaseBox a:hover{color:#99ff00}

#twitter_update_list li {list-style-type: none; margin-bottom:5px;}
#twitter_update_list li a{font-size: 11px; color: #ccc; text-decoration: none;}
#twitter_update_list li a:hover{ color: #333; text-decoration: none;}
#twitter_update_list span {color: #116699; background: #fff; font-size:13px;}
#twitter_update_list span a {display: inline; color: #0066ff; font-style:italic; font-size:13px;}
#twitter_update_list span a:hover {text-decoration: underline; color: #99ff00;}
.life p a.follow-us-twitter {background:#dedede url("../_images/twitter.png") no-repeat 0 4px; color:#661a33; font-size:11px; text-decoration:none; padding:5px 4px 4px 30px; width:100px; height: 8px; margin-right:30px;}
.life p a:hover.follow-us-twitter {background: #99ff00 url("../_images/twitter.png") no-repeat 0 4px; color:#222; font-size:11px; text-decoration:none; padding:5px 4px 4px 30px; width:100px; height: 8px; margin-right:30px;}

.bqstart {float: left;height: 25px; margin-top: -25px;padding-top: 1px;margin-bottom: -50px;font-size: 500%;color: #eee;}

.bqend { float: right;height: 15px;margin-top: -10px;padding-top: 5px;font-size: 500%;color: #eee;}


a{color:#99ff00; text-decoration:none}
a:hover{color:#0066ff; text-decoration:none}
a:visited{color:#99ff00; text-decoration:none}
ul, ol{margin: 0 0 1.5em 1.5em}
h1,h2,h3,h4,h5,h6 {cursor:default; margin:0; padding:0; font-weight:normal; font-family: Georgia, "Times New Roman", Times, serif}
h2{font-size: 30px; color:#000; letter-spacing:-0.05em; font-weight:normal; margin-left:10px}
h3{font-size: 20px; color:#333; letter-spacing:-0.05em; font-weight:normal; font-style:italic}
ul li{list-style-type:none}
ol{list-style-type: decimal}
ol li{margin-left: 5px}
dl{margin: 1.5em 0}
dl dt{font-weight:bold}
blockquote{margin: 1.5em 0 1.5em 1.5em; color:#666; font-style: italic}
strong {font-weight:bold}
em {font-style: italic}
pre{margin-bottom: 1.3em; background:#eee; border:0.1em solid #ddd; padding:1.5em}
code{font:0.9em Monaco, monospace}
hr{display:none}
object{outline: 1px solid #eee}
p{margin: 0 0 1.0em 0}
p img{float: left; margin: 1.5em 1.5em 1.5em 0; padding:0}
.small{font-size: smaller}
.white{color:#fff}
.blue{color:#0066ff}
.imgLeft{float: right; margin-left:5px; border: 1px dotted #ccc}
.imgLeftLife{float: right; margin:3px 0 0 15px; border: 1px dotted #ccc}

table {margin-bottom: 1.4em; border-top:1px solid #e0d7c0; border-left:1px solid #e0d7c0}
th,td {height: 1em; padding:0.2em 0.4em; border-bottom:1px solid #e0d7c0; border-right:1px solid #e0d7c0}
th {font-weight:bold}

.lineGrey:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
.lineGrey {display:inline-block; display:block;clear: both; margin: 0; visibility: hidden;height: 0}
.hidden {left:-9999px; position:absolute}
.debug {border:1px solid red}

.formField{width:450px; height:18px; border:1px solid #ccc}
.formTextarea{width:450px;height:80px;border:1px solid #ccc}
.formSelect{width:450px; height:22px; border:1px solid #ccc}
label{color:#0066ff;font-size: 12px; margin-top:5px}
/* Reset.css Original by Erik Meyer:* meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; vertical-align: baseline}