body {
background:#fff;
font-family:Arial, sans-serif;
}

p {
margin-bottom:20px;
}

.clearout {
height:20px;
clear:both;
}

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:9999px;
    margin:0px;
    padding:0px;
    list-style-type:none;
    text-align:center;
}
.nbs-flexisel-inner {
    overflow:hidden;
    float:left;
    width:100%;
    margin-bottom: 30px;
}
.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
}
.nbs-flexisel-item img {
    width: 100%;
    cursor: pointer;
    positon: relative;
    margin-top: 24px;
    margin-bottom: 10px;
    max-width:308px;
}
#flexisel01 li {
    float:left;
    background-color:#fff;
    position:relative;
    list-style: none;
     }
#flexisel01 li .desc {
    border: 1px solid #DDDDDD;
    margin: 12px;
    border-top:1px solid #eee;
    background-color:#fff;
    position:relative;
    -webkit-box-shadow:  3px 3px 4px 2px #eee;
    -moz-box-shadow: 3px 3px 4px 2px #eee;
    box-shadow:  3px 3px 4px 2px #eee;
}

     #flexisel01 li img {
        max-width: 308px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom:5px;
    }
    #flexisel01 li p {
        height: 100px;
        max-width: 308px;
        margin:0 auto;
        text-align: left;
        color:#B8ACA5;
        font-size:16px;
        }
    #flexisel01 li h3 {
        max-width: 308px;
        margin:0 auto;
        text-align: left;
        font-size:18px;
        color:#333;
        text-transform:uppercase;
        }
    #flexisel01 li div.read-more {
        margin: 0 auto;
        display:block;
        background-color:#93C3DB;
        padding: 2px 0;
        overflow:hidden;
        width: 100%;
     }
    #flexisel01 li.item02 div.read-more,
	#flexisel01 li.item05 div.read-more,
	#flexisel01 li.item08 div.read-more {background: #A9BD25;}
    #flexisel01 li.item03 div.read-more,
	#flexisel01 li.item06 div.read-more {background: #F2737D;}


    #flexisel01 li div.read-more a{
        margin-right: 20px;
        background: url(/resources/themes/themodernhonolulu/assets/images/home-b/icon-extreme.png) left center no-repeat;
        padding-left: 40px;
        font-family:Arial, Helvetica, sans-serif;
        font-size:16px;
        font-weight:bold;
        text-decoration:underline;
        color:rgb(255,255,255);
        text-align:right;
        display:block;
        float:right;
        line-height:35px;
    }
#flexisel01 li.item02 div.read-more a{background: url(/resources/themes/themodernhonolulu/assets/images/home-b/icon-classic.png) left center no-repeat;}
#flexisel01 li.item03 div.read-more a{background: url(/resources/themes/themodernhonolulu/assets/images/home-b/icon-culture.png) left center no-repeat;}
#flexisel01 li.item04 div.read-more a{background: url("/resources/media/images/explore/exp_icons_white.png") -10px -358px no-repeat;}
#flexisel01 li.item05 div.read-more a{background: url("/resources/media/images/explore/exp_icons_white.png") -10px -126px no-repeat;}
#flexisel01 li.item06 div.read-more a{background: url("/resources/media/images/explore/exp_icons_white.png") -10px -300px no-repeat;}
#flexisel01 li.item07 div.read-more a{background: url("/resources/media/images/explore/exp_icons_white.png") -10px -472px no-repeat;}
#flexisel01 li.item08 div.read-more a{background: url("/resources/media/images/explore/exp_icons_white.png") -10px -420px no-repeat;}


/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 32px;
    height: 32px;
    position: absolute;
    cursor: pointer;
    z-index: 100;
    opacity: 0.5;
}

.nbs-flexisel-nav-left {
    left: 5px;
    background: url(/resources/themes/themodernhonolulu/assets/images/fs-arrowleft.png) no-repeat center;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.nbs-flexisel-nav-right {
    right: 5px;
    background: url(/resources/themes/themodernhonolulu/assets/images/fs-arrowright.png) no-repeat center;
    -webkit-background-size: 100%;
    background-size: 100%;
}


/* Large desktop */
@media (min-width: 992px) {
    .nbs-flexisel-item img {margin-top: 0px;}
    #flexisel01 li .desc p,#flexisel01 li .desc h3{margin-left: 12px;margin-right: 12px;}
    .nbs-flexisel-nav-left {
      left: 0;
    }
    .nbs-flexisel-nav-right {
      right: 0;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { .nbs-flexisel-item img {margin-top: 12px;} }

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { .nbs-flexisel-item img {margin-top: 0px;} }

/* Landscape phones and down */
@media (max-width: 480px) { .nbs-flexisel-item img {margin-top: 24px;} }