body, #popwinxy {height: 101%; margin: 0; padding: 0; background: #FFF; color: #353535;} html, body, #popwinxy {min-height: 100%; } html>body, html>body, #popwinxy {height: auto;} #winxy {position: absolute; left: 50%; top: 0; margin: 0; padding: 0;} #pgwr {position: absolute; left: -402px; top: 46px; width: 804px; margin: 0; padding-bottom: 24px;} a:link, a:visited {font-family: Tahoma, Arial, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #4a628f; text-decoration: underline; letter-spacing: 0.02em;} a:hover {font-family: Tahoma, Arial, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #ef5a5d; text-decoration: underline; letter-spacing: 0.02em;} a:active {font-family: Tahoma, Arial, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; color: #353535; text-decoration: underline; letter-spacing: 0.02em;} a.it:link, a.it:visited {font-family: Tahoma, Arial, sans-serif; font-size: 11px; font-style: italic; font-weight: normal; color: #4a628f; text-decoration: underline; letter-spacing: 0.02em;} a.it:hover {font-family: Tahoma, Arial, sans-serif; font-size: 11px; font-style: italic; font-weight: normal; color: #ef5a5d; text-decoration: underline; letter-spacing: 0.02em;} a.it:active {font-family: Tahoma, Arial, sans-serif; font-size: 11px; font-style: italic; font-weight: normal; color: #353535; text-decoration: underline; letter-spacing: 0.02em;} .clr801 {clear: both; width: 801px; height: 10px; margin: 0; padding: 0;} .clr800 {clear: both; width: 800px; height: 26px; margin: 0; padding: 0; background: #fff;} .clr96pc {clear: both; width: 96%; height: 24px; margin: 0; padding: 0;} .clr720 {clear: both; width: 720px; height: 10px; margin: 0; padding: 0;} .clear,.clr {clear: both; height: 1px; margin: 0; padding: 0;} img {border: 0;} img.colophon {float: left; margin: 4px 0 -1px 0;} img.clbug {float: left; margin: 5px 6px 5px 0;} img.webss {float: right; margin: 0 0 15px 0;} img.webss-w {margin-bottom: 24px;} p {margin: 0; padding: 2px 0;} .para {text-indent: 24px;} th {font-weight: bold;} ul {margin: 0; padding: 0 16px;} li {margin: 0 18px; padding: 1px 0; list-style: square outside;} sup {font-size: 10px;} .hline720 {width: 720px; height: 10px; margin: 0 auto; padding: 0; border-bottom: 1px solid #c00;} .hline712 {width: 712px; height: 10px; margin: 0 auto; padding: 0; border-bottom: 1px solid #915f27;} #pghd {float: left; width: 804px; height: 52px; margin: 0; padding: 0; background: #fff url(images/bg-logo.jpg) no-repeat;} #pghd2 {float: left; width: 804px; height: 52px; margin: 0; padding: 0; background: #fff url(images/bg-logo3.jpg) no-repeat;} #mh {float: left; width: 804px; height: 142px; margin: 0; padding: 0;} #midwr {float: left; width: 804px; margin: 0; padding: 0; background: #fff url(images/bg-pgmid.jpg) repeat-y;} #botwr {float: left; width: 804px; height: 24px; margin: 0; padding: 0; background: #fff url(images/bg-pgbot.jpg) no-repeat;} .sbarhline {width: 216px; height: 1px; border-bottom: 1px solid #666; margin: 4px 0; padding: 0;} .sbardothline {width: 216px; height: 1px; border-bottom: 1px dotted #666; margin: 4px 0; padding: 0;} .hdr-bg12 {height: 20px; margin: 0; padding: 4px 0 2px 0; text-align: center; background: #d8cd7d; color: #013225; font-weight: bold; font-size: 12px; line-height: 1.65em; border: 1px solid #013225;} /* NAVIGATION */ #navwr-inner {float: right; width: 722px; height: 28px; margin-top: 14px; padding-right: 0; text-align: right;} #nav {margin: 0; padding: 3px 0.2em 3px 1.05em;} #nav li {display: inline; margin: 0; padding: 0 1.23em 0 0.62em; white-space: nowrap;} #nav a:link {font-family: Tahoma, Verdana, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; color: #727375; text-decoration: none; letter-spacing: 0.2em;} #nav a:visited {font-family: Tahoma, Verdana, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; color: #727375; text-decoration: none; letter-spacing: 0.2em;} #nav a:hover {font-family: Tahoma, Verdana, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; color: #bb494b; text-decoration: none; letter-spacing: 0.2em;} #bio #nbio a, #des #ndes a, #gem #ngem a, #rev #nrev a, #exp #nexp a, #em #nem a {font-family: Tahoma, Verdana, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; color: #bb494b; text-decoration: none; letter-spacing: 0.2em;} #bio #nbio a:hover, #des #ndes a:hover, #gem #ngem a:hover, #rev #nrev a:hover, #exp #nexp a:hover, #em #nem a:hover {font-family: Tahoma, Verdana, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; color: #E9AF32; text-decoration: none; letter-spacing: 0.2em;} #nav a:active {font-family: Tahoma, Verdana, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; color: #bb494b; text-decoration: none; letter-spacing: 0.2em;} /* #nmnav1 p, #nmnav2 p, #nmnav3 p, #nmnav4 p, #nmnav5 p, #nmnav6 p {padding: 3px 0 6px 35px; line-height: 1.35em; color: #013225; font-size: 12px;} */ #bswfbio {float: left; width: 357px; height: 28px; margin-top: 18px; padding: 0; text-align: right;} /* REVEIWS/RECOMMENDATIONS */ #bswfbio p {display: inline; margin-top: 4px; padding: 0 8px;} /* FOOTER */ #ix-ftr {margin: 12px auto; padding: 12px;} #ix-ftr p {font-size: 10px; text-align: center; color: #b5b5b5;} a.ftr:link, a.ftr:visited {font-family: Tahoma, Arial, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #b5b5b5; text-decoration: underline; letter-spacing: 0.02em;} a.ftr:hover {font-family: Tahoma, Arial, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #ef5a5d; text-decoration: underline; letter-spacing: 0.02em;} a.ftr:active {font-family: Tahoma, Arial, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #b5b5b5; text-decoration: underline; letter-spacing: 0.02em;} /* MAIN PAGE CONTENT */ .sectionhdr {width: 744px; margin: 0; padding: 8px 0 12px 28px;} .sectionhdr2 {width: 744px; margin: 0; padding: 8px 0 12px 36px;} #col-bio-lft {float: left; width: 268px; margin: 0; padding: 0;} #col-bio-lft div {float: left; width: 234px; margin: 0; padding-left: 23px;} #col-bio-rt {float: right; width: 533px; margin: 0; padding: 0;} #col-bio-mid {float: left; width: 261px; margin: 0; padding: 0;} #col-bio-mid div {float: left; margin: 0; padding: 0 12px;} #col-bio-farrt {float: right; width: 269px; margin: 0; padding: 0;} #col-bio-farrt div {float: left; width: 232px; margin: 0; padding-left: 12px;} #col-lft {float: left; width: 283px; margin: 0; padding: 0;} #col-lft div {float: left; width: 238px; margin: 0; padding-left: 30px;} #col-rt {float: right; width: 518px; margin: 0; padding: 0; background: url(images/linedash.gif) repeat-y top left;} #col-mid {float: left; width: 261px; margin: 0; padding: 0; background: url(images/linedash.gif) repeat-y top right;} #col-mid div {float: left; margin: 0; padding: 0 18px;} #col-rtsbar {float: right; width: 254px; margin: 0; padding: 0;} #col-rtsbar div {float: left; width: 239px; margin: 0; padding-left: 14px;} #col-dbllft {float: left; width: 547px; margin-top: 24px; padding: 0; background: url(images/linedash.gif) repeat-y top right;} #col-dbllft div {float: left; width: 500px; margin: 0; padding-left: 30px;} /* Design pg 3 equal columns */ #col1, #col1-a, #col1-b, #col1-c, #col1-d, #col1-e, #col1-f {float: left; width: 268px; margin: 0; padding: 0;} #col1 div, #col1-a div, #col1-b div, #col1-c div, #col1-d div, #col1-e div, #col1-f div {float: left; width: 230px; margin: 0; padding-left: 30px;} #col1-2wr, #col2wr, #col2wr-a, #col2wr-b, #col2wr-c, #col2wr-d, #col2wr-e, #col2wr-f {float: right; width: 530px; margin: 0; padding: 0;} #col1-2wr {background: url(images/bg-lftrt-linedash.gif) repeat-y top left;} #col2wr, #col2wr-a, #col2wr-b, #col2wr-c, #col2wr-d, #col2wr-e, #col2wr-f {background: url(images/linedash.gif) repeat-y top left;} #col2 {float: left; width: 256px; margin: 0; padding: 0;} #col2 div {float: left; margin: 0; padding: 0 18px;} #col3 {float: right; width: 274px; margin: 0; padding: 0; } #col3 div {float: left; width: 236px; margin: 0; padding-left: 14px;} #col-snglrt {float: right; width: 254px; margin-top: 24px; padding: 0;} #col-singlrt div {float: left; width: 243px; margin: 0; padding: 0;} .sbarimg {width: 180px; margin-left: 30px; padding: 0;} #imggem1 {width: 180px; height: 263px; margin: 26px 0 4px 0; padding: 0; background: url(images/rose-chalc.jpg);} #imggem2 {width: 180px; height: 347px; margin: 26px 0 4px 0; padding: 0; background: url(images/ms-crchal1.jpg);} #imggem3 {width: 180px; height: 132px; margin: 26px 0 4px 0; padding: 0; background: url(images/em-3phincl.jpg);} #imggem4 {width: 180px; height: 221px; margin: 26px 0 4px 0; padding: 0; background: url(images/cit_berlinfg2350b.jpg);} #imggem5 {width: 180px; height: 196px; margin: 26px 0 4px 0; padding: 0; background: url(images/ms-seal-tragate.jpg);} #imgexp1 {width: 180px; height: 243px; margin: 26px 0 4px 0; padding: 0; background: url(../images/ongems-sbar.jpg);} #imgexp2 {width: 180px; height: 188px; margin: 26px 0 4px 0; padding: 0; background: url(../images/feldspar-sinkankas-sbar.jpg);} #portf {float: left; width: 336px; margin: 0; padding: 0;} #portf div {float: left; margin: 0; padding-left: 36px;} #portf-img {float: right; width: 430px; margin: 0; padding-right: 36px;} #portf-wr {float: left; width: 766px; margin: 0; padding: 0;} #portf-lft {float: left; width: 378px; margin: 0; padding: 0;} #portf-lft div {float: left; margin: 0; padding-left: 48px;} #portf-rt {float: right; width: 376px; margin: 0; padding: 0;} #portf-rt div {float: left; margin: 0; padding-left: 30px;} .revrecwr,.mainrecwr {float: left; width: 720px; margin: 0; padding: 8px 0 12px 42px;} .recwr {float: left; width: 720px; margin: 0; padding: 0;} .reclft {float: left; width: 451px; margin: 0; padding: 0;} .reclft div {float: left; width: 451px; margin: 0; padding: 0;} .recrt {float: right; width: 269px; margin: 0; padding-top: 18px;} .recrt div {float: left; width: 259px; margin: 0; padding: 0 0 0 6px;} /* LINK STYLE */ a.hdr11hl:link,a.hdr11hl:visited, a.hdr12hl:link,a.hdr12hl:visited {font-family: Tahoma, Arial, sans-serif; font-style: normal; font-weight: bold; color: #4a628f; text-decoration: underline; line-height: 1.8em;} a.hdr11hl:hover, a.hdr12hl:hover {font-family: Tahoma, Arial, sans-serif; font-style: normal; font-weight: bold; color: #ef5a5d; text-decoration: underline; line-height: 1.8em;} a.hdr11hl:active, a.hdr12hl:active {font-family: Tahoma, Arial, sans-serif; font-style: normal; font-weight: bold; color: #4a628f; text-decoration: underline; line-height: 1.8em;} a.hdr11hl:link,a.hdr11hl:visited,a.hdr11hl:hover,a.hdr11hl:active {font-size: 11px;} a.hdr12hl:link,a.hdr12hl:visited,a.hdr12hl:hover,a.hdr12hl:active {font-size: 12px;} /* TEXT STYLE */ .hdr14 {font-size: 14px; font-weight: bold; color: #565656; margin: 0; padding: 4px 0;} .hdr13 {font-size: 13px; font-weight: bold; color: #565656; margin: 0; padding: 4px 0;} .hdr12 {font-size: 12px; font-weight: bold; color: #565656; margin: 0; padding: 2px 0;} .hdr11 {font-size: 11px; font-weight: bold; color: #565656; margin: 0; padding: 4px 0;} .hdr13-hi {font-size: 13px; font-weight: bold; color: #8b8b8b; text-indent: -24px; margin-left: 24px; padding: 30px 0 0 24px;} .hsp2 {line-height: 0.02em;} .hsp4 {line-height: 0.04em;} .hsp6 {line-height: 0.06em;} .hsp8 {line-height: 0.08em;} .hsp2x {line-height: 2em;} .hsp12x {line-height: 12em;} .hsp3x {line-height: 3em;} .bld {font-weight: bold; color: #565656;} .c {text-align: center;} .it {font-style: italic;} .lt {color: #5c5c5c;} .bldlt {font-weight: bold; color: #8b8b8b;} .r {color: #831305;} .rit {font-style: italic; color: #831305;} .rbld {font-weight: bold; color: #831305;} .tipbox {width: 410px; margin: 12px; padding: 16px; border: 1px solid #748b85;} .tipbox p {color: #475c57;} /* COPYRIGHT ========= */ #chop { width:760px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; color:#9d9c96; float: left; margin: 24px auto; padding: 0; } #chop p.plug { font-family: Arial, Helvetica, Verdana, sans-serif; position:absolute; top:0px; right: 36px; color:#9d9c96; z-index: 88; } #chop p { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; color:#9d9c96; padding: 6px; text-align: center; } #chop #chop { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; color:#9d9c96; padding: 0; } #chop a, #chop a,#chop a:link { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; color: #9d9c96; text-decoration: underline; } #chop a:visited { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; color: #9d9c96; text-decoration: underline; } #chop a:hover, #chop a:hover { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; color: #ef5a5d; text-decoration: none; } #chop a:active { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; color: #9d9c96; text-decoration: underline; }