/*---------------------- zeros out the implied margins from browers -----------------------*/
img {border:0px; margin:0px;padding:0px}
* {margin: 0px; padding: 0px;}
/* ----------------------------- MAIN STAGE ------------------------ */
body{background-color: gray;}
.clear{clear:both;}
#wrapper{margin:auto auto;
	width:870px; }
#title{position:absolute;}

.buttons{position:relative;top:0px;left:0px;}
.button1 {position:absolute;top:325px; left:40px}
a.buttonrobyn { /* definition of the "image" class in the <a> tag */

     display: block; /* a tag must be a block */
     /* width: 45px; width of reactive image */
     /*height: 206px;  height of reactive image */
     background-image: url(images/robyn-but1.png); /* source for start image width:180px; height:42px;*/
     background-repeat: no-repeat;width:180px; height:42px}

a.buttonrobyn:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(images/robyn-but-rev1.png); width:180px; height:42px; /* source for target image float:right*/ }

.button2 {position:absolute;top:325px; left:424px;}
a.buttonadult { /* definition of the "image" class in the <a> tag */

     display: block; /* a tag must be a block */
    /* width: 45px;  width of reactive image */
   /*   height: 206px; height of reactive image */
     background-image: url(images/robyn-but2.png);  /*source for start image */
     background-repeat: no-repeat; width:182px; height:42px; }

a.buttonadult:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(images/robyn-but-rev2.png); width:182px; height:42px; /* source for target image float:right*/ }

.button3 {position:absolute;top:325px; left:654px  }
a.buttonchildren { /* definition of the "image" class in the <a> tag */

     display: block; /* a tag must be a block */
    /* width: 45px;  width of reactive image */
   /*   height: 206px; height of reactive image */
     background-image: url(images/robyn-but3.png);  /*source for start image */
     background-repeat: no-repeat; width:218px; height:42px;
 }
a.buttonchildren:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(images/robyn-but-rev3.png); width:218px; height:42px; /* source for target image float:right*/ }
     
.button4 {position:absolute;top:325px; left:664px  }
a.buttonreturn { /* definition of the "image" class in the <a> tag */

     display: block; /* a tag must be a block */
    /* width: 45px;  width of reactive image */
   /*   height: 206px; height of reactive image */
     background-image: url(images/robyn-but-return.png);  /*source for start image */
     background-repeat: no-repeat; width:218px; height:42px;
 }
a.buttonreturn:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(images/robyn-but-return-rev.png); width:218px; height:42px; /* source for target image float:right*/ }

/* -------------------this is the white background ----------------------------------------------------*/
#whitelocation {position:relative;top:0px; left:0px;}
#pinkwhite  {position:absolute;top:386px; left:0px;}
p.white{
    width:917px;
    height:4235px;
    text-align:left;
    padding:0px;
    background-color:#EBEDF9;
    border-top:4px solid #D2F5CD;
    margin-bottom:20px;
    margin-top:0px;
    }

/*  ------------this is the blurb about robyn and her picture--------------*/
#writeup{position:relative;top:0px; left:40px}
#picture{position:absolute;top:425px; left:0px; width:770px}
#bio{position:absolute;top:445px; left:160px; width:650px}
#oliverwoods{position:absolute;top:600px; left:0px; width:790px}

.boldText{font-weight:bold; }
p.bolder{font}
.underlined{text-decoration:underline;font-weight:bold;}

#adultart{position:relative;top:0px; left:0px; width:700px}
#adult{position:absolute;top:767px; left:80px; width:700px}
#leisureguide{position:relative;top:0px; left:40px; width:700px}
/*------------- adult classes----------border : solid 2px #FF0000;------------------------------------------------- */

.divClear {    clear:both;    }       
.Clear-left {    clear:left;    }
.adultarea {position:relative;top:919px; left:99px; width:470px}
.blockinfo{ width:725px;  margin-bottom: 45px;  float:left; }
#kidtitle{ width:825px;  margin-top: 40px;margin-bottom: 85px;  float:left; }
.back2top{ width:725px; margin-bottom: 20px;  float:left; text-align:right;}
.workshop{ width:825px;  margin-bottom: 23px;  float:left; }

/*---------------------------------------- contact info ---------------------------------*/
.contactinfo{ width:725px;  margin-bottom: 19px;  float:left; text-align:center;}
.nanaimocity{ width:725px;  float:left; text-align:center;}


/*----------------------------------------title for children info---------------------------------*/

.back2topchild{width:725px; margin-bottom: 50px;  float:left; text-align:right;}

/*-------------------------- beginning of child area -------------------------*/


#Artworkscolor1{color:#DC01D7;font-weight:bold}
#Aroundcolor3{color:#E50501;font-weight:bold}
#makebelievecolor{color:#7F2AFF;font-weight:bold}
#Masterpiecescolor1{color:#FF7F00;font-weight:bold}
#trendcolor1{color:#2A55FF;font-weight:bold}
#imaginationcolor1{color:#FF00D4;font-weight:bold}
#summercolor1{color:#E50501;font-weight:bold}

#kidpicture{ width:705px; margin-top:45px; float:left; text-align:center;}
#designby{ width:705px; margin-top:45px; float:left; text-align:center;}