html {
    height: 100%;
    border: none;
}
body {
    background: #FFF;
    color: #333;
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    min-height: 100%;
    position: relative;
}
* html body {
    height: 100%;
}
* {
    margin: 0px;
    padding: 0px;
}
img {
    vertical-align: middle;
    border: 0px;
}
input,
select,
textarea {
    vertical-align: middle;
    color: #333;
    font: 12px Verdana, Arial, Helvetica, sans-serif;
}
table {
    border-collapse: collapse;
}
table td {
    vertical-align: top;
}
a:link, a:visited, a:hover, a:active  {
    color: #333;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
.clear {
    clear: both;
}
.wrapper {
    float: left;
    width: 100%;
    overflow: hidden;
}
.content {
    margin: 0 10% 0 34%;
}
.navigation {
    float: left;
    width: 34%;
    margin: 0 0 0 -100%;
    text-align: center;
    position: relative;
}
#top {
    background: url(px/top_patt.gif) left bottom repeat-x;
    position: relative;
}
#top .left {
    background: url(px/top_left.gif) left bottom no-repeat;
}
#top .right {
    background: url(px/top_right.gif) right bottom no-repeat;
    height: 35px;
    padding: 0 0 0 380px;
}
#header {
    background: url(px/header_patt.jpg) left top repeat-x;
    position: relative;
    cursor: pointer;
}
#header .left {
    background: url(px/header_left.jpg) left top no-repeat;
}
#header .right {
    background: url(px/header_right.jpg) right top no-repeat;
}
#header .text {
    height: 318px;
    padding: 0 0 0 740px;
    background: url(px/header_text.gif) right bottom no-repeat;
}
#langs {
    position: absolute;
    font-size: 75%;
    right: 0;
    margin: 20px 2% 0 0;
    padding: 0 0 1px 0;
    white-space: nowrap;
}
#langs a {
    margin: 0 -1px;
    padding: 0 2px 1px 2px;
}
* html #langs a {
    padding-right: 3px;
    padding-left: 3px;
}
#langs a.active {
    color: #FFF;
    background: #C30;
}
#body {
    background: url(px/body_patt.gif) left top repeat-x;
    width: 100%;
    overflow: hidden;
    padding: 0 0 120px 0;
}
#body .left {
    background: url(px/body_left.gif) left top no-repeat;
}
#body .right {
    background: url(px/body_right.gif) right top no-repeat;
    padding: 20px 0 0 0;
}
#body .content {
    padding: 50px 0 0 0;
}
#body .content h2 {
    color: #666;
    font-size: 110%;
}
#body .content .firstpage {
    color: #999;
}
#body .content small.firstpage {
    display: block;
    font-size: 150%;
    margin: 10px 0 0 0;
}
#body .content .pics {
    width: 100%;
}
#body .content .pics small {
    display: block;
    font-size: 75%;
}
#body .content .pics img {
    padding: 9px;
    border: 1px solid #D4D4D4;
    margin: 10px 10px 0 0;
    float: left;
}
#body .content p.text {
    line-height: 17px;
}
#body .content .cv {
    line-height: 17px;
    margin: 0 0 0 -100px;
}
#body .content .cv table {
    width: 100%;
}
#body .content .cv table td {
    padding: 2px 0 2px 10px;
}
#body .content .cv table td:first-child {
    width: 25%;
    padding-left: 0;
    text-align: right;
}
* html #body .content .cv table td {
    width: expression(!previousSibling?'25%':'auto');
    padding-left: expression(!previousSibling?'0':'10px');
    text-align: expression(!previousSibling?'right':'inherit');
}
#body .content .music {
    list-style: none;
    margin: -15px 0;
}
#body .content .music li {
    margin: 15px 0 15px -10px;
	padding: 0 0 10px 10px;
	background: url(px/music_border.gif) left bottom no-repeat;
    font-size: 85%;
}
#body .content .music img {
	margin: 5px 0 0 0;
    padding: 9px;
    border: 1px solid #D4D4D4;
	background: #FFF;
}
#body .content .music .date {
    color: #989898;
}
#body .navigation p {
    line-height: 18px;
}
#body .navigation p a {
    margin: 0 1px;
    padding: 0 2px 1px 2px;
}
#body .navigation p a.active {
    color: #FFF;
    background: #C30;
}
#body .navigation ul {
    width: 50%;
    text-align: left;
    margin: 40px auto 0 auto;
    list-style: none;
}
#body .navigation li {
    padding: 5px 0;
    background: url(px/navigation_li_border.gif) left bottom no-repeat;
}
#body .navigation li h1 {
    font-size: 100%;
    padding: 0 15px;
}
#body .navigation li h1.active {
    background: url(px/navigation_li_bull.gif) left 5px no-repeat;
}
#body .navigation li h1 a {
    color: #CD3132;
}
#body .navigation li h1.active a {
    text-decoration: underline;
}
#body .navigation li small {
    display: block;
    font-size: 75%;
    margin: 0 15px;
    line-height: 15px;
}
#body .navigation .text {
    margin: 40px auto 0 auto;
    width: 80%;
}
#footer {
    position: absolute;
    width: 100%;
    bottom: 0;
    min-height: 45px;
    background: url(px/footer_patt.gif) left bottom repeat-x;
    color: #666;
    font-size: 95%;
}
* html #footer {
    bottom: -1px;
}
* html #footer {
    height: 45px;
}
#footer address {
    float: right;
    font-style: normal;
    padding: 0 200px 0 0;
}
#footer .provider {
    position: absolute;
    right: 10px;
}
/* POPUP */

#popup {
    height: auto;
}
#popup body {
    background: #000;
    height: auto;
}

/* MUSIC  */

#popup .music .pics {
    padding: 0 25px;
    display: table;
    margin: 0 auto;
}
#popup .music #pics {
    margin: 25px auto 0 auto;
}
#popup .music #pics td {
    vertical-align: middle;
    white-space: nowrap;
    text-align: right;
    padding: 0 10px;
}
* html#popup .music #pics td {
    padding-bottom: 1px;
}
#popup .music #pics img {
    border: 1px solid #FFF;
}
#popup .music #pics img.arrow {
    border: none;
}
#popup .music #pics img.arrow.first {
    margin-top: 30px;
}

/* PHOTO
 */

#popup .photo #pic_cont {
	margin: 30px auto 0 auto;
}
#popup .photo #pic {
	border: 3px solid #FFF;
}
#popup .photo .text {
	color: #FFF;
	font-size: 11px;
	padding: 5px 0 0 0;
}
#popup .photo .text h1 {
	font-weight: normal;
	font-size: 20px;
}
#popup .photo .pics {
	padding: 5px 0 0 0;
	text-align: right;
}
#popup .photo .pics img {
	border: 1px solid #FFF;
}