* {
margin: 0;
padding: 0;
}

body {
background: url('img/bg-html.gif') repeat top left transparent;
font-family: 'Myriad Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 62.5%;
color: #222;
line-height: 1.6em;
}

#wrapper {
width: 100%;
padding-top: 90px;
background: url('img/bg-top.png') repeat-x top left transparent;
}

#wrapper-content {
width: 828px;
margin: 0 0 50px 10%;
background: url('img/tagline.gif') no-repeat right 160px transparent;
padding-right: 24px;
}

#main {
background: #fcfbf2;
border: 23px solid white;
}

#header {
width: 723px;
height: 280px;
padding-left: 35px;
background: url('img/bruce.gif') no-repeat 35px 0 transparent;
}

hr {
visibility: hidden;
clear: both;
}

h2 {
font-size: 2.2em;
font-weight: normal;
line-height: 1.3em;
}

/*######### NAVIGATION #########*/

ul#nav {
display: none;
list-style-type: none;
width: 385px;
}

ul#nav li {
float: left;
margin-right: 10px;
}

ul#nav li a:hover, ul#nav li.current a {
background-position: 0 -36px !important;
}

ul#nav li a {
display: block;
height: 36px;
text-indent: -9999px;
}

ul#nav li#about a {
width: 97px;
background: url('img/nav-about.png') no-repeat top left #222;
}

ul#nav li#portfolio a {
width: 97px;
background: url('img/nav-portfolio.png') no-repeat top left #222;
}

ul#nav li#kontakt a {
width: 87px;
background: url('img/nav-kontakt.png') no-repeat top left #222;
}

#logo {
margin-left: 496px;
}

#logo a {
display: block;
width: 218px;
height: 99px;
background: url('img/studioh8-logo.png') no-repeat top left #fdfbf2;
text-indent: -9999px;
}


/*######### TEASER #########*/

.teaser {
padding: 15px 22px 15px 22px;
background: white;
}

.teaser h2 em {
font-style: normal;
color: #bd0726;
}


/*######### CONTENT #########*/

#content {
padding: 0 35px 30px 35px;
background: #fcfbf2;
}

#content p {
font-size: 1.25em;
}

/*######### FOOTER #########*/

#footer {
padding: 20px 15px 20px 57px;
background: #fcfbf2;
}

#footer p {
font-size: 1.25em;
margin-top: 8px;
color: #7b7b7b;
}

#footer p em {
font-style: normal;
color: #bd0726;
}

/*######### IMPRESSUM #########*/

a#imprint {
width: 95px;
height: 17px;
display: block;
text-indent: -9999px;
color: white;
position: absolute;
top: 10px;
right: 0;
background: url('img/impressum.png') no-repeat top right #bd0726;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
}

.fancy-imprint #main {
border: 13px solid white;
width: 740px;
color: #7b7b7b;
}

.fancy-imprint #logo {
margin-left: 490px;
}

.fancy-imprint h2 {
margin-top: 15px;
margin-bottom: 5px;
}