a{
    outline:            none;
    }

img{
    border:             none;
    }

#LeWittPage{
    width:              700px;
    background-color:   #EFEFEF;
    font-family:        Arial, sans-serif;
    font-size:          116%;
    line-height:        normal;
    }

#LeWittHeading{
    margin-bottom:      .8em;
    }

#LeWittHeading h2{
    margin:             0;
    color:              #000;
    letter-spacing:     0.01em;
    }

#LeWittHeading h2 span{
    color:              #999;
    }

#LeWittHeading span.explanation{
    font-family:        Georgia, Times, 'Times New Roman', serif;
    display:            block;
  	font-size:          12px;
  	color:              #333333;
  	line-height:        18px;
  	margin-left:        0px;
    }

#LeWittNavigation{
    padding:            .6em 0;
    border-top:         1px solid #000;
    border-bottom:      1px solid #000;
    margin-bottom:      14px;
    font-size:          10px;
    text-transform:     uppercase;
    }
#LeWittNavigation a{
  	color:              #333333;
  	font-family:        arial, helvetica, sans-serif;
  	font-size:          10px;
  	text-decoration:    none;
  	line-height:        16px;
  	font-weight:        normal;
    }

#LeWittOpeningDate{
    float:              right;
    color:              #9A9A9A;
  	font-family:        arial, helvetica, sans-serif;
    font-size:          10px;
  	line-height:        16px;
    }

#LeWittNavigation ul{
    margin:             0;
    padding:            0 6em 0 0;
    list-style:         0;
    display:            inline;
    }
#LeWittNavigation li{
    margin:             0;
    padding:            0;
    display:            inline;
    }
#LeWittNavigation a{
    text-decoration:    none;
    color:              #000;
    }
#LeWittNavigation a:hover{
    text-decoration:    underline;
    }
#LeWittNavigation a.active{
    color:              #D00;
    }
#LeWittNavigation a.active:hover{
    text-decoration:    none;
    cursor:             default;
    }

#LeWittFooter{
    clear:              left;
    }


/* GRID OF THUMBNAILS */
#LeWittGrid{
    height:             710px;
    width:              710px;
    margin-left:        -10px;
    }
    
#LeWittGrid .gridCell{
    display:            block;
    position:           relative;
    float:              left;
    width:              61px;
    height:             61px;
    background-position:50% 50%;
    background-repeat:  no-repeat;
    margin-bottom:      10px;
    margin-left:        10px;
    background-color:   #FFF;
    }
#LeWittGrid span.gridCell{
    background-image:   url(../images/grid/coming-soon-grid-cell.gif);
    }
#LeWittGrid a.inProgress{
    opacity:            0.7;
  	filter:             alpha(opacity=70);
    }
#LeWittGrid a.inProgress:hover{
    opacity:            .9999;
  	filter:             alpha(opacity=99.99);
    }
    
    
#LeWittGrid img.invisibleThumbnail{
    display:            none;
    }
    

#LeWittGrid div.timelapseGlyph{
    position:           absolute;
    right:              0;
    bottom:             0;
    width:              25px;
    height:             26px;
    background-image:   url(../images/grid/stopwatch.png);
    _background-image:  none;
    _filter:            progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/grid/stopwatch.png,sizingMethod='image');
    }
#LeWittGrid div.inProgressGlyph{
    position:           absolute;
    top:                0;
    left:               0;
    width:              19px;
    height:             21px;
    background-image:   url(../images/shared/in-progress-glyph-on-grey.png);
    _background-image:  none;
    _filter:            progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shared/in-progress-glyph-on-grey.png,sizingMethod='image');
    }


/* FLOORPLAN OF BUILDING 7 */

#LeWittFloorplan span.note{
    font-style:         italic;
    font-size:          68%;
    padding:            12px 0 3px;
    display:            block;
    text-align:         center;
    text-transform:     uppercase;
    font-family:        Georgia, Times, 'Times New Roman', serif;
    }

#LeWitt3dMap{
    position:           relative;
    top:                0px;
    left:               37px;
    }

.LeWittDot{
    display:            block;
    position:           absolute;
    top:                0;
    left:               0;
    _margin-top:        -4px;
    width:              15px;
    height:             10px;
    background:         transparent url(../images/floorplan/dot.gif) 50% 50% no-repeat;
    }
    
.LeWittTooltip{
    position:           absolute;
    background-color:   #FFF;
    z-index:            1000;
    width:              234px;
    height:             95px;
    overflow:           hidden;
    background:         transparent url(../images/floorplan/tooltip-background.png) 0 0 no-repeat;
    _margin-top:        -2px;
    _background-image:  none;
    _filter:            progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/floorplan/tooltip-background.png,sizingMethod='image');
    }
    
.LeWittTooltip img{
    position:           relative;
    z-index:            1001;
    float:              left;
    margin:             12px 5px 0 12px;
    }
.LeWittTooltip p{
    margin:             12px 12px 0 0;
    font-size:          8pt;
    color:              #333;
    height:             61px;
    overflow:           hidden;
    font-family:        Georgia, Times, 'Times New Roman', serif;
    }
.LeWittTooltip p span.title{
    font-family:        Arial, sans-serif;
    text-transform:     uppercase;
    font-size:          80%;
    font-weight:        normal;
    display:            block;
    }
.LeWittTooltip .LeWittFade{
    position:           absolute;
    top:                46px;
    left:               7px;
    width:              220px;
    height:             32px;
    background:         transparent url(../images/floorplan/tooltip-fade.png) 0 0 no-repeat;
    _background-image:  none;
    _filter:            progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/floorplan/tooltip-fade.png,sizingMethod='image');
    }

.LeWittTooltip .timelapseGlyph{
    position:           absolute;
    left:               11px;
    top:                48px;
    width:              25px;
    height:             26px;
    z-index:            1002;
    background-image:   url(../images/grid/stopwatch.png);
    _background-image:  none;
    _filter:            progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/grid/stopwatch.png,sizingMethod='image');
    }
.LeWittTooltip .inProgressGlyph{
    position:           absolute;
    z-index:            1002;
    top:                12px;
    left:               12px;
    width:              19px;
    height:             21px;
    background-image:   url(../images/shared/in-progress-glyph-on-white.png);
    _background-image:  none;
    _filter:            progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shared/in-progress-glyph-on-white.png,sizingMethod='image');
    }


/* INDIVIDUAL WALL DRAWING PAGE */
#LeWittPage .leWittTab{
    background-color:   #000;
    color:              #FFF;
    text-transform:     uppercase;
    padding:            5px 18px 3px;
    display:            block;
    float:              left;
    margin-right:       10px;
    font-size:          65%;
    font-weight:        normal;
    font-family:        Arial, sans-serif;
    }
#LeWittPage a.leWittTab{
    background:         #F00 url(../images/shared/tab-link-background.gif) 0% 101% repeat-x;
    text-decoration:    none;
    }
#LeWittPage a.previous,
#LeWittPage a.next{
    font-weight:        bold;
    background:         transparent;
    padding-left:       0;
    padding-right:      0;
    color:              #F00;
    float:              right;
    margin-right:       0;
    }
#LeWittPage a.previous:hover,
#LeWittPage a.next:hover{
    text-decoration:    underline;
    }
#LeWittPage span.seperator{
    display:            block;
    float:              right;
    font-weight:        bold;
    width:              2em;
    font-size:          65%;
    padding-top:        5px;
    text-align:         center;
    }

#LeWittViewer{
    width:              487px;
    position:           relative;
    float:              left;
    margin-right:       -20px;
    }
#LeWittViewerCaption{
    display:            block;
    text-transform:     uppercase;
    margin-top:         3px;
    color:              #999;
    font-size:          55%;
    font-weight:        normal;
    }
    
#LeWittInfo{
    width:              203px;
    float:              right;
    margin:             0 0 20px 20px;
    }
#LeWittInfo .inner{
    background-color:   #FFF;
    clear:              left;
    font-family:        Georgia, Times, 'Times New Roman', serif;
    padding:            16px 8px 42px 15px;
    _padding-top:       7px;
    }
#LeWittInfo h2{
    font-weight:        normal;
    font-size:          120%;
    margin:             0 0 .6em;
    }
#LeWittInfo h3{
    font-family:        Arial, Helvetica, sans-serif;
    text-transform:     uppercase;
    font-weight:        normal;
    color:              #333333;
  	font-size:          10px;
    margin:             2em 0 0;
    }
#LeWittInfo p{
    font-size:          75%;
    line-height:        16px;
    margin:             0 0 1em;
    }
    
#LeWittWallDrawingDescription{
    clear:              left;
    font-family:        Georgia, Times, 'Times New Roman', serif;
    padding:            25px 0;
    _padding-top:       5px;
    }
#LeWittWallDrawingDescription p{
    margin-top:         0;
    margin-left:        0;
    font-size:          12px;
    line-height:        18px;
    }
#LeWittWallDrawingDescription h3{
    font-family:        Arial, Helvetica, sans-serif;
    text-transform:     uppercase;
    color:              #999;
    font-size:          70%;
    font-weight:        normal;
    margin:             3em 0 0;
    }
    
/* TIMELAPSE PAGE */
#LeWittInfo a.walldrawingSummary{
    display:            block;
    clear:              left;
    text-decoration:    none;
    font-family:        Georgia, Times, 'Times New Roman', serif;
    font-weight:        normal;
    color:              #000;
    height:             70px;
    overflow:           hidden;
    position:           relative;
    margin:             0 0 7px;
    }
#LeWittInfo a.walldrawingSummary img{
    z-index:            1000;
    position:           relative;
    }
#LeWittInfo a.walldrawingSummary h3{
    margin:             0 0 0 66px;
    font-family:        Arial, sans-serif;
    text-transform:     uppercase;
    color:              #F00;
    font-weight:        normal;
    font-size:          10px;
    }
#LeWittInfo a.walldrawingSummary p{
    margin-left:        66px;
    line-height:        16px;
    font-size:          10px;
    }
#LeWittInfo a.walldrawingSummary:hover p{
    color:              #F00;
    }
#LeWittInfo a.walldrawingSummary .LeWittFade{
    position:           absolute;
    bottom:             0;
    left:               7px;
    width:              220px;
    height:             32px;
    background:         transparent url(../images/floorplan/tooltip-fade.png) 0 0 no-repeat;
    _background-image:  none;
    _filter:            progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/floorplan/tooltip-fade.png,sizingMethod='image');
    }

/* ABOUT PAGE */
#LeWittAbout{
    clear:              left;
    background-color:   #FFF;
    font-family:        Georgia, Times, 'Times New Roman', serif;
    padding:            .5em 1.2em 6em;
    }
    
#LeWittAbout h3{    
    font-family:        georgia, times new roman, serif;
  	font-size:          24px;
  	color:              #333333;
  	font-weight:        normal;
  	line-height:        28px;
  	margin-left:        0px;
    }             
    
#LeWittAbout p{
    font-size:          87%;
    line-height:        1.3em;
    margin-left:        0;
    }
    
/* BETA HOME PAGE */
#LeWittBetaGrid{
    margin-top:         96px;
    height:             700px;
    width:              700px;
    background:         transparent url(../images/shared/empty-grid-cell.gif) 0 0 repeat;
    }
    
#LeWittBetaGrid h3{
    position:           relative;
    top:                -90px;
    left:               70px;
    font-size:          52px;
    color:              #000;
    line-height:        46px;
    }
    
#LeWittBetaGrid em{
    font-style:         normal;
    color:              #999;
    }
    
#LeWittBetaGrid span{
    font-size:          29px;
    line-height:        27px;
    }
    
#LeWittBetaGrid a{
    color:              #999;
    font-size:          29px;
    text-decoration:    none;
    font-family:        Arial, Helvetica, sans-serif;
    }
#LeWittBetaGrid a:hover{
    color:              #F00;
    }