﻿body {
    margin:0px;
    padding:0px;
}
.container-gallery {
    width:905px;
    _background-position:3px top;
}
A IMG {
    border:0px;
}
.container-gallery .maincontainer {
    margin:0px 0px 0px 51px;
    padding:13px 18px 18px 18px;
}
.container-gallery .gallery-part {
    width:801px;
}
.container-gallery .glry-left {
    float:left;
    width:664px;
    height:408px;
}
.container-gallery .glry-right {
    float:left;
    width:91px;
    margin:45px 0px 0px 0px;
    _top:0;
    _margin:45px 0px 0px -110px;
    text-align:left
}
.container-gallery .glry-right-btn {
    float:left;
    margin:294px 0px 0px 18px;
    _margin:294px 0px 0px -1px;
}
.container-gallery .brdrclass IMG {
    padding:21px 0px 18px 0;
}
.container-gallery .content-div {
    color:#C9C7C7;
    font-size:16px;
    font-family:"Myriad Pro", Arial, Helvetica, sans-serif
}
.container-gallery .yllow-cntnt {
    color:#f6900b;
    font-size:19px;
    text-transform:uppercase;
    font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
    margin:0px 6px 0px 0px;
}
.container-gallery .grey-cntnt, .container-gallery .grey-cntnt1 {
    color:#C9C7C7;
    font-size:16px;
    font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
    margin:0px 0px 0px 10px;
}
.container-gallery .grey-cntnt1 {
    margin:0px 0px 0px 0px;
}
.container-gallery .contentinside {
    margin:12px 0px 0px 0px;
    width:744px
}
.container-gallery .contentinside A {
    text-decoration:underline;
    color:#00a7d1;
    line-height:23px;
}
.container-gallery .contentinside A:hover {
    text-decoration:none;
    color:#00a7d1;
    line-height:23px;
}
.container-gallery P {
    margin:0px;
    padding:0px;
}
.container-gallery .mrepjt-btn {
    margin:14px 0px;
    width:765px;
    border:1px solid #171717;
    border-left:0px;
    border-right:0px;
}
.container-gallery .mrepjt-btn IMG {
    margin:8px 7px;
}
#galleryB {
    width:86px;
    height:330px;
    margin:0px 0px 0px 0px;
    padding:0px;
    position:relative;
    overflow:hidden;
}
#innerbox {
    position:absolute;
    top:0px;
    padding:0px;
}
#innerbox span {
    display:block;
    padding:0px;
}
#galleryB A IMG {
    border:2px solid #565353;
    padding:0px;
    margin:0px 0px 16px 0px;
}
#galleryB A IMG:hover {
    border:2px solid #FFF;
    padding:0px;
    margin:0px 0px 16px 0px;
}
#galleryB A.selected IMG {
    border:2px solid #FFF;
    opacity:0.99;
    filter:alpha(opacity=99);
    padding:0px;
    margin:0px 0px 16px 0px;
}
a {
    outline:none
}
#galleryB span A {
    display:block;
    padding-left:11px;
}
#galleryB span A:hover {
    display:block;
    padding-left:11px;
    background:url(/hospitalitydesign/structural-images/arrow_img.gif) no-repeat;
    background-position:left 19px;
}
#galleryB span.selected {
    display:block;
    padding-left:11px;
    background:url(/hospitalitydesign/structural-images/arrow_img.gif) no-repeat;
    background-position:left 19px;
}
.top-panel {
    float:left;
    width:333px;
    margin:10px 0px 0px 0px;
}
.cleared {
    clear:both
}
.glry-left IMG {
    padding:0px;
}
.stepcarousel {
    position: relative; /*leave this value alone*/
    overflow: scroll; /*leave this value alone*/
    width: 270px;
    height: 200px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt {
    position: absolute; /*leave this value alone*/
    left: 0;
    width:84px;
    top: 0;
}
.stepcarousel .panel {
    /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
    margin:0px 0px 0px 0px; /*margin around each panel*/
    width: 83px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
#galleryB {
    width: 86px;
    height:330px;
    border: 0px solid darkred;
}
#galleryB .panel {
    height: 150px;
    font: bold 28px Arial;
    text-align: center;
    color: white;
}
p.samplebuttons {
    width: 300px;
    text-align: center;
}
p.samplebuttons a {
    color: #2e6ab1;
    padding: 1px 2px;
    margin-right: 3px;
    text-decoration: none;
}
.gall-content {
    height:400px;
    width:650px;
}
.gall-content IMG {
    border:5px solid #FFF
}
#absodiv {
    position:absolute;
    height: 160px;
    width: 660px;
}
#galleryB {
    overflow: hidden;
}
/*//////////  Gallery style content */
.stepcarousel {
    position: relative; /*leave this value alone*/
    overflow: scroll; /*leave this value alone*/
    width: 270px;
    height: 200px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt {
    position: absolute; /*leave this value alone*/
    left: 0;
    top: 0;
}
.stepcarousel .panel {
    /*leave this value alone*/
 position:static !important;
    overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
    margin:0px 0px 0px 0px; /*margin around each panel*/
    width: 83px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
#galleryB {
    width: 86px;
    height:330px;
    border: 0px solid darkred;
}
#galleryB .panel {
    height: 150px;
    font: bold 28px Arial;
    text-align: center;
    color: white;
}
p.samplebuttons {
    width: 300px;
    text-align: center;
}
p.samplebuttons a {
    color: #2e6ab1;
    padding: 1px 2px;
    margin-right: 3px;
    text-decoration: none;
}
#galleryB {
    overflow: hidden;
}
/*///// Content slide css */

.sliderwrapper {
    position: relative; /*leave as is*/
    width: 660px;
*width: 760px;  /*width of featured content slider*/
}
.sliderwrapper .contentdiv {
    visibility: hidden; /*leave as is*/
    /*leave as is*/
left: 0;  /*leave as is*/
    top: 0;  /*leave as is*/
    padding: 0px;
    width: 650px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
*width: 760px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
.pagination {
    width: 84px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
}
.pagination a {
    padding: 0 5px;
    text-decoration: none;
    color: #00007D;
}
.pagination a:hover, .pagination a.selected {
    display:block;
    padding-left:11px;
    background:url(/hospitalitydesign/structural-images/arrow_img.gif) no-repeat;
    background-position:left 19px;
}
/* Gallery Article page */
.gallerynav {
    margin:33px 0px 0px 0px;
    font-size:12px;
    padding:0px;
    font-family:"Myriad Pro", Arial, Verdana, Helvetica, sans-serif;
}
.gallerynav .heading {
    text-transform:uppercase;
    font-size:12px;
    color:#e28409;
    font-weight:bold;
}
.gallerynav a {
    color:#929191;
    padding:7px 8px 8px 8px;
    display:block;
    font-size:12px;
    margin:0 0px;
    text-decoration:none;
    border-left:1px solid #171717;
}
.gallerynav a:hover, .gallerynav a.current {
    color:#fff;
    background:url(/hospitalitydesign/structural-images/linkbg.gif) no-repeat center top;
    border-left:1px solid #171717
}
.gallerynav TABLE TD {
    vertical-align:middle
}
.pgbreadcrumb {
    font-size:12px;
    padding-left:20px;
    font-family:"Myriad Pro", Arial, Verdana, Helvetica, sans-serif;
}
.listing {
    margin: 0 0px;
    padding: 0;
    clear: both;
    margin-top:1px;
}
.even {
    background: #EAE9E8 no-repeat;
}
.contentpg {
    line-height: 21px;
    clear: both;
    font-size: 12px;
    line-height:21px;
    padding: 5px 10px 5px 25px;
}
.contentpg p {
    font-family: Helvetica, Verdana, Arial, sans-serif;
    color:#656665;
    line-height:21px;
    font-size: 12px;
    padding-left:10px;
    padding-right:5px;
}
a.headerpg {
    color: #360A0B;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}
a.headerpg:hover {
    color: #C00403;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}
a.viewpg {
    color: #360A0B;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
a.viewpg:hover {
    color: #C00403;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}
img.pgimg {
    margin: 7px 15px 17px 10px;
}
a.pg_more {
    margin: 0;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size:12px;
    color: #360A0B;
    font-weight: bold;
}
a.pg_more:hover {
    margin: 0;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size:12px;
    color: #C00403;
    font-weight: bold;
}
/* Gallery Section  Styling  Start   */
.gallerynav {
    margin:33px 0px 0px 0px;
    font-size:12px;
    padding:0px;
    font-family:"Myriad Pro", Arial, Verdana, Helvetica, sans-serif;
}
.gallerynav .heading {
    text-transform:uppercase;
    font-size:12px;
    color:#e28409;
    font-weight:bold;
}
.gallerynav a {
    color:#929191;
    padding:7px 8px 8px 8px;
    display:block;
    font-size:12px;
    margin:0 0px;
    text-decoration:none;
    border-left:1px solid #171717;
}
.gallerynav a:hover, .gallerynav a.current {
    color:#fff;
    background:url(/hospitalitydesign/structural-images/linkbg.gif) no-repeat center top;
    border-left:1px solid #171717
}
.gallerynav TABLE TD {
    vertical-align:middle
}
.pgbreadcrumb {
    font-size:12px;
    padding-left:20px;
    font-family:"Myriad Pro", Arial, Verdana, Helvetica, sans-serif;
}
.listing {
    margin: 0 0px;
    padding: 0;
    clear: both;
    margin-top:1px;
}
.odd, .even {
    margin:0px 0px 1px 0px;
    vertical-align:middle;
    padding: 19px 4px 9px 7px;
    font-size:12px;
    background: #DFDEDD no-repeat;
    font-family: Helvetica, Verdana, Arial, sans-serif;
}
.even {
    background: #EAE9E8 no-repeat;
}
.contentpg {
    line-height: 21px;
    clear: both;
    font-size: 12px;
    line-height:21px;
    padding: 5px 10px 5px 25px;
}
.contentpg p {
    font-family: Helvetica, Verdana, Arial, sans-serif;
    color:#656665;
    line-height:21px;
    font-size: 12px;
    padding-left:10px;
    padding-right:5px;
}
a.headerpg {
    color: #360A0B;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}
a.headerpg:hover {
    color: #C00403;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}
a.viewpg {
    color: #360A0B;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}
a.viewpg:hover {
    color: #C00403;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}

a.pg_more {
    margin: 0;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size:12px;
    color: #360A0B;
    font-weight: bold;
}
a.pg_more:hover {
    margin: 0;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size:12px;
    color: #C00403;
    font-weight: bold;
}
.content-outer {
    margin:5px 5px 15px 20px;
    padding:0px;
}
.bodynew {
    background-image:url(/hospitalitydesign/structural-images/bg_black.gif);
    background-repeat:repeat-x;
    background-color:#000000;
}