/*----- layout */
body{color:#404040; font-size:63%; font-family:"Microsoft Sans Serif",arial,sans-serif; background-color:#606060; font-style:normal; font-variant:normal; font-weight:normal; line-height:1em}
body #ie-root{font-size:100%}
body.entr{background:#181818 url(../images/global/bg-entr.jpg) no-repeat center 40px;}
*{margin-top:0pt; margin-right:0pt; margin-bottom:0pt; margin-left:0pt; padding-top:0pt; padding-right:0pt; padding-bottom:0pt; padding-left:0pt}
html{min-width:980px}
html, body{height:100%}
img{display:block; border:0}
a img{border-style:none; border-width:0pt}
a{outline:expression(hideFocus=true); outline:0; cursor:pointer}
a:link, a:visited{text-decoration:none}
a:hover{text-decoration:none}
ul {list-style-type: none;list-style-image: none;list-style-position:outside;}
/*----- clear */
* html .clear{height:1%; overflow:visible}/* float clearing for IE6 */
*+html .clear{min-height:1%}/* float clearing for IE7  */
.clear{display:inline-block; clear:both}/* this clearing method should cover all others */
/*----- plain elements */
h1, h2, h3, h4, h5, h6{color:#444; font-weight:normal; font-family:"Trebuchet MS","Lucida Grande",Helvetica,Arial,sans-serif; margin:0; padding:0; line-height:normal; letter-spacing:normal}
h1{font-size:2em; color:#fff; display:inline; margin-left:40px !important; margin-left:40px; position:absolute; left:0; top:7px; letter-spacing:0.12em; text-align:left}
.entr h1{font-size:2.12em;position:absolute; left:0; top:11px;}
h2{font-size:1.19em; margin:9px 0 10px}
h3{font-size:2em; color:#4F808B; margin:3px 8px 30px 12px; padding-bottom:3px; border-bottom:3px double #888; text-indent:4px}/* see resume */
h4{font-size:2.92em; color:#4F808B; font-weight:normal;margin:24px 0 0 0;text-indent:-4px;}/* see intro */
h5{font-size:1.25em; color:#ccc; margin-top:5px; white-space:nowrap}
h6{font-size:90%; color:#707070; display:inline; text-align:center; font-family:verdana,arial,sans-serif}/* see footer */
p{font-size:1.32em; margin:0 0 15px 0; padding:0; line-height:1.38em; letter-spacing:normal}
strong.hr{width:400px; position:absolute; left:50%; margin:-2px 0 0 -200px; border-top:1px solid #777; padding:0; height:1px; line-height:0px}
span.line{text-decoration:underline;}
/*----- layout */
#mst{ border-top:2px solid #000; width:100%; min-width:980px; height:40px; margin:0 auto; padding:0; text-align:center;  background:#656565 url(../images/global/bg-mst.png) repeat-x bottom}
.entr #mst{background:#656565 url(../images/global/bg-mst-entr.png) repeat-x bottom;height:50px;}
#content{text-align:center; margin:80px auto 100px; padding:0; width:800px; min-height:100%; height:auto !important; height:100%; background-color:#222;}

#ftr{text-align:center; min-height:2%; height:auto !important; height:2%; padding-top:5px; margin:0; background:#000 url(../images/global/bg-ftr.png) repeat-x top; border-top:3px double #606060 !important; border-top:3px double #222;}
body.eml #content{margin-bottom:150px; width:800px; min-height:550px; height:550px;}
body.eml #content, body.at #content{ padding:3px; border:7px double #555 !important; border:3px double #222;}
/*----- main-navigation */
#mst div{position:relative; width:100%; max-width:1230px; height:40px; margin:0 auto; padding:0}
.entr #mst div{height:50px;}
#ie-root #mst div{width:expression( document.body.clientWidth > 1200 ? "1230px" : "auto")}
#mst ul{float:right; display:table; margin:0 10px 0 0; padding:0; list-style-type:none; height:2.5em}
#mst ul li{display:table-cell; margin:0; padding:0; height:2.5em}
#mst ul li a, #mst ul li a:visited{color:#ccc; font-size:130%; display:block; text-align:center; float:left; margin:3px 0 0; padding:12px 5px; width:90px; min-width:90px; background:transparent url(../images/global/bg-nv.png) no-repeat left; font-family:"Trebuchet MS","Lucida Grande",Helvetica,Arial,sans-serif; letter-spacing:0.06em; font-weight:bold}
.entr #mst ul li a, .entr #mst ul li a:visited{padding:17px 5px; width:110px; min-width:110px;background:transparent url(../images/global/bg-nv.png) no-repeat left;}
#mst ul li a:hover{color:#fff;}
#ie-root-lte7 #mst ul{display:inline-block; margin:0 30px 0 0;} #ie-root-lte7 #mst ul{display:inline} #ie-root-lte7 #mst ul li{float:left}
#mst ul li#nv3, body.eml #mst ul li#nv1{background:transparent url(../images/global/bg-nv.png) no-repeat right}
body.gallery #mst ul li#nv1 a, body.gallery #mst ul li#nv1 a:visited,
body.at #mst ul li#nv2 a, body.at #mst ul li#nv2 a:visited,
body.eml #mst ul li#nv3 a, body.eml #mst ul li#nv3 a:visited{color:#fff; background:transparent url(../images/global/bg-nvOn.png) repeat-x;}

body.eml #mst ul li#nv2 a, body.eml #mst ul li#nv2 a:visited,
body.pt #mst ul li#nv3 a, body.pt #mst ul li#nv3 a:visited{background-image:url(../images/global/blank.gif)}

/*------ artist */
body.at dl{margin:0; padding:0; }
body.at dl dt{color:#555; font-weight:bold; font-size:180%; margin:40px 0 12px; padding:8px 0 0; letter-spacing:0.06em; font-family:Helvetica,Arial,sans-serif;}
body.at dl dt.hdr-line{border-top:3px double #999; padding-top:15px;}
body.at dl dd{color:#000; font-size:140%; margin:0; padding:0 0 0 10px; line-height:140%; margin-bottom:10px; padding-left:9px; background:transparent url(../images/global/list-black4sq.gif) no-repeat 0px 8px; font-family:"Microsoft Sans Serif",arial,sans-serif;}
body.at dl dd em{ font-style:normal; display:block; text-indent:-1px; color:#444; font-size:80%; font-weight:bold; margin-top:6px; margin-bottom:-6px;}
body.at dl dd em.norm{font-style:italic; display:inline;text-indent:0px;color:#303030; font-size:100%;font-weight:normal;margin:0;}
/*body.at dl dd.dl-list{margin-bottom:10px; padding-left:9px; background:transparent url(../images/list-black4sq.gif) no-repeat 0px 8px;}*/
div.doc p{font-size:140%; margin-left:0;font-family:"Microsoft Sans Serif",arial,sans-serif;}
div.doc p strong{font-size:130%;}

div.doc{border-top:3px double #373737; border-bottom:3px double #373737; text-align:left; margin:0 auto; padding:0 20px 50px; width:670px; background-color:#f2f2f2;}
#ie-root div.doc{border-top:3px double #f2f2f2; border-bottom:3px double #f2f2f2;}
div.doc div{padding:20px 30px 0;}


/*body div.doc dl dt{font-size:120%;margin:15px 0 5px; letter-spacing:normal;}
body div.doc dd{font-size:110%;line-height:130%;}*/


/*------ contact */
#eml-wrap{ min-height:100%; height:auto !important; height:100%;}
#eml-wrap #contact{position:relative; text-align:left; margin:10px auto 0; padding:0; min-height:520px; height:520px; width:650px;}
.contactdata{padding:0px 50px 25px; position:absolute; left:50%; top:35px; margin-left:-242px; border-bottom:3px double #606060}
#form-wrap{position:absolute; left:50%; top:70px; width:500px; margin-left:-250px; margin-top:0;}
#form-wrap p{width:100%; text-align:center; font-size:130%; color:#ccc; padding:0; margin:10px}
#eml-wrap #contact p.thank-you{font-size:190%; margin:0 0 -15px 4px; border-top:3px double #707070;padding-top:10px}
#eml-wrap #contact h3{position:relative; z-index:100; font-size:2.8em; color:#aaa; margin:-30px auto 5px; width:100%; text-align:center; }

#eml-wrap #contact p a, #contact p a:visited { border-width:0; background:transparent; padding:0; margin:0; height:18px;}
#eml-wrap #contact p a:hover { border-width:0; border-bottom:1px solid #B0BF8F; background:transparent; }
#eml-wrap #contact p img { display:inline; position:relative; top:4px; border-bottom-width:0px; }

/*------- forms */
fieldset{margin:5px 5px 0 0; padding:15px 5px 10px; background:transparent; overflow:auto; border-width:0px}
textarea, input[type='text'], #content select{border:1px solid #ccc; background:#aaa}
textarea:hover, input[type='text']:hover, select:hover{border-color:#aaa}
textarea:focus, input[type='text']:focus, select:focus{border-color:#fff;  background:#eee}
input, select{cursor:pointer}
input[type='text']{cursor:text}
* html form li, * html .buttons{height:1%}
.div-form{font-size:90%; margin:0pt; padding:0}
#content form ul{margin:0; padding:0; list-style-type:none; width:98%}
#content form li{margin:10px 0; padding:0 0 2px 0; position:relative; width:100%}
form li:after, .buttons:after{content:"."; display:block; height:0pt; clear:both; visibility:hidden}
form li div.left{float:left; width:45%; margin:0; padding:0}
form li div.right{float:left; width:50%; margin:0; padding:0 0 0 20px}
form li div.left input{width:170px}
form li div.right input{width:200px}
form li, .button{display:block}
input.btnTxt{padding:0pt 12px 0 7px; overflow:visible; width:auto}
.button{clear:both; margin:10px 0 0 0}
.button input{float:right; margin:0 40px 0 0}
.div-form input.text, .div-form textarea.textarea{padding:1px 0 1px 8px; margin:0pt; color:#444;  border-right:3px double #777; border-bottom:3px double #777;  border-left:2px solid #444; border-top:2px solid #444}
.div-form textarea.textarea{padding:7px 0 30px 8px; margin-top:0; /* keeep -width- set below 100 for ie */ width:480px; float:left}
.div-form input.text{}
form li span{margin:0pt 4px 3px 0pt; padding:0; color:#444}
form li span{float:left}
.div-form label.desc{font-size:100%; font-weight:bold; font-family:"Lucida Grande",Tahoma,Arial,sans-serif; color:#999; letter-spacing:0.06em; padding:0pt; line-height:150%; display:block}
form li div label, form li span label{margin:0pt; padding:0 0 3px 5px; clear:both; font-size:120%; line-height:120%; color:#444; display:block}
.div-form li div, .div-form li div label, .div-form li span label{padding:0 0 3px 5px; font-size:130%; font-family:inherit; color:#ccc; line-height:150%}
.div-form textarea, input[type='text']{background:#ddd; padding:1px 0 1px 8px; margin:0pt; color:#444;  border-right:3px double #777; border-bottom:3px double #777;  border-left:2px solid #444; border-top:2px solid #444}
.div-form textarea:hover, input[type='text']:hover{}
.div-form textarea:focus, input[type='text']:focus{background:#fefefe}