/* CSS ARTBYHEART */

div#container { width:748px; margin:0 auto; }
div#menu {height:138px; background: url(/img/gallery/bg.gif) no-repeat left 73px;}
/* H1 and H2 image text swap for design purposes */
h1 { margin:0; font-size:16px; width:181px; float:left;}
h1 a{ display:block; width:181px; padding: 101px 0 0 0; overflow: hidden; background: url(/img/gallery/logo.gif) no-repeat 5px 27px; height: 0px !important; height /**/:101px;}
h2 { margin:0; font-size:14px; width:106px; padding: 24px 0 0 0; overflow: hidden; background: url(/img/gallery/the-gallery.gif) no-repeat; height: 0px !important; height /**/:24px;}
h3 { font-size:13px; color:#74B01B; padding:14px 0 0 0; margin:0;}
ul#nav {list-style:none; margin:86px 0 0 0; padding:0; float:left;}
/* navigation image text swap for design purposes */
ul#nav li {margin:0; padding:0; float:left; width:183px;}
ul#nav li a{ display:block; width:183px; padding: 19px 0 0 0; overflow: hidden; height: 0px !important; height /**/:19px;}
ul#nav li#nav1 a{background: url(/img/gallery/nav/about-us.gif) no-repeat left top;}
ul#nav li#nav2 a{background: url(/img/gallery/nav/faq.gif) no-repeat left top;}
ul#nav li#nav3 a{background: url(/img/gallery/nav/get-started.gif) no-repeat left top;}
ul#nav li#nav1 a:hover{background: url(/img/gallery/nav/about-us.gif) no-repeat left -19px;}
ul#nav li#nav2 a:hover{background: url(/img/gallery/nav/faq.gif) no-repeat left -19px;}
ul#nav li#nav3 a:hover{background: url(/img/gallery/nav/get-started.gif) no-repeat left -19px;}
div.art {width:187px; height:290px; background: url(/img/gallery/shelf.jpg) no-repeat left 185px; float:left;;}
div.art img{ display:block; margin:0 auto;}
/* h3 image text swap for design purposes */
div.art h3{margin:10px; width:163px; padding: 60px 0 0 0; overflow: hidden; height: 0px !important; height /**/:60px; background:url(/img/gallery/did-you-know.gif) no-repeat;}
div.art h3#cant-choose{background:url(/img/gallery/cant-choose.gif) no-repeat;}
div.art h3#gift-voucher{background:url(/img/gallery/gift-voucher.gif) no-repeat;}
div.art p{margin: 0 10px;}
div.art p.button{margin:24px 0 0 20px; padding:0;}
div.art p.button a {display:block; width:142px; padding: 20px 0 0 0; overflow: hidden; height: 0px !important; height /**/:20px; background:url(/img/gallery/view-details.gif) no-repeat;}
div.art p.button a:hover {background:url(/img/gallery/view-details.gif) no-repeat left -20px;}
ul.art {list-style:none; margin: 0 0 14px 0; padding:0;}
ul.art li{margin:0; padding:0; font-size:10px;}
ul.art li strong{color:#74B01B; font-weight:normal;}

p#back a{padding:8px 0 10px 26px; margin:0; display:block; background: url(/img/gallery/arrow-back.gif) center left no-repeat; float:right;}
p#back {margin:0;}
/* intro paragraph image text swap for design purposes */
p#explain { width:324px; margin:0; padding: 150px 0 0 0; overflow: hidden; height: 0px !important; height /**/:150px; background:url(/img/gallery/this-is-paragraph.gif) no-repeat; }

div.leftCol {float:left; width:370px;}
div.rightCol {float:right;}

p a {color:#74B01B; text-decoration:none;}
p a:hover {text-decoration:underline;}



div#footer { border-top: 1px solid #74B01B; }
div#footer ul li{ border-right: 1px solid #74B01B;}
div#footer ul li a{ color:#74B01B;}
div#footer ul li#credit a:hover{ color:#74B01B;}