body {margin:0; padding:0; color:#666; background-color:white} body * {line-height:115%} html, body {height:100%} body, textarea, select {font:small "Lucida Grande","Geneva CE",Verdana,lucida,sans-serif} * html body, h6 {font-size:x-small; f\ont-size:small} h7, h6, h5, h4, h3, h2, h1, p, ul, ol, li, dl, dd, dt, form, fieldset, input, select, textarea {margin:0; padding:0} /* ................................................................................................................... */ body, html {scrollbar-3dlight-color:#999; scrollbar-shadow-color:#999; scrollbar-darkshadow-color:white; scrollbar-arrow-color:#f60; scrollbar-face-color:#f3f3f3; scrollbar-highlight-color:#e6e6de; scrollbar-track-color:white} /* ................................................................................................................... */ a {text-decoration:underline; color:#999} a:hover {text-decoration:underline; color:#f60} h1 a {text-decoration:none; color:#737373} .item a {text-decoration:underline; color:#667} /* ................................................................................................................... */ h1 {margin-bottom:1em; font-size:14px; color:#999} h2, h3, h4, h5, h6, h7 {margin-bottom:0.5em; color:#999} h2 {font-size:13px} h3 {font-size:85%; font-weight:normal} h4 {font-size:13px; color:#f60} h5 {font-size:85%; font-weight:bold} h6 {font-weight:normal; text-decoration:underline} h7 {font-size:13px; text-decoration:underline; font-weight:bold} form, input {font-size:95%} /* ................................................................................................................... */ .clr {clear:both; height:0px; font-size:1px; overflow:hidden} /* ................................................................................................................... */ #page {background:url(../img/bg-page.gif) no-repeat} #central {width:900px; margin:0 auto;} #header1 {float:left; width:120px; height:134px; background:#838383 url(../img/pan1.gif)} #header2 {float:left; height:134px; width:660px} #header3 {float:right; width:120px; height:190px} /* ................................................................................................................... */ #header2, #hoverMenu, #right, #foot {background:white} #logo {float:left; width:120px; height:56px; background:url(../img/logo.gif)} #hoverMenu {float:left; height:56px; width:660px} #content {clear:both; background:url(../img/bg-content.gif) repeat-y} #left {float:left; width:100px; padding:10px} #right {float:left; width:486px; padding:10px 12px} * html #right {width:510px; wid\th:486px} #edge {float:left; width:130px; padding:10px; font-size:77%} * html #edge {width:150px; wid\th:130px} #foot {padding:10px 10px 10px 132px; font-size:11px; background:url(../img/bg-foot.gif) no-repeat} #edge a, #left a {color:#f60;} /* ................................................................................................................... */ p {margin-bottom:0.5em} .pm {margin-bottom:1em} h3 p {margin-bottom:5em} .item {padding-bottom:2em; clear:both} .itemb {padding:0.2em; clear:both; border:1px solid #ccc; margin-bottom:2.5em} .s9 {font-size:9px} .s10 {font-size:11px} .s10obd {font-size:11px; color:#f60; font-weight:bold} .s10gbd {font-size:11px; color:#999; font-weight:bold} .il {float:left; margin:0.15em 0.5em 0.25em 0; border:1px solid #999} .ilg {float:left; margin:0 2px 2px 0; border:1px solid #999} .ilgn {float:left; margin:0 2px 2px 0; border:none} .ilgr {float:right; margin:0 0 2px 2px; border:1px solid #999} .ilgtab {float:left; margin:0; border:1px solid #999} .partner {margin:0; padding:0; background:#999; font-weight:700; color:#fff; text-align:left} .nolink {color:#666; text-decoration:line-through} .c6 {font-weight:bold; color:#666} .cssSupport {display:none} .inul {margin:0 0 0.1em 1.5em; list-style-type:circle} .inli {list-style-type:circle; margin:0} .inu > li {margin:0 0 0.1em 1.5em; list-style-type:none} .oran {color:#f60} .oran a {color:#f60; font-weight:bold} .dgr {color:#066} .unp {margin-bottom:0.5em; text-decoration:underline} .ctrbox {width:470px; text-align:center; padding-bottom:2.5em} .ctrbox img {margin:1.5em 0.5em} .sign {margin-top:0.5em; font-size:11px} .tabl {width:200px; float:left; text-align:center; padding:30px 0} .tabr {width:auto; float:left; text-align:left} .cvl {width:365px; float:left; text-align:left} .cvr {width:105px; float:left; text-align:right} /* ................................................................................................................... */ #mainMenu {font-weight:bold; padding:0; margin:0; float:left; display:block; position:relative; list-style-type:none} #mainMenu ul {z-index:20; padding:0; margin:0; line-height:1; list-style-type:none} #mainMenu a {color:#999; text-decoration:none; white-space:nowrap} #mainMenu ul a {color:#ccc; padding-bottom:0.2em; font-size:11px; line-height:100%} #mainMenu ul a:hover {color:#f60} li#studio {position:absolute; left:13px} li#program {position:absolute; left:103px} li#designeri {position:absolute; left:210px} li#workshop {position:absolute; left:327px} li#lr {position:absolute; left:547px} li#en {position:absolute; left:644px} li#studio ul, li#program ul, li#designeri ul, li#designeri ul ul, li#workshop ul, li#lr ul {bottom:1.2em} /* ...................................................................... ............................................. */ #mainMenu a {display:block; width:10em} #mainMenu li {/* all list items */float:left; width:10.5em} #mainMenu li ul {/* second-level lists */position:absolute; background:url(http://www.studio-lr.com/img/spacer.gif); width:10em; left:-999em} #mainMenu li:hover ul, #mainMenu li li:hover ul, #mainMenu li.sfhover ul, #mainMenu li li.sfhover ul {/* lists nested under hovered list items */ left:auto} #mainMenu li:hover ul#designeri2, #mainMenu li.sfhover ul#designeri2 {left:10em} #mainMenu li:hover ul#designeri3, #mainMenu li.sfhover ul#designeri3 {left:20.5em} /* ...................................................................... ............................................. */ #mainMenu li ul ul {/* third-and-above-level lists */margin:0 0 0 7.7em; bottom:0} #mainMenu li:hover ul ul, #mainMenu li.sfhover ul ul {left:-999em}