/*------------------------------------------------------------------------------*/
/*	--> TREATMENT GUIDE MOUSEOVER STYLES					*/
/*------------------------------------------------------------------------------*/

#treatment_guide {display:block; width:425px; height:250px; background:url(../images/treatment_guide.jpg); position:relative; margin:0 auto 2em auto;}
#treatment_guide a {color:#000; font-family:arial, sans-serif; font-size:11px; font-weight:normal;}

a#crows {display:block; width:187px; height:0; padding-top:69px; overflow:hidden; position:absolute; left:8px; top:53px;}
* html a#crows {height:69px; he\ight:0;}
a#crows:hover {background:transparent url(../images/crows.jpg) no-repeat 0 0; }

a#marionette {display:block; width:205px; height:0; padding-top:100px; overflow:hidden; position:absolute; left:8px; top:82px;}
* html a#marionette {height:100px; he\ight:0;}
a#marionette:hover {background:transparent url(../images/marionette.jpg) no-repeat  0 0; }

a#lip {display:block; width:232px; height:0; padding-top:64px; overflow:hidden; position:absolute; left:7px; top:110px; }
* html a#lip {height:64px; he\ight:0;}
a#lip:hover {background:transparent url(../images/lip.jpg) no-repeat 0 0;}

a#frown {display:block; width:215px; height:0; padding-top:69px; overflow:hidden; position:absolute; left:187px; top:52px;}
* html a#frown {height:69px; he\ight:0;}
a#frown:hover {background:transparent url(../images/frown.jpg) no-repeat 0 0;}

a#smokers {display:block; width:235px; height:0; padding-top:83px; overflow:hidden; position:absolute; left:184px; top:82px;}
* html a#smokers {height:83px; he\ight:0;}
a#smokers:hover {background:transparent url(../images/smokers.jpg) no-repeat 0 0;}

a#smile {display:block; width:200px; height:0; padding-top:65px; overflow:hidden; position:absolute; left:200px; top:111px;}
* html a#smile {height:65px; he\ight:0;}
a#smile:hover {background:transparent url(../images/smile.jpg) no-repeat 0 0;}