/* GENERAL STYLES */ /* CSS for artfoundationmallorca.com, media:screen */ /* Reset */ html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,img {margin: 0; padding: 0;} h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size: 1em; font-weight: normal; font-style: normal;} h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration:none;} ul,ol {list-style: none;} fieldset,img {border: none;} caption,th {text-align: left;} table {border-collapse: collapse; border-spacing: 0;} /* General html elements and fonts */ body {padding:15px 0; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:1.2; color:#979797;} body, thead, tbody, h1, h2, h3 {} h1, h2, h3, h4, h5 { font-weight:bold; text-transform:uppercase;} h1 {} h2 {font-size:1.4em;} h3 {padding-top:15px; font-size:1.3em;} h4 {padding-top:15px; font-size:1.0em;} h5 {font-size:1.0em;} a {text-decoration:none; color:#000;} a:hover {text-decoration:none;} a img {border:none} p {padding-bottom:10px;} ul {} li {} strong {font-weight:bold;} em {font-style:italic;} :focus{outline-style:none;} /* Document elements */ #header, #content, #footer {margin:0 auto; width:919px; text-align:left; position:relative; display:block; } /* Document elements - header */ #header {height:165px; overflow:visible;} #logo {top:4px;} #contact-menu {bottom:88px; right:0px;} #contact-menu li {padding:0 5px 2px; float:left; border-right:1px solid #000;} #contact-menu li.last {padding-right:0; border-right:none;} #menu {width:919px; height:38px; top:74px; background:#000;} #menu ul {position:absolute; left:0px; bottom:0; } #menu li {margin-left:0px; float:left; border-right:1px solid #808080; border-bottom:none; line-height:1; } #menu li a {padding: 23px 18px 4px; display:block; color:#fff; z-index:99999;} #menu li a:hover {background:#808080;} #menu li.last {border-right:none; } #menu li.over, #menu li.current {margin-left:-1px; border-right:none; display:block; z-index:999999;} #menu li.over .first, #menu li.current .first {margin-left:0px !important; } #menu li.over a, #menu li.current a {background:#808080; padding-left:19px; padding-right:19px;} #menu li.over ul li, #menu li.current ul li {margin-left:0px;} #menu li.over ul a, #menu li.current ul a {padding:0 10px 4px; display:block; background:#fff; color:#000;} #menu li ul, #menu #login-menu li ul {width:919px; height:15px; padding-top:5px; display:block; float:left; position:absolute; top:38px; background-color:#fff; border-bottom:1px solid #000; z-index:2; text-transform:none;} #menu li ul li, #menu li.current ul li.current, #menu #login-menu li ul li {padding-bottom:0; border-left:1px solid #000; border-right:none; border-bottom:none; } #menu li ul li.current a {padding-bottom:5px;} #menu #login {height:38px; position:absolute; right:0px; bottom:0; border-left:1px solid #fff; color:#fff !important;} #menu #login form {padding:19px 0 0 18px;} #menu #login input {border:none !important;} #menu #login span {padding:21px 18px 3px;} #menu #login .login {display:block; } #menu #login td {vertical-align:bottom; } #menu #login .submit, #menu #login .label {padding:21px 10px 3px 0; } #menu #login .label {padding-left:20px; } #menu #login .login-button {margin-left:10px; padding:0 10px 0 0; display:block; background:#000 url(/media/AppStract/CssImages/LoginArrow.gif) no-repeat right; color:#fff;} #menu #login .login-name {width:100px; height:15px; margin:21px 0 1px;} #menu #login-menu {bottom:0;} #menu #login-menu li {border-right:none;} #menu #login-menu li a {padding-left:10px; padding-right:10px; display:block;} #menu #login-menu li ul {width:460px; height:20px; padding:0 0 0 459px; left:-460px;} #menu #login-menu li ul li {padding-top:5px; border:none;} #menu #login-menu li ul li.first, #menu #login-menu li ul li .first {border-left:1px solid #000;} #menu #login-menu li ul a {border-right:1px solid #000;} #logo, #contact-menu, #menu {position:absolute; text-transform:uppercase;} #header .menu-bottom {width:919px; height:3px; overflow:hidden; border-bottom:1px solid #000; position:absolute; top:112px;} /* Document elements - content */ #content {margin-top:-45px;} #content h1 {padding:30px 0 5px; font-size:2.0em; line-height:0.9; color:#e5e5e5;} /* Document elements - footer */ #footer {border-top:3px solid #000; color:#7d7d7d; clear:both;} #footer .half {border-left:1px solid #000;} #footer .first {border:none !important;} #footer input {border:1px solid #c8c8c8;} #footer #send-friend, #footer #newsletter {width:449px; position:relative;} #footer #send-friend {padding:8px 10px 0 0;} #footer #newsletter {padding:8px 0 0 10px;} #footer h3 {padding-top:0; padding-bottom:6px; font-size:1.0em;} #footer .button {padding:3px 18px 3px 0; bottom:0px; background:url(/media/AppStract/CssImages/ButtonArrow.gif) no-repeat right; border:none; font-weight:bold; color:#000; text-transform:uppercase;} #footer .button:hover {background:url(/media/AppStract/CssImages/ButtonArrowHover.gif) no-repeat right; color:#c8c8c8;} #footer .input-field {width:100px;} #footer .submit {padding-bottom:2px; vertical-align:bottom; } #footer td {padding-right:10px;} #footer label {display:block;} #footer fieldset {padding:0 10px 0 0; float:left;} #footer #disclaimer {padding-bottom:12px; float:left; background:#f6f6f6; border-top:1px solid #dedede; text-transform:uppercase; line-height:1.0; } #footer #disclaimer li {padding:6px 10px 0; float:left; border-left:1px solid #dedede;} #footer #disclaimer a {font-weight:bold; color:#dedede;} /* Tile classes */ .full, .half, .fifth, .black, .dark, .medium-dark, .medium, .medium-light, .light {float:left;} .bottom-margin {margin-bottom:25px;} .full {width:919px;} .half {width:459px;} .fifth {width:183px;} .left {width:449px; padding-right:11px !important;} .black {} .black .border-right, .black .border-left {border-color:#000;} .black .high, .black .low {background:#000; color:#fff !important;} .dark {} .dark .border-right, .dark .border-left {border-color:#333;} .dark .high, .dark .low{background:#333; color:#fff;} .medium-dark {} .medium-dark .high, .medium-dark .low {} .medium {} .medium .border-right, .medium .border-left {border-color:#7d7d7d;} .medium .high, .medium .low {background:#7d7d7d; color:#fff;} .medium-light {} .medium-light .border-right, .medium-light .border-left {border-color:#c8c8c8;} .medium-light .high, .medium-light .low {background:#c8c8c8; color:#fff;} .light {} .light .border-right, .light .border-left {border-color:#f4f4f4;} .light .high, .light .low {background:#f4f4f4;} .high, .low {width:459px; position:relative; overflow:hidden;} .high {height:55px;} .low {height:30px;} .left .high, .left .low{width:449px;} .high h2, .high h3, .high h4, .low h2, .low h3, .low h4 {position:absolute; bottom:0px;} .high h2, .low h2 {font-size:1.4em; left:3px;} .high h3, .low h3 {font-size:1.1em; left:10px;} .high h4, .low h4 {font-size:1.0em; left:3px;} .border-right, .border-left, .no-border {width:449px; padding-left:9px; float:left; display:block;} .left .border-right, .left .border-left, .left .no-border {width:439px;} .border-right {border-right:1px solid;} .border-left {border-left:1px solid;} .no-border {padding-left:10px !important; border:none !important;} .border-bottom {padding-bottom:10px; border-bottom:2px solid #c8c8c8;} .border-right ul, .border-left ul, .no-border ul { list-style-type:disc;} .border-right li, .border-left li, .no-border li {margin-left:20px; padding-bottom:10px;} /* Helper classes */ .spacer {height:30px; overflow:hidden; clear:both;} .spacer-low {height:10px; overflow:hidden; clear:both;} .more, .less, .enlarge {height:15px; overflow:auto; padding:5px 0; display:block;} .more a, .less a, .enlarge a {font-weight:bold; text-transform:uppercase; color:#000;} .more a {padding:3px 18px 3px 0; background:url(/media/AppStract/CssImages/ButtonArrow.gif) no-repeat right;} .more a:hover {background:url(/media/AppStract/CssImages/ButtonArrowHover.gif) no-repeat right; color:#c8c8c8;} .less a:hover {background:url(/media/AppStract/CssImages/PreviousArrowInactive.gif) no-repeat left; color:#c8c8c8;} .less a {padding:3px 0 3px 18px; background:url(/media/AppStract/CssImages/ButtonArrowLess.gif) no-repeat left;} .enlarge a {padding:4px 12px 3px 0; background:url(/media/AppStract/CssImages/EnlargeArrow.gif) no-repeat right;} .showcase {width:919px; padding-top:30px; background:#f4f4f4;} .half-list {list-style-type:none !important;} .half-list li {width:449px; margin-left:0px; padding:3px 0; border-bottom:1px solid #eee; float:right;} .left .half-list li {width:439px !important;} .half-list li.last {border:none;} .half-list img {float:right;} .image-right {margin:3px 0 0 10px; float:right;} .image-left {margin: 3px 10px 0 0; float:left;} .image-list-right {width:203px; float:right} .image-list-left {width:203px; float:left;} .feature {margin-bottom:0 !important;} h5 .enlarge {display:inline;} /* Frontpage specific */ #art-presentation {width:919px; height:412px; overflow:hidden; text-align:center; float:left; border-bottom:3px solid #000; background:#f4f4f4; position:relative;} #art-presentation ul {} #art-presentation li {height:382px; position:absolute; top:0;} #art-presentation .image {display:none;} #art-presentation .image img {margin-bottom:20px;} #art-presentation #next, #art-presentation #previous {position:absolute; top:172px; z-index:2; text-transform:uppercase; font-size:18px; font-weight:bold; color:#7d7d7d;} #art-presentation #next {padding-right:17px; right:18px; background:url(/media/AppStract/CssImages/NextArrow.gif) no-repeat right; } #art-presentation #previous {padding-left:17px; left:18px; background:url(/media/AppStract/CssImages/PreviousArrow.gif) no-repeat left; } #art-presentation #next.inactive {background:url(/media/AppStract/CssImages/NextArrowInactive.gif) no-repeat right; color:#c8c8c8; cursor:default;} #art-presentation #previous.inactive {background:url(/media/AppStract/CssImages/PreviousArrowInactive.gif) no-repeat left; color:#c8c8c8; cursor:default;} #art-presentation .art-details {width:919px; height:60px; padding-top:3px; float:left; position:absolute; bottom:0; left:0; background:#fff; display:none;} #art-presentation .fifth {height:60px; overflow:hidden; position:relative; border-left:1px solid #000; text-align:left; color:#7d7d7d; text-transform:uppercase; } #art-presentation .fifth p, #art-presentation .fifth h2 {padding-bottom:0px; position:absolute; bottom:0px; left:4px; } #art-presentation .fifth strong {display:block;} #art-presentation .first {width:180px; height:57px; margin:0 3px 3px 0; border-left:none; background:#7d7d7d; color:#fff; } #art-presentation .location {width:178px; margin-right:5px; background:url(/media/AppStract/CssImages/Globe.gif) no-repeat top right;} .frontpage-first {margin-bottom:0 !important;} .invest {width:429px; padding:6px 10px; background:#000; color:#fff;} .invest h2, .invest h3, .frontpage-first h4 {padding-top:0;} .invest h2 {font-size:2.1em;} .invest span {padding-right:110px; background:url(/media/AppStract/CssImages/Gradients.png) no-repeat right;} .invest h3 {font-size:1.6em;} .frontpage-first .black {margin-top:3px; clear:both;} h3.border {padding-top:0px; padding-right:3px; left:0px; border-right:1px solid #fff;} h3.border span {padding:0 10px; background:#7d7d7d; display:block;} /* Curators Specific */ #curators {} #curators li {margin-bottom:30px; float:left; } #curators li.last {margin-bottom:0 !important;} #curators .image-background {width:450px; height:206px; overflow:hidden; display:block; background:#f4f4f4;} /* Notify specific */ #notify {padding-top:25px; position:relative; background:#7d7d7d; float:left; color:#fff !important;} #notify h3 {position:absolute; top:0px; font-size:1.1em; } #notify h3 span {background:#000; display:block;} #notify fieldset {float:left; position:relative;} #notify .input {width:243px; padding-right:5px; } #notify .error {width:5px; padding-right:5px; } #notify .send {width:100px;} #notify .submit {padding-bottom:10px; vertical-align:bottom; } #notify .input input {width:243px; height:16px; margin-bottom:8px; border:1px solid #c8c8c8;} #notify .label {width:72px; display:block; float:left; line-height:18px; text-transform:uppercase;} #notify .button {padding-right:10px; top:53px; background:url(/media/AppStract/CssImages/NotifyArrow.gif) no-repeat right; border:none; font-weight:bold; text-transform:uppercase; color:#fff;} /* Pool specific */ #art-pieces {} #art-pieces ul {} #art-pieces li {padding-bottom:15px;} #art-pieces li .art-piece {padding-bottom:15px !important; float:left; border-bottom:1px solid #eee;} #art-pieces li.left .art-piece .low {width:246px;} #art-pieces li .art-piece .low {width:256px;} #art-pieces li .last {border-bottom:none;} #art-pieces li .image {width:193px; height:112px; overflow:hidden; margin:0 10px 0 0; float:left; background:#f4f4f4;} #art-pieces li.left .description {width:246px; height:112px; overflow:hidden; } #art-pieces li .description {width:256px; margin-bottom:0 !important;} #art-pieces li .description .text {height:72px; padding:10px 0 0 0; border-right:1px solid;} #art-pieces li .description .text p {padding-bottom:0; font-weight:bold; text-transform:uppercase;} #art-navigation {height:20px; padding-top:10px; overflow:hidden; position:relative; } #art-navigation .less {padding-top:3px; float:left;} #art-navigation .less .inactive {background:url(/media/AppStract/CssImages/PreviousArrow.gif) no-repeat left;} #art-navigation .more {padding-top:3px; float:right;} #art-navigation .more .inactive {background:url(/media/AppStract/CssImages/NextArrow.gif) no-repeat right;} #art-navigation a.inactive {color:#808080 !important;} #art-navigation ul { height:20px; position:absolute; right:60px; bottom:0; border-right:1px solid #000;} #art-navigation ul li {width:20px; padding:0 5px 0 0; float:left; } #art-navigation ul li a {height:15px; padding:3px 0; overflow:auto; display:block; font-weight:bold; text-transform:uppercase; color:#000; } #art-navigation ul li.current a {color:#808080;} /* Investor specific */ .investor {position:absolute; right:0; top:37px; font-weight:bold; color:#979797;} .investor-description {right:10px;} .investors {padding:20px 0; font-size:150%; } /* Become investor specific */ #investor-paragraphs {width:919px; float:left; background:url(/media/AppStract/CssImages/BecomeInvestorBackground.png) repeat-y right;} /* Overview specific */ #art-details {} #art-details ul {} #art-details li {width:919px; height:230px; margin-bottom:30px; float:left; border-bottom:2px solid #c8c8c8;} #art-details li.last {margin-bottom:0;} #art-details .art-piece {} #art-details .art-piece .image {width:289px; margin-right:10px; float:left; } #art-details .art-piece .image-placeholder {width:289px; height:202px; overflow:hidden; display:block; background:#f4f4f4;} #art-details .art-piece .description {width:386px; height:220px; padding-bottom:10px; overflow:hidden; display:block;} #art-details .art-piece .description .high {width:inherit;} #art-details .art-piece .description .text {padding-top:10px;} #art-details .art-piece .shows {width:234px; height:202px; overflow:hidden; display:block; background:url(/media/AppStract/CssImages/ShowsBackground.png) repeat-y left; } #art-details .art-piece .shows .high {width:234px;} #art-details .art-piece .shows .locations { border-left:1px solid #e3e3e3;} #art-details .art-piece .shows .locations .more {padding-left:9px; padding-bottom:1px;} #art-details .art-piece .shows .location {width:194px; height:57px; overflow:hidden; padding:5px 30px 5px 9px; position:relative; border-bottom:1px solid #e3e3e3;} #art-details .art-piece .shows .location a.map {padding-top:20px; position:absolute; right:5px; top:20px; background:url(/media/AppStract/CssImages/Globe.gif) no-repeat top center; text-transform:uppercase; color:#979797;} #art-details .art-piece .dark, #art-details .art-piece .medium-light {margin-bottom:0;} /* Collections specific */ #art-overview {padding-top:30px; } #art-overview ul {} #art-overview ul li {margin:0 11px 10px 0; float:left;} #art-overview li.last {margin-right:0;} #art-overview li a {width:175px; height:175px; overflow:hidden; float:left; position:relative; background:#f4f4f4; text-align:center;} #art-overview li a:hover {} #art-overview li a .description {width:172px; padding:0 1px 0 2px; position:absolute; bottom:0; background:#333; color:#fff; display:none; text-align:left;} #art-overview li a:hover .description { display:block;} #art-overview li img{} /* Description specific */ #art-description {min-height:300px; height:auto !important; height:300px; margin-top:15px; padding:15px 0; background:#f4f4f4; border-bottom:3px solid #000; text-align:center;} #art-description-paragraphs {width:919px; float:left; background:url(/media/AppStract/CssImages/DescriptionBackground.png) repeat-y left; } #show-list {padding-top:10px;} #show-list dt {padding-top:10px;} #show-list dd {margin:0 0 10px; padding:0 0 0 10px; background:url(/media/AppStract/CssImages/Bullet.gif) no-repeat left; font-weight:bold; text-transform:uppercase;} #show-list dd.map {width:449px; overflow:hidden; padding-left:0; background:none;} #show-list dd.map a{padding-left:0; background:none;} #show-list dd.last {margin-bottom:0;} #show-list dd a {padding:4px 12px 3px 0; background:url(/media/AppStract/CssImages/EnlargeArrow.gif) no-repeat right;} h1.description {padding-left:10px !important; position:absolute; top:0; left:0;} .header-narrow {width:145px !important; overflow:hidden; padding:3px 3px 0 0; border-right:1px solid #000; background:#fff; } .header-narrow .low{width:145px !important;} .text-left, .text-right { padding-top:20px;} .text-left {width:235px; float:left;} .text-right {width:193px; margin:3px 0 0 10px; float:right; text-align:right;} /* Article specific */ #article {width:919px; float:left; background:url(/media/AppStract/CssImages/ArticleBackground.png) repeat-y right;} #article .left {width:685px !important; padding-right:0 !important; } #article .left .low {width:685px;; } #article .left .no-border {width:672px; padding-right:3px;} #article .right {width:234px; float:right;} #article .right .low {width:234px;} #article .right .no-border {width:224px; border-bottom:1px solid #e3e3e3 !important;} #article .right .last {border-bottom:none !important;} /* News specific */ #news-overview {padding-bottom:30px;} .news-items {width:909px; padding-left:10px; float:left !important; } .news-items .news-right {margin-left:31px !important; } .news-items .news-left {margin-left:0px !important; } .news-left, .news-right {width:439px !important; height:113px; overflow:hidden; float:left !important;} .news-header {padding-top:30px;} .news-header .tile {width:919px !important;} /* Error page specific */ #error-page {font-size:150%;} /* Video specific */ #video-area {height:380px; overflow:hidden; margin-top:15px; padding:40px 0 20px; background:#f4f4f4; border-bottom:3px solid #000;} .video-description {color:#7d7d7d !important;} #video-player {width:505px; height:380px; overflow:hidden; padding:0 10px 0 11px; float:left;} #video-catalogue {width:393px; float:left;} #video-catalogue h2 {} #video-catalogue ul {width:inherit; padding-top:20px;} #video-catalogue li {width:inherit; margin-bottom:30px; float:left;} #video-catalogue li.last {margin-bottom:0;} #video-catalogue ul .thumb-frame {padding:3px; border:1px solid #e4e4e4; float:left;} #video-catalogue ul .thumb {width:116px; height:86px; overflow:hidden; background:#7d7d7d; position:relative;} #video-catalogue ul .thumb img.video-thumb, #video-catalogue ul .thumb a.video-play {position:absolute; top:0; left:0;} #video-catalogue ul .description {width:258px; overflow:hidden; padding-left:10px; float:left; color:#7d7d7d !important;} #video-catalogue ul .description .medium-light, #video-catalogue ul .description .medium, #video-catalogue ul .description .dark {width:inherit; margin-bottom:0px;} #video-catalogue ul .description .low {width:inherit;} #video-catalogue ul .description .low h3 {left:2px;} #video-catalogue ul .description h4 {padding-top:10px;} #video-catalogue ul .description p {padding-bottom:0;} #video-text {margin:25px 0 5px; background:url(CssImages/VideoTextBackground.png) repeat-y left; float:left;} /* EDITOR PROPERTIES */