/*SIFR JUNK*/
@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  h2.msg_head .sIFR-replaced{
  cursor:pointer;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
  
  div#art-of-massage-logo img#visi-print{
	visibility:hidden;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
  
  div#nav-panel a{
  visibility:hidden;
  }
  
  div#monthly-special{
  visibility:hidden;
  }
  img#bl-corner{
  visibility:hidden;
  }
  div#art-of-massage-logo img#visi-print{
  visibility:visible;
  }
  div#main-footer{
  visibility:hidden;
  }
}

body{
font-family:tahoma,arial,sans-serif;
background-image:url("assets/images/bg-tile.jpg");
text-align:center;
}

div#main-container{
width:895px;
min-height:700px;
margin:0px auto;
padding:0px;
background-color:#FFFFFF;
background-image:url('assets/images/body-bg.jpg');
background-repeat:no-repeat;
position:relative;
top:25px;
text-align:left;
}


div#wrapper{
text-align:left;
position:relative;
height:auto;
min-height:100%;
padding-bottom:45px;
}

div#main-footer{
position:relative;
top:15px;
left:85px;
margin-left:auto;
margin-right:auto;
background-image:url('assets/images/footer.gif');
background-repeat:no-repeat;
margin-top:-35px;
margin-bottom:0px;
color:#FFFFFF;
height:50px;
width:743px;
clear:both;
}

div#main-footer p{
position:relative;
top:6px;
margin:0px;
font-size:12px;
}

div#main-footer a{
margin:0px 5px;
color:#FFFFFF;
}

div#main-footer p:hover a{
color:#CCCCCC;
}

div#main-footer p:hover a:visited{
color:#BBBBBB;
}

div#main-footer p:hover a:hover{
color:#FFFFFF;
}

div#main-footer a:visited{
color:#CCCCCC;
}

div#art-of-massage-logo{
float:left;
position:absolute;
top:-27px;
left:13px;
width:429px;
height:174px;
background-image:url('assets/images/art-of-massage-logo.gif');
background-repeat:no-repeat;
}

div#art-of-massage-logo a{
display:block;
height:170px;
width:430px;
}

div#top-information{
position:absolute;
height:70px;
top:40px;
left:440px;
color:#FFFFFF;
padding:0px;
}

div#main-spacer{
width:500px;
height:135px;
}

div#top-information #mission-statement{
margin:0px 0px 4px 0px;
font-family:Tempus Sans ITC, Arial, sans-serif;
font-size:18px;
font-weight:100;
width:430px;
}

div#top-information #contact-information{
position:absolute;
bottom:25px;
margin:0px;
font-size:12px;
}

div#nav-panel{
background-image:url("assets/images/menu-bg.png");
font-weight:bold;
clear:left;
position:absolute;
left:21px;
top:174px;
width:140px;
height:210px;
font-size:18px;
}

div#nav-panel a{
background-image:url("assets/images/menu.png");
display:block;
position:relative;
left:10px;
top:5px;
width:120px;
height:30px;
margin:3px 0px;
}

div#nav-panel a#home{
background-position:0px 0px;
}

div#nav-panel a#home:hover{
background-position:0px -30px;
}

div#nav-panel a#home:active{
background-position:0px -60px;
}

div#nav-panel a#about_us{
background-position:-120px 0px;
}

div#nav-panel a#about_us:hover{
background-position:-120px -30px;
}

div#nav-panel a#about_us:active{
background-position:-120px -60px;
}

div#nav-panel a#services{
background-position:-240px 0px;
}

div#nav-panel a#services:hover{
background-position:-240px -30px;
}

div#nav-panel a#services:active{
background-position:-240px -60px;
}

div#nav-panel a#specialties{
background-position:-360px 0px;
}

div#nav-panel a#specialties:hover{
background-position:-360px -30px;
}

div#nav-panel a#specialties:active{
background-position:-360px -60px;
}

div#nav-panel a#faqs{
background-position:-480px 0px;
}

div#nav-panel a#faqs:hover{
background-position:-480px -30px;
}

div#nav-panel a#faqs:active{
background-position:-480px -60px;
}

div#nav-panel a#contact_us{
background-position:-600px 0px;
}

div#nav-panel a#contact_us:hover{
background-position:-600px -30px;
}

div#nav-panel a#contact_us:active{
background-position:-600px -60px;
}

div#monthly-special{
text-align:center;
position:absolute;
top:423px;
left:15px;
width:150px;
height:165px;
}

div#monthly-special #link{
display:block;
width:150px;
height:165px;
text-decoration:none;
}

div#monthly-special #header{
font-size:16px;
margin:3px 0px 0px;
font-weight:bold;
color:#506d5a;
}

div#monthly-special #content{
display:block;
color:#000000;
margin:10px 5px 5px;
font-size:12px;
}

div#monthly-special #coupon-icon{
border:none;
position:absolute;
bottom:5px;
left:0px;
}

div#monthly-special #footer{
position:absolute;
font-weight:bold;
width:100px;
font-size:11px;
left:53px;
bottom:15px;
color:#304d3a;
}

div#main-content{
clear:both;
padding-bottom:40px;
width:625px;
position:relative;
left:200px;
}

table.services{
width:75%;
text-align:center;
}

table.services td+td{
color:#52645b;
}

/*Generic classes*/

h1{
color:#6B248F;
font-size:27px;
border-bottom:1px dashed #4C1A65;
margin-top:5px;
}

#main-content h2{
width:526px;
font-family:Tempus Sans ITC, Arial, sans-serif;
color:#4C1A65;
text-align:center;
font-size:20px;
margin: 5px auto;
}

h2.msg_head{
padding-top:5px;
height:30px;
background-image:url("/assets/images/drop-down.png");
background-repeat:no-repeat;
cursor:pointer;
}

.dropped{
background-position:0px -35px;
}

#main-content h3{
color:#2D103C;
margin-bottom:0px;
margin-top:0px;
}

.center{
width:100%;
text-align:center;
margin-left: auto;
margin-right:auto;
}

p.center{
margin-top:0px;
}

.blurb{
margin:25px 0px;
}

.dotted{
border:1px dotted #cbc483;
width:90%;
margin:10px auto 10px;
}

.left{
text-align:left;
}

.right{
text-align:right;
}

.small{
font-size:13px;
}

.medium{
font-size:18px;
}

.large{
font-weight:bold;
color:#52645b;
font-size:25px;
}

.clear{
clear:both;
}

.bold{
font-weight:bold;
}

.column{
width:50%;
}

.third-column{
width:33%;
}

.quarter-column{
width:25%;
}

.three-quarters-column{
width:75%;
}

.column, .third-column, .quarter-column, .three-quarters-column{
float:left;
margin:0px;
padding:5px 0px;
}

.space{
margin:10px;
}

.little{
font-size:9px;
}

em{
color:#006666;
}

p.content{
text-indent:1.5em;
margin:0px 0px 10px 0px;
}

ul{
color:#52645b;
font-size:18px;
}

ul p, ul ul{
color:#000000;
font-size:14px;
}


/* ----- base links ----- */
a:link {color: #CC6633;}
a:visited {color: #CC6633;}
a:hover {color: #999966;}
a:active {color: #CC6633;}
a:focus{color: #CC6633;}


/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(/assets/images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(/assets/images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
	font-size:12px;
}

#JT_copy{
	padding:5px;
	font-size:12px;
	color:#333333;
}

#JT_copy ul{
	font-size:12px;
	margin-left:-10px;
	text-align:left;
}

#JT_copy ul li{
	margin-top:5px;
	margin-bottom:5px;
}

.JT_loader{
	background-image: url(/assets/images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-bottom: 5px;
	padding-top: 2px;
	font-size:14px;
	font-weight:bold;

}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-bottom: 5px;
	padding-top: 2px;
	font-size:14px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}
