@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 auto;
padding: 0;
border: 0;
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:#747474 ;
}
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;
background-color: #ffffff;
z-index:1;
}
main#homePage {
}
#mainContent {
position:relative;
z-index:1;
padding-top:400px;
}
.containerMain{
max-width:1024px;
margin: 0 auto;
}
main h1 {
text-align:center;
}
#newTableMenu {
width:67%;
}
ul {
list-style-position: inside;
text-align: left;
margin: 0 0 0 35%;
}
ol {
list-style-position: inside;
text-align: left;
margin: 0 0 0 35%;
}
/*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: 'Roboto', sans-serif;
line-height: 1.5;
font-weight:normal;
font-style:normal;
color:#747474;
font-size:1em;
}
/* Update/Remove this when we create new system editing tools */
.EditorBG, .EditorBG2 {
font-weight: normal;
color: #747474;
font-style:normal;
background-color: #ffffff;
}
.EditorBGTitle {
font-size: 1.2em;
font-weight: bold;
line-height: 1.5em;
background-color: transparent;
font-family: 'Asul', sans-serif;
color: #332a7d;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
/* Main Page Titleline - use .title1 for non-semantic text/titles */
h1, .title1 {
font-size:2em;
font-weight:normal;
font-family: 'Asul', sans-serif;
}
/* Page Titles */
h2, .title2 {
color:#747474;
font-size: 1.7em;
font-weight:normal;
text-transform:uppercase;
line-height:1.5em;
}
/* Grouped Text/Element Titles */
h3, .title3 {
font-size:1.2em;
font-weight:bold;
line-height:1.5em;
font-family: 'Asul', sans-serif;
}
/* Sub-Groups / Titles */
h4, .title4 {
font-size:1.2em;
line-height:1.5em;
}
/* Other Sub-Groups / Titles */
h5, .title5 {
}
/* Other Sub-Groups / Titles */
h5, .title6 {
}
/*Quick Fixes -----------------------------------------------------------------------------------------------------------*/
a[href="#top"] {
display:none;
}
.txtArea > tbody > tr > td{
padding-top:30px;
}
/*LINK STYLES -----------------------------------------------------------------------------------------------------------*/
/* Main Site Links */
a, a:link {
text-decoration: none;
color: #649e9e;
}
/* visited link */
a:visited {
text-decoration: none;
color: #4a85c1;
}
/* mouse over link */
a:hover, a:visited:hover {
color: #000;
}
/* selected link */
a:active {
}
/* Secondary Links (place class="link2" into <a> tag) */
a.link2:link, main a {
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:#747474;
}
a.linkserv:link, a.linkserv:active, a.linkserv:visited{
color:#323232;
}
a.linkserv:hover, a.linkserv:visited:hover{
color:#000000;
}
.footerSection a, .footerSection a:link, .footerSection a:visited {
color:#ffffff;
}
.footerSection a:hover, .footerSection a:visited:hover {
color:#332a7d;
}
.botFooter a, .botFooter a:link, .botFooter a:visited {
color:#ffffff;
}
.botFooter a:hover, .botFooter a:visited:hover {
color:#000000;
}
/*BUTTON AND INPUT BUTTON STYLES -----------------------------------------------------------------------------------------------------------*/
button, input[type=button], .button, input[type=submit], input[type="button" i]{
width:60%;
background-color:#4a85c1;
background:#4a85c1;
display:block;
margin:30px auto 15px auto;
padding:10px;
border:none;
border-radius:initial;
max-width:250px;
text-align:center;
text-transform:uppercase;
font-family: 'Asul', sans-serif;
-webkit-appearance:initial
}
button:hover, input[type=button]:hover, .button:hover, input[type=submit]:hover, input[type="button" i]:hover{
background: #dddddd;
color:black;
}
a.button:hover, a.button:visited:hover{
color:black;
}
.mainButton{
width:60%;
background-color:#4a85c1;
background:#4a85c1;
display:block;
margin:30px auto 15px auto;
padding:10px;
border-radius:initial;
border:none;
max-width:250px;
text-align:center;
text-transform:uppercase;
font-family: 'Asul', sans-serif;
}
a.mainButton:link, a.mainButton:visited {
font-size:1em;
letter-spacing:1px;
}
.mainButton:hover, .mainButton:visited:hover {
background: #871918;
color:white;
}
.bookApptBut {
background-color:#4a85c1;
background:#4a85c1;
text-align:center;
text-transform:uppercase;
font-family: 'Asul', sans-serif;
padding:10px;
float: initial !important;
display: block;
max-width: 300px;
}
a.bookApptBut {
color:white;
}
a.red, a.red:link, a.red:visited {
background: #871918;
color:white;
}
a.red:hover, a.red:visited:hover {
background:#4a85c1;
background-color: #4a85c1;
}
#PnlBuyGift {
padding-top:30px;
}
#PnlBuyGift .mainButton {
margin: 5px 5px 5px 0;
padding: 5px;
}
#PnlBuyGift input[type=button] {
margin: 5px 5px 5px 0;
padding:5px;
}
#PnlPackages input[type=button] {
display:inline-block;
}
#PackageHeader, #AmountList {
margin-top:60px;
}
/* CONTENT REGION STYLES -----------------------------------------------------------------------------------------------------------*/
/*Header Styles*/
header {
background-color: transparent;
width: 100%;
margin: 0 auto;
text-align: center;
position:absolute;
z-index:5;
}
header h1 {
padding-top: 20px;
color:#685e58;
font-size:3.2em;
display:inline-block;
font-family: 'Roboto', sans-serif;
}
header h2 {
}
.page-header {
background-color:#ffffff;
}
.logo {
width:100%;
z-index:2;
position:relative;
background:white;
text-align:left;
}
.logo img {
max-width:50%;
}
.logoResponsive{
padding:8px 0;
}
#mainHeader {
background-image: url('images/nav-border.png');
background-repeat:repeat-x;
background-position:bottom;
}
nav_all {
}
Nav ul {
list-style: none;
text-align:center;
margin:initial;
}
Nav li {
}
Nav a {
}
Nav a:hover {
}
.sb_navLink {
}
.navLinksMobile, .menu {
display:none;
}
.mobileLogo, .slicknav_menu, #mobileNav {
display:none;
}
.navLinks {
position:relative;
}
.left{
}
.right {
float:right;
}
.buttons {
float:right;
}
.buttons li {
display:inline-block;
background:#50b964;
border-radius:5px;
padding:5px;
margin-top:35px;
font-family: 'Asul', sans-serif;
text-transform:uppercase;
}
.buttons a, .buttons a:link {
color:#2f2480;
}
.buttons a:hover, .buttons a:visited:hover {
color:#ffffff;
}
#mainNav {
text-align:center;
display:inline-block;
width:100%;
margin:0 auto;
background:#4a85c1;
top:0;
left:0;
z-index:10;
margin:90px 0 0 0 ;
padding:10px 0;
}
#mainNav li {
padding: 0;
text-transform:uppercase;
display:inline-block;
margin:0 11px;
list-style:none;
letter-spacing:.2;
}
.navLinks a {
color:#ffffff;
font-family: 'Asul', sans-serif;
display: block;
border: none;
font-size:12pt;
}
.navLinks a:hover {
color:#871917;
font-family: 'Asul', sans-serif;
}
#nav_all{
margin:0 auto;
max-width:1024px;
}
/*------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,.7);
border-bottom:4px solid #4a85c1;
font-size:10pt;
display:none;
}
.sb_subnav a
{
padding:5px 0 5px 20px;
background:initial;
margin:initial;
}
.sb_sub_subnav
{
position:absolute;
z-index:1001;
top:6pt;
left:227px;
width:240px;
background-color:rgba(0,0,0,.7);
border-bottom:4px solid #4a85c1;
font-size:10pt;
display:none;
}
.flyoutLink
{
}
.sb_subnav A, .sb_subnav a:visited
{
color:#ffffff;
}
.sb_subnav a.linkserv, .sb_subnav a.linkserv:link, .sb_subnav a.linkserv:active, .sb_subnav a.linkserv:visited {
color:#ffffff;
}
.sb_subnav A.linkserv:hover, .sb_subnav a.linkserv:visited:hover, .sb_subnav A:hover, .sb_subnav a:visited:hover
{
color:#66ccca;
}
.spacer {
display:none;
}
/*slide styles*/
.bx-wrapper{
margin:0 auto;
}
.bx-wrapper .bx-viewport {
box-shadow: none;
border:none;
}
.bx-wrapper .bx-pager {
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*/
.featuredItem{
display:block;
text-align:center;
}
/*
.featuredItemLink{
width:60%;
background-color:#4a85c1;
background:#4a85c1;
display:block;
margin:30px auto 15px 160px;
padding:10px;
border:none;
max-width:250px;
text-align:center;
text-transform:uppercase;
}
a.featuredItemLink {
color:#fff !important;
font-size:.7em;
letter-spacing:1px;
}
*/
#featuredServices .featuredContent {
border:none;
cursor:pointer;
display: inline-block;
margin:10px;
text-align:left;
color: #000000;
}
.featuredContent {
height:initial;
}
#featuredServices .featuredTitle, #featuredServices .featuredTitleSmall {
font-size: 18px;
color:#332a7d;
font-family: 'Asul', sans-serif;
}
#featuredServices .featuredItemLink {
width: 40%;
background-color: #4a85c1;
display: block;
margin: 30px auto 5px auto;
padding: 10px;
text-align: center
}
#featuredServices a.featuredItemLink {
color:#fff;
}
.featuredImgDiv {
width:initial;
height:initial;
overflow:initial;
}
.featuredImgDiv img {
width:initial;
max-width:300px;
}
/*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 {
clear:both;
width:100%;
min-height:150px;
color:#ffffff;
}
.footerSection {
display:inline-block;
width:32%;
vertical-align:top;
margin-top: 30px;
}
.footerSection h3 {
margin-left:50px
}
.topFooter {
padding:40px 0;
background-color:#50b964;
}
.botFooter {
background-color:#332a7d;
padding:10px 0;
}
.footerLinks ul {
margin: 0 0 0 15%;
}
.footerLinks li {
list-style-type: none;
display:inline-block;
width:45%;
}
aside#contact {
padding: 5px 0 30px 0;
}
#copy {
font-size:.7em;
float:right;
text-align:right;
}
.phone {
font-size:1.8em;
font-family: 'Asul', sans-serif;
}
#footerTxt, #address, #quikLinks{
text-align:left;
display:inline-block;
vertical-align:top;
}
#footerTxt {
font-size:.85em;
padding-top:10px;
color: #484848;
}
#footerLogo {
display:inline-block;
}
#footerLogo img {
max-width:200px
}
.CC img{
padding: 0 3px;
}
#ServicePage a[href="#top"]
{
display:none;
}
/* IMAGE AND PHOTO STYLES -----------------------------------------------------------------------------------------------------------*/
.iconYinYang {
text-align:center;
display:block;
}
#bgGraphic
{
margin-left:auto;
margin-right:auto;
z-index:-10;
}
.mainBGImg
{
/* Set rules to fill background */
min-width: 1024px;
width: 100%;
height: auto;
position:fixed;
top: 0;
left: 0;
}
#editBGgraphic {
background-color:#000000;
padding:4px;
border:2px solid #fff000;
color:#fff000;
font-size:14pt;
font-weight:bold;
width:230px;
}
#imgWrapServ1 {
border-radius:150px;
}
#imgOuter {
padding:15px;
}
#chgBG > #imgOuter {
margin:0px;
}
#imageCircle {
padding-top:15px;
}
.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;
}
#slideArea {
position: relative;
height: 500px;
width: 100%;
background-size: cover !important;
-webkit-background-size: cover !important;
text-align: center;
overflow: hidden;
}
#slideArea video {
position: absolute;
top: 50%;
left: 50%;
z-index: -100;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#slideArea:before {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
}
#slideArea .banner {
display: inline-block;
vertical-align: center;
margin: 0 auto;
width: 85%;
padding-bottom: 30px;
text-align: center;
font:24px 'opensans-bold', sans-serif;
font-weight: bold;
}
#slideArea .banner-text {
color: #f5f5f5;
width: 100%;
}
/* SOCIAL NETWORKING STYLES ----------------------------------------------------------------------------------------------------------*/
a.twitter {
}
a.flickr {
}
a.facebook {
}
a.linked {
}
a.google {
}
a.youtube {
}
#likeButton
{
vertical-align:top;
text-align:center;
}
.socialDiv {
float:right
}
.contactDiv {
float:left;
vertical-align:top;
padding-top:7px
}
#socialbar {
display:inline-block;
padding-top: 10px;
}
#socialbar li img {
max-width:35px;
}
.social {
position:relative;
z-index:10;
color:#757575;
font-size:10pt;
letter-spacing:.2;
}
.social li {
display:inline-block;
list-style:none;
}
.twitter {
text-align:center;
}
.socialBot {
float:left;
display:inline-block;
}
.socialBot li {
display:inline-block;
list-style:none;
}
.socialBot img {
padding:5px 3px;
}
/* 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*/
.section1 {
width:100%;
clear:both;
background-color: #ffffff;
text-align:center;
position:relative;
}
.section2 {
width:100%;
clear:both;
background-color: #fff;
position:relative;
}
.txtArea {
padding:60px 0 0 0;
}
.section1 .txtArea {
display:inline-block;
text-align:center;
padding:60px 0;
}
.section1 h1 {
color:#2f2480;
font-size:30px;
font-weight:bold;
}
.section3 .txtArea {
max-width:650px;
margin:0 auto;
text-align:center;
}
.section2 h2 {
color:#4daba9;
font-size: 2.7em;
letter-spacing: 3px;
font-weight:normal;
line-height:1.5em;
border-bottom: 2px solid #871917;
font-family: 'Asul', sans-serif;
display:inline-block;
text-transform:initial;
margin-bottom:10px;
}
.spacerDiv {
clear:both;
padding: 0 0 50px 0;
background-color: #edede3;
}
.spacerDiv h1{
position:relative;
top:20px;
left:70px;
}
.mainSection {
color:#747474;
}
.featuredSection {
padding: 1em 0;
width:100%;
clear:both;
background-color:#4a85c1;
}
.mapSection {
position:relative;
bottom:0;
margin:0 auto;
text-align:center;
}
.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 {
margin: 60px auto;
text-align:center;
max-width:650px;
}
.bizHours h3 {
text-align:center;
font-weight:normal;
font-size: 2em;
font-family: 'Asul', sans-serif;
}
.mapSection h3 {
text-align:center;
font-weight:normal;
font-size: 2em;
font-family: 'Asul', sans-serif;
}
.mapSection iframe{
z-index:19;
}
.days {
display:inline-block;
width: 110px;
text-align:left;
}
.daysText{
font-size: 12pt;
}
.hours {
display:inline-block;
vertical-align:top;
width:150px;
}
.mainText{
padding: 2% 5%;
display:block;
font-family: 'Roboto', 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;
}
#signupDiv {
max-width:1024px;
background: #edede3;
min-height:275px;
margin-bottom:60px;
text-align:center;
vertical-align:middle;
padding-top:60px
}
/*Inner Page Styles*/
#innerPage .section1 .txtArea{
padding: 60px 0 0 0;
}
.staffMemPage .section1 .txtArea{
text-align:left;
}
/*Home Page Styles*/
#homePage {
}
#homePage .mainImgDiv {
float:left;
margin-right:60px;
}
#homePage .mainText{
display:block;
line-height:2.5 ;
}
.homeStatement{
padding-left:50px
}
.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: -100px;
}
.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: 324px;
height: 196px;
}
/* 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:0 15px 0 0 ;
}
.backFlip {
background-color: #747474;
color: #323232;
text-align:center;
}
.flip-container H1{
color: #323232;
text-align:center;
text-transform:uppercase;
font-size:17pt;
font-weight:normal;
font-family: 'Roboto', sans-serif;
}
.frontFlip {
background-color: #edede3;
color: #323232;
text-align:center;
}
.backFlipContainer {
vertical-align:middle;
padding:10px;
height: 196px;
width:324px;
display:table-cell;
}
.featBox {
display:inline-block;
margin: 0;
vertical-align:top;
}
.featBox img {
max-width: 300px;
padding:10px;
}
.flipButtonText h1 {
font-size:28px;
display:inline-block;
border-bottom: 1px solid #ffffff;
color:#ffffff;
font-family: 'Asul', sans-serif;
text-shadow: 1px 1px #000000;
}
.flipButtonText h2{
font-weight:normal;
font-size:18px;
display:inline-block;
font-family: 'Asul', sans-serif;
color:#ffffff;
border-bottom: 1px solid #ffffff;
text-transform:initial;
text-shadow: 1px 1px #000000;
}
.flipButtonText a{
vertical-align:bottom;
}
.flipButtonText .mainButton {
margin: 10px auto;
padding: 5px 35px;
}
.mainAltRow1Title, .mainAltRow2Title {
font-size:1.75em;
margin:30px 0 0 0;
font-weight:normal;
/*text-align:center;*/
padding-bottom:5px;
}
.mainAltRow, .mainAltRow2 {
font-size:1em;
}
/*Service Page Styles*/
.ServListCatName {
background-color: transparent;
color: #2f2480;
font-size: 30px;
font-weight: bold;
font-family: 'Asul', sans-serif;
margin:30px 0 0 0;
font-weight:normal;
text-align:center;
padding-bottom:5px;
}
.ServListCatDesc {
background-color: transparent;
font-size: 12pt;
padding: 10px 0 10px 0;
border-bottom: 1px solid #d5d5d5;
margin: 0;
color: #747474;
text-align: center;
}
.ServListAltRow1Title, .ServListAltRow2Title {
font-size:1.2em;
font-weight:bold;
line-height:1.5em;
background-color:transparent;
font-family: 'Asul', sans-serif;
color:#332a7d;
margin-top:40px;
}
/*.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');
}*/
.ServListAltRow1Detail, .ServListAltRow2Detail {
background-color: transparent;
font-size:12pt;
font-weight:normal;
color:#747474;
font-family: 'Roboto', sans-serif;
margin:0 auto;
}
.ServListAltRow1Desc, .ServListAltRow2Desc {
background-color: transparent;
font-weight:normal;
font-size:12pt;
color:#747474;
font-family: 'Roboto', sans-serif;
font-weight:bold;
}
/*.ServListAltRow1Title, .ServListAltRow2Title, .ServListAltRow1Desc, .ServListAltRow2Desc {
display:block !important;
width:100%;
text-align:center;
}*/
.policy {
margin:10px;
}
/*Products Page Styles*/
.prodListDivLogo img {
margin: 1em 1em 1em 0;
}
.prodPageList {
vertical-align:top;
padding:0;
}
.ProdListCatName {
display:none;
}
.prodlistDivCopy {
font-size:10pt;
margin-top:30px;
}
.ProdListAltRow1Title, .ProdListAltRow2Title {
font-size: 1.2em;
font-weight: bold;
line-height: 1.5em;
background-color: transparent;
font-family: 'Asul', sans-serif;
color: #332a7d;
}
.ProdListAltRow1Detail, .ProdListAltRow2Detail {
line-height:1.5em;
background-color:transparent;
vertical-align:top;
color:#747474;
font-size:1em;
font-family: 'Roboto', sans-serif;
}
.prodLogoImg img {
padding-right:15px;
}
/*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: #747474;
font-family: 'Roboto', sans-serif;
padding:30px 15px 0 0 ;
}
.SpecListAltRow1Title, .SpecListAltRow2Title {
font-size:1.2em;
font-weight:bold;
line-height:1.5em;
background-color:transparent;
font-family: 'Asul', sans-serif;
color:#332a7d;
}
.featuredDesc {
color:#747474;
font-size:11pt;
}
/*Staff Page Styles*/
.StaffListHeader {
display:none;
}
.StaffListAltRow1, .StaffListAltRow2 {
font-size: 1.5em;
font-weight: normal;
background-color:transparent;
padding-left:10px;
vertical-align:middle;
}
.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;
}
#days {
display:inline-block;
color:#649e9e;
}
#hours {
display:inline-block;
margin:0 20px;
}
.staff > #newTableMenu p {
margin-left:10px;
margin-top:15px;
color: #2c94c0;
font-size:1.1em;
font-weight:normal;
}
.staffMemPage #BizHours {
display:none;
}
/*Guestbook Page Styles*/
#ifrmDiv {
width:600px;
background-color:transparent;
}
.GuestFormBody td, .GiftFormBody td, .ApptFormBody td{
color:#747474 ;
}
.GuestFormBody {
font-weight:normal;
font-style:normal;
background-color:transparent;
margin-top:0;
padding-top:0;
min-width:100%;
font-family: 'Roboto', sans-serif;
}
.GuestHeader {
font-size: .9em;
line-height:1.5em;
text-align:left;
font-family: 'Roboto', sans-serif;
background-color:transparent;
}
.GuestTitles {
font-size: 1.2em;
font-weight: bold;
line-height: 1.5em;
background-color: transparent;
font-family: 'Asul', sans-serif;
color: #332a7d;
padding-top:60px;
}
#LblClientName {
display:inline-block;
border-bottom:1px solid #d5d5d5;
width:100%
}
#companyNamePhoneTable {
display:none;
}
/*Gift Page Styles*/
/*Gift Page Styles*/
.GiftFormBody {
color: #747474;
font-weight:normal;
font-style:normal;
background-color:transparent;
margin:0 10px;
padding-top:0;
}
.GiftListDivBox {
background-color:transparent;
}
.GiftHeader {
font-size: .9em;
line-height:1.5em;
text-align:left;
background-color:transparent;
}
.GiftFormTitles, .GiftPackageTitles {
font-size: 1.2em;
font-weight: bold;
line-height: 1.5em;
background-color: transparent;
font-family: 'Asul', sans-serif;
color: #332a7d;
}
.GiftPackageTitles {
border-bottom: 1px solid #edede3;
vertical-align: bottom;
}
/*#GCList.GiftListDivBox, #PackageList.GiftListDivBox
{
background-color:transparent !important;
width:95% !important;
}*/
.GiftListDivBox > table > tbody > tr > td > table {
padding-top:30px;
}
.giftPackageImg{
padding:15px 0 0 0;
}
.giftPackageImg img{
padding:0 15px 0 0;
}
/*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 #newTableMenu, #guestbook #newTableMenu {
margin:15px;
}
.contactInfo {
padding-top:60px;
}
.phn {
font-size:14pt;
}
.mail {
}
.addr {
}
.phn, .mail, .addr {
padding:5px 0;
background-position:left;
background-repeat:no-repeat;
text-align:center;
color:#747474;
width: 100%;
display:block;
}
.credit img{
padding: 2% .1%;
}
.credit {
text-align:center;
margin:0 auto;
display:block;
}
.ApptFormBody {
BACKGROUND-COLOR:transparent;
width:80%
}
.ApptHeader {
font-size: 1.2em;
font-weight: bold;
line-height: 1.5em;
background-color: transparent;
font-family: 'Asul', sans-serif;
color: #332a7d !important;
}
.ApptFormTitles {
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: 'Roboto', 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;
}
.modalImgDiv {
margin-top:0;
}
/* MEDIA QUERIES ----------------------------------------------------------------------------------------------------------------------*/
/* iPad */
@media only screen and (min-device-width: 737px) and (max-device-width: 1024px) {
.bizHours {
padding:15px;
}
#homePage .mainText {
line-height:2;
}
.section1 .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) {
.section1 .txtServe {
margin-left:100px;
}
}
/* iPad */
@media only screen and (min-device-width: 737px) and (max-device-width: 1024px) and (orientation : portrait) {
.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%;
}
header {
position:initial;
}
#slideArea video {
left: 10%;
}
.buttons li {
margin-top:5px;
margin-bottom:5px;
}
.logo img {
max-width: 100%;
}
.logoResponsive{
display:none;
}
.days{
text-align:initial;padding-left:0;
}
.bizHours h3{
padding-top: 1em;
}
.titleline {
margin: 1em;
}
#bgGraphic {
top:0;
}
.homeStatement{
padding-left:10px
}
main {
margin-top:0;
}
main h1 {
text-align:center;
}
.maincontent {
padding-top:1em;
}
.mainBGImg {
min-width:initial;
position:relative;
width:100%;
top:initial;
left:initial;
height:initial;
}
.mainBGImg img{
}
#mainContent {
margin-top:0;
padding-top:0;
}
#homePage .txtArea {
text-align:center;
}
.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%;
}
#imgWrapHome2 {
display:none;
}
#imgWrapHome1 {
max-width:100%;
width:initial;
height:initial;
}
.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;
}
.socialDiv {
display:none;
}
.mainText{
clear:both;
}
.featuredContent {
width:90%;
}
div[role='dialog']{
max-width:95% !important;
left:5px !important;
}
.featuredImgDiv {
float:initial;
margin:0 0 8px 0;
}
.featuredImgDiv img {
max-width: 300px;
}
#featuredServices .featuredContent {
width:90%;
border:none;
cursor:pointer;
display: inline-block;
margin:10px;
text-align:left;
color: #000000;
}
#featuredServices .featuredItemLink {
background-color: transparent;
display: block;
padding: 10px;
text-align: left;
border:none;
}
#featuredServices a.featuredItemLink {
color:#000;
}
.footerSection {
display:block;
width:95%;
vertical-align:top;
text-align: center;
}
#footerTxt, #address, #quikLinks{
text-align:center;
}
.footerSection h3 {
margin-left:initial;
}
.bookAppt .button{
margin-top:10px;
display:inline-block;
width:140px;
}
.ProdListAltRow1Title, .ProdListAltRow2Title {
display:block;
}
.ProdListAltRow1Detail, .ProdListAltRow2Detail {
display:block !important;
}
td.SpecListAltRow1 img, td.SpecListAltRow2 img{
max-width:150px;
}
.SpecListAltRow1, .SpecListAltRow2 {
display:table-row;
}
.staffListTbl
{
margin: 10px;
}
.specListDivImg img {
float:initial;
}
.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 {
padding:6px;
}
#mainNav {
display:none;
}
#mobileNav {
display:none;
}
.socialBot {
display:inline-block;
float:initial;
text-align: center;
margin: 0 auto;
width: 100%;
}
#pageFooter .container{
max-width: 568px;
width:95%;
}
#address {
margin-left:initial;
max-width:initial;
}
.phone a{
color:#747474;
}
.featBox {
padding-top:20px
}
.marginSides {
margin-left:20px;
margin-right:20px;
}
.footerMain {
clear:both;
}
#footerTxt {
max-width:100%;
text-align:center;
margin:10px;
}
#footerLogo {
margin:0 auto;
display:block;
text-align:center;
}
.ApptFormBody {
width:100%;
}
.mobileMap{
display:inline-block;
}
#copy {
font-size:.8em;
width:100%;
float:initial;
text-align:center;
}
.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 li {
float:initial;
display:inline-block;
}
.socialDiv {
float:initial;
}
.contactDiv {
float:initial;
}
.mapSection iframe
{height:300px !important;}
#servicePage section{
width:100%;
padding-bottom: 1em;
}
#servicePage .photo{
float:none;
text-align:center;
clear:both;
}
.spacerDiv h1 {
left:initial;
}
.ServListCatName {
padding-top:50px;
}
.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;
}
.ServListAltRow1Detail, .ServListAltRow2Detail {
border-bottom: 1px dotted #cccccc;
padding-bottom:20px;
text-align:center;
}
.ServListAltRow1Desc span, .ServListAltRow2Desc span
{
margin:10px 0;
display: inline-block;
}
.servItemRow {
display:block !important;
width: 100% !important;
}
.ServListAltRow1Desc::after, .ServListAltRow2Desc::after{
min-width:100%;
width:100%;
}
.ServListAltRow1Title, .ServListAltRow2Title, .ServListAltRow1Desc, .ServListAltRow2Desc {
width: 100% !important;
margin-top:initial;
border-top:none;
padding-top:5px;
text-align:center;
}
.bookApptButDiv {
margin:0 auto;
padding:5px;
float:initial !important;
width: 150px;
}
.servItemImgTag {
float:initial !important;
}
.servItemImgTag img {
padding-top:20px;
}
.SpecListAltRow1Title, .specListDivImg
{
display:block;
}
.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;
}
.section1 .txtServe {
margin-left:initial;
padding: 0px 6px;
}
/* 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 {
height:40px;
}
.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: 2px 2px 2px 0;
text-decoration:none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #4a85c1; /* 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:#fff;
margin:70px 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:#fff !important;
background-color: transparent;
}
.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;
color:#fff;
}
.slicknav_nav .slicknav_txtnode {
margin-left:15px;
}
}