.clear {
clear:both;
}
* {
margin:0;
padding:0;
list-style:none;
}
img {
border:0;
}
html,body {
color:#FFF;
text-align:center;
}
.frame {
width:781px;
margin:5px auto;
padding:5px 10px 5px 15px;
background:#000;
border:2px solid #FFF;
}
.wrapper {
width:761px;
margin:0 auto;
text-align:left;
position:relative;
}
.lite {
position:absolute;
top:-5px;
right:0;
}
.lite a {
font-family:Arial;
font-size:11px;
color:#FFF;
text-decoration:none;
}
.logo {
margin:10px 0;
background:url('https://hosted.met-art.com/fhg/logo.png') no-repeat;
height:106px;
}
.membership_notice {
background:#FFF;
color:#000;
font-family:Arial;
font-size:13px;
text-align:center;
padding:4px 0;
}
.membership_notice a {
color:#000;
}
.membership_notice strong {
font-size:13px;
}
.title {
margin:5px 0;
color:#FFF;
font-family:Arial;
font-size:13px;
text-align:center;
}
.gallery {
table-layout:fixed;
}
.gallery td {
min-width:152px;
vertical-align:top;
padding-bottom:12px;
}
.table_text {
padding-right:10px;
}
.image_container {
width:137px;
height:177px;
background:#FFF;
text-align:center;
vertical-align:middle;
padding:23px 0 0;
position:relative;
}
.cover_container {
width:291px;
height:395px;
background:#FFF;
text-align:center;
padding:19px 0 0;
}
.feature {
color:#FFF;
font-family:Arial;
font-weight:400;
font-size:12px;
}
.new_feature {
font-size:14px;
font-family:Arial;
}
.sub_feature {
color:#FFF;
font-family:Arial;
font-weight:400;
font-size:13px;
}
.sub_info {
margin-top:9px;
font-family:Arial;
font-size:12px;
}
.sub_info a {
color:#FFF;
}
.site_info {
font-family:Arial;
font-size:13px;
padding-bottom:11px;
}
.normal_info {
font-family:Arial;
font-size:13px;
margin-top:2px;
padding-bottom:5px;
}
.generic_banner {
text-align:center;
margin:10px 0 15px;
}
.awards {
margin:2px 0 20px;
}
.middle_content .left_content {
float:left;
height:872px;
width:435px;
position:relative;
left:-2px;
margin-right:8px;
}
.watch_movie {
clear:both;
}
.left_content .site_info {
font-size:12px;
padding-bottom:15px;
}
.watch_movie .site_info {
font-size:14px;
}
.middle_content .gallery_content {
float:left;
}
.middle_content .gallery_content .gallery {
width:305px;
table-layout:auto;
}
.middle_content .gallery_content .gallery td {
min-width:inherit;
}
.middle_content .gallery_content .gallery .image_container {
margin-left:12px;
}
.cams {
width:779px;
height:241px;
background:url('https://hosted.met-art.com/fhg/cams.png') no-repeat;
position:relative;
left:-12px;
margin:7px 0 20px;
}
.iframe_cams {
position:absolute;
top:30px;
left:5px;
padding:5px 6px;
height:197px;
overflow:hidden;
background:#000;
}
.features {
background:url('https://hosted.met-art.com/fhg/lite_features.png') no-repeat;
height:350px;
margin:1px 0 15px;
position:relative;
}
.features .updates {
position:absolute;
top:80px;
}
.updates_table {
width:100%;
table-layout:fixed;
}
.update_list li {
list-style:none;
}
.update_list li img {
border:5px solid #FFF;
}
.updates_table td {
vertical-align:top;
color:#FFF;
font-family:Arial;
font-size:11px;
text-align:center;
width:124px;
}
.continue {
text-align:center;
margin:5px 0 10px;
}
.more_movie {
text-align:center;
top:495px;
left:96px;
position:absolute;
color:#D5D1C6;
text-transform:uppercase;
font-family:Verdana;
font-size:12px;
}
.offset {
padding:0 5px;
}
.more_movie img {
position:relative;
top:3px;
}
.menu {
position:absolute;
right:0;
top:23px;
}
.menu_nav li {
float:left;
}
.menu_nav li a {
display:block;
padding:0 0 0 20px;
height:20px;
font-family:Georgia;
color:#FFF;
font-size:16px;
text-decoration:none;
}
.movie_selection {
width:360px;
overflow:hidden;
position:absolute;
top:315px;
left:10px;
}
.movie_table {
position:relative;
}
.movie_table a {
color:#000;
text-decoration:none;
}
.best_web {
position:relative;
top:5px;
margin-bottom:15px;
}
#lightbox {
position:absolute;
left:0;
width:100%;
z-index:100;
text-align:center;
line-height:0;
}
#lightbox a img {
border:none;
}
#outerImageContainer {
position:relative;
background-color:#000;
width:250px;
height:250px;
margin:0 auto;
-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12px;
-webkit-border-radius-topleft:12px;
-webkit-border-radius-topright:12px;
border-top-radius:12px;
}
#imageContainer {
position:relative;
padding:30px 10px 10px;
}
#loading {
position:absolute;
top:100px;
left:0%;
height:25%;
width:100%;
text-align:center;
line-height:0;
}
#hoverNav {
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:10;
}
#imageContainer>#hoverNav {
left:0;
}
#hoverNav a {
outline:none;
}
#prevLink, #nextLink {
width:49%;
height:100%;
background:transparent url(https://hosted.met-art.com/fhg/images/blank.gif) no-repeat;
display:block;
}
#prevLink {
left:0;
float:left;
}
#nextLink {
right:0;
float:right;
}
#prevLink:hover, #prevLink:visited:hover {
background:url(https://hosted.met-art.com/fhg/images/prev.gif) left 50% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover {
background:url(https://hosted.met-art.com/fhg/images/next.gif) right 50% no-repeat;
}
#nextLinkText, #prevLinkText {
color:#FF9834;
font-weight:bold;
text-decoration:none;
}
#nextLinkText {
padding-left:20px;
}
#prevLinkText {
padding-right:20px;
}
.ontop #imageData {
padding-top:5px;
}
#imageDataContainer {
padding-top:20px;
font:10px Verdana, Helvetica, sans-serif;
background-color:#000;
margin:0 auto;
line-height:1.4em;
-moz-border-radius-bottomleft:12px;
-moz-border-radius-bottomright:12px;
-webkit-border-radius-bottomleft:12px;
-webkit-border-radius-bottomright:12px;
border-bottom-radius:12px;
}
#imageData {
padding:0 10px;
}
#imageData #imageDetails {
width:100%;
}
#imageData #caption {
font-family:Arial;
font-size:15px;
display:block;
padding-bottom:5px;
border-bottom:#707070 1px solid;
text-align:center;
}
#imageData #numberDisplay{
display:block;
clear:left;
padding-bottom:1.0em;
}
#imageData #numberDisplay a {
color:black;
padding-left:5px;
padding-right:5px;
}
#imageData #bottomNav {
text-align:center;
position:relative;
height:25px;
}
#imageData #bottomNavClose {
width:66px;
position:absolute;
right:0;
padding-bottom:0.7em;
}
#imageData #helpDisplay {
clear:left;
float:left;
display:block;
}
#overlay {
position:absolute;
top:0;
left:0;
z-index:90;
width:100%;
height:500px;
background-color:#FFF;
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
display:none;
}
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
* html>body .clearfix {
display:inline-block;
width:100%;
}
* html .clearfix {
/* Hides from IE-mac \*/
height:1%;
/* End hide from IE-mac */
}
#lightboxIframe {
display:none;
}
.bottom_info {
color:#FFF;
font-family:Arial;
font-size:15px;
}
.top_info {
position:absolute;
top:13px;
left:1px;
text-align:center;
width:100%;
}
.top_info a {
display:block;
color:#FFF;
font-family:Arial;
font-size:16px;
text-decoration:underline;
}
.iframe {
width:757px;
height:197px;
border:0;
}
.move_fix .image_container {
margin-right:0;
padding-right:0;
position:relative;
left:9px;
}
.model_notice {
text-align:center;
font-family:Arial;
color:#999;
font-size:12px;
}
.model_notice a {
color:#999;
}
.overlay {
width:113px;
height:150px;
position:absolute;
top:23px;
left:12px;
}
.overlay:hover {
cursor:pointer;
}
.cams_banner {
margin-bottom:10px;
}
.uncover {
margin:0 0 10px;
font-family:Arial;
color:#FFF;
font-size:18px;
}
.hd_movie {
margin:0 0 5px;
font-family:Arial;
color:#FFF;
font-size:18px;
}
.lite_movie_selection {
border:1px solid #FFF;
padding:10px 0 5px 20px;
}
.movie_table {
width:100%;
}
.movie_table td {
padding-bottom:5px;
}
.vote_section {
position:relative;
background:url('https://profiles.met-art.com/profile/rate_box.png') no-repeat;
width:467px;
height:77px;
float:left;
margin-right:22px;
}
.vote_list {
position:absolute;
left:198px;
top:14px;
width:255px;
table-layout:fixed;
}
.vote_list td {
text-align:center;
}
.vote_link {
display:block;
text-decoration:none;
color:#000;
font-family:Arial;
font-size:15px;
}
.rate_info {
color:#FFF;
font-family:Arial;
font-size:13px;
position:absolute;
left:12px;
top:37px;
width:180px;
}
.see_top {
position:absolute;
left:200px;
top:46px;
}
.see_top a {
color:#FFF;
text-decoration:underline;
font-family:Arial;
font-size:13px;
}
.share_bar {
text-align:center;
margin:20px 0;
background:url('https://profiles.met-art.com/profile/share_background.png') no-repeat -10px center;
}