@charset "UTF-8";
/* CSS RESET */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0b1 | 201101 
   NOTE: WORK IN PROGRESS
   USE WITH CAUTION AND TEST WITH ABANDON */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
/* remember to define visible focus styles! 
:focus {
	outline: ?????;
} */
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
table {	border-collapse: collapse;	border-spacing: 0;}

/*end reset*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #000;
	margin-top: 0px;
	background-position: center top;
	text-align: center;
	font-size:15px;
}
a, a:visited {color:#003300; text-decoration:none;}
a:hover {color:#56741a; cursor:pointer;}
a img, area {border:0;}
h2, h3, h4 {font-size:28px; display:block; clear:none; font-family:"Comic Sans MS", cursive, sans-serif; margin:20px 0; text-align:left;}
p {
	font-size: small;
	text-align: left;
	vertical-align: top;
	color: #000;
	padding: 0 0 20px 0;
	font-weight:bold;
	line-height:20px;
}
#container {text-align:left; width:940px; margin:0 auto;}
#header {position:relative; height:180px; width:940px; background:#fff; z-index:90; font-size:21px; font-family:"Comic Sans MS", cursive, sans-serif;}
#header #shopping-bag {position:absolute; top:-33px; left:-82px; z-index:100; width:232px; height:233px; background:url(images/errand-girlz.png);}
#header #errand-girl {width:400px; height:98px; position:absolute; top:20px; left:160px; text-indent:-9999px; background:url(images/errand-girl.png); display:block; z-index:100;}
#header #errand-girl a {display:block; height:inherit; width:inherit;}
#header #telephone-number {width:auto; height:auto; position:absolute; top:26px; right:30px; z-index:100; text-align:right; font-size:18px; line-height:42px;}
#header #telephone-number strong {font-size:42px;}
#header #menu {position:absolute; bottom:0; left:0; width:772px; height:36px; background:#67CB33; border-bottom:9px solid #FF9831; z-index:100;}
#header ul {list-style: none outside none; padding-left: 168px;}
#header ul li {list-style:none; float:left; padding:5px 48px 10px 0; display:block; position:relative;}
#header ul li ul {display:none; position:absolute; top:0; left:-17px; padding:0; margin:36px 0 0 0; border:9px solid #FF9831; border-top:0; -webkit-border-bottom-left-radius: 20px; -khtml-border-radius-bottomleft: 20px; -moz-border-radius-bottomleft: 20px; border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; -khtml-border-radius-bottomright: 20px; -moz-border-radius-bottomright: 20px; border-bottom-right-radius: 20px; background:#67CB33;}
#header ul li ul li {padding:8px; clear:both; margin:0; width:80px;}
#header ul li:hover ul {display:block;}
#content {border-left:9px solid #FF9831; border-bottom:9px solid #FF9831; -webkit-border-bottom-left-radius: 20px; -khtml-border-radius-bottomleft: 20px; -moz-border-radius-bottomleft: 20px; border-bottom-left-radius: 20px; border-right:9px solid #FF9831; -webkit-border-bottom-right-radius: 20px; -khtml-border-radius-bottomright: 20px; -moz-border-radius-bottomright: 20px; border-bottom-right-radius: 20px; background:url(images/content-bg.png); float:left; margin-bottom:50px;}
#content #sidebar {width:175px; float:left; margin-left:10px; padding:30px 35px 30px 10px;}
#content #sidebar h3 {text-align:center; font-size:30px; margin-top: 10px; white-space: nowrap;}
#content #sidebar h3 span {font-size:16px;}
#content #sidebar ul li {background:url(images/checkmark.png) no-repeat left 50%; padding:11px 0 0 26px; font-size:13px; margin-left:8px;}
#content #section {width:662px; float:left; padding:15px;}

#content #testimonial {border:9px solid #FF9831; -moz-border-radius:20px; border-radius:20px; background:white; float:right; padding:28px 20px 20px 20px; margin:15px; width:180px; position:relative; font-size:12px;}
#content #testimonial span {display:block; text-align:right; margin:10px 0 0 0;}
#content #testimonial h6 {width:238px; text-align:center; position:absolute; top:-20px; left:-9px; background:#67CB33; padding:8px 0; border-bottom:9px solid #FF9831; font-family:"Comic Sans MS", cursive, sans-serif; font-size:15px;}

#contact-form {text-align:left; width:380px; float:left;}
.half {width:47%; margin-right:3%;}
.full, .full *, input, textarea {width:100%;}
input, textarea, select {margin-top:5px;}
.full input {width:368px;}
.third {width:30.25%; margin-right:3%;}
.left {float:left;}
.right {float:right;}
.clear, label {clear:both;}
.bullet, .reset, #submit {width:auto;}

#contact-form div {margin-bottom:15px;}
#contact-form .right {text-align:right;}

.right {float:right; margin:15px 0 15px 15px;}
.style5 {text-align:right; color:#FF9831; display:block; margin-right:15px;}

.framed {border:2px solid #333; width:228px; height:286px; margin-top:0 !important;}
.orange {color:#FF9831;}
.green {color:#67CB33;}

#home-slogan p {text-align:center; color:#FF9831;}
#home-slogan h2 {height:34px; background:#67cb33 url(images/slogan.jpg) no-repeat 50% top; width:100%; text-indent:-9999px; clear:both;}