/**************** Style Resets **********************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {margin:0; padding:0;}
h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,address {margin:1em 0;}
li, dd, blockquote {margin-left:1em;}
html, body, fieldset {font:100.1%/120% Verdana, Arial, Helvetica, sans-serif;}
input, select, textarea {font-size:100.1%;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
form label{cursor:pointer;}
fieldset, img{border:none;}
table{border-collapse:collapse; border-spacing:0;}
ul li {list-style-type:square;}
hr {height: 1px; background-color: #efefef;  color: #E5E5E5;   border: none;  padding: 0; margin: 1em 0em;}

/**************** General Links ***********************************/
a:link            { color: #175a8e; text-decoration: none;border-bottom:1px solid #175a8e;}
a:visited         { color: #175a8e; text-decoration: none;border-bottom:1px solid #175a8e;}
a:focus, a:hover, a:active {color: #fff;background-color:#78006a;text-decoration: none;border-bottom:1px solid #fff; }

/********* Navigation **********************************/
#navlist {  width:100%;  background:#fff;  font-size:98%;  line-height:normal; width:98%;margin-left:2%;}
#navlist ul {  margin:1px 0 0 0;  padding:10px 10px 0 50px; list-style:none; }
#navlist li {  display:inline;   margin:0;  padding:0;  }
#navlist a { border-bottom:none;float:left;  background:url("../images/tableft10.gif") no-repeat left top; margin:0; padding:0 0 0 4px;  text-decoration:none; }
#navlist a span { border-bottom:none;float:left; display:block; background:url("../images/tabright10.gif") no-repeat right top; padding:5px 15px 4px 6px;  color:#fff;  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navlist a span {float:none;}
/* End IE5-Mac hack */
#navlist a:hover span { color:#fff;   }
#navlist a:hover {background-position:0% -42px;   }
#navlist a:hover span { background-position:100% -42px; }
#navlist #current a { background-position:0% -42px; }
#navlist #current a span { background-position:100% -42px;    }
/**************** Main sections *********************/
html{height:100%; }
body {height:101%; line-height:150%; color: #555; text-align: center; background:#acadad url(../images/greyfade.jpg) top left repeat-x;}
#skip {font-size:80%;   text-align:right; color:white;   margin:0;position:absolute;top:0;right:0.5em;z-index:10;}
#skip li {display:inline;  list-style-type: none;  padding: 0 0 0 1em;  }
#skip li a:link, #skip li a:visited  {border:none; color:#837b9e; padding:5px;   }
#skip li a:focus, #skip li a:hover, #skip  a:active { border:none;color:#fff;    padding:5px;border-top:1px solid white;}

#nav {position:relative;overflow:hidden;width:100%;background-color:white;}
ul {margin-bottom:0;}
#container {font-size:76%;  margin:0 auto;text-align:left; max-width:1000px;background:#fff url(../images/dots.gif) 68% 20% repeat-y;}
#contents {width:64%;float:left;margin-top:20px;padding:0 0 0 2%;}
#contents img {float:right; border:1px solid #eaebeb;clear:right;margin-bottom:10px;}
#sidebar {width:29%;float:right;margin-top:20px;padding-right:2%;}
h1 {font-size:160%; color: #175a8e;font-weight:normal;margin:11px 0 0 0;}
h2 {font-size:150%; color:#175a8e;font-weight:normal; margin: 0px 0 0 0;}
h3 {font-size:140%; color:#175a8e;font-weight:normal; margin: 0px 0 0 0;}
#sidebar h3 {margin-bottom:10px;}
img.printlogo {display:none;}
h4 {font-size:120%; color:#175a8e;margin: 15px 0 0 0;}
#mid {background:url(../images/bluefade.jpg) top left repeat-x;height:173px;color:white;border-bottom:5px solid #78006b;}
#mid {height:173px;margin:0px 0 9px 0;clear:both;background:url(../images/bluefade.jpg) top left repeat-x;overflow:hidden;}
  #mid #left p {margin:40px 10px 0 10px;text-align:right;line-height:130%;font-size:120%; clear:both;color: #white; font-weight:normal;font-family:  "Trebuchet MS", Verdana, Arial, sans-serif;}
  #mid  img {float:right;padding:6px;border:1px solid #e2e2e2;color:#333;background:#fff;margin: 0px 0px 5px 0px;}
#left {width:50%;float:left;color:white;}
  #left span.cite {font-weight:normal;font-size:60%;}
  #left img {background-color:transparent;border:none;margin-top:50px;margin-left:5%;float:none;}
p.tel {line-height:25px;padding-left:50px;position:absolute;top:20px; right:10px;text-align:right;font-size:280%;color:#009cc5;font-family:"Century Gothic",Helvetica, sans-serif}
p.tel img {position:absolute;top:-7px;left:0;}

#right {width:44%;height:173px;float:right;background:url(../images/topimages.jpg) top right no-repeat;}
#right img.pic {width:95%;height:173px}
#right img {float:right;margin:15px 20px 0 0;border:none;background-color:none;padding:0;margin:0;}
#header {background-color:white;width:100%;position:relative;border-top:1px solid white;}
#sidebar div.box {margin: 0 0 10px 0; border-top:1px dashed #eaebeb;clear:both; }
  #sidebar div.box img {float:left;margin:10px 10px 10px 0;}
  #sidebar div.box h3 {margin:0 0 0 0;font-size:130%;padding:3px 0;font-weight:bold;}
  #sidebar div.box p  {padding:0 0 0 0;clear:none;margin:0.5em 0;}
#home #sidebar div.thirdbox {margin: 15px 0 10px 0; border-top:1px dashed #eaebeb;clear:both; }

#sidebar .box img.icon {float:none;border:none;padding:0;margin:0;}
#sidebar div.first {margin: 0 0 10px 0; border-top:none;clear:both; }
h1 img {border:none;}

h1 a:link, h1 a:visited,h1 a:focus,h1 a:hover,h1 a:active {text-decoration:none;border-bottom:0;background-color:transparent;}

img.frame {float:right; clear:both;padding:6px;border:1px solid #eaebeb;color:#333;background:#fff;margin: 20px 0 5px 4px;}

ul {list-style:square; padding-left:3px; margin-left:3px;}

#footer {clear:both;height:3em; padding-top:1em;margin-top:10px;border-top: 1px solid #eaebeb;background-color:white; margin-left:auto; margin-right:auto;}
#footer .left {float:left; width:40%;text-align:left;margin-left:20px;}
#footer .right {float:right; width:40%; text-align:right;margin-right:20px;}
 #hcard { margin: 0 0 0 0; padding: 0; }
 #hcard dl { margin: 0; padding: 0; }
 #hcard dt { font-weight: bold;  margin: 0.3em 0 0 0;float:left;width:5em;clear:left;}
 #hcard dd {  padding: 0; margin: 0.3em 0 0 0; float:left;width:11em;}
#hcard dt.first, #hcard dd.first {float:none; width:100%;}

div.service {width:40%;max-width:180px;height:133px;margin:0 2% 2% 0;float:left;}
div.service a {display:block;height:133px;}
div.mum {background: url(../images/mum.jpg) top left no-repeat;}
div.baby {background: url(../images/baby.jpg) top left no-repeat;}
div.work {background: url(../images/work.jpg) top left no-repeat;}
div.senior {background: url(../images/senior.jpg) top left no-repeat;}
div.work a:hover {background: url(../images/work1.jpg) top left no-repeat;}
div.mum a:hover {background: url(../images/mum1.jpg) top left no-repeat;}
div.senior a:hover {background: url(../images/senior1.jpg) top left no-repeat;}
div.baby a:hover {background: url(../images/baby1.jpg) top left no-repeat;}

blockquote {clear:both;background: url(../images/quotemarks.gif) left top  no-repeat;margin-left:0px;padding-left:25px;margin-bottom:40px;}
cite {color:#175a8e;background: url(../images/quotemarks1.gif) right top no-repeat;padding:8px 30px 0 10px; margin-top:-10px;text-align:right;float:right;width:80%; font-style:normal;font-weight:bold;}

#team #sidebar div.box img {float:none;display:block;width:180px;margin:10px auto 0 auto;padding:6px;border:1px solid #eaebeb;}
#team #sidebar div.box p {clear:both;text-align:center;}

#contact #sidebar  img {float:left;display:block;margin:10px auto 0 auto;padding:6px;border:1px solid #eaebeb;}

dt {color:#175a8e;font-weight:bold;font-size:120%;margin-bottom:10px;}
dd {margin-left:0;margin-bottom:15px;border-bottom:1px dashed #efefef;padding-bottom:10px;}
#slides {margin-bottom:30px;}
/*************** Forms ******************/

#genform {padding:20px;font-size:100%; color:#000; width:80%;margin-bottom:20px; background-color:#f6f6f6; border:1px solid #e2e2e2;  }
  #genform fieldset { border:none;   }
  #genform legend {   display:none;}
  #genform input {background:#fff;   border:1px solid #ccc;  width:100%;     padding:5px 3px 5px 3px;   vertical-align:middle;  margin:0 0 5px 0; }
  #genform textarea { background:#FFF;  border:1px solid #ccc;     width:70%;  margin-left:0;    font-size:110%;   padding:3px ;  vertical-align:middle;  }
  #genform input.button {   border:1px solid #fff;clear:both;   color:white;   font-size:100%;   width:30%;  margin:10px 0 20px 0;   font-weight:bold;   background:#660066 url(../images/buttonback.jpg) left top repeat-x;    }
  #genform input:hover, #genform textarea:hover {  border:1px solid #008db9;background-color:#f6f6f6; }
  #genform input.button:focus, #genform input.button:hover, #genform input.button:active  { clear:both; color:#fff;   font-size:100%;   width:30%;  margin:10px 0 20px 0;   font-weight:bold;    background-color:#0099cc;  }
  .required { color:#c2537a;    font-weight:bold;  margin-left:0px; }
  #genform input.chk {width:20px;border:none;}
  #genform h4 {margin-bottom:10px;}
  #genform input.textbox1 {width:70%;margin-top:5px;}
  #genform input.button1 {   border:1px solid #fff;clear:both;   color:white;   font-size:100%;   width:20%;  margin:0px 0 0px 0;   font-weight:bold;   background:#660066 url(../images/buttonback.jpg) left top repeat-x;    }
  #genform input.button1:focus, #genform input.button1:hover, #genform input.button1:active  { clear:both; color:#fff;   font-size:100%;   width:20%;  margin:0px 0 0px 0;   font-weight:bold;    background-color:#0099cc;  }
  #genform input.topic, #genform label.topic {position:absolute;left:-9999px;}
    #genform input.shorttext {width:24%;}

/***************** Image Replacement ****************/

/* General IR statements */
.replace {clear:both;position: relative;  overflow: hidden; margin: 1em 0 10px 0;padding: 0;  font-size: 100%; }
.replace em {     display: block;   position: absolute;  top: 0;  /* left: 0; */ z-index: 1;    /* for opera5 (?) and o6/mac */     }
/* General IR statements for IE5.x mac only */
* html>body .replace {  position: static; overflow: visible;   font-size: 10px;  /* for ie5.x/mac */  }
* html>body .replace em  { position: static; }
* html>body .replace a {text-decoration: none;  /* ie5.0-5.1.x/mac  must have this value or the underline shows through the image. */   }
/* Each pair of statements per instance of IR */
#myh1, #myh1 em {font-color:#555;padding-bottom:0; background-color:#ggg;     width:480px;     height:83px; background: url(../images/logo1.gif) top left no-repeat;}
* html>body #myh1 em { /* for ie5.x/mac only */ margin-bottom: -83px;  /* Required to bring text underneath image. Use the negative height of the image here.*/  }

/***************** Tables ************************/

table {
   width:100%;
   border-top:1px solid #e5eff8;
   border-right:1px solid #e5eff8;
   margin:1em auto;
      border-collapse:collapse;
   }
caption {
   position:absolute;left:-9999px;
   }
tr.odd td   {
   background:#f7fbff
   }
tr.odd .column1   {
   background:#f4f9fe;
   }
.column1 {
   background:#f9fcfe;
   }
td {

   border-bottom:1px solid #e5eff8;
   border-left:1px solid #e5eff8;
   padding:.3em 1em;
   text-align:left;
   }
th {
   font-weight:bold;
   color: #175a8e;
   text-align:left;
   border-bottom: 1px solid #e5eff8;
   border-left:1px solid #e5eff8;
   padding:.3em 1em;
   }
thead th {
   background:#f4f9fe;
   text-align:left;
    color:#66a3d3
   }
tfoot th {
   text-align:center;
   background:#f4f9fe;
   }
tfoot th strong {
   font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
   margin:.5em .5em .5em 0;
   color:#66a3d3;
      }
tfoot th em {
   color:#f03b58;
   font-weight: bold;
   font-size: 1.1em;
   font-style: normal;
   }

/***************** Clearfix ****************/
.clearfix:after {content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

div.thirdbox p {margin-right:5%;}
#map img {border:none;float:none;margin:10px 0 0 0;padding:0;}
#map {background-image: url(../images/map.gif) center center no-repeat;padding:20px;min-width:475px;width:80%;background-color:#f6f6f6; border:1px solid #e2e2e2; }
#map div {margin:0 auto;}