body {margin: 10px 0 0; font: normal 10px arial, verdana, sans-serif; color: #666; background: #E5DAB8;} a {color: #99994c; text-decoration: none;} a:hover {color: #535313;} img {border: 0;} .note {font: normal 9px arial ! important; text-transform: none ! important;} h1 {height: 100px; margin: 0; padding: 0;} h1 a {display: block; height: 100px; background: transparent url(../img/masthead.gif) bottom no-repeat;} h1 a span {display: none;} h2 {margin: 0 0 0 9px; padding: 0; font: bold 10px arial; color: #000;} h3 {margin: 0 0 15px 0; padding: 0; font: bold 18px georgia; font-style: italic; color: #999;} h4 {margin: 0 0 15px 0; padding: 0; font: normal 10px arial; text-transform: uppercase;} h4 strong {} h5 {} h5.confirm {margin: 15px 0 15px 9px; font: bold 12px georgia;} h6 {margin: 0; font: normal 10px arial; color: #99994c; text-decoration: none;} input.submit {color: #666; border-color: #FBFAF5; background: #E5DAB8; font: normal 11px arial;} div.content {position: absolute; left: 50%; width: 728px; margin-left: -364px; background: #fff url(../img/bg_content.gif) repeat-y;} ul.nav {height: 18px; padding: 1px 0 0 0; text-align: center; font: bold 11px georgia, times, serif; border: dotted #eee; border-width: 2px 0; margin: 30px 4px 0;} ul.nav li {display: inline; list-style-type: none;} ul.nav li a {display: block; float: left; height: 10px; margin-right: 7px; margin-top: 4px; text-transform: uppercase; text-decoration: none; color: #656565;} ul.nav li a span {display: none;} /* NAV ELEMENTS */ ul.nav li a.ck {width: 88px; margin-left: 77px; background: #fff url(../img/nav_cloud-king.gif) no-repeat;} ul.nav li>a.ck {margin-left: 155px;} ul.nav li a.artists {width: 96px; background: #fff url(../img/nav_our-artists.gif) no-repeat;} ul.nav li a.about {width: 139px; background: #fff url(../img/nav_about-ck.gif) no-repeat;} ul.nav li a.contact {width: 91px; background: #fff url(../img/nav_contact-us.gif) no-repeat;} ul.nav li a:hover {color: #000; background-position: 0 -11px;} div.majorColumn {float: left; width: 395px; margin-top: 30px;} div.majorColumn div.feature {width: 332px; margin-left: 63px;} div.majorColumn div.feature img {display: block; padding: 3px; border: 2px solid #E8E8E8;} div.majorColumn div.feature a:hover img {border: 2px solid #ccc ! important; background: #eee;} div.majorColumn div.feature h2 {margin: 10px 0 0; padding: 0 0 0 10px; color: #BABABC;} div.majorColumn div.feature h3 {margin: 0 0 4px 0; padding: 0 0 4px 10px; font-size: 16px; font-style: normal; color: #7E807F; background: #fff url(../img/bg_rule.gif) bottom repeat-x;} div.majorColumn div.feature p {margin: 0 0 15px 10px; font: normal 12px/18px arial; color: #7a7a7a;} div.majorColumn div.feature p span.date {padding-right: 5px; font: bold 11px georgia; color: #E5C972;} div.minorColumn {float: right; width: 304px; margin: 30px 0;} div.minorColumn div.card {width: 240px; margin-top: 8px; padding-top: 32px; background: #fff url(../img/card_head.gif) top left no-repeat;} div.minorColumn div.card div.cardContent {padding-bottom: 5px; background: transparent url(../img/card_bg.gif) repeat-y;} div.minorColumn div.card div.cardContent h2 {height: 25px; margin: 15px 0 0 22px; clear: both;} /* TITLES */ div.minorColumn div.card div.cardContent h2.latest {background: transparent url(../img/h2_latest-artists.gif) no-repeat;} div.minorColumn div.card div.cardContent h2.latest span {display: none;} div.minorColumn div.card div.cardContent h2.rated {background: transparent url(../img/h2_highly-rated.gif) no-repeat;} div.minorColumn div.card div.cardContent h2.rated span {display: none;} div.minorColumn div.card div.cardContent h2.external {margin-bottom: 0px; background: transparent url(../img/h2_external-essentials.gif) no-repeat;} div.minorColumn div.card div.cardContent h2.external span {display: none;} div.minorColumn div.card div.cardContent h2.updates {margin-bottom: 0px; background: transparent url(../img/h2_latest-updates.gif) no-repeat;} div.minorColumn div.card div.cardContent h2.updates span {display: none;} div.minorColumn div.card div.cardContent h2.gallery {margin-bottom: 0px; background: transparent url(../img/h2_in-the-gallery.gif) no-repeat;} div.minorColumn div.card div.cardContent h2.gallery span {display: none;} div.minorColumn div.card div.cardContent p {height: 42px; margin: 0 1px 8px 1px; padding: 0 0 0 17px;} div.minorColumn div.card div.cardContent p a {display: block; font: bold 12px georgia; color: #7F8183;} div.minorColumn div.card div.cardContent p a img {margin-right: 8px; margin-bottom: 1px; padding: 2px; border: 1px solid #E8E8E9; background: #fff; vertical-align: middle;} div.minorColumn div.card div.cardContent p:hover {background: #FBFAF5;} div.minorColumn div.card div.cardContent p a:hover {color: #000;} div.minorColumn div.card div.cardContent p a:hover img {border: 1px solid #ccc;} div.minorColumn div.card div.cardContent ul {margin: 0 20px 0 0; padding: 0; list-style-type: none;} div.minorColumn div.card div.cardContent ul li {margin: 0 0 1em 19px;} div.minorColumn div.card div.cardContent ul li a {padding-left: 22px; font: normal 11px arial; color: #7F8183; background: #fff url(../img/chevron.gif) left no-repeat;} div.minorColumn div.card div.cardContent ul li a span {color: #99994C;} div.minorColumn div.card div.cardContent ul li a:hover {color: #333; background: #fff url(../img/chevron_on.gif) left no-repeat;} div.minorColumn div.card div.cardContent ul li a:hover span {color: #535313;} div.minorColumn div.card div.cardBottom {height: 76px; background: #fff url(../img/card_foot.gif) bottom no-repeat;} div.minorColumn div.card div.thumbs {} div.minorColumn div.card div.thumbs h2.worksBy {height: 20px; margin: 0 0 15px 0; padding-top: 17px; font: bold 18px/20px georgia; color: #333; background: transparent url(../img/h2_works-by.gif) center top no-repeat; text-align: center;} div.minorColumn div.card div.thumbs>h2.worksBy {height: auto;} div.minorColumn div.card div.thumbs h2.worksBy span {display: none;} div.minorColumn div.card div.thumbs div.indent {padding-left: 18px;} div.minorColumn div.card div.thumbs p {float: left; width: 90px; height: 90px; margin: 0 18px 18px 0; padding: 0 ! important; background: #fff;} div.minorColumn div.card div.thumbs>p {background: #fff url(../img/bg_cloud.png);} div.minorColumn div.card div.thumbs p.new {background: #fff url(../img/bg_newCorner.gif) top left no-repeat ! important;} div.minorColumn div.card div.thumbs p a {position: relative; display: block; width: 90px; height: 90px; margin: 0; padding: 0; color: #999; border: 1px solid #ccc; background-color: #fff; background-position: center; background-repeat: no-repeat;} div.minorColumn div.card div.thumbs p.new a {background-color: transparent;} div.minorColumn div.card div.thumbs p a span {display: none;} div.minorColumn div.card div.thumbs p a img {margin: 0 ! important; background: transparent; border: 0;} /*div.minorColumn div.card div.thumbs p a:hover {background-color: #FBFAF5; border-color: #aaa;}*/ div.minorColumn div.card div.thumbs p a:hover {border-color: #aaa;} div.minorColumn div.card div.thumbs p a:hover img {border: 0;} /* tool tips */ /*div.minorColumn div.card div.thumbs p a:hover span {display: block; position: absolute; z-index: 100; top: 78px; left: 10px; width: 86px; padding: 0 2px 1px; font: normal 10px/12px arial; color: #000; background-color: #FFD900; text-align: center; border: 1px solid #869698;}*/ /* commented backslash hack v2 \*/ div.minorColumn div.card div.thumbs p a:hover span {display: block; position: absolute; z-index: 100; bottom: 0; left: 0; width: 86px; padding: 1px 2px 3px; font: normal 9px/9px verdana, "Trebuchet MS", arial; color: #000; background: #fff; text-align: center; border-top: 1px solid #ccc; text-transform: lowercase; cursor: default;} div.minorColumn div.card div.thumbs p a:hover>span {background: transparent url(../img/bg_cloud.png); border-top: 0; padding: 7px 2px 4px;} /* end hack */ div.artistsColumn {width: 608px; margin-top: 20px; margin-left: 56px; padding-bottom: 50px; border: solid #FBFAF5; border-width: 0 1px 1px;} div.artistsColumn h2 {clear: both; font-size: 11px; text-align: center; color: #bbb; font-style: italic; border: dotted #f3f3f3; border-width: 2px 0; padding: 4px 0; margin: 10px 0;} div.artistsColumn h2.top {margin-top: 0;} div.artistsColumn p {float: left; width: 190px; height: 42px; margin: 0 5px 8px;} div.artistsColumn p a {display: block; font: bold 10px georgia; color: #7F8183;} div.artistsColumn p a img {margin-right: 4px; margin-bottom: 1px; margin-left: 10px; padding: 2px; border: 1px solid #E8E8E9; background: #fff; vertical-align: middle;} div.artistsColumn p:hover {background: #FBFAF5;} div.artistsColumn p a:hover {color: #000;} div.artistsColumn p a:hover img {border: 1px solid #ccc;} div.workSpace {width: 602px; min-height: 200px; margin: 30px 0 0 63px; padding-bottom: 30px;} div.workSpace div.left {float: left; width: 292px; text-align: right;} div.workSpace div.right {float: right; width: 291px;} div.workSpace div.work {} div.workSpace div.work a img {padding: 2px; border: 2px solid #E4E5E5;} div.workSpace div.work a:hover img {border: 2px solid #ccc;} div.workSpace div.credits {width: 300px;} div.workSpace div.credits p {margin: 0 0 35px 9px; color: #999;} div.workSpace div.credits p span.media {display:block;color:#aaa;font-style: italic;padding:0;} div.workSpace div.credits ul {margin: 0; padding: 0;} div.workSpace div.credits ul li {display: block; margin: 0 0 8px 10px; font: normal 10px arial; text-transform: uppercase; list-style-type: none;} div.workSpace div.credits ul li a {color: #999; background-image: none;} div.workSpace div.credits ul li a img {display: none ! important;} div.workSpace div.credits ul li a.larger {background: #fff url(../img/larger.gif) left no-repeat; padding-left: 22px;} div.workSpace div.credits ul li a.larger:hover {background: #fff url(../img/larger_on.gif) left no-repeat;} div.workSpace div.credits ul li a.allWork {background: #fff url(../img/all-works.gif) left no-repeat; padding-left: 22px;} div.workSpace div.credits ul li a.allWork:hover {background: #fff url(../img/all-works_on.gif) left no-repeat;} div.workSpace div.credits ul li a.external {background: #fff url(../img/chevron.gif) left no-repeat; padding-left: 22px;} div.workSpace div.credits ul li a.external:hover {background: #fff url(../img/chevron_on.gif) left no-repeat;} div.workSpace div.credits ul li a span {font: bold 11px georgia;} div.workSpace div.credits ul li a strong {font-weight: normal; color: #ACAC6E;} div.workSpace div.credits ul li a:hover {color: #000;} div.workSpace div.credits ul li a:hover strong {color: #535313;} div.artistBio {margin-left: 27px; width: 334px;} body div.content>div.artistBio {margin-left: 54px;} div.artistBio h2, div.contact h2 {margin: 0; padding: 0; font: bold 14px georgia; color: #B2B2B2;} div.artistBio h3, div.contact h3 {margin: 0; padding: 0; font: bold 18px georgia; color: #666;} div.artistBio h4, div.contact h4 {margin: 0; padding: 0; font: bold 14px georgia; color: #999; text-transform: capitalize;} div.artistBio h6 {margin: 0 0 15px 0;} div.artistBio p {width: 99%; font: normal 12px/18px arial; color: #666;} div.artistBio ul {font-size: 12px;} div.content div.majorColumn ul {margin-bottom: 20px; color: #666; font: normal 11px/11px arial; list-style-image: url(../img/bullet.gif); line-height: 14px;} div.content div.majorColumn ul li {margin-bottom: 5px;} div.aboutBox {margin: 50px 104px 0 104px ! important; width: 520px;} div.aboutBox ul {list-style-image: url(../img/bullet.gif); line-height: 14px;} div.aboutBox ul li {margin-bottom: 5px;} div.awardsBox {text-align: center;} div.awardsBox img {margin: 0} div.awardsBox a {float: left; width: 88px; height: 31px; margin: 0 20px 20px 0; background: #eee; font-weight: bold; font-size: 12px; text-decoration: underline; white-space: nowrap; overflow: hidden; line-height: 30px;} div.infoSpace {padding-top: 10px; background: #fff url(../img/bg_rule.gif) repeat-x;} div.infoSpace div.otherWorks {line-height: 16px; padding-bottom: 60px;} div.infoSpace div.otherWorks h4 {text-align: right;} div.infoSpace div.otherWorks ul {margin: 0; padding: 0; list-style-type: none;} div.infoSpace div.otherWorks a {text-transform: uppercase;} /* commented backslash hack v2 \*/ div.infoSpace div.otherWorks a {background: url(../img/icon_single.gif) no-repeat right; padding-right: 16px;} /* end hack */ div.infoSpace div.otherWorks a:hover {background: url(../img/icon_single-on.gif) no-repeat right;} div.infoSpace div.otherWorks a span {text-transform: lowercase; color: #666; padding-right: 10px;} div.infoSpace div.otherLinks {margin-left: 19px; line-height: 16px; padding-bottom: 60px;} div.infoSpace div.otherLinks ul {margin: 0; padding: 0; list-style-type: none;} div.contact {margin-left: 104px; width: 332px;} div.contact h2, div.contact h3 {margin-left: 10px;} div.contact form {margin: 20px 0 60px; border: 1px solid #FBFAF5;} div.contact form div.formField {margin-bottom: 10px; padding: 5px 10px;} div.contact form div.formField p {line-height: 1.5em; font-size: 10px; margin: 0; text-transform: uppercase;} div.contact form div.formField p label {margin: 0; padding: 0;} div.contact form div.formField p input {vertical-align: middle;} div.contact form div.alt {background: #FBFAF5;} div.contact form p.note {font-size: 10px; margin-left: 10px;} div.contact form textarea {width: 300px; height: 9em;} div.linkbar {float: right; text-align: right; margin-top: 80px; margin-right: 104px; width: 156px;} div.linkbar a {display: block} div.footer {clear: both; height: 55px; padding-top: 7px; background: #E5DAB8 url(../img/bg_footer.gif) top no-repeat; text-align: center;}