h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    color: #FEFEFE!important;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-weight: 700;
    color: inherit
}
h1 {
    font-size: 1.6rem!important;
    line-height: 1.5rem!important;
}

header.content a {
    color: #e6e6e6!important;
}

/*settings.css.lens:352*/


.share_button {
    cursor: pointer;
    color: $hot
}
div.kshare {
    display: none;
    position: absolute;
    z-index: 999;
    background: #fff;
    margin-top: 5px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .6)
}
input.kshare-input {
    width: 100%!important;
    border: 0!important;
    outline: 0!important;
    margin: 0!important;
    font-size: 10px!important;
    padding: 8px 10px 9px!important;
    border-bottom: 1px solid #eee!important;
    box-sizing: border-box!important
}
ul.kshare-items {
    display: table-row!important;
    list-style: none!important;
    margin: 0!important;
    padding: 0!important
}
ul.kshare-items li {
    display: table-cell!important
}
ul.kshare-items li a {
    width: 38px!important;
    height: 38px!important;
    line-height: 38px!important;
    text-align: center!important;
    display: block!important;
    float: left!important;
    font-size: 17px!important;
    color: #000!important;
    border-right: 1px solid #eee!important
}
ul.kshare-items li:last-child a {
    border-right: none!important
}
input.kshare-input,
ul.kshare-items li a {
    -webkit-transition: all .1s linear;
    transition: all .1s linear
}
ul.kshare-items li a.share-facebook:hover {
    color: #3b5998!important
}
ul.kshare-items li a.share-twitter:hover {
    color: #00aced!important
}
ul.kshare-items li a.share-google:hover {
    color: #dd4b39!important
}
ul.kshare-items li a.share-pinterest:hover {
    color: #cb2027!important
}
ul.kshare-items li a.share-tumblr:hover {
    color: #32506d!important
}
ul.kshare-items li a.share-dl:hover {
    color: #888!important
}

.head_title {
    margin-bottom: 0rem!important;
}

#image_desc_kph {
    color: #FEFEFE!important;
    font-size: 1.2rem!important;
    font-weight: 100!important;
    position: relative;
    left: 39%;
    top: -25px;
    width: 55%;
    margin-right: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 15px;
    padding-right: 10px;
    background-color: rgba(79, 47, 45, 0.87);
    box-shadow: 3px 0px 5px rgba(0, 0, 0, 0.65);
    -webkit-box-shadow: 3px 0px 5px rgba(0, 0, 0, 0.65);
    -moz-box-shadow: 3px 0px 5px rgba(0, 0, 0, 0.65);
    border-bottom: 1px solid #94716F;
}
div.head_title p {
    color: #FEFEFE!important;
    font-size: 1.2rem!important;
    font-weight: 100!important;
    width: 70%;
    margin-left: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 15px;
    padding-right: 10px;
    background-color: rgba(79, 47, 45, 0.87);
    box-shadow: 3px 0px 5px rgba(0, 0, 0, 0.65);
    -webkit-box-shadow: 3px 0px 5px rgba(0, 0, 0, 0.65);
    -moz-box-shadow: 3px 0px 5px rgba(0, 0, 0, 0.65);
    border-bottom: 1px solid #94716F;
}

header.page {
    display: none;
}


div.head_title {
    position: absolute;
    top: 0px;
    left: 0px;
    margin-top: -20px;
    z-index: 100;
}

#slideshow div.head_title {
    margin-top: -50px;
}
/*NEW STUFF FOR GRANTHAYS CUSTOM*/

#separators {
    background: url(http://granthays.com/sg_gha-home_media/separators.png) no-repeat;
    position: relative;
    left: 50%;
    top: 0px;
    z-index: 700;
    width: 1200px;
    height: 139px;
    margin-left: -600px;
    margin-top: 0px;
}

#ghahomebutton {
    position: absolute;
    left: 757px;
    top: 9px;
    z-index: 8;
    width: 199px;
    height: 120px;
    margin-left: 0px;
    margin-top: 0px;
    display: block;
}

#ghahomebutton a {
    background: url(http://granthays.com/sg_generic-template_media/ghahomebutton.gif) no-repeat;
    display: block;
    height: 120px;
    width: 199px;
    font-size: 120px;
    line-height: 120px;
}

/***** MENU POSITIONS *****/
#aboutusbutton {
    line-height: 23px;
    font-size: 19px;
    font-family: P22Eaglefeather-Regular, P22Eaglefeather, "P22 Eaglefeather";
    position: absolute;
    left: 265px;
    top: 47px;
    z-index: 16;
    width: 83px;
    height: 44px;
    margin-left: 0px;
    margin-top: 0px;
    z-index: 18;
}

#aboutusbutton a  {
   background: url(http://granthays.com/sg_gha-home_media/aboutusbutton.gif) no-repeat;
   display: block;
   width: 83px;
   height: 44px;
}

#aboutusbutton a ins  {
   text-decoration: none;
   position: relative;
   left: 9px;
   top: 13px;
   width: 64px;
   height: 17px;
}

#portfoliobutton {
    width: 88px;
     /*was left: 136px;  diff 239*/
    left: 375px;
}

#portfoliobutton a  {
   background: url(http://granthays.com/sg_gha-home_media/ourworkbutton.gif) no-repeat;
   display: block;
   width: 88px;
   height: 44px;
}

#portfoliobutton a ins  {
   text-decoration: none;
   position: relative;
   left: 16px;
   top: 13px;
   width: 56px;
   height: 17px;
}

#ourexperiencebutton {
    width: 123px;
    /*was 256px.  diff is 234*/
    left: 490px;
}
#ourexperiencebutton a  {
   background: url(http://granthays.com/sg_gha-home_media/ourexperiencebutton.gif) no-repeat;
   display: block;
   width: 123px;
   height: 44px;
}

#contactusbutton {
    width: 93px;
     /*was  left: 406px;  diff is 244*/
    left: 650px;
}
#contactusbutton a {
    background: url(http://granthays.com/sg_gha-home_media/contactusbutton.gif) no-repeat;
    display: block;
    width: 93px;
    height: 44px;
}
#contactusbutton a ins {
    text-decoration: none;
    position: relative;
    left: 7px;
    top: 13px;
    width: 78px;
    height: 17px;
}

#ourexperiencebutton a ins  {
   text-decoration: none;
   position: relative;
   left: 7px;
   top: 13px;
   width: 110px;
   height: 22px;
}

#aboutusbutton div a, #portfoliobutton div a, #ourexperiencebutton div a, #contactusbutton div a {
    text-decoration: none;
}

/***** SUBMENU STUFF  *****/

#professionalcapabilitiest > div:first-child  {
   width: 115px;
}

#ourexperiencemenuhoversho > div:first-child  {
   width: 154px;
}

#aboutmenuhovershow > div:first-child {
    width: 129px;
}

#professionalcapabilitiesb > div:first-child  {
   height: 58px;
   width: 129px;
}

#aboutmenuhovershow div ul li a,
#ourexperiencemenuhoversho div ul li a,
#portfoliomenuhovershow div ul li a  {
   padding-left: 0px;
   padding-right: 0px;
   width: 100%;
   display: block;
}

.hovermenutwolines {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: normal;
}

/*#professionalcapabilitiesb,
#firmprofilebutton,
#theprincipalsbutton  {
   overflow: hidden;
   line-height: 18px;
   font-weight: bold;
   font-size: 15px;
   font-family: P22Eaglefeather-Regular, P22Eaglefeather, "P22 Eaglefeather";
   position: absolute;
   left: -5px;
   width: 129px;
   display: none;
   margin-left: 0px;
   margin-top: 0px;
}*/

#portfoliobutton, #contactusbutton, #ourexperiencebutton {
    line-height: 23px;
    font-size: 19px;
    font-family: P22Eaglefeather-Regular, P22Eaglefeather, "P22 Eaglefeather";
    position: absolute;
    top: 47px;
    z-index: 8;
    height: 44px;
    margin-left: 0px;
    margin-top: 0px;
}

/***** ABOUT SUBMEN *****/
/*#headerunique p,*/
/*#privateclickshow div li,
#i1350spacertextunique p,
#i2244spacertextunique p,
#footeridhightext p,
#footeridtext li,
#footeridtext p,
#municipalclickshow div li,
#bodyheaderunique p,
#municipalclickshow div p,
#footeridhightext li,*/
#theprincipalstext div p,
/*#educationclickshow div p,
#i152bodytextunique li,
#i152bodytextunique p,
#headerunique li,*/
#theprincipalstext div li,
#firmprofiletext div li,
#i1494bodytextunique p,
/*#contactbodytextunique p,*/
/*#retailclickshow div p,*/
#professionalcapabilitiest div p,
/*#multiunitclickshow div p,
#headeruniquecopy li,
#retailclickshow div li,
#officesclickshow div li,*/
#firmprofiletext div p,
#professionalcapabilitiest div li {
/*#i71bodytextunique li,
#headeruniquecopy p,
#educationclickshow div li,
#multiunitclickshow div li,
#i1494bodytextunique li,
#i1350spacertextunique li,
#officesclickshow div p,
#i2244spacertextunique li,
#contactbodytextunique li,
#privateclickshow div p,
#bodyheaderunique li,
#i71bodytextunique p  {*/
   padding: 0px;
   margin: 0px;
   font-family: P22Eaglefeather-Regular, P22Eaglefeather, "P22 Eaglefeather";
   font-style: normal;
   letter-spacing: 0px;
   font-variant: normal;
   text-decoration: none;
   text-indent: 0px;
   text-align: left;
}

#firmprofiletext > div:first-child,
#professionalcapabilitiest > div:first-child,
#theprincipalstext > div:first-child,
#educationclickshow > div:first-child,
#professionalcapabilitiesb > div:first-child,
/*#officesclickshow > div:first-child,*/
#portfoliomenuhovershow > div:first-child,
#aboutmenuhovershow > div:first-child,
/*#privateclickshow > div:first-child,*/
#firmprofilebutton > div:first-child,
#theprincipalsbutton > div:first-child,
#ourexperiencemenuhoversho > div:first-child{
/*#multiunitclickshow > div:first-child,
#municipalclickshow > div:first-child  {*/
   top: 0px;
   left: 0px;
   padding: 0px;
   margin: 0px;
   position: relative;
   display: block;
}

/*#i71bodytextunique p a,
#i1494bodytextunique p a,*/
#professionalcapabilitiest div p a,
#i1350spacertextunique p a,
/*#i2244spacertextunique p a,*/
#firmprofiletext div p a,
#theprincipalstext div p a {
/*#footeridtext p a,*/
/*#footeridhightext p a,*/
/*#headerunique p a  {*/
   display: inline;
}


#professionalcapabilitiesb, 
#firmprofilebutton, 
#theprincipalsbutton {
    overflow: hidden;
    line-height: 18px;
    font-weight: bold;
    font-size: 15px;
    font-family: P22Eaglefeather-Regular, P22Eaglefeather, "P22 Eaglefeather";
    position: absolute;
    left: 230px;
    width: 129px;
    display: none;
    margin-left: 0px;
    margin-top: 0px;
}

#theprincipalsbutton  {
   height: 51px;
   z-index: 9;
   top: 202px;
}

#professionalcapabilitiest  {
   overflow: hidden;
   position: absolute;
   left: 2px;
   top: 153px;
   z-index: 11;
   width: 115px;
   display: none;
   margin-left: 0px;
   margin-top: 0px;
}

#professionalcapabilitiest div li  {
   text-align: center;
   color: #FDFCFC;
   line-height: 18px;
   font-weight: bold;
   font-size: 15px;
}

#professionalcapabilitiesb div a  {
   background: url(http://granthays.com/sg_residential-experience_media/professionalcapabilitiesb.gif) no-repeat;
   display: block;
   width: 129px;
   height: 58px;
}

#professionalcapabilitiest div p  {
   text-align: center;
   color: #FDFCFC;
   line-height: 18px;
   font-weight: bold;
   font-size: 15px;
}

#theprincipalsbutton div a  {
   background: url(http://granthays.com/sg_residential-experience_media/theprincipalsbutton.gif) no-repeat;
   display: block;
   width: 129px;
   height: 51px;
}

#theprincipalsbutton div a ins  {
   text-decoration: none;
   position: relative;
   left: 20px;
   top: 16px;
   width: 88px;
   height: 18px;
}

#firmprofilebutton div a ins  {
   text-decoration: none;
   position: relative;
   left: 29px;
   top: 17px;
   width: 69px;
   height: 14px;
}
#theprincipalsbutton > div:first-child  {
   height: 51px;
   width: 129px;
}

#firmprofilebutton {
    height: 55px;
    z-index: 17;
    top: 91px;
}

#theprincipalstext > div:first-child  {
   width: 104px;
}

#firmprofilebutton > div:first-child  {
   height: 55px;
   width: 129px;
}

#theprincipalstext,
#firmprofiletext  {
   overflow: hidden;
   position: absolute;
   left: 6px;
   width: 104px;
   display: none;
   margin-left: 0px;
   margin-top: 0px;
}

#firmprofiletext  {
   z-index: 14;
   top: 107px;
}

#firmprofiletext div p  {
   text-align: center;
   font-size: 15px;
   font-weight: bold;
   line-height: 18px;
   color: #FEFDFD;
}

#firmprofiletext div li  {
   text-align: center;
   font-size: 15px;
   font-weight: bold;
   line-height: 18px;
   color: #FEFDFD;
}

#firmprofilebutton div a {
    background: url(http://granthays.com/sg_generic-template_media/firmprofilebutton.gif) no-repeat;
    display: block;
    width: 129px;
    height: 55px;
}

#professionalcapabilitiesb {
    height: 58px;
    z-index: 14;
    top: 145px;
}
#professionalcapabilitiesb div a {
    background: url(http://granthays.com/sg_residential-experience_media/professionalcapabilitiesb.gif) no-repeat;
    display: block;
    width: 129px;
    height: 58px;
}

#professionalcapabilitiesb div a ins  {
   text-decoration: none;
   position: relative;
   left: 27px;
   top: 9px;
   width: 77px;
   height: 36px;
}

#theprincipalstext  {
   z-index: 8;
   top: 217px;
}

#theprincipalstext div p  {
   text-align: center;
   font-size: 15px;
   font-weight: bold;
   line-height: 18px;
   color: #FEFDFD;

   padding: 0px;
   margin: 0px;
   font-family: P22Eaglefeather-Regular, P22Eaglefeather, "P22 Eaglefeather";
   font-style: normal;
   letter-spacing: 0px;
   font-variant: normal;
   text-decoration: none;
   text-indent: 0px;
}

#theprincipalstext div li  {
   text-align: center;
   font-size: 15px;
   font-weight: bold;
   line-height: 18px;
   color: #FEFDFD;
}


#theprincipalstext, #portfoliomenuhovershow, #ourexperiencemenuhoversho, #aboutmenuhovershow {
    z-index: 10;
}

#aboutbg1, #aboutbg2, #aboutbg3  {
    overflow: hidden;
    position: absolute;
    left: -5px;
    width: 129px;
    display: none;
    margin-left: 0px;
    margin-top: 0px;
}

#aboutbg1  {
    top: 91px;
    z-index: 13;
    height: 55px;
}

#aboutbg2  {
    top: 145px;
    z-index: 10;
    height: 58px;
}

#aboutbg3  {
    top: 202px;
    z-index: 7;
    height: 51px;
}

#aboutbg1 > div:first-child,
#aboutbg2 > div:first-child,
#aboutbg3 > div:first-child  {
   top: 0px;
   left: 0px;
   padding: 0px;
   margin: 0px;
   position: relative;
   display: block;
   width: 129px;
   background-repeat: no-repeat;
}

#aboutbg2 > div:first-child  {
   background-image: url(http://granthays.com/sg_residential-experience_media/aboutbg2.gif);
   height: 58px;
}

#aboutbg3 > div:first-child  {
   background-image: url(http://granthays.com/sg_residential-experience_media/aboutbg3.gif);
   height: 51px;
}

#aboutbg1 > div:first-child  {
   background-image: url(http://granthays.com/sg_generic-template_media/aboutbg1.gif);
   height: 55px;
}




#portfoliomenuhovershow {
    /*was 124px.  diff is 232*/
    left: 356px;
    width: 120px;
}

#portfoliomenuhovershow > div:first-child  {
   width: 115px;
}

#ourexperiencemenuhoversho {
    /*left was 243px  dif is 230*/
    left: 473px;
    width: 159px;
}
#aboutmenuhovershow {
    left: 230px;
}


#portfoliomenuhovershow, #ourexperiencemenuhoversho, #aboutmenuhovershow {
    margin: 0px;
    overflow: visible;
    display: none;
    z-index: 8;
    top: 92px;
    position: absolute;
}

#portfoliomenuhovershow div ul, #ourexperiencemenuhoversho div ul, #aboutmenuhovershow div ul {
    font: normal bold 15px/51px P22Eaglefeather-Regular, P22Eaglefeather, "P22 Eaglefeather";
    margin: 0px;
    padding: 0px;
    color: #FEFDFD;
    text-decoration: none;
    font-variant: normal;
    letter-spacing: 0px;
    text-indent: 0px;
    text-align: center;
}

#ourexperiencemenuhoversho div ul li, #portfoliomenuhovershow div ul li, #aboutmenuhovershow div ul li {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
}

.vertical_menu a {
    width: 100%;
    display: block;
    text-decoration: none;
    background-color: #4E2E2C;
    box-shadow: 3px 0px 5px rgba(0, 0, 0, 0.65);
    -webkit-box-shadow: 3px 0px 5px rgba(0, 0, 0, 0.65);
    -moz-box-shadow: 3px 0px 5px rgba(0, 0, 0, 0.65);
    border-bottom: 1px solid #94716F;
}

/********  HOVERS  *********/

.vertical_menu a:hover {
    background-color: #94716F;
}

#professionalcapabilitiesb div a:hover,
#theprincipalsbutton div a:hover,
#professionalcapabilitiesb div a.nmh,
#firmprofilebutton div a.nmh,
#theprincipalsbutton div a.nmh,
#firmprofilebutton div a:hover  {
   background-position: -129px 0%;
}

#ourexperiencebutton a.nmh,
#ourexperiencebutton a:hover,
#ourexperiencebutton a.pmh,
#ourexperiencebutton a.pm  {
   background-position: -123px 0%;
}

#portfoliobutton a.nmh,
#portfoliobutton a.pm,
#portfoliobutton a.pmh,
#portfoliobutton a:hover  {
   background-position: -88px 0%;
}

#aboutusbutton a.nmh,
#aboutusbutton a.pm,
#aboutusbutton a.pmh,
#aboutusbutton a:hover  {
   background-position: -83px 0%;
}

#contactusbutton a.nmh,
#contactusbutton a:hover  {
   background-position: -93px 0%;
}

#ghahomebutton a.nmh,
#ghahomebutton a:hover  {
   background-position: -199px 0%;
}

.cFEFDFD * a,
.cFEFDFD a,
.cFEFDFD a:link,
.cFEFDFD a:visited  {
   color: #FEFDFD;
}
.cFEFDFD * a:hover,
.cFEFDFD a:hover {
    color: #4E2E2C;
}

.cFDFCFC a,
.cFDFCFC a:link,
.cFDFCFC a:visited  {
   color: #FDFCFC;
}

.c4E2E2C a,
.c4E2E2C a:link,
.c4E2E2C a:visited  {
   color: #4E2E2C;
}

.cFFF a,
.cFFF a:link,
.cFFF a:visited  {
   color: #FFFFFF;
}

a.nm  {
   background-position: 0px 0px;
}

/***** PHOTO VIEWER PAGE ******/

#slideshow {
    position: relative;
    margin-top: -40px;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
}
/*#slideshow header {
    display: none;
}*/
.head_title h2 {
    font-size: 1.8rem;
    line-height: 1.313rem;
    margin-top: 1.313rem;
    font-weight: 100;
}

.k-pulse {
    border: #4E2E2C;
    border-width: 3px;
    border-style: solid;
    margin-top: 50px;
}

ol.thumbs {
    margin-top: 30px;
}

#kph_photoviewerbg {
    background: url(http://granthays.com/sg_portfolio_media/photoviewerbg.gif) no-repeat;
    background-size: cover;
}
#kph_photoviewerbg, #kph_albumviewerbg, #homeimagepicturebox {
    position: absolute;
    left: 50%;
    top: 92px;
    width: 1200px;
    /*width: 100%;*/
    max-width: 1200px;
    /*height: 610px;  <-  need this height for full width image viewer*/
    height: 542px;
    /*margin:0 auto;*/
    margin-left: -600px;
    margin-top: 0px;
}


#kph_photoviewercontainer {
    top: 92px;
     border:1px solid red;
     width: 100%;
}

#leftoverlaypng35, #rightoverlaypng35 {
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: -87px;
    height: 611px;
    top: 0px;
    margin-top: -80px;
    position: absolute;
}
#leftoverlaypng35 {
    background: url(http://granthays.com/sg_residential-experience_media/leftoverlaypng35.png) no-repeat;
    left: 0px;
    width: 180px;
}
#rightoverlaypng35 {
    background: url(http://granthays.com/sg_portfolio_media/rightoverlaypng35.png) no-repeat;
    right: 0px;
    width: 182px;
}



/********** ALBUMS PAGES **************/
.paginate ol li a,
.paginate span.count {
    font-size: 1rem!important;
    color: #FEFDFD!important;
}

#slideshow_nav_fs {
    display: inline-block;
    width: 125px;
    height: 27px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: left;
    text-indent: 30px;
}
#slideshow_nav_fs a {
    color: #FEFDFD!important;
    display: inline-block;
    width: 125px;
    height: 27px;
    vertical-align: middle;
    margin-left: -25px!important;
    margin-right: 0px!important;
    background: url(http://granthays.com/sg_portfolio_media/fullscreen_btn.png) no-repeat;
    background-position: 0px -29px;
}

#slideshow_nav_play {
    display: inline-block;
    width: 95px;
    height: 27px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: -25px!important;
    margin-right: 0px!important;
    text-align: left;
    text-indent: 30px;
}
#slideshow_nav_play a {
    color: #FEFDFD!important;
    display: inline-block;
    width: 95px;
    height: 27px;
    vertical-align: middle;
    background: url(http://granthays.com/sg_portfolio_media/play_btn.png) no-repeat;
    background-position: 0px -29px;
}

#viewprojects_btn,
#viewalbuminfo_btn,
#viewimageinfo_btn {
    display: inline-block;
    width: 157px;
    height: 27px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: left;
    text-indent: 30px;
}
#viewprojects_btn a,
#viewalbuminfo_btn a,
#viewimageinfo_btn a {
    color: #FEFDFD!important;
    display: inline-block;
    width: 157px;
    height: 27px;
    vertical-align: middle;
    background: url(http://granthays.com/sg_portfolio_media/info-btn-bgs.png) no-repeat;
    background-position: 0px -29px;
}
#slideshow_nav_play a:hover,
#slideshow_nav_fs a:hover,
#viewprojects_btn a:hover,
#viewalbuminfo_btn a:hover,
#viewimageinfo_btn a:hover {
    background-position: 0px 0px;
}

#slideshow_nav_prev a,
#slideshow_nav_next a,
.paginate li.next a,
.paginate li.prev a {
    color: rgba(255, 255, 255, 0)!important;
    display: inline-block;
    width: 16px;
    height: 24px;
    text-indent: -99999px;
    vertical-align: middle;
}
#slideshow_nav_next a,
.paginate li.next a {
    background: url(http://granthays.com/sg_portfolio_media/next.png) no-repeat;
    background-position: 0px -25px;
}
#slideshow_nav_prev a,
.paginate li.prev a {
    background: url(http://granthays.com/sg_portfolio_media/prev.png) no-repeat;
    background-position: 0px -25px;
}
#slideshow_nav_prev a:hover,
#slideshow_nav_next a:hover,
.paginate li.next a:hover,
.paginate li.prev a:hover,
.kph_brownclosebtn a:hover {
    background-position: 0px 0px;
}

/********** PLAYER CONTROLERS *************/

#slideshow_navcontainer {
    z-index: 20;
    text-align: center;
    position: relative;
    margin-top: 
}

.ss_control {
    display: inline-block;
    width: auto;
    height: 26px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-right: 10px;
}

#slideshow_nav_counter,
.ss_control a {
    color: #FEFDFD!important;
}

#slideshow_nav_counter {
    display: inline-block;
    width: auto;
    height: 26px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 0px;
}
    
#kph_imgclosebtn {
    position: relative;
    left: 96%;
    z-index: 20;
}
#kph_projclosebtn {
    position: absolute;
    top: 50px;
    left: 73%;
}

.kph_brownclosebtn a {
    color: rgba(255, 255, 255, 0)!important;
    display: inline-block;
    width: 37px;
    height: 37px;
    text-indent: -99999px;
    vertical-align: middle;
    background: url(http://granthays.com/sg_portfolio_media/closeBtn.png) no-repeat bottom;
}