@charset "UTF-8";


/* -------------------- GLOBALS ----------------------- */

body {
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px 0px 100px;
	background: url(../images/interface/body_bg.jpg);
}

a, a img {
	text-decoration: none;
	border: none;
}

/* -------------------- END GLOBALS ----------------------- */

/* -------------------- reusable classes ---------------------- */

.clear {
	clear: both;
}

.shadow {
	box-shadow: 3px 3px 7px #999;
	-moz-box-shadow: 3px 3px 7px #999;
	-webkit-box-shadow:  3px 3px 7px #999;
}

.margin-top {
	margin-top: 20px;
}
.no_margin_right, .store_category.no_margin_right {
	margin-right: 0;
}
.highlight {
	color: #ef4c89;
}
.photocaption img {
	display: block;
	margin-bottom: 10px;
}
.photocaption {
	color: #900;
}
.float_left {
	width: auto;
	float: left;
	margin-right: 10px;
}
.email_link {
	font-size: 11px;
	color: #ef4c89;
}
.contact_link {
	color: #ef4c89;
}
.contact_info {
	display: block;
	padding-top: 0.6em;	
}


/* -------------------- END reusable classes ---------------------- */



/*----------------------- Layout ID styles-----------------------*/

#main {
	background: #FFF url(../images/interface/main_bg.jpg) repeat-x top;
}
#wrapper {
	width: 940px;
	margin: auto;
	background: url(../images/interface/cloud.png) no-repeat;
}
#header {
	height: 100px;
	position: relative;
	z-index: 1;
	
}
#header h1 {
	text-indent: -10000px;
	overflow: hidden;
	font-size: 10px;
	margin: 0;
	padding: 0;
}
#logo {
	position: absolute;
	top: 30px;
	z-index: 2;
}
#balloons {
	position: absolute;
	top: 10px;
	right: 0px;
	z-index: 3;
}
#main_nav {
	line-height: 25px;
	margin-bottom: 40px;
	width: 940px;
	float: left;
	
}
#main_nav ul {
	margin: 0px;
	padding: 0px 0px 0px 46px;
	list-style: none;
}
#main_nav li {
	float: left;
	display: inline;
	width: auto;
}
#main_nav li a {
	text-decoration: none;
	display: block;
	margin-right: 20px;
	
	color: #666;
	font-size: 16px;
}
#main_nav li a:hover {
	color: #ef4c89;
}
/* Current Page Indication */
.nav_home #nav_home a, .nav_about #nav_about a, .nav_services #nav_services a, .nav_shop #nav_shop a, .nav_contact #nav_contact a 
{
	color: #ef4c89;
	cursor: default;
}
/* -------------- cover page divs --------------- */
#main_banner {
	background: url(../images/interface/gradient_fade.png) repeat-x bottom #FFF;
	border: solid 3px #999;
	margin-bottom: 20px;
	height: 365px;
	position: relative;
	clear: both;
}
#main_banner_border {
	background: url(../images/interface/main_banner_border.gif) no-repeat;
	
	position: relative;
}
#main_banner_text {
	padding: 30px 100px;	
}
#main_banner_images {
	width: 180px;
	position: absolute;
	right: 20px;
	bottom: 4px;
}
#main_banner a {
	text-decoration: none;
	color: #666;
	line-height: 20px;
	
}
#main_banner a:hover {
	color: #ef4c89;
}
#about_me_btn {
	position: absolute;
	right: 238px;
	width: auto;
}

.cover_page_col{
	width: 440px;
	padding: 0px 10px 40px;
	margin-right: 20px;
	float: left;
	margin-bottom: 20px;
	background: #ebebeb url(../images/interface/gradient_fade.png) bottom repeat-x;
}

#cover_page_shop {
	width: 460px;
	float: left;
	margin-bottom: 20px;
}
.shop_left {
	width: 220px;
	margin-right: 20px;
	float: left;
	margin-bottom: 20px;
}
.shop_right {
	width: 220px;
	float: left;
	margin-bottom: 20px;
}
.shop_right ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
/* -------------- END cover page divs --------------- */

/* -------------------- inside page divs -------------------- */
#content {
	width: 560px;
	margin-right: 40px;
	margin-bottom: 20px;
	float: left;
	padding: 30px 30px 100px 30px;
	background: #FFF url(../images/interface/gradient_fade.png) bottom repeat-x;
}
#sidebar {
	width: 260px;
	padding: 10px 10px 50px 10px;
	background: #ebebeb url(../images/interface/gradient_fade.png) bottom repeat-x;
	float: left;
	margin-bottom: 20px;
	
}
#sidebar .facebook_link a {
	color: #333;
	display: block;
	padding-top: .5em;
	padding-bottom: .5em;
	
	
}
#sidebar .facebook_link a:hover {
	color: #ef4c89;
}
#sidebar ul {
	margin: 1em 0;
	padding: 0;
	list-style-type: none;
}
ul.subnav {
	margin: 1em 0;
	padding: 0;
	list-style-type: none;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
.subnav li {
	border-bottom: solid 1px #999;
	margin: 0;
}
.subnav li a {
	color: #333;
	display: block;
	line-height: 1.8em;
	padding: .2em .5em;
}
.subnav li a:hover {
	background: #dedcdc;
}

.shop_home .subnav li#shop_home a,
.shop_diapers .subnav li#shop_diapers a,
.shop_wraps .subnav li#shop_wraps a,
.shop_pillows .subnav li#shop_pillows a,
.shop_pumps .subnav li#shop_pumps a
{
	background: #dedcdc;
	color: #ef4c89;
}
#badge {
	margin-top: 20px;
	padding: 10px 0px;
}
.testimonial {
	border: solid 1px #EF4C89;
	padding: 60px;
	margin-bottom: 20px;
	background: url(../images/interface/testimonial_bg.png);
	position: relative;
	color: #333333;
	font-style: italic;
}
.corner_ribbon {
	background: url(../images/interface/corner_ribbon.png) no-repeat;
	overflow: hidden;
	width: 165px;
	height: 100px;
	position: absolute;
	top: -7px;
	left: -8px;
	text-indent: -10000px;	
}
.store_category {
	border: solid 1px #CCC;
	padding:20px;
	width: 228px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.item {
	border: solid 1px #CCC;
	padding:20px;
	margin-bottom: 20px;
	width: 520px;
	float: left;
}
.category_image {
	display: block;
}
.product_image {
	width: 202px;
	float: left;
	margin-right: 20px;
	
}
img#target,
img#target1
{
	border: solid 1px #CCC;
	margin-bottom: 10px;
}
#thumbs a, 
#thumbs1 a 
{
	border: solid 1px #CCC;
	display: block;
	width: 60px;
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}
#thumbs a.no_margin_right, 
#thumbs1 a.no_margin_right
{
	margin-right: 0px;
}
#thumbs a:hover,
#thumbs1 a:hover 

{
	border: solid 1px #999;
}

a.category_image {
	border: solid 1px #CCC;
}
a.category_image:hover {
	border: solid 1px #999;
}
.category_text {
	width: 298px;
	float: left;
}
.category_text ul {
	font-size: 0.9em;
	padding: 0px 0px 0px 1em;
	color: #3F9721;
}
#more {
	
}
/* -------------------- END inside page divs -------------------- */

#footer {
	background: url(../images/interface/footer_top.jpg) repeat-x top;
	padding-top: 80px;
	padding-bottom: 20px;
}
#footer_wrap {
	width: 940px;
	margin: auto;
	color: #eedab2;
}
#footer_social_links {
	font-size: 11px;
	float: left;
	width: 300px;
	margin-right: 20px;
}
#footer_validation {
	font-size: 11px;
	float: left;
	width: 225px;
	padding-left: 75px;
	margin-right: 20px;
}
#footer_copyright {
	font-size: 11px;
	float: left;
	width: 300px;
	text-align: right;
}
/*----------------------- END Layout ID styles-----------------------*/


/* -----------------tabs---------------------- */
ul.htabs {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
ul.htabs li {
	float: left;
	width: auto;
	display: inline;
	margin-right: 10px;
	
}
ul.htabs li a {
	color: #EF4C89;
	padding: 3px 15px;
	background: url(../images/interface/testimonial_bg.png);
	border: 1px solid #999999;
	display: block;
	height: 1.5em;
	width: auto;
	line-height: 1.5em;
}
ul.htabs li a:hover {
	background: #EF4C89;
	color: #FFF;
}
ul.htabs li a:active {
	background: #EF4C89;
	color: #CCC;
}
/* -----------------END tabs---------------------- */

/* -------------------------- contact form -------------------------*/
form#contactform div {
	width: 100%;
	float: left;
}
form#contactform label {
	width: 80px;
	float: left;
}

form#contactform input[type=submit] {
	margin-left: 80px;
	cursor: pointer;
	clear: both;
}
form#contactform input[type=text] {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:16px;
	color:#333;
	width: 300px;
	float: left;
	margin-bottom: .5em;
}
form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	width: 380px;
	float: left;
	margin-bottom: 20px;
}

form#contactform label.error { 
	float: none; 
	color: red; 
	width: 300px; 
	display: block;
	margin-left: 80px;
	margin-bottom: 15px;
}
form#contactform fieldset {
	padding: 20px;
	border:1px solid #CCC;
}
form#contactform legend {
	color: #ef4c89;
	font: italic 18px Georgia, "Times New Roman", Times, serif;
}




/*-----------------sidebarform-----------------*/

form#sidebarform div {
	
	
}
form#sidebarform label {
	display: block;
}

form#sidebarform input[type=submit] {
	
	cursor: pointer;
	clear: both;
}
form#sidebarform input[type=text] {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:16px;
	color:#333;
	margin-bottom: .5em;
	width: 220px;
}
form#sidebarform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	width: 220px;
	margin-bottom: 20px;
}
form#sidebarform label.error { 
	
	color: red; 
	
	
	display: block;
	
	margin-bottom: 15px;
}
form#sidebarform fieldset {
	padding: 10px;
	border:1px solid #CCC;

	
}
form#sidebarform legend {
	color: #ef4c89;
	font: italic 18px Georgia, "Times New Roman", Times, serif;
}


/*-----------------END sidebarform-----------------*/

.error {
	color: red;
}



/* -------------------------- END contact form -------------------------*/

/* -------------------- Type Styles ---------------------- */

h1 {
	color: #ef4c89;
	font-size: 34px;
	font-weight: normal;
}
#main_banner h1 {
	margin: 40px 140px 0px 0px;
	text-align: right;
	
}
#main_banner h3 {
	margin: 0px 140px 0px 0px;
	text-align: right;
}

h2 {
	font: italic bold 18px Georgia, "Times New Roman", Times, serif;
	color: #ef4c89;
	line-height: 1.5em;
	border-bottom: solid 1px #ef4c89;
}
h2 a {
	color: #ef4c89;
	text-decoration: none;
}
h3 {
	color: #ef4c89;
	font-size: 13px;
	
	
}
li {
	margin-bottom: .7em;
}
sup {
	height: 0;
	line-height: 1;
	vertical-align: baseline !important;
	vertical-align: bottom;
	position: relative;
	bottom: 1ex;
}
.pullquote {
	font: italic 18px/24px Georgia, "Times New Roman", Times, serif;
	color: #666666;
	text-align: left;
}

.extra_point {
	font-style: italic;
	font-size: .9em;	
}
.service_prices {
	font-style: italic;
	color: #3F9721;
}
strong {
	font-size: 0.95em;
}

p.signature {
	font: italic 18px Georgia, "Times New Roman", Times, serif;
	color: #EF4C89;
}
p.date {
	font-size: .8em;
}





.call_to_action a, #main_banner .call_to_action a {
	background: url(../images/interface/sliding_doors.png) no-repeat right top;
	display: block;
	float: left;
	font-weight: bold;
	color: #DBEEC9;
	line-height: 24px;
	height: 26px;
	padding-left: 10px;
	padding-right: 20px;
	text-decoration: none;
	white-space: nowrap;
	width: auto;
}
.call_to_action span {
	background: url(../images/interface/sliding_doors.png) no-repeat left top;
	display: block;
	float: left;
	height: 26px;
	width: 10px;
}

.call_to_action a:hover, #main_banner .call_to_action a:hover {
	color: #FFF;
} 



#footer p {
	margin: .5em 0;
	line-height: 1.5em;
}
#footer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#footer li {
	margin: .5em 0;
	line-height: 1.5em;
}
#footer a {
	color: #FFF;
	text-decoration: none;
}
#footer a:hover {
	color: #eedab2;
}
p.validation_link {
	width: auto;
	float: left;
	margin-right: 10px;
}
.facebook_link a {
	background: url(../images/interface/facebook_icon.png) no-repeat left center;
	padding-left: 20px;
}
.rss_link a {
	background: url(../images/interface/rss_icon.png) no-repeat left center;
	padding-left: 20px;
}

/* -------------------- END Type Styles ---------------------- */