/* CSS Art by Heart */
body{ padding-top:40px;}

div#container { width:770px; margin:0 auto; }
div#pic {width:263px; height:500px; float:left; overflow:hidden;}
div#intro {width:475px; float:left;}
div#intro img{float:left;}
img#emailfriend{ position: relative; z-index: 2; bottom: 115px;}
/* Used for h1 and h2 image replace for design purposes*/
h1 {
	margin:0;
	font-size:16px;
	width:274px;
	padding: 224px 0 0 0;
	overflow: hidden;
	background: url(/img/home/logo.gif) no-repeat;
	height: 0px !important;
	height /**/:224px;
	float:left;
	font-weight: bold;
}
h2 {
	margin:0;
	font-size:16px;
	width:477px;
	overflow: hidden;
	background: url(/img/home/childrens-pictures-become.gif) no-repeat;
	height: 0px !important;
	height /**/:40px;
	padding-top: 40px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	clear: left;
}

div.options {width:234px; float:left;}
div.options h3{font-size:12px; margin:0;}
div.options h3 a{ width:100%; display:block; padding: 21px 0 0 0; overflow: hidden; height: 0px !important; height /**/:21px;}
.opt1off{background: url(/img/home/view-gallery.gif) no-repeat;}
.opt2off{background: url(/img/home/see-how-to-order.gif) no-repeat;}
div#opt1 h3 a:hover, .opt1hover{background: url(/img/home/view-gallery.gif) no-repeat left -21px;}
div#opt2 h3 a:hover, .opt2hover{background: url(/img/home/see-how-to-order.gif) no-repeat left -21px;}
.opt2hover{background: url(/img/home/see-how-to-order.gif) no-repeat left -21px;}
div.options p{width:229px; font-size:10px; margin:3px 0 0 0; }
div.options p a{width:229px; padding-bottom:58px; display:block; text-decoration:none; color:#666;}
.popt1off{background: url(/img/home/heart-green.gif) no-repeat left bottom;}
div#opt1 p a:hover, .popt1hover{background: url(/img/home/heart-greenon.gif) no-repeat left bottom;}
.popt2off{background: url(/img/home/heart-blue.gif) no-repeat left bottom;}
div#opt2 p a:hover, .popt2hover{background: url(/img/home/heart-blueon.gif) no-repeat left bottom;}

div#ads {padding-left:23px;}
div.ads {width:240px; float:left; background: url(/img/home/ad-panel.gif) no-repeat;}
div.ads h3{ font-size:12px; margin:15px 0 0 0;}
div.ads h3 a{ display:block; width:110px; font-size:12px; padding: 37px 0 0 0; overflow: hidden; height: 0px !important; height /**/:37px}
div#ad1 h3 a{background: url(/img/home/create-exactly-what.gif) no-repeat;}
div#ad2 h3 a{background: url(/img/home/your-questions-answered.gif) no-repeat;}




div.ads p { width:110px; margin:4px 0 0 0; line-height:13px; float:left;}
div.ads p a{ text-decoration:none; color:#666;}
div.ads p a:hover{ text-decoration:none;}
div.ads p em{ font-style:normal; color:#FF99CC;}
div.ads p a:hover em{ font-style:normal; color:#C3004A;}
div.ads img{float:left; margin-right:8px;}




div.adsHalf {width:240px; float:left; background: url(/img/home/ad-half.jpg) no-repeat; height:157px}
div.adsHalf h3{ font-size:12px; margin:0px 0 0 0;}
div.adsHalf h3 a{ display:block; width:110px; font-size:12px; padding: 37px 0 0 0; overflow: hidden; height: 0px !important; height /**/:37px}

div#adsHalf1 {margin:4px 0 0 85px; width:150px;}
div#adsHalf2 {margin:44px 0 0 85px; width:150px;}
div#adsHalf1 h3 a{background: url(/img/home/find-out-about.gif) no-repeat;}
div#adsHalf2 h3 a{background: url(/img/home/testimonials.gif) no-repeat;}






div#footer { margin:4px 33px 0 23px; }

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