@import 'https://fonts.googleapis.com/css?family=Catamaran';
.logo h1 {
    background: url(../images/logo.png) no-repeat left top;
    width: 100%;
    height: 150px;
    text-indent: -9999px;
    margin-top: 5px;
	margin-left:10px;
    display: block;
	
}
.aboutus
{
	
	float:right;
    width: 70%;
	margin-top:20px;
    padding: 10px;
	background: rgba(255,255,255,0.96);
	z-index:101;
	text-align:justify;
	font-family: 'Catamaran', sans-serif;
	font-size:16px;
	line-height:18px;
	padding:50px;
	
}
.cctvService
{
	float:right;
    width: 70%;
	margin-top:20px;
    padding: 10px;
	background: rgba(255,255,255,0.96);
	z-index:101;
	text-align:justify;
	font-family: 'Catamaran', sans-serif;
	font-size:16px;
	line-height:18px;
	padding:50px;
}

*{margin: 0;padding: 0;}
		body{font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;}
		.floor .text {color: white;font-size: 40px;font-weight: 500;text-align: center;}
		.floor-1{background: #F9B233; position:absolute;}
		.floor-2{ background-image: url("../images/bg.jpg"); position:absolute;}
		.floor-3{ background-image: url("../images/bg3.jpg"); position:absolute;}
		.floor-4{ background-image: url("../images/bg.jpg"); position:absolute;}
		.floor-5{ background-image: url("../images/bg3.jpg"); position:absolute;}
		.floor-6{ background-image: url("../images/bg.jpg"); position:absolute;}
		.floor-7{ background-image: url("../images/bg3.jpg"); position:absolute;}
		.floor-8{ background-image: url("../images/bg4.jpg"); position:absolute;}
		
		ul {list-style: none;}
		li a {padding: 3px 6px; display: inline-block;background: #eee;border-radius:3px;margin-bottom:2px;color: #777;}
		li a:hover{cursor:pointer; background:#fefefe;}
	
		.logo{position:absolute;bottom: 100px;height: 80px;width:220px;background: rgba(0,0,0,0.75);z-index:2;-moz-border-radius: 25px; -webkit-border-radius: 25px;left:5px; }
		.logo:hover {position:absolute;bottom: 100px;height: 80px;width:220px;background: rgba(0,0,0,0.90);z-index:2;-moz-border-radius: 20px; -webkit-border-radius: 20px;left:5px; }
		
		.links-to-floor{position: absolute;top: 20px;left: 20px;z-index:2;}
		.prev-next-links{position: absolute;top: 20px;right: 20px;}
		.direction-links li a{border-radius: 0;}
		.up {position: absolute;bottom: 75px;right: 50px;}
		.down {position: absolute;bottom: 25px;right: 50px;}
		.left {position: absolute;bottom: 50px;right: 60px;}
		.right {position: absolute;bottom: 50px;right: 32px;}
		.selected a{color: white;background:#4fade3;}
		.selected a:hover{color: white;background:#4fade3;}
		.aboutImage {float:left;padding-right:20px;}
@media (max-width: 600px) {
  li a {
    font-size:8px;
  }
  .logo{position: absolute;top: 200px;height: 30px;width:100px;background: rgba(0,0,0,0.75); left:1px;}
  .logo h1 {
    background: url(../images/logo-small.png) no-repeat left top;
    width: 100%;
    height: 100px;
    text-indent: -9999px;
    margin-top: 5px;
	margin-left:10px;
    display: block;
	
	}
	.logo:hover {position:absolute;bottom: 100px;height: 30px;width:100px;background: rgba(0,0,0,0.90);z-index:2;-moz-border-radius: 20px; -webkit-border-radius: 20px;left:5px; }
	.links-to-floor{position: absolute;top: 20px;left: 5px;}
	.aboutus 
	{
		width:65%;font-size:8px;
		font-size:10px;
		line-height:12px;
		padding:10px;
		
	}
	.cctvService 
	{
		width:65%;font-size:8px;
		font-size:10px;
		line-height:12px;
		padding:10px;
		
	}
	.aboutImage {width:55%;padding-right:5px;}
	.cb-slideshow li div h3 { font-size:16px;}
}
