@CHARSET "UTF-8";

body { background: url('../img/illustrator_details/background.png') top left repeat-x; background-color: #FFCC66; padding: 0; margin:0; font-family: Verdana; font-size: 13px;}
#top-menu {position: relative; height: 50px; }
#logo {position: absolute; left: 33px; }
#logo img { border: 0; }

#top-menu ul { position: absolute; left: 175px; top: 5px; margin: 0; padding: 0; list-style: none; }
#top-menu ul li { float: left; font-size: 11px; }
#top-menu ul li a { text-decoration: none; color: #666666; font-size: 8.5pt; font-family: "Comic sans MS", Verdana; padding-left: 8px; padding-right: 8px; padding-top: 25px; display: block;}
#top-menu ul li a:hover { background: url("../img/illustrator_details/frog.png") no-repeat top center; }

#main { background-color: white; position: relative; padding-top: 50px; padding-bottom: 20px; }
#main .heading { position: absolute; left: 224px; top: 5px; }

#logo-bottom {position: absolute; left: 34px; top: 0px; }
#logo-bottom img { border: 0; }

#content { position: relative;  padding-top: 50px; margin-left: 20px; height: 505px; width: 750px; }
#content a { font-family: "Times New Roman", "Comic Sans MS", Arial; font-size: 14px; text-decoration: none; color: #663300;}
#content a:hover {text-decoration: underline; }

#content-girl { position: absolute; left: 2px; top: 58px; }
#content-boy { position: absolute; left: 620px; top: 10px;}
#content-hug { position: absolute; left: 415px; top: 18px; }
#content-granny { position: absolute; left: 165px; top: 120px; }
#content-cat { position: absolute; left: 462px; top: 191px; }
#content-duck { position: absolute; left: 0px; top: 413px; }
#content-skip { position: absolute; left: 630px; top: 330px; }
#content-dog { position: absolute; left: 300px; top: 425px; }

#letters-ab  { position: absolute; left: 120px; top: 60px; }
#letters-cd  { position: absolute; left: 287px; top: 38px; }
#letters-efg { position: absolute; left: 592px; top: 53px; }
#letters-hijk { position: absolute; left: 21px; top: 218px; }
#letters-lmn { position: absolute; left: 330px; top: 200px; }
#letters-op  { position: absolute; left: 580px; top: 185px; }
#letters-qrs { position: absolute; left: 160px; top: 385px; }
#letters-tuv { position: absolute; left: 330px; top: 342px; }
#letters-wxy { position: absolute; left: 495px; top: 400px; }

#illustrators-ab  { position: absolute; left: 110px; top: 108px; }
#illustraotrs-cd  { position: absolute; left: 280px; top: 65px; }
#illustrators-efg { position: absolute; left: 590px; top: 100px; }
#illustrators-hijk  { position: absolute; left: 21px; top: 255px; }
#illustrators-lmn  { position: absolute; left: 345px; top: 240px; }
#illustrators-op  { position: absolute; left: 590px; top: 240px; }
#illustrators-qrs { position: absolute; left: 160px; top: 415px; }
#illustrators-tuv { position: absolute; left: 330px; top: 380px; }
#illustrators-wxy { position: absolute; left: 490px; top: 440px; }

#description-girl { position: absolute; left: 0px; top: 190px; }
#description-hug { position: absolute; left: 435px; top: 185px; }
#description-boy { position: absolute; left: 595px; top: 40px; }
#description-granny { position: absolute; left: 170px; top: 370px; }
#description-cat { position: absolute; left: 470px; top: 350px;}
#description-duck { position: absolute; left: 35px; top: 550px;}
#description-dog { position: absolute; left: 310px; top: 555px; }
#description-chicken { position: absolute; left: 630px; top: 295px; }
#description-skip { position: absolute; left: 630px; top: 500px; }

.ill-description { font-size: 9px; }

#footer { padding-left: 20px; color: #666666; margin-top: 5px; width: 700px; height: 50px; font-size: 8pt;}