@import url("common.css");
html, body{
background: #6A737C url(../images/mainbg.gif);
color: #ffffff;
text-align: center;
margin: 0px 0 0 0;
padding: 0px;

height: 98%;
}

#holderbox{
width: 100%;
height: 100%;
margin: auto;
}

#holderbox td{
vertical-align: middle;
height: 100%;
} 

#container{
margin: 0px;
position: relative;
width: 950px;
margin-left: auto;
margin-right: auto;
text-align: left;
padding: 0px;
background: #6A737C url(../images/containerbg.gif);
border:1px solid #ffffff;
}

/* commented backslash hack \*/
#container {
height: 585px;
}
/* end hack */
html>body #container {
height: auto;
min-height: 585px;
}

#splash #container{
background: #6A737C;
}

#strap{
position: relative;
width: 100%;
height: 66px;
background: url(../images/strap.gif) no-repeat 130px 35px;
}

#strap .skip{
color: #ffffff;
font-weight: bold;
font-size: 14px;
position: absolute;
right: 40px;
bottom: 5px;
}

#strap .phoneno{
font-size: 16px;
font-weight: bold;
position: absolute;
left: 475px;
bottom: 13px;
}

#header{
width: 170px;
float: left;
background: #000000;
height: 455px;
margin: 0px 0px 0px 0px;
width: 0px;
}

#splash #header{
width: 100%;
text-align: center;
}

#header img{
margin: 20px 0px 0px 30px;
}

#splash #header img{
margin: 220px 0px 0px 0px;
}
#content{
width: 950px !important;
width: 980px;
float: left;
height: 455px;
margin: 0px 0px 0px 0px;
position: relative;
}


#content.feetinbowl, .feetinbowl{
background: #ffffff url(../images/feetinbowl.jpg) no-repeat top left; 
}

#content.backmassage, .backmassage{
background: #ffffff url(../images/backmassage.jpg) no-repeat top left; 
}

#content.espa, .espa{
background: #ffffff url(../images/espa.jpg) no-repeat top left; 
}

#content.relaxroom, .relaxroom{
background: #ffffff url(../images/relaxroom.jpg) no-repeat top left; 
}

#content.teamsoft, .teamsoft{
background: #ffffff url(../images/teamsoftbg.jpg) no-repeat top left; 
}

#content.exterior, .exterior{
background: #ffffff url(../images/exterior.jpg) no-repeat top left; 
}

#content.rosecream, .rosecream{
background: #ffffff url(../images/rosecream.jpg) no-repeat top left; 
}

#content.orchid, .orchid{
background: #ffffff url(../images/orchid.jpg) no-repeat top left; 
}

#content.stonehand, .stonehand{
background: #ffffff url(../images/stonehand.jpg) no-repeat top left; 
}

#content.stoneshead, .stoneshead{
background: #ffffff url(../images/stoneshead.jpg) no-repeat top left; 
}

#content.elbow, .elbow{
background: #ffffff url(../images/elbow.jpg) no-repeat top left; 
}

#content.washhands, .washhands{
background: #ffffff url(../images/washhands.jpg) no-repeat top left; 
}

#content.legs, .legs{
background: #ffffff url(../images/legs.jpg) no-repeat top left; 
}

#content.candle, .candle{
background: #ffffff url(../images/candle.jpg) no-repeat top left; 
}

#content.ruudvan, .ruudvan{
background: #ffffff url(../images/ruudvan.jpg) no-repeat top left; 
}
#menu{
float: left;
width: 100%;
margin-left: 15px;
}

#menu table{
width: 100%;
height: 65px;
}

#menu td{
vertical-align: middle;
text-align: center;

}

#menu ul{
margin: 0px 0px 0px 0px;
padding: 0px;
}

#menu li{
display: inline;
margin: 0px;
padding: 0px; 
}

#menu  a{
color: #ffffff;
text-transform:uppercase;
font-weight: normal;
text-align: center;
float: left;
padding: 0px 8px 0px 8px;
margin: 0px 2px 0 2px;
text-indent: 0px;
line-height: 12px;
}

#menu a:hover, #main a.current{
color: #000000;
}

#scrollbox{
color: #000000;
width: 428px;
height: 320px;
background: transparent;
overflow: auto;
position: absolute;
top: 4px;
left: 450px;
padding: 20px;
}

#maintext{
color: #75797a;
width: 380px;
background: #ffffff; 
position: absolute;
top: 4px;
left: 450px;
padding: 15px 20px 0px 20px;
}


#shorttext{
color: #75797a;
width: 420px;
background: transparent; 
position: absolute;
top: 81px;
left: 340px;
padding: 20px;
}

#content h1{
color: inherit;
font-weight: normal;
font-size: 24px;
}

#content h1 strong{
color: #696ab0;
font-weight: normal;
}

#content h2{
color: #525558;
font-weight: normal;
font-size: 14px;
text-transform:none;
margin-top: 24px;
margin-bottom: 0px;
padding-bottom: 0px;
line-height: 12px;
}

#content table h2, #content table h3{
margin-top: 10px;
line-height: 14px;

}
#content h2 a{
color: #525558;
}
#content h2 a:hover{
color: #696ab0;
}

#content h3{
color: #696ab0;
font-weight: bold;
font-size: 14px;
margin-top: 24px;
}
#content h3 a{
color: #696ab0;
}
#content ul{
padding: 0px;
margin: 8px 0px 8px 20px;
}
#content .blue{
color: #696ab0;
}

#content strong{
color: #696ab0;
}
#content strong.bold2{
color: #696ab0;
}

.floatright{
float: right;
margin: 5px 0px 5px 15px;
}

#shorttext h1{
font-size: 36px;
color: #000000;
}


#shorttext p{
margin: 0px 50px 25px 80px;
font-size: 16px;
}
#shorttext p strong{
font-size: 22px;
font-weight: normal;
}
* a.underline{
text-decoration: underline;
}

a#lnk1, a#lnk2, a#lnk3, a#lnk4, a#lnk5, a#lnk6, a#lnk7, a#lnk8, a#lnk9, a#lnk10, a.plus {
background: url(../images/plus.gif) no-repeat right;
padding-right: 15px;
}

a#lnk1.minus, a#lnk2.minus, a#lnk3.minus, a#lnk4.minus, a#lnk5.minus, a#lnk6.minus, a#lnk7.minus, a#lnk8.minus, a#lnk9.minus, a#lnk10.minus, a.minus {
background: url(../images/minus.gif) no-repeat right;
padding-right: 15px;
}

#page1, #page2 , #page3, #page4, #page5 , #page6, #page7,#page8 , #page9, #page10{
display: none;
position: absolute;
left: 240px;
width: 500px;
padding: 0px 20px 10px 10px;
top: 35px;
height: 340px;
z-index: 99;
border: 1px solid #000000;
color: #000000;
overflow: auto;
}
#page1 h2, #page2  h2, #page3 h2, #page4 h2, #page5 h2 , #page6 h2, #page7 h2,#page8 h2 , #page9 h2, #page10 h2{
font-weight: bold;
color:#696AB0;
}
#largeboxes #page1,#largeboxes  #page2 ,#largeboxes #page3, #largeboxes  #page4,#largeboxes  #page5 ,#largeboxes  #page6,#largeboxes  #page7,#largeboxes #page8 ,#largeboxes  #page9, #largeboxes #page10{
	left: 48px;
	top: 10px;
	width: 820px;
	height: 420px;
}

.close{
position: absolute;
right: 5px;
top: 5px;
}

.closebtm{
position: relative;
left: 450px;
top: 10px;
}

#largeboxes .closebtm{
left: 750px;
}

.twocol{
width: 100%;
border-collapse:collapse;
vertical-align: top;
}

#content .twocol td{
vertical-align: top;
}

#content .twocol td p{
margin: 10px 0 0 0 ;
}

#hover1, #hover2 , #hover3, #hover4, #hover5 , #hover6, #hover7, #hover8 , #hover9, #hover10, #hover11, #hover12, #hover13, #hover14{
display: none;
position: absolute;
left: 20px;
width: 350px;
padding: 0px 30px 20px 30px;
top: 15px;
height: 400px;
z-index: 99;
bdorder: 1px solid #000000;
color: #696ab0;
overflow: auto;
color: #000000;
font-size: 11px;
}


#hover1 h1, #hover2 h1, #hover3 h1, #hover4 h1, #hover5 h1 , #hover6 h1, #hover7 h1, #hover8 h1 , #hover9 h1, #hover10 h1, #hover11 h1, #hover12 h1, #hover13 h1, #hover14 h1{
font-size: 16px;
color: #696ab0;
font-family:  Arial, Helvetica, sans-serif;
font-weight: bold;
margin-top: 20px;
text-transform: none;
}
#hover1 h2, #hover2 h2, #hover3 h2, #hover4 h2, #hover5 h2 , #hover6 h2, #hover7 h2, #hover8 h2 , #hover9 h2, #hover10 h2, #hover11 h2, #hover12 h2, #hover13 h2, #hover14 h2{
margin: 20px 0px 0px 0px;
}

#hover1 strong, #hover2 strong, #hover3 strong, #hover4 strong, #hover5 strong, #hover6 strong, #hover7 strong, #hover8 strong, #hover9 strong, #hover10 strong, #hover11 strong, #hover12 strong, #hover13 strong, #hover14 strong{
color: #696ab0;
font-weight: bold;
font-size: 11px
}

#hover1 .secretfuckingtip, #hover2 .secretfuckingtip, #hover3 .secretfuckingtip, #hover4 .secretfuckingtip, #hover5 .secretfuckingtip, #hover6 .secretfuckingtip, #hover7 .secretfuckingtip, #hover8 .secretfuckingtip, #hover9 .secretfuckingtip, #hover10 .secretfuckingtip, #hover11 .secretfuckingtip, #hover12 .secretfuckingtip, #hover13 .secretfuckingtip, #hover14 .secretfuckingtip{
color: #696ab0;
font-weight: bold;
font-size: 14px

}

.point{
cursor: pointer;
}

.colour1{
background: transparent url(../images/greenbg.png) !important;
background: #cbcfb3;
border: 2px solid #ffffff;
}

.colour2{
background: transparent url(../images/bluebg.png) !important;
background: #ced5dd;
border: 2px solid #ffffff;
}

.colour3{
background: transparent url(../images/pinkbg.png) !important;
background: #f1dbdf;
border: 2px solid #ffffff;
}

.colour4, .coloursolid4{
background: #ffffff;
}

.colour5{
background: transparent url(../images/greybg.png) !important;
background: #acacac;
border: 2px solid #ffffff;
}


.coloursolid1{
background: #cbcfb3;
border: 2px solid #ffffff;
}

.coloursolid2{
background: #ced5dd;
border: 2px solid #ffffff;
}

.coloursolid3{
background: #f1dbdf;
border: 2px solid #ffffff;
}


.coloursolid5{
background: #acacac;
border: 2px solid #ffffff;
}


.dos{
background: #ffffff;
}

.donts{
background: #ffffff;
}

#maintext table strong{
font-weight: normal;
}

input, textarea{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

.treatment td{
padding: 0px 20px 0px 0px;
}