/* CSS Art by Heart */

body { margin:0; font: 11px/14px Verdana, Arial, Helvetica, sans-serif; color: #666; }
div#container { width:748px; margin:0 auto; padding-bottom:20px; }
div.leftcol2 {float:left; width:48%;}
div.rightcol2 {float:right; width:48%;}

div#footer { margin:20px 0 30px 0; }
div#footer ul { list-style:none; margin:5px 0; padding:0;}
div#footer ul li{ margin:0; float:left; padding:0 5px; font-size:9px;}
div#footer ul li#credit{
	float: none;
	clear:left;
	border-right-style:none;
}
div#footer ul li#monro {
	float: right;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 180px;
}

div#footer ul li#credit a{ color:#666; }
#monro {
	float: right;
	width: 205px;
	font-size: 9px;
}

div#footer ul li a{ text-decoration:none;}


.purple{ color:#4406BA;}
.lilac{ color:#8166B0;}
.deep-aqua{ color:#00959E;}
.vibrant-sea{ color:#0192AE;}
.aqua{ color:#17BCB9;}
.deep-green{ color:#00645D;}
.lime{ color:#5CE800;}
.pale-green{ color:#00E486;}
.bright-green{ color:#3FAA47;}
.deep-red{ color:#B91553;}
.cerise{ color:#CB1773;}
.magenta{ color:#ED0590;}
.pink{ color:#FF278F;}
.cream{ color:#918B7B;}

p#see-examples { margin:0; width:49%; float:left;}
p#see-examples a{
	display:block;
	width:100%;
	padding: 24px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:30px;
	background-image: url(/img/get-started/titles/see-examples.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
p#see-examples a:hover{
	background-image: url(/img/get-started/titles/see-examples.gif);
	background-repeat: no-repeat;
	background-position: left -24px;
}
p#start-order { margin:0; width:49%; float:right;}
p#start-order a{
	display:block;
	width:100%;
	padding: 24px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:30px;
	background-image: url(/img/get-started/titles/click-here-to-start.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
p#start-order a:hover{
	background-image: url(/img/get-started/titles/click-here-to-start.gif);
	background-repeat: no-repeat;
	background-position: right -24px;
}
p#artbyheart-contact { margin:0; width:49%; float:right;}
p#artbyheart-contact a{
	display:block;
	width:100%;
	padding: 24px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:30px;
	background-image: url(/img/about/artbyheart-contact.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
p#artbyheart-contact a:hover{
	background-image: url(/img/about/artbyheart-contact.gif);
	background-repeat: no-repeat;
	background-position: right -24px;
}


div.contact input.txt { margin:2px 8px 2px 8px; width:225px;}

.centre { display:block; margin-left:auto; margin-right:auto; text-align:center;}
div#footer ul li#monro a {
color:#666;
}