/* General Styles */
.basic #content_page_wrapper {  
    margin: 0 auto; 
} 
fieldset { 
    border: 0 none; 
    padding-left: 0; 
} 
#content_page_wrapper { 
    max-width: 1140px; 
    min-width: 755px; 
}
#content_page_wrapper.content_page_fullwidth { 
    max-width: none; 
}
#content_page_wrapper h1, #content_page_wrapper h2 { 
    margin-bottom: 0.5em; 
    line-height: 1.2; 
}
#content_page_wrapper b, #content_page_wrapper strong { 
    font-weight: bold; 
}
#content_page_wrapper i, #content_page_wrapper em { 
    font-style: italic; 
}
#content_page_wrapper .content_page_container { 
    padding-left: 2px; 
    padding-right: 2px; 
}
#content_page_wrapper .content_page_row { 
    width: 100%; 
    overflow: hidden; 
    padding: 2px; 
}
#content_page_wrapper .onecol, #content_page_wrapper .twocol, #content_page_wrapper .threecol, #content_page_wrapper .fourcol, #content_page_wrapper .fivecol, #content_page_wrapper .sixcol, #content_page_wrapper .sevencol, #content_page_wrapper .eightcol, #content_page_wrapper .ninecol, #content_page_wrapper .tencol, #content_page_wrapper .elevencol { 
    margin-right: 3.8%; 
    float: left; 
    min-height: 1px; 
}
#content_page_wrapper .content_page_row .onecol { 
    width: 4.85%; 
}
#content_page_wrapper .content_page_row .twocol { 
    width: 13.45%; 
}
#content_page_wrapper .content_page_row .threecol { 
    width: 22.05%; 
}
#content_page_wrapper .content_page_row .fourcol { 
    width: 30.75%; 
}
#content_page_wrapper .content_page_row .fivecol { 
    width: 39.45%; 
}
#content_page_wrapper .content_page_row .sixcol { 
    width: 48%; 
}
#content_page_wrapper .content_page_row .sevencol { 
    width: 56.75%; 
}
#content_page_wrapper .content_page_row .eightcol { 
    width: 65.4%; 
}
#content_page_wrapper .content_page_row .ninecol { 
    width: 74.05%; 
}
#content_page_wrapper .content_page_row .tencol { 
    width: 82.7%; 
}
#content_page_wrapper .content_page_row .elevencol { 
    width: 91.35%; 
}
#content_page_wrapper .content_page_row .twelvecol { 
    width: 100%; 
    float: left; 
}
#content_page_wrapper .last { 
    margin-right: 0px; 
}
#content_page_wrapper img, #content_page_wrapper object, #content_page_wrapper embed { 
    max-width: 100%; 
}
#content_page_wrapper .viewport img { 
    max-width: none; 
}
#content_page_wrapper img { 
    height: auto; 
}
#content_page_wrapper .align_right { 
    text-align: right; 
}
#content_page_wrapper .align_left { 
    text-align: left; 
}
#content_page_wrapper .align_center { 
    text-align: center; 
}
#content_page_wrapper { 
    min-width: 0; 
}
#content_page_wrapper .content_page_row, #content_page_wrapper body, #content_page_wrapper .content_page_container, #content_page_wrapper #content_page_wrapper {
    width: 100%;
    min-width: 0;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
#content_page_wrapper .content_page_row .onecol, #content_page_wrapper .content_page_row .twocol, #content_page_wrapper .content_page_row .threecol, #content_page_wrapper .content_page_row .fourcol, #content_page_wrapper .content_page_row .fivecol, #content_page_wrapper .content_page_row .sixcol, #content_page_wrapper .content_page_row .sevencol, #content_page_wrapper .content_page_row .eightcol, #content_page_wrapper .content_page_row .ninecol, #content_page_wrapper .content_page_row .tencol, #content_page_wrapper .content_page_row .elevencol, #content_page_wrapper .content_page_row .twelvecol {
    width: auto;
    float: none;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 20px;
    padding-right: 20px;
}
body, html { 
    height: 100%; 
    width: 100%;  
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #2c3e50;
    overflow: hidden;
    position: relative;
} 

.ie7, .ie8 { 
    overflow: hidden; 
} 
.ie7 #full_screen_image, .ie8 #full_screen_image { 
    display: none; 
} 
.ie7 #OLDIE_full_screen_image, .ie8 #OLDIE_full_screen_image { 
    display: block; 
    height: auto; 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
} 
.ie7 #OLDIE_full_screen_image.bgheight, .ie8 #OLDIE_full_screen_image.bgheight { 
    height: 100%!important; 
    width: auto!important; 
    max-width: none!important; 
} 
.ie7 #content_page_outer { 
    display: block; 
    height: 100%; 
    position: relative; 
    width: 100%; 
} 
.ie7 #content_page_wrapper { 
    display: block; 
    height: auto; 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    width: auto; 
} 
.ie7 #content_page_wrapper .content_page_title { 
    display: block; 
    line-height: auto; 
    position: relative; 
    top: -50%; 
    left: -50%; 
} 

#full_screen_image {  
    height: 100%; 
    width: 100%; 
    position: fixed; 
    top: 0; 
    left: 0; 
    background-image: url('../images/nyc.jpg'); 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/nyc.jpg', sizingMethod='scale'); 
    -ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/nyc.jpg', sizingMethod='scale'); 
}

.subtitle, .subtitle a {
    display: block;
    font: 10px/18px ff-tisa-web-pro, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-shadow: none;
}

.letter-container {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    font: 16px/20px ff-tisa-web-pro, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
    -webkit-font-smoothing: antialiased;
}

.letter {
    display: block;
    line-height: 1em;
    margin: -10px auto 0;
    text-align: center;
    font-size: 5em;
    color: #ecf0f1;
    opacity: 0;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
    margin-right: 10px; /* Add spacing between letters */
}

.subtitle {
    margin-top: 20px; /* Adjust as needed */
}

#namo a {
    display: inline-block; /* Ensure the <a> element has a block layout */
    height: 100%; /* Set the height to 100% of its container */
    width: 100%; /* Set the width to 100% of its container */
}

#namo:hover .letter-container .letter {
    color: #E6B800;
}

#content_page_outer {
    display: table; 
    height: 100%; 
    width: 100%; 
} 

#content_page_wrapper {
    display: table-cell; 
    vertical-align: middle; 
    text-align: center; 
    height: 100%; 
    width: 100%; 
} 

#content_page_wrapper .content_page_title {
    color: #fff; 
    display: block;  
    line-height: 1em; 
    margin: -10px auto 0;  
    text-align: center; 
    font-size: 5em; 
    width: 90%; 
} 

#content_page_wrapper .content_page_title #namo {
    text-align: center; 
    position: relative; 
    z-index: 9999; 
} 

#content_page_wrapper .content_page_title a {
    border-bottom: solid 3px transparent; 
    color: #dedde5; 
    cursor: pointer; 
    text-decoration: none; 
    -webkit-transition: all 0.2s ease-in-out; 
    -moz-transition: all 0.2s ease-in-out; 
    -o-transition: all 0.2s ease-in-out; 
    transition: all 0.2s ease-in-out; 
}

/* Media Queries */
@media screen and (max-width: 932px) {
    #full_screen_image { 
        -webkit-text-size-adjust: none; 
        background: url('../images/nyc3.jpg') no-repeat; 
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -o-background-size: cover; 
        background-size: cover; 
    }
    #content_page_wrapper .content_page_title { 
        font-size: 1em; 
    } 
    #content_page_wrapper .content_page_title a { 
        color: #fff; 
    }
}

/* iphone, ipad only */
@media only screen and (max-device-width: 932px) {
    #full_screen_image { 
        height: 100%; 
        width: 100%; 
        position: fixed; 
        top: 0; 
        left: 0; 
        -webkit-text-size-adjust: none; 
        background: url(../images/nyc2.jpg) no-repeat; 
        -webkit-background-size: cover; 
        -moz-background-size: cover; 
        -o-background-size: cover; 
        background-size: cover; 
    }
     .letter { 
        font-size: 1.5em !important;
    } 
    #content_page_wrapper .content_page_title a { 
        color: #fff; 
    }
}
