@charset "utf-8";
/* CSS Document */
/*html { height: 100% }
body { height: 100% }*/
html {
overflow-y:scroll;
}
#page-wrap {
min-width: 900px;
max-width: 3000px;
padding-top: 0px;
margin-left: auto;
margin-right: auto;
z-index: 0;
}
#opening {
top: 50%;
left: 50%;
margin-top: -30px;
margin-left: -450px;
width: 900px;
font-family: Century Gothic, sans-serif;
font-size: 57px;
letter-spacing: 4px;
color: #000;
position:absolute;
z-index: 1;
}
#header {
top: 15px;
left: 0px;
width: 100%;
padding: 0 px;
position: absolute;
background-color: #fff;
z-index: 1;
}
#header #nyfg{
margin: 0 auto;
width: 900px;
font-family: Century Gothic, sans-serif;
font-size: 50px;
letter-spacing: 10px;
word-spacing: 0px;
color: #454545;
z-index: 1;
}
#menu {
top: 80px;
left: 2px;
width: 100%;
padding-top: 3px;
padding-bottom: 7px;
position: absolute;
z-index: 1;
}
#menu #pages {
margin: 0 auto;
width: 900px;
font-family: Century Gothic, sans-serif;
font-weight: 300;
font-size: 13px;
color: #333333;
word-spacing: 15px;
z-index: 1;
}
#main-content {
margin-top: 96px;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
width: 900px;
padding-top: 150px;
font-family: Century Gothic, sans-serif;
font-size: 12px;
text-align: justify;
color: #454545;
z-index: 1;
}
#submenu {
margin-left: 0px;
width: 170px;
font-family: Century Gothic, sans-serif;
font-weight: 300;
font-size: 14px;
color: #333;
line-height: 23px;
position: absolute;
z-index: 1;
}
.style {
padding-left: 10px;
font-family: Century Gothic, sans-serif;
font-weight: 300;
font-size: 13px;
color: #333;
line-height: 20px;
position: relative;
z-index: 1;
}
#content {
margin-left: 170px;
width: 730px;
padding-top: 2px;
font-family: Century Gothic, sans-serif;
font-size: 12px;
color: #454545;
line-height: 16px;
text-align: justify;
position: absolute;
z-index: 2;
}
#divider {
background-color: #fff;
bottom: 0px;
left: 0px;
width: 100%;
height: 50px;
padding-top: 5px;
border-top: 1px solid #313131;
position: fixed;
z-index: 2;
}
#main-divider {
left: 0px;
width: 100%;
height: 1px;
border-top: 1px solid #313131;
position: absolute;
z-index: 1;
}
#footer {
background-color: #d71f27;
bottom: 0px;
left: 0px;
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
position: fixed;
z-index: 2;
}
#footer #content{
margin: 0 auto;
width: 900px;
font-family: Verdana;
font-weight: bold;
font-size: 10px;
letter-spacing: 1px;
color: #fff;
z-index: 2;
}
#artname {
font-family: Verdana;
font-weight: bold;
font-size: 10px;
color: #313131;
}
#curated {
padding-top: 0px;
padding-right: 5px;
text-align: justify;
font-family: Verdana;
font-weight: 300;
font-size: 11px;
line-height: 15px;
color: #313131;
}
img {
padding-top: 0px;
padding-bottom:: 0px;
vertical-align: middle;
border: none;
}
img.box {
padding: 0px 0px 20px 20px;
border: none;
}
img.mix {
padding: 0px 0px 17px 17px;
}
img.bmix {
padding: 0px 0px 15px 12px;
border: none;
}
img.wcap {
padding: 0px 0px 5px 0px;
border: none;
}
img.rightwrap{
float: right;
padding: 50px 0px 0px 20px;
border: none;
}
img.leftwrap{
float: left;
padding: 0px 30px 0px 0px;
border: none;
}
hr {
border: 0;
height: 1px;
background-color: #313131;
}
a:link {
text-decoration: none;
color: #333333;
}
a:visited {
text-decoration: none;
color: #333333;
}
a:hover {
text-decoration: none;
color: #aaa;
}
a.first:link {
text-decoration: none;
color: #fff;
}
a.first:visited {
text-decoration: none;
color: #fff;
}
a.first:hover {
text-decoration: none;
color: #fff;
}
a.main:link {
text-decoration: none;
color: #fff;
}
a.main:visited {
text-decoration: none;
color: #fff;
}
a.main:hover {
text-decoration: underline;
color: #fff;
}
a.past:link {
text-decoration: none;
font-size: 11px;
color: #fff;
}
a.past:visited {
text-decoration: none;
font-size: 11px;
color: #fff;
}
a.past:hover {
text-decoration: underline;
font-size: 11px;
color: #fff;
}
a.popup:link {
font-size: 11px;
text-decoration: none;
color: #d71f27;
}
a.popup:visited {
font-size: 11px;
text-decoration: none;
color: #d71f27;
}
a.popup:hover {
font-size: 11px;
text-decoration: underline;
color: #d71f27;
}
a.rmore:link {
font-size: 12px;
text-decoration: none;
color: #d71f27;
}
a.rmore:visited {
font-size: 12px;
text-decoration: none;
color: #d71f27;
}
a.rmore:hover {
font-size: 12px;
text-decoration: underline;
color: #d71f27;
}
a.close:link {
line-height: 25px;
text-decoration: none;
color: #d71f27;
}
a.close:visited {
line-height: 25px;
text-decoration: none;
color: #d71f27;
}
a.close:hover {
line-height: 25px;
text-decoration: underline;
color: #d71f27;
}
.singleline {
padding-left: 5px;
padding-bottom: 10px;
}
.doubleline {
padding-left: 5px;
padding-bottom: 4px;
}
.main {
padding-left: 5px;
padding-bottom: 10px;
}
.text {
text-align: justify;
font-family: Verdana;
font-weight: 300;
font-size: 12px;
line-height: 15px;
color: #313131;
}
.smalltext {
text-align: justify;
font-family: Verdana;
font-weight: 300;
font-size: 11px;
letter-spacing: inherit;
line-height: 15px;
color: #313131;
}
.paddedtext {
padding-right: 5px;
text-align: justify;
font-family: Verdana;
font-weight: 300;
font-size: 12px;
line-height: 15px;
color: #313131;
}
.opc img {
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.opc:hover img {
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}
.artpreview img{
padding-bottom: 3px;
}
.artpreview:hover img{
height: 60px;
width: 60px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);
-moz-opacity: 0.85;
opacity: 0.85;
padding-top: 5px;
padding-bottom: 8px;
}
.stepcarousel{
position: relative;
border-top: 1px solid #333;
border-bottom: 1px solid #333;
overflow: scroll;
width: 900px;
height: 250px;
}
.stepcarousel .belt{
position: absolute;
left: 0;
top: 0;
}
.stepcarousel .panel{
float: left;
overflow: hidden;
margin: 10px;
width: 250px;
}
.rtColumn {
clear: left;
float: right;
height: auto;
width: 400px;
}
#lfColumn {
float: left;
width: 400px;
}