@charset "UTF-8";
/* Set the encoding of the style sheet to Unicode UTF-8 */

/*CSS RESETS -----------------------------------------------------------------------------------------------------------*/

/*Limited Reset*/
html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align:baseline;
	font: inherit;
}
Html {

 overflow-x: hidden;

}

/*HTML5 Display Rule*/
address, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, menu, nav, section, summary {
	display: block;
}

/*LAYOUT STYLES -------------------------------------------------------------------------------------------------------*/
td{
        color:#3e434f ;
}


html {
	
}

body {
	margin: 0 auto;  /*	always center the body of the document with even spacing to sides */
    top:0;
	width: 100%;
    position:relative;
    z-index:1
}

main {
    width: 100%;
    position:absolute;
    top: 530px;
    background-color: #ffffff;
    z-index:1;

}

main#homePage {
    


}


.containerMain{

     max-width:1024px;
     margin: 0 auto;

}

main h1 {
    text-align:center;

}
#newTableMenu {
    width:67%;
}

/*GLOBAL CLASSES AND SETTINGS ---------------------------------------------------------------------------------------------------*/

.inline {
	display: inline;
}

.inlineBlock {
	display: inline-block;
}
.floatLeft{
    float:left;
}
.floatRight{
    float:right;
}
.clearBoth
{
    clear:both;
}
/* ClearFix */

.clearFix:before,
.clearFix:after {
    content: "";
    display: table;
} 
.clearFix:after {
    clear: both;
}
.clearFix {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}


/*FONT/TEXT STYLES -----------------------------------------------------------------------------------------------------------*/

body {
    font-family:"trajan-sans-pro",sans-serif;
	line-height: 1.5;
    font-weight:normal;
	font-style:normal;	
    color:#3e434f;
    font-size:1em;
}

/* Update/Remove this when we create new system editing tools */
.EditorBG, .EditorBG2 {
    font-weight: normal;
	color: #3e434f;
	font-style:normal;
    background-color: #ffffff;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

 /* Main Page Titleline - use .title1 for non-semantic text/titles */
 h1, .title1 { 
     color: #717171;
     font-size:1.75em;
     font-weight:normal;
     line-height:1.5em;
     font-family:"trajan-sans-pro",sans-serif;
 }

 /* Page Titles */
 h2, .title2  {
	color:#717171;
    font-size: 1.1em;
	font-weight:normal;
    line-height:1.5em;
 }

 /* Grouped Text/Element Titles  */
 h3, .title3   {
    font-size:1.2em;
    font-weight:bold;
    line-height:1.5em;
}

/* Sub-Groups / Titles  */
 h4, .title4  {
    color:#ffffff;
    font-size:1.2em;
    line-height:1.5em;
}
 .footerTitle {
     color:#ffffff;
 }
/* Other Sub-Groups / Titles  */
 h5, .title5  {
}

/* Other Sub-Groups / Titles  */
 h5, .title6  {
}

/*LINK STYLES -----------------------------------------------------------------------------------------------------------*/

/* Main Site Links */
a:link {
    text-decoration: none;
	color: #d5d5d5;
}

/* visited link */
a:visited {
    text-decoration: none;
	color: #d5d5d5;
}

/* mouse over link */
a:hover, a:visited:hover {
    color: #ffffff;
}

/* selected link */
a:active {
   
}
#PnlBuyGift .mainButton a, #PnlConfirm .button a {
    color: #000000;
}


/* Secondary Links (place class="link2" into <a> tag) */
a.link2:link, main a:link {
    color: #323232;
}

/* visited link */
a.link2:visited, main a:visited {
     color: #323232;
}

/* mouse over link */
a.link2:hover, a.link2:visited:hover, main a:hover, main a:visited:hover {
    color: #000000;
}

/* selected link */
a.link2:active, main a:active, {
   
}

a.linkserv {
    padding:4px 8px;
    background-color:#ffffff;
    margin:3px;
    display:inline-block;
    border-radius:5px;
    color:#bababa;
}
a.linkserv:link, a.linkserv:active,  a.linkserv:visited{
    color:#323232;
}
a.linkserv:hover, a.linkserv:visited:hover{
    color:#000000;
}


a .footerLink {
    color:#bababa;

}
a .footerLink:hover {
    color:#ffffff;

}
/*BUTTON AND INPUT BUTTON STYLES -----------------------------------------------------------------------------------------------------------*/

button, input[type=button], .button, input[type=submit]{

background: #bababa; 
    margin-top:15px;
    border: none;   
    padding: .3em .5em;
    text-align: center;
    font-size: 1em;
    cursor: pointer;
    border-radius: 5px;
    moz-border-radius: 5px;
    font-family:"trajan-sans-pro",sans-serif;
}

button:hover, input[type=button]:hover,  .button:hover, input[type=submit]:hover{

  
background: #dddddd; 
}

a.button:link, a.button:visited{
    color:#ffffff;
}

a.button:hover, a.button:visited:hover{
    color:#ffffff;
}

/* TILES -----------------------------------------------------------------------------------------------------------*/
.repeatBg {
    background-repeat: repeat;
}

.tiles {
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    postiion: relative;
    margin: -2.5em 0 0 -2.5em;
}

    .tiles article {
        -moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
        -webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
        -ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
        transition: transform 0.5s ease, opacity 0.5s ease;
        position: relative;
        width: calc(33.33333% - 2.5em);
        margin: 2.5em 0 0 2.5em;
    }

        .tiles article > .image {
            -moz-transition: -moz-transform 0.5s ease;
            -webkit-transition: -webkit-transform 0.5s ease;
            -ms-transition: -ms-transform 0.5s ease;
            transition: transform 0.5s ease;
            position: relative;
            display: flex;
            width: 100%;
            border-radius: 4px;
            overflow: hidden;
            height: 315px
        }

            .tiles article > .image img {
                display: block;
                width: 100%;
                align-self: center;
            }

            .tiles article > .image:before {
                pointer-events: none;
                -moz-transition: background-color 0.5s ease, opacity 0.5s ease;
                -webkit-transition: background-color 0.5s ease, opacity 0.5s ease;
                -ms-transition: background-color 0.5s ease, opacity 0.5s ease;
                transition: background-color 0.5s ease, opacity 0.5s ease;
                content: '';
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                opacity: 1.0;
                z-index: 1;
                opacity: 0.8;
            }

            .tiles article > .image:after {
                pointer-events: none;
                -moz-transition: opacity 0.5s ease;
                -webkit-transition: opacity 0.5s ease;
                -ms-transition: opacity 0.5s ease;
                transition: opacity 0.5s ease;
                content: '';
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                /*background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 0.25px%3B stroke: %23ffffff%3B %7D%3C/style%3E%3Cline x1='0' y1='0' x2='100' y2='100' /%3E%3Cline x1='100' y1='0' x2='0' y2='100' /%3E%3C/svg%3E");*/
                background-position: center;
                background-repeat: no-repeat;
                background-size: 100% 100%;
                opacity: 0.25;
                z-index: 2;
            }

        .tiles article > a {
            display: -moz-flex;
            display: -webkit-flex;
            display: -ms-flex;
            display: flex;
            -moz-flex-direction: column;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            -moz-align-items: center;
            -webkit-align-items: center;
            -ms-align-items: center;
            align-items: center;
            -moz-justify-content: center;
            -webkit-justify-content: center;
            -ms-justify-content: center;
            justify-content: center;
            -moz-transition: background-color 0.5s ease, -moz-transform 0.5s ease;
            -webkit-transition: background-color 0.5s ease, -webkit-transform 0.5s ease;
            -ms-transition: background-color 0.5s ease, -ms-transform 0.5s ease;
            transition: background-color 0.5s ease, transform 0.5s ease;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 315px;
            padding: 1em;
            border-radius: 4px;
            border-bottom: 0;
            color: #ffffff;
            text-align: center;
            text-decoration: none;
            z-index: 3;
            left: -15px;
        }

            .tiles article > a > :last-child {
                margin: 0;
            }

            .tiles article > a:hover {
                color: #ffffff !important;
            }

            .tiles article > a h2 {
                margin: 0;
                color: #ffffff;
            }

            .tiles article > a .content {
                -moz-transition: max-height 0.5s ease, opacity 0.5s ease;
                -webkit-transition: max-height 0.5s ease, opacity 0.5s ease;
                -ms-transition: max-height 0.5s ease, opacity 0.5s ease;
                transition: max-height 0.5s ease, opacity 0.5s ease;
                width: 100%;
                max-height: 0;
                line-height: 1.5;
                margin-top: 0.35em;
                opacity: 0;

            }

                .tiles article > a .content > :last-child {
                    margin-bottom: 0;
                }



        .tiles article.style2 > .image:before {
            background-color: #7ecaf6;
        }

        .tiles article.style3 > .image:before {
            background-color: #7bd0c1;
        }

        .tiles article.style4 > .image:before {
            background-color: #c75b9b;
        }

        .tiles article.style5 > .image:before {
            background-color: #ae85ca;
        }

        .tiles article.style6 > .image:before {
            background-color: #8499e7;
        }

body:not(.is-touch) .tiles article:hover > .image {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

    body:not(.is-touch) .tiles article:hover > .image:before {
        background-color: #333333;
        opacity: 0.35;
    }

    body:not(.is-touch) .tiles article:hover > .image:after {
        opacity: 0;
    }

body:not(.is-touch) .tiles article:hover .content {
    max-height: 15em;
    opacity: 1;
}

* + .tiles {
    margin-top: 2em;
}

body.is-preload .tiles article {
    -moz-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0;
}

body.is-touch .tiles article .content {
    max-height: 15em;
    opacity: 1;
}
.tiles article.style1 > .image:before {
    background-color: #676767ad;
}

/* CONTENT REGION STYLES -----------------------------------------------------------------------------------------------------------*/

/*Header Styles*/
header {

    background-color: transparent;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

header h1 {
    padding-top: 20px; 
    color:#685e58;
    font-size:3.2em;  
    display:inline-block;
    font-family:"trajan-sans-pro",sans-serif;
}

header h2 {
	
}

.logo {   
    max-width:1024px;
    float:left;
    z-index:2;
    position:relative;
    left:-50px;
  }
.logoResponsive{
    max-width:410px;


}

#mainHeader {
    background-image: url('images/nav-border.png');
    background-repeat:repeat-x;
    background-position:bottom;
 }

nav_all {


}

Nav ul {
	list-style: none; 
    padding-top:70px;
}

Nav li {
	
}

Nav a {
	
}

Nav a:hover {

}
.sb_navLink {
}
.navLinksMobile, .menu {
    display:none;
}
.mobileLogo, .slicknav_menu, #mobileNav {   
    
    display:none;
  }
.navLinks {
   position:relative;
   left:-50px;
}

.left{
  
}
.right {
     float:right;
}
#mainNav {
    padding:0;
    text-align:center;
    display:inline-block;    
    width:100%;
    margin:0 auto;
    font-size:10pt;
    background-color: transparent;
    background: rgba(0,0,0,0.75);
    position:absolute;
    top:0;
    left:0;
    height:120px;
    z-index:1;

}

#mainNav li {
    padding: 0;
    text-transform:uppercase;
	display:inline-block;
	margin:0 4px;
    list-style:none;
}

#mainNav a {
    color:#ffffff;
    font-family:"trajan-sans-pro",sans-serif;
   
	display: block;
	border: none;
    font-size:8.5pt;
    font-weight:normal;
}
 
#mainNav a:hover {

    color:#2182aa;
    font-family:"trajan-sans-pro",sans-serif;
}
#nav_all{
    margin:0 auto;
    max-width:1074px;
}
/*------Flyout Menus----- */


.flyoutHeader {
    display:none;
}

.sb_navbut{}
.sb_subnav
{
    position:absolute; 
    z-index:1000; 
    top:25px; 
    left:0px; 
    width:240px; 
    background-color:rgba(0,0,0,.8); 
    font-size:10pt;
    display:none;
    
    
 }
.sb_subnav a
{
    padding:5px 0;
       
 }
#nav_more_box a {
    padding-left:20px;
}


.sb_sub_subnav {
    position: absolute;
    z-index: 1001;
    top: 10pt;
    left: 217px;
    width: 240px;
    background-color: rgba(0,0,0,.6);
    font-size: 10pt;
    display: none;
}
	
.flyoutLink
{
  
}
.flyoutLink A
{
    color:#4c4c4a;
    
    
}
.flyoutLink A:hover
{
    color:#000000;
}
.flyoutLink: hover
{
    color:#000000;
}


.spacer {
    display:none;
    
}











/*article styles*/
article {
	
}

article h1, article h2, article h3 {
	
}


article p {
	
}
article ul {
	
}
/*Section Styles*/
section {
	
}

section h1, section h2, section h3 {
	
}

section ul {
	list-style: none;
	margin: 0;
	padding:0;
}
section li {
	padding:0;
    float: left;
    list-style: none;
}
/*Featured Boxes --- change the css for these to use section elements like section H2 above*/

.featuredContent {
    width:315px;
    height:140px;
    background: #eeeeee;   
    border: 1px solid #d5d5d5;
    cursor:pointer;
    display: inline-block;
    margin:10px 10px 0 0; 
    text-align:left;
    color: #000000;

    
}
.featuredContent:nth-of-type(3), .featuredContent:nth-of-type(6) {
  
    margin: 10px 0 0 0;
}
.featuredimgdiv{
    margin-top:12px;
}

 .featuredTitle, .featuredTitleSmall {
    font-size: 12pt;
    color:#717171; 
    text-transform:uppercase;


}
 
 #featuredItemMobile{
     display:none;
 }
 #featuredItem{
     display:block;
 }
     .featuredItemLink {
    font-size: 1.000em;
    font-weight: normal;
    background-color: transparent;
    border: none;
    padding: 0;
    display: inline-block;
    margin-top:0;
}

/*SideBar Styles*/

#sideBar{
    float:right;
    margin:0 20px 30px 0;
    padding: 10px;
    -webkit-box-shadow: 0px 0px 10px 0px  #3a3a3a;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    0px 0px 10px 0px #3a3a3a;  /* Firefox 3.5 - 3.6 */
    box-shadow:         0px 0px 10px 0px #3a3a3a;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

#sideBar a, #sideBar a:visited {
   color: #ffffff;
}

#sideBar a:hover, #sideBar a:visited:hover {
   color: #ffffff;
}

#sideBar div[id*=imgWrap] {
	margin: 15px auto;
}

/*SideBar menu and list styles*/
.servCatList, .asideLocationList ul, .asideLocationList
{
    display:block;
    margin-top:10px;
    margin-bottom:15px;
    list-style: none;
    max-width:300px;
}

.servCatList a, .asideLocationList a
{

    background-color:rgba(0,0,0, 0.6); 
    line-height:2.5em;
    border:1px solid #424242;
    padding:8px;
}
.servCatList a:hover, .asideLocationList a:hover
{

    background-color: #424242;
    color:#ffffff;
    padding:8px;
    margin-top:5px;
    margin-bottom:5px;
}


/*footer styles*/
#pageFooter {   
        position:relative;
        bottom:0px;
        clear:both;
        width:100%;
        min-height:150px;
        border-top: 1px solid #d5d5d5;
        background-color:#323232;
}
aside#contact {
    float:left;    
    padding: 5px 0 30px 0;
    position:absolute;
        bottom:0px;
}
#copy, #social {
    float:right;
    color:#bababa;    
        font-family: "europa",sans-serif;

}

footer {
    text-align:right;
    font-size:.6em;   
    width:35%;
    float:right;
    padding: 2%;
    color:#ffffff;
}

#copy a, #copy a:visited {
    color:#575757;
}

#copy a:hover, #copy a:visited:hover {
    color:#ffffff;
}

.CC img{
    padding: 0 3px;
}

#ServicePage a[href="#top"]
{
    display:none;
}
/* IMAGE AND PHOTO STYLES -----------------------------------------------------------------------------------------------------------*/

#bgGraphic {
    position:absolute;
    top:0;
    margin-left:auto;
    margin-right:auto;
    z-index:-10;
}
#bgGraphic img {
    /* Set rules to fill background */

 ;   
}
#editBGgraphic {
    background-color:#000000;
    padding:4px;
    border:2px solid #fff000;
    color:#fff000;
    font-size:14pt;
    font-weight:bold;
    width:230px;
}

#imgOuter {
    margin:15px;
}
#chgBG > #imgOuter {
    margin:0px;
}

.photos {
   display:inline-block;
}


.photo {
    padding-bottom: 10em;
}

.photo img{
 vertical-align:top;
    width: 400px;
    padding: 0 0 3em 0;

}
.shadow {
        position: relative;
        max-width: 400px;
}

.shadow:before, .shadow:after

{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 60px;
  left: 10px;
  width: 50%;
  top: 70%;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
    .shadow:after {
        -webkit-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        transform: rotate(3deg);
        right: 10px;
        left: auto;
    }

/* SOCIAL NETWORKING STYLES ----------------------------------------------------------------------------------------------------------*/


a.twitter {
	
}

a.flickr {
	
}

a.facebook {
	
}

a.linked {
	
}

a.google {
	
}

a.youtube {

}

#likeButton
{
    vertical-align:top;
    text-align:center;
}


#socialBar{
    list-style:none;

}
#socialBar li{
    float:left;
    margin:2px;
}
#socialBar img{
    width:32px;
}
.twitter {
    text-align:center;
}

/* FORM STYLES ----------------------------------------------------------------------------------------------------------------------*/
fieldset {
	border: none;
	background: rgb(237, 228, 214);
	position: relative;
	width: 80%;
	min-width: 300px;
	padding:1em;
	margin: 1em 0;
	-webkit-border-radius: 0 .5em .5em 0;
	-moz-border-radius: 0 .5em .5em 0;
	border-radius: 0 .5em .5em 0;

    /*These are default browser values for most browsers:
    display: block;
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 0.35em;
    padding-bottom: 0.625em;
    padding-left: 0.75em;
    padding-right: 0.75em;
    border: 2px groove (internal value);*/
}

legend {
    position: absolute;
	top:0;
	left: -2000em;
    /*This will make the legend invisible and remove it from document flow*/
}

label {
	font-size: 1em;
	margin: .8em 0 0;
}


/* PAGE SPECIFIC STYLES --------REPLACE AS MANY OF THESE PAGE SPECIFIC CLASSES AS POSSIBLE WITH GENERIC TITLES AND H1/H2/etc----------------------*/



/*All Page Styles*/

.divideSection {
    width:100%;
    clear:both;
    background-color: #dddddd;
    text-align:center;
}

.spacerDiv {
    clear:both;
    padding: 0 0 50px 0;
    background-color: #dddddd;
}
.spacerDiv h1{
    position:relative;
    top:20px;
    left:70px;
}
 .midSection, .mapSection, {
    border-top: 1px solid #d5d5d5;
    width:100%;
    clear:both;

}
 .mainSection {
     color:#bababa;
 }
 .featuredSection {
   padding: 1em 0;
   background-color: #323232;
   width:100%;

}
.mapSection {
    position:relative;
    bottom:0;

}

.topSection img {
    padding:2%;
    float:left;
}
.bookAppt {
    float:right;
    margin:2em 9em 2em 2em;
    font-size:1.3em;
    font-weight:bold;
    letter-spacing:1px;

}
.titleline{
    float:left;
    margin:2em
}

.bizHours {
    position:absolute;
    top:7%;
    left:58%;
    z-index:20;
    background-color:white;
    padding:2em;
    border-radius:.5em;
    moz-border-radius:.5em; 
    border: 1px solid #d5d5d5;
    
}
.bizHours h3 {
    text-transform: uppercase;
    text-align:center;
    font-size: 1.6em;
}
.mapSection iframe{
    z-index:19;
}

.days {

    background: #bababa; /* Old browsers */

   
     padding: 3px 0 3px 7px;
    margin: 7px 0;
     border: 1px solid #bababa;
     display:inline-block;
     width: 110px;
}
.daysText{

            color:#323232;
 
    text-transform: uppercase;
    font-size: 12pt;

    line-height: 2em;
}

.hours {
     background-color:white;
     padding: 7px 0 7px 7px;
     margin: 7px 0;
     border: 1px solid #d5d5d5;
     display:inline-block;
     width: 170px;
     vertical-align:top;
}

.mainText{
    padding: 2% 5%;
    display:block;
    font-family: "europa",sans-serif;
    line-height: 2.5;
       */ clear:both; */
}
.statement {
    border-top:1px solid #eeeeee;
}

.mainContent {
    padding: 2% 5%;
}
#staffPage .mainContent {
    padding: 2% 0%;
}
#staffMemberPage .mainContent {
    padding: 2% 5%;
}
.mainAltRow1Title, .mainAltRow2Title, .mainAltRow1, .mainAltRow2 {
    padding:0;
}

.mainImgDiv {
    margin: 3% 5% 3% 5%;
    float: left;
    width: 300px;
}

/*Home Page Styles*/
#homePage {
	
}
#homePage .mainImgDiv   {
    margin: 3% 5% 0 5%;
    float:left;
    width:300px;
}
#homePage .mainText{
    display:block;
    line-height:2.5 ;
}
.subHeader {
    text-align:center;
    font-size:.8em;
    padding-bottom:5px;
    margin-bottom:5px;
    border-bottom: 1px solid #ccc;
    width:90%;
}

     .imgRocks  {

       float:right;
       position:relative;
       top:-38px;
       left: 20px;
    }

    .divideSection .txtServe {
        display:inline-block;
      
        padding-bottom:8px;
    }
    .video1 {
        display:inline-block;
        padding: 0 10px 0 0;
        width:497px;
        height:280px;
    }
    .video2 {
        display:inline-block;
        padding: 0 0 0 10px;
        width:497px;
        height:280px;
    }
/* ----------- Flipover Tiles ----------- */
/* entire container, keeps perspective */
.flip-container {
	perspective: 1000;
    display:inline-block;
}


/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
   	    -ms-transform: rotateY(180deg);
	}

/* size  */
.flip-container, .frontFlip, .backFlip {
	width: 300px;
	height: 300px;
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;	
    -webkit-transition: 0.6s;
    -ms-transition: 0.6s;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
   
    position: relative;
}

/* hide back of pane during swap */
.frontFlip, .backFlip {
	backface-visibility: hidden;
   -webkit-backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.frontFlip {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
   	-ms-transform: rotateY(0deg);
}

/* back, initially hidden pane */
.backFlip {
	transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
   	-ms-transform: rotateY(180deg);
}
/* style formatting */
 .flip-container {
     margin:15px 15px 10px 20px;
 }

.backFlip {
	background-color: #bababa;
    color: #323232;
    text-align:center;
    
}
.flip-container H1{
	color: #323232;
    text-align:center;
    text-transform:uppercase;
    font-size:17pt;
    font-weight:normal;
    font-family: "trajan-sans-pro", sans-serif;

}
.frontFlip {
	background-color: #8fbdb3;
    color: #323232;
    text-align:center;
}
.backFlipContainer {
    vertical-align:middle;
    padding:10px;
    height: 300px;
    display:table-cell;
}






/*Service Page Styles*/

#servMenuArea .imgTag {
    padding-top:25px !important;
}
.servTable1 {
    width:initial !important;
}
.ServListCatName {
    background-color: transparent;
    color: #ffffff;
    font-size: 1.75em;
    margin: 30px 0 0 0;
    font-weight: normal;
    text-align: left;
    padding-bottom: 5px;
}

.ServListCatDesc {
    background-color: transparent;
    font-size:12pt;
    padding:10px 0 10px 0;
    border-bottom:1px solid #d5d5d5;
    margin:0;
    color:#bababa;
    text-align:left;
}

.ServListAltRow1Title, .ServListAltRow2Title {
    font-weight: normal;
    background-color:transparent;
    color:#ffffff;
    font-size:16pt;
    text-align:center;
}
.servItemRow {
display: inline-block;
width: 48%;
vertical-align: top;
text-align:center;
margin:0 auto;
}
/*.ServListAltRow1Title::after, .ServListAltRow2Title::after, .ServListAltRow1Desc::after, .ServListAltRow2Desc::after, .ServListAltRow1Detail::after, .ServListAltRow2Detail::after {
    content: url('');
    display: block;
    min-width:490px;
    background-image: url('/images/spacer.gif');
}*/
a[name="328016"], a[name="328018"]{
    margin-top:2em;
    display:block;
}



.ServListAltRow1Detail, .ServListAltRow2Detail {
     background-color: transparent;
     font-size:12pt;
     font-weight:normal;
    color:#bababa;
    font-family: "europa",sans-serif;

margin:0 auto;
}

.ServListAltRow1Desc, .ServListAltRow2Desc {    
    background-color: transparent;
    font-weight:normal;
    font-size:12pt;
    color:#bababa;
    font-family: "europa",sans-serif;
}

.ServListAltRow1Title, .ServListAltRow2Title, .ServListAltRow1Desc, .ServListAltRow2Desc {

    width:100%;
    text-align:left;
    padding-top:20px;
}

.policy {
    margin:10px;
}

/*Products Page Styles*/
.prodListDivLogo img {
    margin: 1em 1em 1em 0;
}

.prodPageList {
    vertical-align:top;
    padding:0;
}

.ProdListCatName { 
    display:none;
}
.prodlistDivCopy {
    color:#bababa;
    font-size:10pt;
    margin-top:30px;
}

.ProdListAltRow1Title, .ProdListAltRow2Title {
    font-size: 1.5em;
    font-weight: normal;
    background-color:transparent;

    color:#ffffff;
}

.ProdListAltRow1Detail, .ProdListAltRow2Detail {

    line-height:1.5em;    
    background-color:transparent;
    vertical-align:top;
    color:#bababa;
    font-family: "europa",sans-serif;
}

/*Specials Page Styles*/

.promoPageList {
    vertical-align:top;
    padding:0;
}
.promoPageList em {
    
  
    background-color: rgba(255,255,255, 0.6);
    padding: 3px;   
    margin-left:10px;
}

.SpecListCategory {
    font-size: 1.5em;
    font-weight:normal;
    background-color:transparent;
}

.SpecListAltRow1, .SpecListAltRow2 {
    font-size: 1em;
    line-height:1.5em;    
    background-color:transparent;
    vertical-align:top;
    color: #bababa;
    font-family: "europa",sans-serif;
}

.SpecListAltRow1Title, .SpecListAltRow2Title {

     color: #ffffff;
     font-size:1.75em;
     font-weight:normal;
     line-height:1.5em;
     background-color:transparent;

}

/*Staff Page Styles*/
.staffListTbl
{
    margin: 0 40px 0 0;
}
.stafflistnameposit{
  text-align:initial;
}

.StaffListHeader {
  display:none;
}

.StaffListAltRow1, .StaffListAltRow2 {
    font-size: 1.5em;
    font-weight: normal;
    background-color:transparent;
    padding-right:30px;
    vertical-align:middle;
    font-family: "europa",sans-serif;
}

.staffPageList {
    float:left;
    padding-left:15px;
    display:inline-block;
    width:100%;
    line-height:1.5em;
}

.staffphoto {
    float:left;
    display:inline-block;
}

#stafImg {
    float:left;
    margin-right:20px;
}

#stafTxt {
     float:left;
}
.stafTxt h1{
     text-align:left;
}

.staff > #newTableMenu p {    
    margin-left:10px;
    margin-top:15px;
    color: #ffffff;
    font-size:1.1em;
    font-weight:normal;
}
.staffDays{
    display:inline-block;
}
.StaffHours {
    display:inline-block;
}

/*Guestbook Page Styles*/


#ifrmDiv {
    width:600px;   
    background-color:transparent;

}
.GuestFormBody td, .GiftFormBody td, .GiftFormBody h2, .ApptFormBody td, .GiftFormBody div, .GuestFormBody div, #PnlCertDelivery td, #PnlSendEmail td, #PnlConfirmAddress td {
    color: #bababa;
}
.mainContainer
{
    background-color:white;
}
.GuestFormBody {
    font-weight: normal;
    font-style: normal;
    background-color: transparent;
    margin-top: 0;
    padding-top: 0;
    min-width: 100%;
    font-family: "europa",sans-serif;
}

.GuestHeader {
    font-size: .9em;
    line-height:1.5em;
    text-align:left;
    font-family: "trajan-sans-pro", sans-serif;
    background-color:transparent;
}

.GuestTitles {
    font-size: 1.4em; 
    FONT-WEIGHT:normal;
    color: #ffffff;  
    line-height:1.5em;
    background-color:transparent;
    font-family: "trajan-sans-pro", sans-serif;
}


/*Gift Page Styles*/
#giftPage .mainText{
    padding: 2% 5%;
    display:block;
}
#giftPage .mainContent{
    padding: 0;
}
.GiftFormBody {
   color: #3e434f;
	font-weight:normal;
	font-style:normal;	
	background-color:transparent;
	margin:0 10px;
	padding-top:0;
    min-width:100%;
    font-family: "europa",sans-serif;
}

.GiftListDivBox {
    background-color:transparent;
}

.GiftHeader {
    font-size: .9em;
    line-height:1.5em;
    text-align:left;
    background-color:transparent;
    
}

.GiftFormTitles, .GiftPackageTitles {
     font-size: 1.4em; 
    FONT-WEIGHT:normal;
    color: #ffffff;  
    line-height:1.5em;
    background-color:transparent;
}

#GCList.GiftListDivBox, #PackageList.GiftListDivBox
{
    background-color:transparent !important; 
    width:95% !important;
}
/*Contact Page Styles*/

#contactInfo {
     margin: 0 0 0 1em;
}
#contactInfo h1 {
    text-align:center;
}

.contactDetails {
        margin: 0 15px 0 0;
        display:inline-block;
        vertical-align:top;
}
#contact {
    color:#d5d5d5;
}
#contact #newTableMenu, #guestbook #newTableMenu {
    margin:15px;
}
.contactInfo h2 {
    color:#ffffff;
}


.phn {    
    
       font-size:14pt;
   }
.mail {    

   }
.addr {
      
}

.phn, .mail, .addr {
    padding:5px 0 5px 25px;
    background-position:left;
    background-repeat:no-repeat;
    text-align:center;
    color:#bababa;
    width: 100%;
    display:block;

}
.credit img{
    padding: 2% .1%;
}
.credit {
    text-align:center;
    margin:0 auto;
    display:block;
}
.ApptFormBody {

    BACKGROUND-COLOR:transparent;
    min-width:100%;

}

.ApptHeader {
    color:#ffffff;
    font-size: 1.5em;    
    padding-top:30px;
    FONT-WEIGHT:normal;
    BACKGROUND-COLOR:transparent;

}

.ApptFormTitles {
   color:#ffffff;
    font-size: 1.5em;    
    padding-top:30px;
    FONT-WEIGHT:normal;
    background-color:transparent;
}
.ApptListAltRow1, .ApptListAltRow2 {
    font-size: .9em;
    line-height:1.5em;
    background-color:transparent;
    background:transparent;
    font-family: "europa",sans-serif;
}

a[name="bookapp"] + #ifrm {
    background-color:transparent;

}


/* ----------- Ecommerce Catalog ----------- */

.ecomHeaderBG {

    background-color: transparent;
    background: #282526; /* Old browsers */
    background: -moz-linear-gradient(top,  #282526 0%, #696a6c 47%, #282526 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #282526 0%,#696a6c 47%,#282526 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #282526 0%,#696a6c 47%,#282526 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282526', endColorstr='#282526',GradientType=0 ); /* IE6-9 */

}

.ecomLogo {
    margin: 0 auto;
    padding-left: 300px;
}
.ecomTitles {

    color:#ddbb56;
    background: -webkit-linear-gradient(#b78433, #fde871);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-top:1em;
    font-weight:bold
}

.ecomSiteInfo{
    display:none;
}





/* MEDIA QUERIES ----------------------------------------------------------------------------------------------------------------------*/


/* iPad  */
@media only screen and (min-device-width: 737px) and (max-device-width: 1024px) {

    .bizHours {
        padding:15px;
    }
  #homePage  .mainText {
        line-height:2;
    }

  .divideSection .txtServe {
      margin-left:initial;
  }
  .imgRocks {
      top:-20px;
      left: -5px;
  }

  aside#contact {
      padding-left:20px;
  }
   .video1 {
    display:inline-block;
    padding: 0 0 15px 0;
    max-width:100%;
    max-height:500px;
    width:initial;
    height:initial;
}
.video2 {
    display:inline-block;
    padding: 0 0 15px 0;
    width:initial;
    height:initial;
    max-width:100%;
    max-height:500px;
}

}

/* iPad  */
@media only screen and (min-device-width: 737px) and (max-device-width: 1024px) and (orientation : landscape) {



  .divideSection .txtServe {
      margin-left:100px;
  }
}

/* iPad  */
@media only screen and (min-device-width: 737px) and (max-device-width: 1024px) and (orientation : portrait) {


    .navLinks {
        left:-20px;

    }
    Nav ul {
        padding-top:30px
    }
    #mainNav li {
        margin: 20px 8px 0 0;
    }

 .spacerDiv h1 {
    left:40px
}
 .sb_subnav {
     left: -90px;
 }
}
/* ----------- Mobile ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 0px) 
  and (max-device-width: 736px) {

body{
    width:100%;
    max-width:100%;
}

.logoResponsive{

    display:none;
}
.days, .hours {
    
    width:45%;
    }
.bizHours h3{
    padding-top: 1em;
}

.titleline {
    margin: 1em;
}
#bgGraphic {
    top:0;
}

main {
    margin-top:0;
        top: 450px;
       
}
main h1 {
    text-align:left;
}


.maincontent {
    padding-top:1em;
}
.bookAppt{
    padding: 5px 8px;
    display:block;
    margin: 10px;
    font-size:1.1em;
}
.imgRocks {
    top:0;
    left:0;
    float:initial;
    padding-top:10px;
}
.containerMain {
top:-50px;
max-width:100%;
    }
#homePage .mainText{
    padding:2% 5%;
}
 .video1 {
    display:inline-block;
    padding: 0 0 15px 0;
    max-width:100%;
    max-height:230px;
    width:initial;
    height:initial;
}
.video2 {
    display:inline-block;
    padding: 0 0 15px 0;
    width:initial;
    height:initial;
    max-width:100%;
    max-height:230px;
}


.mainText{
  clear:both;
}
.featuredContent {
    width:90%;
}
 #featuredItem{
     display:none;
 }
 #featuredItemMobile{
     display:block;
 }

.bookAppt .button{
    margin-top:10px;
    display:inline-block;
            width:140px;
}


.ProdListAltRow1Title, .ProdListAltRow2Title {

     display:block;
}

.ProdListAltRow1Detail, .ProdListAltRow2Detail {

     display:block !important;
}
td.SpecListAltRow1, td.SpecListAltRow2{

           
}
.staffListTbl
{

    margin: 0 auto;
}
.phn, .mail, .addr {
   display:block;
   width: initial;

}
.bookAppt {
    float:initial;
}

.prodlistDivLogo img {

    max-width:300px;
    margin:1em 1em 1em 0;
}
.prodlistDivCopy {
    padding-top:2em;
}
.ProdListDivMain{
    padding:0 10px;
}
.mobileLogo {   
    
    position: relative;
    top:0;
    float:left;

  }
.mobileLogo, .slicknav_menu, #mobileNav {   
    
    display:block;
  }
.mobileLogo img {
        max-width:65%;
}

#mainNav {
    display:none;
}

#mobileNav {
    display:none;
}

#pageFooter .container{
    max-width: 568px;
    width:95%;
}

.mobileMap{
    display:inline-block;
}

#copy {
    font-size:.8em; 
    width:90%;
        float:initial; 
}
.copySBMobile
{
    display:inline-block;

}
.copySB
{
    display:none;

}
.bizHours {
    position:initial;
    border-radius:0;
    moz-border-radius:0;
    border:0;
    padding:initial;
    margin:0 auto;
    text-align:center;
}

aside#contact{
    float:initial;
    text-align:center;
    position:initial;
}
footer{
    float:initial;
    text-align:center;
    font-size:initial;
    width:100%;
}
#social{
    float:initial;
    margin:0 auto;
    width:100%;
}
#socialbar img {
    width:initial;
}
#socialbar li {
    float:initial;
    display:inline-block;
}
.mapSection iframe 
{height:300px !important;}

#servicePage section{
    width:100%;
    padding-bottom: 1em;
}

#servicePage .photo{
    float:none;
    text-align:center;
    clear:both;

}
.servItemRow {
  
    width: 100% !important;
    }
.spacerDiv h1 {
    left:initial;

}
  .ServListAltRow1Desc::after, .ServListAltRow2Desc::after{
   
    content: " "; 
    display: table; 
    width:100%;
    min-width:320px;
    text-align:center;
  
}
/*.ServListAltRow1Desc, .ServListAltRow2Desc {
    margin:0 auto !important;
    display:block !important;
    width:100% !important;
    float:initial !important;
    text-align:center !important;
}
  .servItemRow {
    display:block !important;
    width: 100% !important;
    }
 
    .ServListAltRow1Desc::after, .ServListAltRow2Desc::after{
      min-width:100%;

    width:100%;
}*/
 /* To fix the issue with the table structure for serv menu, use jQuery on Serv Page to add a <br> after the ServListAltRow1Title (and 2) */

.photo img {
    width: 80%;
}
.photo {
    
    padding-bottom: 0;
}
.shadow:before, .shadow:after {
        display:none;
}
#giftPage .mainText{
    padding: 2% 5% 2% 5%;
}

.GiftPackageTitles {
    display:block;
}
#JITDesignImg{
    max-width: 300px !important;
}
#plnBuyGift img{
    max-width: 300px !important;
}
.certDesignPreview, .purchasedCertDesign{
      max-width: 300px;
}
td#clientInfoTD1, td#clientInfoTD2, .certPackageString, .certPackageImg {
      display:block !important;
}
    .certPackageString, .certPackageImg {
        width: 75%;
    }
    #TxtComments {
        width:150px !important;
    }

#ifrmDiv {
    width:100%;
}
.GuestFormBody {
    padding:10px;
}
.divideSection .txtServe {
    margin-left:initial;
    padding: 0px 6px;
}
    .tiles {
        display:block;
    }

    .tiles article {
        width: initial;
    }
/* below iphone 5 Portrait and Landscape */
    @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (-webkit-min-device-pixel-ratio: 2) {
        .GuestFormBody table, .GuestFormBody tr, .GuestFormBody td {
        display:inline-block;
       
    }
    .GuestFormBody td{
         min-width: 215px;
    }

     .GiftFormBody #AmountList td{
         min-width: 85px;
         display:inline-block;
    }
    .GiftFormBody #AmountList tr {
        display:inline;
    }
    .GiftFormBody {
        
        margin: 0;
    }

        .GiftFormBody table {
            
            margin: 0;
        }
}






/*
   SlickNav Mobile Menu
*/

.slicknav_btn { 
    position: relative; 
    display: block; 
    vertical-align: middle; 
    float: right; 
    padding: 0.438em 0.625em 0.438em 0.625em; 
    line-height: 1.125em; 
    cursor: pointer; 
    position:absolute;
    top:0;
    right:0;

}
.slicknav_menu {
    background: rgba(0,0,0,.8);
    height:70px;
}
.slicknav_menu  .slicknav_menutxt { 
    display: block; 
    line-height: 1.188em; 
    float: left;

}
.slicknav_menu .slicknav_icon { 
    float: left; 
    margin: 0.188em 0 0 0.438em; 

}
.slicknav_menu .slicknav_no-text { 
    margin: 0 

}
.slicknav_menu .slicknav_icon-bar { 
    display: block; 
    width: 1.125em; 
    height: 0.125em; 
    -webkit-border-radius: 1px; 
    -moz-border-radius: 1px;
    border-radius: 1px; 
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); 
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); 
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); 

}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { 
    margin-top: 0.188em 

}
.slicknav_nav { 
    clear: both;
    z-index:1000;
    position:relative;

}
.slicknav_nav ul, .slicknav_nav li { 
    display: block 

}
.slicknav_nav .slicknav_arrow { 
    font-size: 0.8em 

}
.slicknav_nav .slicknav_item { 
    display: block; 
    cursor: pointer; 

}
.slicknav_nav a { 
    display: block 

}
.slicknav_nav .slicknav_item a { 
    display: inline 

}
.slicknav_menu:before, .slicknav_menu:after { 
    content: " "; 
    display: table; 

}
.slicknav_menu:after { 
    clear: both 

}
/* IE6/7 support */
.slicknav_menu { 
    *zoom: 1 

}

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
	font-size:16px;
    z-index:105;
}
/* Button */
.slicknav_btn {
	margin: 25px 5px 6px 0;	
	text-decoration:none;	

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;  
background: #dddddd; /* Old browsers */
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {	
	color: #000000;
	font-weight: bold;	
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #000000;
}
.slicknav_menu {
	padding:0 5px;
}
.slicknav_nav {
	color:#bababa;
	margin:10px 0 0 0;	
	padding:0;
	font-size:0.875em;
}
.slicknav_nav, .slicknav_nav ul {
	list-style: none;
	overflow:hidden;
    text-align:right;
    background-color:rgba(0,0,0,.8);
    border-radius:8px;
    moz-border-radius:8px;
}
.slicknav_nav ul {
	padding:0;
	margin:0 0 0 20px;
}
.slicknav_nav .slicknav_item {
	padding:5px 10px;
	margin:2px 5px;
}
.slicknav_nav a{
	padding:5px 10px;
	margin:2px 5px;
	text-decoration:none;
	color:#bababa;
}
.slicknav_nav .slicknav_item a {
	padding:0;
	margin:0;
}
.slicknav_nav .slicknav_item:hover {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: transparent;

}
.slicknav_nav a:hover{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: transparent;

}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;   
}