/* CSS Document */

/* undo some default styling of common (X)HTML browsers

 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }

/* global elements

 * ------------------------------------------------------------------------- */

body {
	background: #F1C1CE url(../images/bg.jpg) top left repeat-x;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

p, div, li, div, h1, h2, h3, h4, td {
	font-family: garamond, verdana, lucida, arial, helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	line-height: 18px;
}

a:link, a:visited {
	color: #592647;
	text-decoration: underline;
}

a:hover, a:active {
	color: #A06F8F;
	text-decoration: underline;
}

div, ul, li, dl, dd, img, form, fieldset {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

h1 {
	color: #33162A;
	font-style: italic;
	font-weight: normal;
}

/* main structural elements

 * ------------------------------------------------------------------------------------- */

#wrapper {
	width: 631px;
	margin: 0 auto;
	background: url(../images/bg_main.jpg) top left repeat-y;
	text-align: left;
}

#masthead {
	position:relative;
	background:url("../images/masthead.jpg");
	height:117px;
	}

	/* home link within #masthead */		

	#masthead a {	
		position:absolute;
		left:43px;
		width:335px;
		top:28px;
		height:41px; 
		}

	#masthead a span {
		display:none;
		}
		
#content {
	width:631px;
	background: #F7DCDF;
	}
	
#content p, #content ul {
	margin: 0 25px 10px 25px;
	}
	
.belly {
	margin-right: 20px;
	}	

#content li {
	margin-left: 15px;
	list-style-type: square;
	}		
	
#footer {
	text-align: center;
	margin-top:20px;
	margin-bottom: 10px;
	font-size: 12px;
	}
	
#breastfeeding {
	text-align: right;
	margin-right: 50px;
	float: right;
	}	
	
	
/* ----- classes ----- */

div.clear	{
	clear:both;
	height:0.01em;
	width: 100%;
	}

img.img-left { 
	float:left; 
	margin:2px 10px 10px 0; 
	}

img.img-right { 
	float:right; 
	margin:5px 20px 10px 20px; 
	}

p.img-center {
	text-align:center;
	}			
		
		
/* Horozontal Sprite Nav

 * ------------------------------------------------------------------------- */
#nav { 
	background:url("../images/nav.jpg") no-repeat; 
	width:631px; 
	height:30px; 
	margin-bottom:0; 
	}

#nav span { display: none; }
#nav li, #nav a { height:30px; display:block; }
#nav li { float:left; list-style:none; }
#nav-01 { width: 93px; margin-left: 0px;}
#nav-02 { width: 99px; margin-left: 0px;}
#nav-03 { width: 121px; margin-left: 0px;}
#nav-04 { width: 129px; margin-left: 0px;}
#nav-05 { width: 189px; margin-left: 0px;}

/*-------------- (-79px) X position of button / (-30px) height of image from above ------------- */

#nav-01 a:hover {background:url("../images/nav.jpg")  0px -30px no-repeat;}
#nav-02 a:hover {background:url("../images/nav.jpg") -93px -30px no-repeat;}
#nav-03 a:hover {background:url("../images/nav.jpg") -192px -30px no-repeat;}
#nav-04 a:hover {background:url("../images/nav.jpg") -313px -30px no-repeat;}
#nav-05 a:hover {background:url("../images/nav.jpg") -442px -30px no-repeat;}