/* CSS Document */

body {margin: 0; padding: 0; text-align: center;}

body#home {background-image:url(/images/home/back.png); background-repeat: repeat-y; background-position: center top;}

body, div, td, th {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em;}

.offLeft {position: absolute; left: -9999px;}

/************* H O M E ******************/

#wrapper {width: 860px; text-align: left; margin: 0 auto;}

#left {float: left; width: 350px; margin: 20px 0 0 0; text-align: center; font-size: 0.7em; color: #666;}

#left a {color: #666;}

#left p {display: inline;}

#historyWrapper {padding: 0 0 0 220px;}
#historyWrapper a {background-image:url(/images/home/history_button.jpg); width: 130px; height: 264px; display: block;}
#historyWrapper a:hover {background-position: -130px 0px;}

#care {margin: 30px 0 0 0;}

#right {float: left; width: 510px; margin: 20px 0 0 0;}

#right ul {margin: 0; padding: 0; list-style-type: none;}

#right ul li {margin: 0; padding: 0; float: left; width: auto;}

#right ul li a {width: 127px; height: 264px; display: block; background-image:url(/images/home/buttons_back.jpg);}

a#sc {background-position: -1px top;}
a#sc:hover {background-position: -512px top;}

a#ar {background-position: -126px;}
a#ar:hover {background-position: -637px;}

a#il {background-position: -250px;}
a#il:hover {background-position: -761px;}

a#je {background-position: -384px;}
a#je:hover {background-position:-895px;}

#banner {background-image:url(/images/home/logo-and-buttons.jpg); width: 490px; height: 83px; float: left; clear: both; background-repeat: no-repeat; padding: 67px 0 0 20px; font-size: 0.85em; line-height: 1.4em; color:#069;}

#banner a {color:#069; text-decoration: underline;}
#banner a:hover {color:#06f; text-decoration: none;}

/************************* 2  C O L *********************/

body#jewl {background-color: #F9F2E2;}
body#draw {background-color: #ECF7E8;}
body#tut {background-color: #DEF4F5;}
body#sculp {background-color: #FEE7F3;}

#twoColwrapper {float: left; position: relative; width: 860px; border:1px solid #999; background-color: #fff; margin: 20px 0 0 0;}

#twoColLeft {float: left; width: 390px; padding: 120px 30px 0 30px; font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.3em;}


#twoColLeft p {margin: 0 0 10px 0;}

#twoColLeft a, #twoColRight a {color: #36f; text-decoration: underline;}
#twoColLeft a:hover, #twoColRight a:hover {text-decoration: none;}

#twoColRight {float: left; width: 410px; font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.3em;}

#doggyText {position: absolute; top: 0px; right: 0px; width: 395px; font-family:"Courier New", Courier, mono; color:#3ff; padding: 32px 0 0 0; font-size: 0.7em; line-height: normal; font-weight: bold;}

#kitchText {position: absolute; top: 0px; right: 0px; width: 360px; font-family:"Courier New", Courier, mono; color:#408386; padding: 160px 20px 0 0; font-size: 0.7em; line-height: 0.9em; font-weight: bold; text-align: right;}

#tutText {position: absolute; top: 0px; right: 0px; width: 380px; color:#0996dd; padding: 80px 0 0 0; font-size: 0.6em; line-height: 1.3em;}

#doggyText h2, #kitchText h2 {display: inline;}

#twoColRight img {margin: 0; padding: 0;}

#twoColContact {background-image:url(/images/contactCake.jpg); height: 145px; position: absolute; left: 0px; bottom: 0px; background-repeat: no-repeat; padding: 80px 0 0 90px; font-size: 0.9em; width: 300px;}

#twoColContact p {margin: 0 0 10px 0; padding: 0;}

#red {color: #f00;}
#blue {color: #36f;}

#homeButton, #homeButtonTwo {position: absolute; top: 0px; left: 0px;}

#homeButton a {background-image:url(/images/home_button.png); width: 100px; height: 103px; background-position: left top; display: block;}

#homeButtonTwo a {background-image:url(/images/home_button2.png); width: 100px; height: 103px; background-position: left top; display: block;}

#homeButton a:hover, #homeButtonTwo a:hover {background-position: -100px 0px;}

p#backMore {font-size: 0.75em; margin: 20px 0 0 0;}

p#backMore a {text-decoration: none; font-weight: bold;}