* {margin: 0; padding: 0;}

body {behavior: url(csshover2.htc); background: #252f3c url(images/bg-gris.jpg) fixed; color: #ddd; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
a {color: #fff;}
a:hover {text-decoration: none;}
h1 {font-size: 32px; font-weight: normal; margin: 0 0 10px;}
h2 {font-size: 25px; font-weight: normal; margin: 0 0 20px;}
h3 {font-size: 20px; font-weight: normal; margin: 30px 0 10px;}
img {border: 0;}
p {line-height: 1.6em; margin: 0 0 20px;}
.clearboth {clear: both;}

#counter {position: absolute; bottom: 0; left: 0;
opacity: 0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
}

#counter:hover {
opacity: 1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}

#wrapper {margin: 0 auto; width: 960px;}

#header {padding: 20px 0 0; position: fixed; width: 960px;}

#bar {float: left; position: fixed; margin: 150px 0 0; width: 360px;}

#sub-h1 {}

#id-photo {float: left; margin: 0 20px 0 0;}

#navigation {clear: both; font-size: 13px; margin: 0 0 0 120px;}
#navigation ul {border-bottom: 1px solid #aaa; list-style: none; margin: 0 0 10px;}
#navigation li a {border-top: 1px solid #aaa; display: block; padding: 5px ; text-decoration: none;}
#navigation li a:hover {background: #aaa; color: #252f3c;}

#content {float: right; margin: 30px 0 0; padding: 0px 30px 15px; width: 506px;}
#content ul {list-style: decimal; margin: 0 20px 20px}
#content li {line-height: 1.6em; margin: 0 0 7px;}

#footer {clear: both; color: #bbb; margin: 40px 0 0 120px; padding: 20px 0 0; text-align: center;}