@import url(//fonts.googleapis.com/css?family=Raleway:100,300);
body {
  font-family:'Raleway', sans-serif !important;
}

header {width:100%;height:60px; background: url("images/header-bg.jpg") center center;}
header .logo {    
	color: #fff;
	text-shadow: 2px 2px #483100;
    font-size: 40px;
    padding-top: 35px;
    text-align: center;
    text-transform: uppercase;
}
    
.header-text-box{background: url("images/transparent-bg.png"); padding:30px;}



footer {background:#222;}
footer p {color:#9d9d9d; text-align:right; margin:0;padding:20px 0; }



#map_canvasfloor0,#map_canvasfloor1,#map_canvasfloor2,#map_canvasfloor3{width:100%; height:600px;background:#fff}
{ width: 100%; height:600px; }
	
iframe{width:100% !important}





/* Facebook FANBOX will be responsive after that*/
#likebox-wrapper * {width: 100% !important;}


/* Large desktop------------------------------------------------------------------- */
@media (min-width: 1200px) { 
		
}


/* Landscape phone to portrait tablet------------------------------------------------ */
@media (max-width: 767px) {
	
}


/* LIKE THIS IT WORKS ON MY IPHONE 5 !!!! ------------------------------------------------ */
@media screen and (max-device-width:767px), screen and (max-width:767px) {
   
}


/* Landscape phones and down----------------------------------------------------------- */
@media (max-width: 480px) {

}


/* Portrait tablet to landscape and desktop----------------------------------------- */
@media (min-width: 768px) and (max-width: 979px) { 
	
}




 .tabs input[type=radio] {
	          position: absolute;
	          top: -9999px;
	          left: -9999px;
	      }
	      .tabs {
	        width: 100%;
	        min-height: 700px;
	        float: none;
	        list-style: none;
	        position: relative;
	        padding: 0;
	        margin: 10px auto;
	      }
	      .tabs li{
	        float: left;
	      }
	      .tabs label {
	          display: block;
	          padding: 10px 20px;
	          border-radius: 10px 10px 0 0;
	          color: #222;
	          font-size: 24px;
	          background: rgba(255,255,255,0.2);
	          position: relative;
	          top: 3px;
	      }
	      .tabs label:hover {
	        background: rgba(255,255,255,0.5);
	        top: 0;
	      }
	      
	      [id^=tab]:checked + label {
	        background: #222;
	        color: white;
	        top: 0;
	      }
	      
	      [id^=tab]:checked ~ [id^=tab-content], [id^=tab]:checked ~ [id^=tab-content] > div {
	          display: block;
	      }
	      .tab-content{
	        z-index: 2;
	        display: none;
	        overflow: hidden;
	        width: 100%;
	        font-size: 20px;
	        line-height: 140%;
	        padding-top: 10px;
	        background: #222;
	        padding: 15px;
	        color: white;
	        position: absolute;
	        top: 53px;
	        left: 0;
	      }