     * /* Our "universal rule" */
   {
   padding: 0;
   margin: 0;
   border: 0;
   }

   html
   {
   height: 100%;
   }

   body
   {
   height: 100%;


   background:#F76584;color:#000;font:normal small arial,sans-serif;
/*
   background-image: url('images/cleologo.jpg') ;
background-repeat: no-repeat; background-position: 160px 0px;
*/
}

#wrapper {

/*
  width: 100%;

*/
width:760px;
height: 100%;
   margin: 0 auto; /* We are going to center this design */
   text-align: left; /* Since we used text-align: center in the body to be sure some older IE versions are going to center our design, we now align the text left */

border:0px solid #fff;
   }

     * html #wrapper
   {
   height: 100%;
   }



   #bg{
   position:absolute;
   top:0px;
   left:0px;
   }

   #total{
   position:absolute;
   top:70px;
   right:10px;
}



   #header {

   color: #fff;
   text-align:center;
  /* height:140px; */
   border-bottom:1px solid #fff;
/*
 background-image: url('images/ladies.gif') ;
background-repeat: no-repeat; background-position: 420px 20px;
*/
   }



   #strapline{
   /*
   height:120px; */
   }

   #strapline h2{
   display:none;
}

#tel{
font:bold small arial,sans-serif;
}

#tel h2{
font:bold small arial,sans-serif;
}


   #navigation {
   float: left;
   background: #F76584;
   width:140px;
   margin-top:5px;
   border:0px solid #fff;
   background:#FFD9E1
   }


#navigation ul, li{
list-style-type:none;
padding:3px;
margin:3px;
display:block;
border:0px solid #fff;
background:#F76584;
}

#navigation a{
background:#FFB4C3;
display:block;
padding:3px;
margin:3px;
color:#000;
font-weight:bold;
text-decoration:none;
border:1px solid #fff;
}

#navigation a:hover{
text-decoration:underline;
background:#FFD9E1;
}





   #content {
   float: left;
    width: 65%;

   background: #F76584;
   position: relative;
min-height: 100%;
padding:10px;
   }

#content h1{
border:0px solid #fff;
margin:5px;
padding:5px;
font:bold 16px arial,sans-serif;

}

#content h2{
border:0px solid #fff;
margin:5px;
padding:5px;
font:bold 14px arial,sans-serif;
color:000;
}

#content h3{
border:0px solid #fff;
margin:5px;
padding:5px;
font:bold 12px arial,sans-serif;
color:000;
}

#content p{
border:0px solid #fff;
margin:5px;
padding:5px;
line-height:1.6em;
color:000;
}

#content ul{
border:0px solid #fff;
margin:5px;
padding:5px;
color:000;
}

#content table{
border:0px solid #fff;
margin:5px;
padding:5px;
width:98%;
color:000;
}






#content h1{
border:0px solid #f00;
padding:10px;
margin:5px;
text-align:center;
}

   #footer {
clear: both; /* We have to clear our floats */
   width: 760px; /* We need to set the width on the footer since it's outside the mainContainer, and therefor isn't controlled by it */
   margin: 0 auto; /* We need to center the footer also */
   background: #F76584;
 width: 100%;
 color:#fff;
 text-align:center;
     }

.profile{
border:1px solid #fff;
margin:5px;
padding:5px;
background:#FFB4C3;
}

.profile_park {
padding:0px!important;
margin:0px!important;
}

.profile_park td{
border:1px solid #fff;
padding:3px!important;
}

.profile h2{
margin:5px;
padding:5px;
background:#FFB4C3;
}

.profile p{
margin:5px;
padding:5px;
background:#FFB4C3;

}

.team{
float:left;
margin:5px;
padding:5px;
border:1px solid #fff;
background:#fff;

}





.pricetable{
margin:5px;
padding:5px;
border:1px solid #fff;
}

.pricetable tr{
margin:5px;
padding:5px;
border:1px solid #fff;
}



.content{
margin:5px;
padding:5px;
background:#FFB4C3;
border:1px solid #fff;
}

.content td{padding:3px;margin:3px;}

.content ul, li{background:#FFB4C3;}

.content img{
float:left;
border:2px solid #fff;
background:#fff;
margin:3px;
padding:3px;
}

.client{
margin-right:15px;
padding:5px;
font-weight:bold;

}


/* aphrodite page */
#aphrodites_intro{
width:480px;
border:0px solid #f00;
margin:5px auto 20px 80px;
}

#aphrodites_intro img{
border:2px solid #fff;
background:#fff;
margin:3px;
padding:3px;
}

.boldtext{
font-weight:bold;
}


#nailworks{width:180px;border:1px solid #f00;}
#nailworks td{padding:3px;margin:3px;}


/* mens page */

#mens_intro{
width:500px;
border:0px solid #f00;
margin:5px auto 20px 80px;
}

#mens_intro table{
width:280px;
float:left;
border:none;
font-weight:bold;
}

#mens_intro img{
float:left;
border:2px solid #fff;
background:#fff;
margin:3px;
padding:3px;

}


#bruno_men{
padding:3px;
border:1px solid #f00;
font-weight:bold;
border:none;
width:480px;
clear:both;

}

#sportsinjury{
padding:3px;
border:1px solid #f00;
font-weight:bold;
border:none;
width:480px;
}






#hair_removal{
width:500px;
border:0px solid #f00;
margin:5px auto 20px 40px;
}

#hair_removal table{
padding:3px;
border:1px solid #f00;
font-weight:bold;
border:none;
}

#bleaching{
width:280px;

}

#bleaching td{
padding:3px;
}


#hotwaxtable{
padding:3px;
border:1px solid #f00;
font-weight:bold;
border:none;
width:280px;
}

#hotwaxtable td{padding:3px;}



#spraytans{
padding:3px;
border:1px solid #f00;
font-weight:bold;
border:none;
width:480px;
padding-left:20px;
}

#spraytans td{padding:3px;}




#spraytans table{
padding:3px;
border:1px solid #f00;
font-weight:bold;
border:none;
width:420px;
}

#spraytans td{padding:3px;}


#spraytans  img{
float:left;
border:2px solid #fff;
background:#fff;
margin:3px;
padding:3px;

}


#makeovers{
padding:3px;
border:1px solid #f00;
font-weight:bold;
border:none;
width:480px;
clear:both;
}

#lotion{
padding:3px;
border:1px solid #f00;
font-weight:bold;
border:none;
width:480px;
}

#toothfairy{
padding:3px;
border:1px solid #f00;
font-weight:bold;
border:none;
width:480px;
}

#toothfairy img{border:none;background:none;}

#earpiercing{
padding:3px;
border:1px solid #f00;
font-weight:bold;
border:none;
width:480px;
}

#hopi{
padding:3px;
border:1px solid #f00;
font-weight:bold;
border:none;
width:480px;
}

#hopi img{
float:left;
border:2px solid #fff;
background:#fff;
margin:8px;
padding:8px;

}

#hopi ul{
border:0px solid #fff;
margin:5px;
padding:5px;
}

#hopi h3{
clear:both;
}




#hands{
padding:3px;
border:1px solid #f00;
font-weight:bold;
border:none;
width:500px;
padding-left:20px;
}

#hands td{padding:3px;}




#hands table{
padding:3px;
border:1px solid #f00;
font-weight:bold;
border:none;
width:auto;
}

#hands td{padding:8px;}


#hands  img{
float:left;
border:2px solid #fff;
background:#fff;
margin:3px;
padding:3px;

}



#feet{
padding:3px;
border:1px solid #f00;
font-weight:bold;
border:none;
width:480px;
padding-left:20px;
}

#feet ul{border:none;}

#feet td{padding:3px;}




#feet table{
padding:3px;
border:1px solid #f00;
font-weight:bold;
border:none;
width:420px;
}

#feet td{padding:3px;}


#feet  img{
float:left;
border:2px solid #fff;
background:#fff;
margin:3px;
padding:3px;

}



#sonopeel{
padding:3px;
border:1px solid #f00;
font-weight:bold;
border:none;
width:480px;
}

#sonopeel img{
float:left;
border:2px solid #fff;
background:#fff;
margin:3px;
padding:3px;

}

#sonopeel ul{
border:0px solid #fff;
margin:5px;
padding:5px;
}



#dermalift{
padding:3px;
border:1px solid #f00;
font-weight:bold;
border:none;
width:480px;
}

#dermalift img{
float:left;
border:2px solid #fff;
background:#fff;
margin:3px;
padding:3px;

}

#dermalift ul{
border:0px solid #fff;
margin:5px;
padding:5px;
}



#nailworks{
width:580px;
border:0px solid #f00;
}

#nailworks img{
float:left;
}


#nailworks table{
float:left;
border:0px solid #f00;
width:200px;
}


#comments td{padding:5px;}

#tan_table table{width:350px;}

#tan_table td{font-weight:bold;padding:5px;}

a{color:default;}

#home_table a, #park_table a{color:#000666; text-decoration:none; font-weight:bold;}

#park_table a:hover { color:#FFF;}

#content a{color:#000;}

#homecontent a{color:#000;}

#hometext1 a{color:#000;}

#content h2 a{color:#000;}

#home_about h2 a{color:#000;}

.black{color:000;}


#booking{
width:60%;padding:5px;margin:5px auto;
background:#fff;
}

#booking table{background:#fff;}

#booking td{padding:5px;
text-align:left;
background:#fff;
font-weight:bold;

}

#booking input{
text-align:center;padding:5px;
border:1px solid #000;
}

#booking textarea{
border:1px solid #000;
padding:3px;

}

#cal{background:#fff;}

#cal table{}

#cal td{}


/* Home Page */


#home_content{
margin:2px auto auto 10px;
  float:left;
  width: 590px;
   background: #F76584;
padding:5px;
border:0px solid #f00;
}

#home_content h2{

/*
clear:both;
*/
margin:3px;
padding:3px;
font:bold 14px arial,sans-serif;
}

#home_content ul{
margin:5px;
width:380px;
border:1px solid #fff;

}

#home_content li{
padding:5px;
margin:5px;

}

#home_content table{
float:left;
font-weight:bold;
margin:5px auto;

}

#home_content a{
color:#fff;
text-decoration:none;
font-weight:bold;
}

#home_content a:hover{
color:#fff;
text-decoration:underline;

}

#home_content p{clear:both;
margin:8px;
padding:8px;
}

#home_content img{
border:2px solid #fff;
background:#fff;

}

#home_photos{
border:0px solid #f00;
width:auto;
float:left;
}

#brochure{
background:#fff;
border:1px solid #fff;
float:left;
padding:3px;
margin:3px;
}

#shop_picture{
background:#fff;
border:1px solid #fff;
float:left;
padding:3px;
margin:3px;
}

#opening_times{
float:left;
width:200px;
padding:3px;
margin:3px;
}


#opening_times h2{
text-align:center;
margin:0px;
padding:0px;
}

#opening_times td{
padding:3px;
margin:3px;

}

#hometext1{
width:auto;


}

#hometext1 p{
padding:2px;
margin:2px;
}

#home_about{
border:1px solid #fff;
background:#FFB4C3;
}

#home_howtofindus{clear:both;background:#FFB4C3;border:1px solid #fff;}

#home_howtofindus a{color:#000;}
#home_about td{
padding:3px;
margin:3px;
background:#FFB4C3;
border:1px solid #fff;
}


#home_table td, #park_table td{
padding:3px;
margin:3px;
background:#FFB4C3;
border:1px solid #fff;
}

#home_table a, #park_table a{color:#000;}

#home_about table{width:100%;}
#home_table, #park_table{
border:0px solid #f00;

}

#home_table table{width:100%;}
#park_table { 
margin:0px!important;
padding:0px!important;
width:100%;
}

/* Clients Comments */

#clients_comments td{padding:3px;margin:3px;}


