@import url("/_assets/css/reset.css");
@import url("/_assets/css/tools.css");

/*  = INFO
/*  -------------------------------------------------------- */
  /*

    project:          Sardine Academy - Greenwich Hotel
    file:             screen.css
    creator:          Ben Kutil <ben@make-things.com>
    creation date:    Wed May 27 19:49:02 EDT 2009
    copyright:        (c) 2009 - Make Things Studio, LLC
                      All rights reserved.      

    info:             Main CSS file for Greenwich Hotel

  */
/*  -------------------------------------------------------- */
/*  = [end] INFO */

/*  = General
/*  -------------------------------------------------------- */

    /*  = Typography
    /*  -------------------------------------------------------- */

        html { min-height: 410px; }
        body { font-family: Geneva, "Lucida Grande", "Lucida Sans", Lucida, sans-serif; }

        p { margin: 0 0 1.5em; line-height: 1.5; }

    /*  -------------------------------------------------------- */
    /*  = [end] Typography */
    
    /*  = Layout
    /*  -------------------------------------------------------- */

        html, body { height: 100%; }
        body { overflow-x: hidden; overflow-y: hidden; }
        body.float { overflow-y: auto;}
        #horizon { position: relative; width: 100%; height: 100%; z-index: 1; }

    /*  -------------------------------------------------------- */
    /*  = [end] Layout */
    
    /*  = Header
    /*  -------------------------------------------------------- */

        #header { position: relative; z-index: 100; display: inline; float: left; width: 300px; height: 100%; }
        
        #interior #header { width: 155px; }
        #interior.gallery #header,
        #interior.rooms #header,
        #interior.map #header { width: 300px; }

        /*  = Branding
        /*  -------------------------------------------------------- */

            #header #branding { position: relative; z-index: 1000; display: inline; float: left; width: 140px; margin: 15px 0 0 15px; padding: 0 0 20px; font-size: 1em; line-height: 1; border-bottom: 1px solid #eaeaea; }

            #branding-logo { margin: 0; line-height: 1; }
            #branding-logo a { position: relative; z-index: 1000; display: block; }

        /*  -------------------------------------------------------- */
        /*  = [end] Branding */
        
        /*  = Background Color Bars
        /*  -------------------------------------------------------- */
			#index .bg {left: -155px;}
            #index .target,
            #interior.gal .target { position: absolute; top: 0; left: 0; z-index: 100; width: 300px; height: 40em; }
            
            /* Background 'sections' for the levels of navigation */
            .bg { position: absolute; top: 0; left: 0; z-index: 100; width: 155px; height: 100%; margin: 0; padding: 1px 0 0 0; }
            
            #bg-tier1 { background: #460f06 left top repeat; display:block !important;opacity:0.8;filter:alpha(opacity=80)}
            /*#460f06*/ /* url(/_assets/images/_s/bg-menu.png) */

            #bg-tier2 { background:#88a34a url(/_assets/images/_s/bg-tier2.png); z-index: 100;}
            /*#88a34a*/

            .spa #bg-tier2 { background: #26378F; }


            #bg-tier3 { left: 310px; background: url(/_assets/images/_s/bg-tier3.png) repeat left top; }

        /*  -------------------------------------------------------- */
        /*  = [end] Background Color Bars */

    /*  -------------------------------------------------------- */
    /*  = [end] Header */
    
    /*  = Navigation
    /*  -------------------------------------------------------- */

        body #horizon #nav-tier1,
        body #horizon #nav-menu { position: relative; z-index: 200; display: inline; float: left; width: 140px; margin: 15px 0 0 15px; padding: 3px 0 0 0; }

        .nav li { position: relative; z-index: 1000; display: inline; float: left; width: 100%; margin: 0 0 12px; font-size: 1.1em; line-height: 1.272727; letter-spacing: .05em; }
        .nav li.reserve { margin-top: 18px; }

        .nav a:link,
        .nav a:focus,
        .nav a:visited,
        .nav a:active { position: relative; z-index: 1000; display:block; padding: 2px 0; text-transform: uppercase; text-decoration: none; color: #aaa; border: none; }

        .nav a:hover { color: #fff; }

        .rooms #nav-tier1 { background: url(/_assets/images/_s/bg-tier1-on.png) right 109px no-repeat; }

        #nav-menu li,
        #nav-menu a { height: 8px; padding: 0; line-height: 1; font-size: 10px; }

        #nav-tier1 li,
        #nav-tier1 a { padding: 0; height: 8px;}
        #nav-tier1 a { text-indent: -9999em; overflow:hidden; }

        #nav-menu a { width: 32px; height: 8px; text-indent: -9999em;  overflow:hidden; background: url(/_assets/images/_s/nav-tier1.png) left top no-repeat; }
        #nav-menu a:hover { background-position: left -8px ; }

        #rooms a { width: 104px; background: url(/_assets/images/_s/nav-tier1.png) -32px top no-repeat;}

        .rooms #rooms a,
        #rooms a:hover { background-position: -32px -8px; }

        #nav-tier1 #courtyard { height: 20px; }
        #courtyard a { width: 88px; height: 20px; background: url(/_assets/images/_s/nav-tier1.png) -136px top no-repeat;}
        .courtyard #courtyard a,
        #courtyard a:hover { background-position: -136px -21px; }


        #restaurant a { width: 72px; background: url(/_assets/images/_s/nav-tier1.png) -224px top no-repeat;}
        .restaurant #restaurant a,
        #restaurant a:hover { background-position: -224px -8px; }


        #spa a { width: 64px; background: url(/_assets/images/_s/nav-tier1.png) -296px top no-repeat;}
        .spa #spa a,
        #spa a:hover { background-position: -296px -8px; }


        #pool a { width: 67px; background: url(/_assets/images/_s/nav-tier1.png) -360px top no-repeat;}
        .pool #pool a,
        #pool a:hover { background-position: -360px -8px; }


        #map a { width: 90px; background: url(/_assets/images/_s/nav-tier1.png) -427px top no-repeat;}

        .map #map a,
        #map a:hover { background-position: -427px -8px; }


        #gal a { width: 49px; background: url(/_assets/images/_s/nav-tier1.png) -517px top no-repeat;}

        .gal #gal a,
        #gal a:hover { background-position: -517px -8px; }


        #press a { width: 36px; background: url(/_assets/images/_s/nav-tier1.png) -566px top no-repeat;}
        .presslist #press a,
        #press a:hover { background-position: -566px -8px; }

        #brochure a { width: 61px; background: url(/_assets/images/_s/nav-tier1.png) -602px top no-repeat;}
        #brochure a:hover { background-position: -602px -8px; }

        #reserve a { width: 50px; background: url(/_assets/images/_s/nav-tier1.png) -663px top no-repeat;}
        #reserve a:hover { background-position: -663px -8px; }

        #nav-tier2 { position: absolute; top: 115px; left: 155px; z-index: 1000; display: inline; float: left; width: 160px; margin: 0; padding: 0; color: #53500A; }

        #nav-tier2 li { margin: 0 0 25px; padding: 0; }
        #nav-tier2 li span { padding-left: 9px; }
        #nav-tier2 ul { display: inline; float: left; width: 155px; margin: 0; }
        #nav-tier2 ul li { margin: 0; color: #fff; }

        #nav-tier2 a { position: relative; z-index: 1000;padding: 3px 0 3px 9px; text-transform: capitalize; color: #fff; }
        .map #nav-tier2 li { width: 155px; }
        #nav-tier2 a:hover { background: #93AB5B; }

      /*  = Gallery Navigation
      /*  -------------------------------------------------------- */

          #nav-gallery { position: absolute; right: 10%; top: 210px; width: 90px; z-index: 1000; }
          #nav-gallery li { display: inline; float: left; width: 27px; height: 80px; }
          #nav-gallery li.prev { margin: 0 15px 0 0; padding: 0 15px 0 0; border-right: 1px solid #fff; }
          #nav-gallery a { display: block; width: 27px; height: 25px; margin: 25px 0 0; padding: 0; text-indent: -9999em; }
          #nav-gallery .prev a { background: url(/_assets/images/_s/bg-gallery.png) left top no-repeat; }
          #nav-gallery .next a { background: url(/_assets/images/_s/bg-gallery.png) right top no-repeat; }

      /*  -------------------------------------------------------- */
      /*  = [end] Gallery Navigation */

    /*  -------------------------------------------------------- */
    /*  = [end] Navigation */
    
    /*  = Footer
     /*  -------------------------------------------------------- */

         #siteinfo { position: absolute; bottom: 15px; left: 15px; z-index: 1000; display: inline; float: left; width: 120px; }
         
         #siteinfo p .contact { display: block; width: 49px; height: 8px; padding: 0; line-height: 1; text-indent: -9999em; background: url(/_assets/images/_s/nav-tier1.png) -713px -8px no-repeat;}
         
         #siteinfo .contact:hover { background: url(/_assets/images/_s/nav-tier1.png) -713px top no-repeat; }
         
         #siteinfo p { margin: 6px 0 0; font-size: 1.1em; color: #fff; }
         #siteinfo .type { font-weight: bold; float: left; }
         #siteinfo .value { float: right; margin-right: 15px; }
         #siteinfo p.tel { margin: 0; }
         #siteinfo a { color: #fff; text-transform: uppercase; text-decoration: none; }

     /*  -------------------------------------------------------- */
     /*  = [end] Footer */
     
    /*  = Content
    /*  -------------------------------------------------------- */


        #content { position: absolute; left: 155px; top: 0; z-index: 1; width: 89%; height: 100%; }

    /*  -------------------------------------------------------- */
    /*  = [end] Content */
    
    /*  = Photos
    /*  -------------------------------------------------------- */

        #photos { position: absolute; right: 0; bottom: 0; z-index: 1; width: 100%; height: 100%; }
        #photos .photo { position: absolute; right: 0; bottom: 0; z-index: 1; width: 100%; height: 100%; }
        #photos a { display: block; }
        #photos img { position: absolute; bottom: 0; right: 0; z-index: 1; }

    /*  -------------------------------------------------------- */
    /*  = [end] Photos */
    
/*  -------------------------------------------------------- */
/*  = [end] General */

/*  = Fullscreen Display
/*  -------------------------------------------------------- */

    #index #content,
    #interior.fullscreen #content { position: absolute; left: 0; z-index: 1; width: 100%; }
    
    #interior.fullscreen #content #photos img,
    #index #content #photos img { position: absolute; z-index: 1; left: 0; }

/*  -------------------------------------------------------- */
/*  = [end] Fullscreen */

/*  = quotes
/*  -------------------------------------------------------- */

    .quote { position: absolute; top: 115px; left: 330px; z-index: 1; width: 475px; background: none !important; }

    .quote blockquote { margin: 0; padding: 0; }

    #interior.courtyard .quote p,
    .quote p { margin: 0 0 .5em; font-size: 1.8em; line-height: 1.1666; color: #fff; }


    .quote p.source { font-style: italic; text-align: right; }
    
    #index #quotes { position: absolute; top: 115px; left: 37%; width: 415px; z-index: 1000; }
    
    #interior #quotes { position: absolute; top: 115px; left: 37%; width: 415px; z-index: 1000; }
    #interior.courtyard #quotes { top: 135px; }
    #interior.spa #quotes { left: 280px;top:90px; }
    
/*  -------------------------------------------------------- */
/*  = [end] quotes */

/*  = Landing Page
/*  -------------------------------------------------------- */

    #interior.landing #main { position: relative; z-index: 1000; display: inline; float: left; width: 475px; margin: 112px 0 0 37%; }
    
    #interior.landing #horizon #content #photos,
    #interior.landing #horizon #content #photos img { left: 0; bottom: 0; right: 0; }
    
    .landing #content p { position: relative; z-index: 1000; font-size: 1.5em; line-height: 1.2; letter-spacing: .02em; font-weight: bold; color: #fff; }

/*  -------------------------------------------------------- */
/*  = [end] Landing Page */

/*  = Rooms
/*  -------------------------------------------------------- */
      #interior.rooms #bg-tier3,
      #interior.map #bg-tier3 { left: 310px; width: 5px; }
      
      #interior.rooms #main { margin: 112px 0 0 35%; }
      
    /*  = Detail
    /*  -------------------------------------------------------- */

        #interior.rooms #main { margin-left: 430px; }
        #interior.rooms .detail #content { z-index: 500; }


        #interior.rooms .detail #photos { left: 215px; right: 0; width: 83%; z-index: 1; }
        #interior.rooms .detail #photos img { left: 0; z-index: 1;}

          #interior.rooms .detail #main { position: absolute; top: 0; left: 20px; width: 170px; height: 100%; margin: 0; z-index: 200; color: #333; }

        #interior.rooms .detail #bg-tier2 { width: 5px; left: 155px; }
        #interior.rooms .detail #bg-tier3 { left: 160px; width: 210px; z-index: 100;}

        .rooms .detail h1 { margin-top: 50px; font-size: 1.4em; line-height: 1.1428; letter-spacing: .02em; font-weight: normal; text-transform: uppercase; }
        .rooms .detail p { font-size: 1.1em; }
        .rooms .detail .sqft { margin: 0 0 27px; line-height: 1.6; color: #333; }
        .rooms .detail h2 { font-family: helvetica; font-size: 1.1em; line-height: 1.8; letter-spacing: .02em; font-weight: bold; }
        .rooms .detail #main ul { padding: 0 0 6px 12px; font-size: 1.1em; line-height: 1.4; }
        .rooms .detail #main li { margin: 0 0 4px; padding: 0; list-style: disc; color: #333; }

        .rooms .detail ul#nav-info,
        .rooms .detail ul#nav-info li { margin: 0 0 30px; padding: 0; list-style: none; }
        .rooms .detail #nav-info a { letter-spacing: .02em; text-transform: uppercase; text-decoration: none; color: #333; }

        .rooms .detail ul#nav-rooms { position: absolute; left: 0; bottom: 15px; width: 100%; margin: 0; padding: 0; }
        .rooms .detail ul#nav-rooms.float { position: relative; display: inline; float: left; width: 100%; margin: 15px 0 0; padding: 0 0 30px; }
        .rooms .detail ul#nav-rooms li { display: inline; width: auto; margin: 0; padding: 0; font-size: 1em; }
        .rooms .detail #nav-rooms li.next { float: right; }
		.rooms .detail #nav-rooms li.next a{white-space:nowrap;}
		.rooms .detail #nav-rooms li.prev a{white-space:nowrap;}
        .rooms .detail #nav-rooms a { color: #333;font-size:10px; }
        .rooms .detail #nav-rooms a:hover { color: #999; }
        
        #nav-gallery.rev .prev { border-color: #C2986B; }
        #nav-gallery.rev .prev a { background: url(/_assets/images/_s/bg-gallery.png) left -50px no-repeat; }
        #nav-gallery.rev .next a { background: url(/_assets/images/_s/bg-gallery.png) right -50px no-repeat; }
        
        #nav-gallery.rev2 .prev { border-color: #809c3c; }
        #nav-gallery.rev2 .prev a { background: url(/_assets/images/_s/bg-gallery.png) left -25px no-repeat; }
        #nav-gallery.rev2 .next a { background: url(/_assets/images/_s/bg-gallery.png) right -25px no-repeat; }
        
        #nav-gallery.rev4 .prev { border-color: #1d8d97; }
        #nav-gallery.rev4 .prev a { background: url(/_assets/images/_s/bg-gallery.png) left -75px no-repeat; }
        #nav-gallery.rev4 .next a { background: url(/_assets/images/_s/bg-gallery.png) right -75px no-repeat; }
        
        #nav-gallery.rev5 .prev { border-color: #d2a925; }
        #nav-gallery.rev5 .prev a { background: url(/_assets/images/_s/bg-gallery.png) left -100px no-repeat; }
        #nav-gallery.rev5 .next a { background: url(/_assets/images/_s/bg-gallery.png) right -100px no-repeat; }
        
        #nav-gallery.rev6 .prev { border-color: #b52b55; }
        #nav-gallery.rev6 .prev a { background: url(/_assets/images/_s/bg-gallery.png) left -125px no-repeat; }
        #nav-gallery.rev6 .next a { background: url(/_assets/images/_s/bg-gallery.png) right -125px no-repeat; }
        
        #nav-gallery.rev7 .prev { border-color: #dd97a1; }
        #nav-gallery.rev7 .prev a { background: url(/_assets/images/_s/bg-gallery.png) left -150px no-repeat; }
        #nav-gallery.rev7 .next a { background: url(/_assets/images/_s/bg-gallery.png) right -150px no-repeat; }
        
        #nav-gallery.rev8 .prev { border-color: #BCE0E0; }
        #nav-gallery.rev8 .prev a { background: url(/_assets/images/_s/bg-gallery.png) left -175px no-repeat; }
        #nav-gallery.rev8 .next a { background: url(/_assets/images/_s/bg-gallery.png) right -175px no-repeat; }
        
        #nav-gallery.rev9 .prev { border-color: #ffc47c; }
        #nav-gallery.rev9 .prev a { background: url(/_assets/images/_s/bg-gallery.png) left -200px no-repeat; }
        #nav-gallery.rev9 .next a { background: url(/_assets/images/_s/bg-gallery.png) right -200px no-repeat; }
        
        

    /*  -------------------------------------------------------- */
    /*  = [end] Detail */
    
/*  -------------------------------------------------------- */
/*  = [end] Rooms */

/*  = Restaurant
/*  -------------------------------------------------------- */
    
    #interior.restaurant #main { margin-top: 30px;}
    #interior.restaurant #main p { color: #ddd; }
    #interior.restaurant #main a { text-decoration: none; color: #fff; }
    #interior.restaurant #main img { margin: 0 0 15px; }

/*  -------------------------------------------------------- */
/*  = [end] Restaurant */

/*  = SPA
/*  -------------------------------------------------------- */

    #interior.spa #photos { left: 155px; width: 86%;}
    #interior.start #photos { left: 0; width: 98%; }
    #interior.spa img { left: 0; right: 0; }
    #interior.massage img { top: 0; }
    #interior.spa #main { position: absolute; top: 0; left: -155px; z-index: 500; display: inline; float: left; width: 155px; height: 100%; padding: 0; text-align: center; background: #26378F; }
    #interior.spa #main img { margin-top: 55px; }
    #interior.spa #main a { font-size: 1.2em; line-height: 1.2; text-decoration: none; color: #fff; }

/*  -------------------------------------------------------- */
/*  = [end] SPA */

/*  = Details
/*  -------------------------------------------------------- */

      #interior #detail { position: absolute; top: 0; left: 0; z-index: 1500; width: 100%; height: 100%; background: #5b5b5b ; }
      
      #interior.spa #detail { left: 155px; }

      #interior #pdf { display: inline; float: left; width: 525px; height: 100%; margin: 0; overflow: auto; }
	 #interior #pdf img{border:none;border-bottom:1px solid #ccc;}
      #nav-detail { display: inline; float: left; width: 200px; margin: 45px 0 0 20px; }
      #nav-detail li { margin: 0 0 25px; font-size: 1.1em; }
      #nav-detail a { text-decoration: none; color: #CCC;}
      #nav-detail .close a { padding: 3px 0 3px 15px; text-transform: uppercase; background: url(/_assets/images/_s/bg-close.png) left center no-repeat; }

/*  -------------------------------------------------------- */
/*  = [end] Details */

/*  = Neighborhood
  /*  -------------------------------------------------------- */
    
      #interior.map #content { left: 155px; right: 0;}
      #interior.map #photos { left: 155px; right: 0; width: 100%; }
      #interior.map #photos img { left: 0; right: 0; }
      #interior.map #nav-tier2 li { margin: 0 0 6px; }

  /*  -------------------------------------------------------- */
/*  = [end] Neighborhood */
  
/*  = Press
/*  -------------------------------------------------------- */

    #interior.presslist #main { positon: relative; display: inline; float: left; width: 725px; margin: 50px 0 0 50px; }
    
    #interior.presslist .press { position: relative; z-index: 500; display: inline; float: left; width: 130px; height: 250px; margin: 0 50px 0 0; }
    #interior.presslist .last { margin-right: 0; }
    
    #interior.presslist .press h3 { margin: 3px 0 0 3px; font-size: 1.1em; line-height: 1.272727; letter-spacing: .05em; font-weight: normal; color: #999; }
    
    #interior.presslist #nav-gallery .prev { border-color: #809c3c; }
    #interior.presslist #nav-gallery .prev a { background: url(/_assets/images/_s/bg-gallery.png) left -25px no-repeat;}
    #interior.presslist #nav-gallery .next a { background: url(/_assets/images/_s/bg-gallery.png) right -25px no-repeat;}

/*  -------------------------------------------------------- */
/*  = [end] Press */

/*  = Contact
/*  -------------------------------------------------------- */
    
    #interior.contact #main { position: relative; z-index: 10; display: inline; float: left; width: 185px; margin: 105px 0 0 350px; }
    #interior.contact #main p,
    #interior.contact #main h2,
    #interior.contact #main li { font-size: 1.4em; line-height: 1.42857; font-weight: normal; color: #fff; }
    #interior.contact #main a { text-decoration: none; color: #fff; }

/*  -------------------------------------------------------- */
/*  = [end] Contact */

.ir {
	display: -moz-inline-box;
	display: inline-block;
	overflow: hidden;
	text-indent: -3000px;
	*text-indent: 0px;
	font: 0/0 Arial;
	color: rgba(255,255,255,0);
	vertical-align: bottom;
	text-decoration: none; }

.txt_rp1{background:url(../img/txt_secondary_nav.png) no-repeat 0 0;height:11px;width:145px;padding:0 !important;}
.txt_room{background-position: 0 0;margin-left:9px}
.txt_text1{background-position: 0 -16px;}
.txt_text2{background-position: 0 -34px;}
.txt_text3{background-position: 0 -51px;}
.txt_text4{background-position: 0 -69px;}
.txt_text5{background-position: 0 -87px;height:8px;margin-left:9px}
.txt_text6{background-position: 0 -103px;}
.txt_text7{background-position: 0 -121px;}
.txt_text8{background-position: 0 -138px;}
.txt_text9{background-position: 0 -157px;height:8px;margin-left:9px}
.txt_text10{background-position: 0 -173px;}
.txt_text11{background-position: 0 -191px;}
.txt_text12{background-position: 0 -208px;}
.txt_text13{background-position: 0 -226px;height:8px;margin-left:9px}
.txt_text14{background-position: 0 -243px;margin:5px 0 3px 9px;}

.locandaverdenyc_copy{
	background:url(/common/img/locandaverde-url-off.png) no-repeat;
	height:20px;
	width:372px;}
	
a.locandaverdenyc{
	width:310px;
	height:16px;
	background:url(/common/img/locandaverde-url-off.png) no-repeat 0 -22px;
	margin-left:3px;
	color:#FFFFFF;
	left:0px;
	position:relative;
	text-decoration:none;
	top:22px;}
a:hover.locandaverdenyc{background-position:0 -73px;}