* { margin: 0; padding: 0; }
html, body { height: 100%; }
body { background-color: #FFF; color: #999; font: normal normal normal 85%/130% "Lucida Grande" , Arial, sans-serif; background-attachment: fixed; background-image: url(/images/italian.gif); background-position: top right; background-repeat: no-repeat; margin-top: 100px; margin-bottom: 50px; }
strong { font-weight: bold; color: #555; }
p { text-align: justify; padding-bottom: 10px; }
a, a:visited { color: #227de5; }
/* IE5 Mac Hack \*/
h1 { overflow: hidden; }
/*/
h1 { text-indent: -89em; }
/* End Hack */
h1 { text-indent: -99em; overflow: hidden; background: url(/images/affinica.gif) 0 0 no-repeat; width: 471px; height: 60px; }
.payoff { font-size: 1.3em; line-height: 1.4em; padding-bottom: 40px; }
h2 { text-align: left; color: #227de5; font-size: 140%; padding-top: 30px; clear: both; font-family: "Palatino Linotype" , "Times New Roman"; }
h3 { font-size:1.2em; }

/** Content **/
#content-wrapper { background-color: #FFF; background: #FFF url(/images/loading.gif) no-repeat 50% 50%; width: 600px; height: 100%; margin-left: auto; margin-right: auto; position: relative; }
p { margin-top: 10px; }
ul { margin-left: 30px; }
#content { background-color: #FFF; }
#contact-left { margin-top: 10px; width: 245px; float: left; padding-left:50px; }
#contact-left img.logo-small { width: 115px; height: 30px; }
#contact-right { margin-top: 10px; width: 245px; float: right; text-align: right; padding-right:50px; }
#contact-right img { width: 200px; height: 100px; padding: 2px; border: solid 1px #BBB; }

/* portfolio */
.description { margin-top: 10px; width: 280px; float: left; }
.technology { float: left; font-size: 80%; font-weight: bold; }
.web-portfolio { list-style: none; width: 500px; margin-left: auto; margin-right: auto; }
.web-portfolio li { clear: both; width: 100%; }
.web-portfolio li p { margin-top:0; }
.web-portfolio li img { float: right; border: 1px solid #CCCCCC; padding: 2px; margin-top: 12px; }
.web-poprtfolio li div { float: left; }
.web-portfolio a:hover { background: #FFF; }

/* projects */
.projects { list-style: none; width: 500px; margin-left: auto; margin-right: auto; }
.projects li { clear: both; width: 100%; }
.projects li img { float: left; border: 1px solid #CCCCCC; padding: 2px; margin-top: 12px; }
.projects li p { display: block; width: 280px; float: right; }

.breaker { clear: both; height: 0; }

.notice { margin: 0 14px 10px 14px; padding: 10px; text-align: center !important; color: #000; background: #FFFFD5 url(/images/gradient-white-yellow.gif) repeat-x scroll 0%; border: 1px solid #FFDDAA; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; }
.christmas { margin: 0 14px 10px 14px; padding: 10px; text-align: center !important; color: #e31212; background-color: #FFF; border: 1px solid #e31212; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; }
.christmas p { padding-left: 10px; }
.christmas strong { color: #e31212; }

#language { position: absolute; right: 0; top: 3px; min-width: 100px; padding-left: 25px; height: 55px; background: #FFF url(/images/bracket.gif) no-repeat 0 0; vertical-align: middle; text-align: right; }
#language ul { margin-top: 9px; list-style: none; }


/** Footer **/

* html #footer { position: static; height: 12px; font-size: 0.8em; text-align: center; border: none; background-color: #FFF; border-top: 1px solid #ddd; border-bottom: 5px solid #f5f5f5; }
#footer { position: fixed; width: 100%; height: 12px; left: 0px; bottom: 0px; z-index: 98523; font-size: 0.8em; text-align: center; border-top: 1px solid #ddd; border-bottom: 5px solid #f5f5f5; background-color: #fbfbfb; }
#footer a, #footer a:visited, #footer a:active, #footer a:hover { color: #4f575f; background-color: #fbfbfb; }