@charset "utf-8";
/* CSS Document */
/*======================General============================*/
html{background:#aaaaaa;}
body{width:320px; margin:0 auto; background:#d3dbdd; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
a{text-decoration:none;}
h1{font-weight:bold; font-size:14px; color:#7d7d7d;}
table{border:none; border-spacing:0;}

.left{float:left;}
.right{float:right;}
.clearfix{zoom:1;}
.clearfix:after{content:"."; display:block; clear:both; width:0; height:0; visibility:hidden; font-size:0;}
ul,li{display:block;list-style:none; padding:0; margin:0;}

#wrapper{margin-top:50px;}
/*======================General end============================*/

/*======================Table Drag============================*/
.tableDrag{overflow:auto; position:relative;}
.tableDrag .cover {background: url('../img/drag-btn.png') center center no-repeat rgba(0, 0, 0, 0.6);background-size:75px auto;position: absolute;width: 100%;height: 100%;z-index: 10;}
/*======================Table Drag end============================*/

/*======================banner============================*/
.bannerContainer{position:relative; width:100%;}
.bannerContainer img{width:320px;}
.bannerContainer .cycleNav{position:absolute; left:0; bottom:5px; width:100%; z-index:500;}
.bannerContainer .cycleNav ul{text-align:center;}
.bannerContainer .cycleNav ul li{display:inline-block; width:10px; height:10px; background:url(../img/slice-btn.png) left top no-repeat; background-size:10px auto; margin-left:5px; cursor:pointer;}
.bannerContainer .cycleNav ul li:hover,
.bannerContainer .cycleNav ul li.cycle-pager-active{background-position:left bottom;}

/*======================banner end============================*/

/*======================Block Content============================*/
.blockContentContainer .blockContent{border-top:3px solid #dde3e5; padding-top:22px;}
.blockContentContainer .blockContent:first-child{border:none; padding-top:0;}
.blockContentContainer .blockContent .blockName{color:#7d7d7d; font-weight:bold;}
.blockContentContainer .blockContent p{margin-top:5px;}

/*======================Block Content end============================*/

/*======================Common use elements============================*/
.list li{padding-left:12px; background:url(../img/bullet.png) left 7px no-repeat; color:#7d7d7d; background-size:4px 1px; line-height:1.2em; margin-bottom:8px;}

.title{text-align:center; margin-top:20px;}
.title img{width:240px;}

.textContainer{padding:0 25px;}
.textContainer p{line-height:1.8em; color:#7d7d7d; margin:18px 0;}

.content{padding-bottom:30px;}

/*======================Common use end============================*/

/*======================Header============================*/
#header{height:50px; width:320px; position:fixed; background:#ffffff; margin:0; z-index:1000;}
#header .menuIcon{display:block; margin:14px 0 0 12px; width:17px; height:17px; background:url(../img/menu-icon.png) left top no-repeat; background-size:17px auto;}
#header .menuIcon.open{background-position:left bottom;}
#header .logo{display:block; width:70px; height:100%; margin:5px auto 0;}
#header .logo img{height:43px}

#header .menu{position:absolute; top:100%; width:100%; display:none; background:#93b3bb; height:430px;}
#header .menu li{border-bottom:1px solid #b8cdd2; padding:10px 20px;}
#header .menu li:first-child{border-top:1px solid #6b8990;}
#header .menu li:hover{background:#5f828b;}
#header .menu li a{display:block; padding-left:18px; background:url(../img/menu-btn.png) left center no-repeat; background-size:6px 6px; color:#ffffff; font-family: 'Noto Sans', sans-serif; font-size:14px;}
/*======================Header end============================*/

/*======================Index============================*/
.home .title{margin-top:0;}
/*======================Index end============================*/

#map-canvas{width:100%;height:430px;}

/*======================Floor Plan============================*/
.floorplan .title{margin-bottom:20px;}
.floorPlanTable{color:#7d7d7d; width:600px;}
.floorPlanTable td{padding:5px 20px;}
.floorPlanTable tr:first-child td{background:#a9babf; color:#ffffff;}
/*======================Floor Plan end============================*/

/*======================Reviews============================*/
.reviews .title{margin:20px 0 30px;}
/*======================Reviews end============================*/

/*======================Contact Us============================*/
.contactus .title{margin-bottom:20px;}
.contactusRowContainer{color:#7d7d7d;}
.contactusRowContainer .rightArrow{color:#5c909d; padding-right:14px; background:url(../img/right-arrow.png) right center no-repeat; background-size:5px 9px;}
.contactusRowContainer .contactusRow{border-top:2px solid #bcc4c6; padding:8px 6px;}
.contactusRowContainer .contactusRow>.left{width:25%; font-weight:bold;}
.contactusRowContainer .contactusRow>.right{width:75%;}
.contactusRowContainer .contactusRow>.right .fax{color:#7d7d7d;}

/*======================Contact Us end============================*/