@font-face {
    font-family: 'sansationregular';
    src: url('fonts/Sansation-Regular-webfont.eot');
    src: url('fonts/Sansation-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Sansation-Regular-webfont.woff') format('woff'),
         url('fonts/Sansation-Regular-webfont.ttf') format('truetype'),
         url('fonts/Sansation-Regular-webfont.svg#sansationregular') format('svg');
    font-weight: normal;
    font-style: normal;
 
}
 
@font-face {
    font-family: 'sansation_lightlight';
    src: url('fonts/Sansation-Light-webfont.eot');
    src: url('fonts/Sansation-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Sansation-Light-webfont.woff') format('woff'),
         url('fonts/Sansation-Light-webfont.ttf') format('truetype'),
         url('fonts/Sansation-Light-webfont.svg#sansation_lightlight') format('svg');
    font-weight: normal;
    font-style: normal;
 
}
 
@font-face {
    font-family: 'sansationbold';
    src: url('fonts/Sansation-Bold-webfont.eot');
    src: url('fonts/Sansation-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Sansation-Bold-webfont.woff') format('woff'),
         url('fonts/Sansation-Bold-webfont.ttf') format('truetype'),
         url('fonts/Sansation-Bold-webfont.svg#sansationbold') format('svg');
    font-weight: normal;
    font-style: normal;
 
}
* {outline:none !important;}
a{outline:none;}
.clear{width:100%; clear:both}
body{margin:0; padding:0; font-family: 'sansationregular';}
.header-section{background:#013c4d; margin:0; padding:30px 50px}
.section-one{ padding:60px 50px}
 
.building-key h2, .floor-map h2, .section-two h2{font-size:40px; color:#013c4d; margin-bottom:50px;   font-family: 'sansationregular'; line-height:32px; font-weight:normal}
.building-key h2 span{display:block; font-size:18px; font-family: 'sansationregular'; padding-top:5px;}
 

.building-key{float:left; width:25%; }
.four-map{position:relative;}
.building-c{position:absolute; left:8px; top:0}
.building-d{position:absolute; left:-30px; top:130px}
.building-a{position:absolute; left:120px; top:-20px}
.building-b{position:absolute; left:140px; top:120px}
.river{position:absolute; left:310px; top:-35px}
.floor-map{margin:0 0 0 0; padding:0; width:43%; float:left; }
 
.floor-table{margin:80px 0 0 0; padding:0; width:30%; float:right; max-width:530px}
ul.floor-chart{margin:0; padding:0}
ul.floor-chart .floor_heading, ul.floor-chart .floor_total{font-size:16px; color:#013c4d; font-family: 'sansationbold';}
ul.floor-chart li{margin:0; padding:6px 0; display:table; border-bottom:1px solid #afb0b2; font-size:14PX;  width:100%; color:#013c4d;  font-family: 'sansationregular';  }
 
ul.floor-chart li:hover{color:#1285b4; cursor:pointer}
ul.floor-chart.floortable-B li:hover {color:#e5a80e; cursor:pointer}
ul.floor-chart.floortable-C li:hover{color:#55c4c4; cursor:pointer}
ul.floor-chart.floortable-D li:hover{color:#8c2887; cursor:pointer}
ul.floor-chart li.floor_heading:hover, ul.floor-chart li.floor_total:hover{color:#013c4d; cursor:auto; }
ul.floor-chart.floortable-B li.floor_heading:hover, ul.floor-chart.floortable-B li.floor_total:hover, ul.floor-chart.floortable-C li.floor_heading:hover, ul.floor-chart.floortable-C li.floor_total:hover, ul.floor-chart.floortable-D li.floor_heading:hover, ul.floor-chart.floortable-D li.floor_total:hover{color:#013c4d; cursor:auto; }
.equal-col{display:table-cell; width:18%; vertical-align:middle; text-align:center}
.equal-col:first-child{text-align:left}
.map-pic img{width:100%; height:auto; }
.big-map{width:100%; text-align:center; padding-top:100px}
.big-map img{max-width:100%; margin:0 auto}
 

.section-two{ padding:60px 50px ; background:#cfcfcf; margin-top:60px; }
.section-two h2{ font-family: 'sansation_lightlight'; margin-bottom:20px}
.section-two h2 strong{font-family: 'sansationregular';}
 
.download-btn{float:left; margin:0; padding:0}
.download-btn a{display:block; margin:0; padding:15px 20px; background:#0285b5; color:#fff; text-decoration:none;font-family: 'sansationregular'; }
.download-btn a:hover{background:#013c4d!important; color:#fff}
.site-footer{display:none!important}
.site{margin:0!important}
body:not(.custom-background-image):before, body:not(.custom-background-image):after{height:auto!important}
.margin-B{margin-top:-28px !important;}
.margin-C{margin-top:-33px !important;}
.margin-D{margin-top:-33px !important;}
 
 
 
.map-pic{position:relative; width:100%; width:620px; margin:0 auto}
a.A-floor1{position:absolute;  width:100%; height:30px; bottom:86px; left:99px; max-width:388px; }
a.A-floor2{position:absolute;  width:100%; height:30px; bottom:124px; left:99px; max-width:388px;}
a.A-floor3{position:absolute;  width:100%; height:30px; bottom:158px; left:99px; max-width:490px;}
a.A-floor4{position:absolute;  width:100%; height:30px; bottom:190px; left:99px; max-width:486px;}
a.A-floor5{position:absolute;  width:100%; height:30px; bottom:225px; left:99px; max-width:486px;}
a.A-floor6{position:absolute;  width:100%; height:30px; bottom:260px; left:99px; max-width:486px;}
a.A-floor7{position:absolute;  width:100%; height:30px; bottom:295px; left:99px; max-width:486px;}
 
a.B-floor1{position:absolute;  width:100%; height:30px; bottom:112px; left:52px; max-width:388px;}
a.B-floor2{position:absolute;  width:100%; height:30px; bottom:148px; left:52px; max-width:388px;}
a.B-floor3{position:absolute;  width:100%; height:30px; bottom:182px; left:52px; max-width:490px;}
a.B-floor4{position:absolute;  width:100%; height:30px; bottom:215px; left:52px; max-width:486px;}
a.B-floor5{position:absolute;  width:100%; height:30px; bottom:248px; left:52px; max-width:446px;}
 
a.C-floor1{position:absolute;  width:100%; height:48px; bottom:90px; left:165px; max-width:306px; }
a.C-floor2{position:absolute;  width:100%; height:44px; bottom:140px; left:185px; max-width:275px;}
a.C-floor3{position:absolute;  width:100%; height:44px; bottom:188px; left:185px; max-width:275px;}
a.C-floor4{position:absolute;  width:100%; height:44px; bottom:238px; left:210px; max-width:250px;}
 
 
 

a.D-floor1{position:absolute;  width:100%; height:30px; bottom:75px; left:135px; max-width:348px; }
a.D-floor2{position:absolute;  width:100%; height:30px; bottom:113px; left:125px; max-width:368px;}
a.D-floor3{position:absolute;  width:100%; height:30px; bottom:151px; left:125px; max-width:368px;}
a.D-floor4{position:absolute;  width:100%; height:30px; bottom:191px; left:125px; max-width:368px;}
a.D-floor5{position:absolute;  width:100%; height:30px; bottom:231px; left:160px; max-width:294px;}
 
 
 
 
 

.close_pinch{display:none;}
.img_enlarge{display:none;}
.site{margin:0}
 
.building-a:hover img, .building-b:hover img, .building-c:hover img, .building-d:hover img{visibility:hidden}
.building-a:hover{background:url('http://www.navigationsquare.ie/wp-content/uploads/2016/09/A.png') 0 0 no-repeat; }
.building-b:hover{background:url('http://www.navigationsquare.ie/wp-content/uploads/2016/09/B.png') 0 0 no-repeat; }
.building-c:hover{background:url('http://www.navigationsquare.ie/wp-content/uploads/2016/09/C.png') 0 0 no-repeat; }
.building-d:hover{background:url('http://www.navigationsquare.ie/wp-content/uploads/2016/09/D.png') 0 0 no-repeat; }
.selected_floor{font-weight:bold}
 
 
 
@media (min-width:1800px){
 
.close_pinch{display:none;} 
.map-pic{position:relative; width:100%; width:775px; margin:0 auto; overflow:hidden}
a.A-floor1{position:absolute;  width:100%; height:30px; bottom:108px; left:115px; max-width:488px; }
a.A-floor2{position:absolute;  width:100%; height:30px; bottom:151px; left:115px; max-width:488px; }
a.A-floor3{position:absolute;  width:100%; height:30px; bottom:195px; left:115px; max-width:582px; }
a.A-floor4{position:absolute;  width:100%; height:30px; bottom:235px; left:115px; max-width:613px;}
a.A-floor5{position:absolute;  width:100%; height:30px; bottom:276px; left:115px; max-width:613px; }
a.A-floor6{position:absolute;  width:100%; height:30px; bottom:317px; left:115px; max-width:613px; }
a.A-floor7{position:absolute;  width:100%; height:30px; bottom:359px; left:99px; max-width:562px;}
 
a.B-floor1{position:absolute;  width:100%; height:30px; bottom:144px; left:68px; max-width:456px;}
a.B-floor2{position:absolute;  width:100%; height:30px; bottom:185px; left:68px; max-width:478px;}
a.B-floor3{position:absolute;  width:100%; height:30px; bottom:226px; left:68px; max-width:600px;}
a.B-floor4{position:absolute;  width:100%; height:30px; bottom:268px; left:68px; max-width:600px;}
a.B-floor5{position:absolute;  width:100%; height:30px; bottom:310px; left:68px; max-width:555px;}
 
a.C-floor1{position:absolute;  width:100%; height:48px; bottom:116px; left:212px; max-width:378px; }
a.C-floor2{position:absolute;  width:100%; height:42px; bottom:178px; left:230px; max-width:345px;}
a.C-floor3{position:absolute;  width:100%; height:42px; bottom:235px; left:230px; max-width:345px; }
a.C-floor4{position:absolute;  width:100%; height:42px; bottom:300px; left:260px; max-width:313px;}
 
a.D-floor1{position:absolute;  width:100%; height:40px; bottom:92px; left:168px; max-width:433px; }
a.D-floor2{position:absolute;  width:100%; height:40px; bottom:138px; left:160px; max-width:456px;}
a.D-floor3{position:absolute;  width:100%; height:40px; bottom:185px; left:160px; max-width:456px;}
a.D-floor4{position:absolute;  width:100%; height:40px; bottom:235px; left:160px; max-width:456px;}
a.D-floor5{position:absolute;  width:100%; height:40px; bottom:288px; left:199px; max-width:372px;}
 
}
@media (max-width:1500px){
ul.floor-chart .floor_heading{font-size:13px;}
ul.floor-chart li{font-size:12px;}
.floor-table{width:27%}
.building-key{float:left; width:50%; }
.floor-table{width:100%; max-width:100%}
.close_pinch{display:none;}
 
}
 

@media (min-width:641px) {.section-one{margin-top:250px}}
 
 
 
@media (min-width:992px) and (max-width:1366px){
.floor-table{width:100%; margin-top:120px; max-width:100%}
.floor-map{float:right; width:50%;  overflow-x: scroll;}
.close_pinch{display:none;}
}
 
@media (min-width:768px) and (max-width:991px){
 .building-key{width:100%; min-height:500px; padding:0; overflow-x:hidden}
.floor-table{width:100%; padding:0; max-width:100%}
.floor-map{width:100%; padding:0; margin:0 !important;}
.logo-area{text-align:center}
.building-key h2, .floor-map h2, .section-two h2{font-size:28px;}
.section-one{padding:20px;}
.download-btn a{margin-bottom:30px;}
.pinch-zoom-container{clear:both;}
.big-map{padding-top: 0px;}
.img_enlarge{display:block;    text-align: center;}
.pinched{
    overflow: hidden;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: #000;
}
.pinched .pinch-zoom-container{height:100% !important;padding-top: 30%;}
.pinched .pinch-zoom{height:100% !important;}
.fixed_body{position:fixed;}
.close_pinch{display:none;height: 30px;
    color: #fff;
    z-index: 999999;
    font-size: 30px;
    position: absolute;
    width: 50px;
    top: 0;
    right: 0;}
}
 
@media (max-width:767px){
.building-key{width:100%; min-height:500px; padding:0; overflow-x:hidden}
.floor-table{width:100%; padding:0; max-width:100%;margin:0}
.floor-map{width:100%; padding:0; margin:0; overflow-x:auto; display:none;}
.logo-area{text-align:center}
.building-key h2, .floor-map h2, .section-two h2{font-size:28px;}
.section-one{padding:20px;}
.download-btn a{margin-bottom:30px;}
.pinch-zoom-container{clear:both;}
.big-map{padding-top: 0px;}
.img_enlarge{display:block;    text-align: center;}
.pinched{
    overflow: hidden;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: #000;
}
.pinched .pinch-zoom-container{height:100% !important;padding-top: 30%;}
.pinched .pinch-zoom{height:100% !important;}
.fixed_body{position:fixed;}
.close_pinch{display:none;height: 30px;
    color: #fff;
    z-index: 999999;
    font-size: 30px;
    position: absolute;
    width: 50px;
    top: 0;
    right: 0;}
}
@media (max-width:480px){
ul.floor-chart .floor_heading{font-size:17px;}

	Virus-free. www.avast.com