/*
===========================================Main Styles=================================================
*/
/* ------------------------------------------
 The Feeding Clinic
Author: Reading Room
Created: 25/03/09
------------------------------------------ */

/*----------------------------------------------------------RESET STYLES---------------------------------------------------------- */

html, body, div, span, applet, object,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, abbr, acronym, address, big, cite, code,
del, em, img, ins, q, samp,
small, strike, strong, sub, sup,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	padding:0; border:0; margin:0; font-size:100%; vertical-align:baseline; background:transparent;
}

ul {list-style:none;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}

strong {font-weight:bold;}
em {font-style:italic;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse; border-spacing:0;}
body {line-height:1;}


/*----------------------------------------------------------Layout----------------------------------------------------------*/
body{font-size:62.5%;}
.container{width:800px; margin:0 auto;}

/*----------------------------------------------------------General Styles----------------------------------------------------------*/
body{font-family:arial, helvetica, sans-serif;}
p{color:#555; font-size:1.3em; margin:1em 0; line-height:1.4em;}
a{text-decoration:none; color:#662278;}
a:hover,
a:focus{border-bottom:1px #662278 dotted !important; outline:none;}
.print{display:none;}
h2{font-size:2.3em; font-weight:normal; text-transform:uppercase; color:#1855a0; border-bottom:3px solid #96c1ea;  padding:0.5em 10px 0.2em;}
h2.lower{margin-top:1em; padding-top:2em; clear:both;}
h3{font-size:1.5em; font-weight:bold; text-transform:uppercase; color:#5d88bc; padding:0  0 10px 10px;}
h3.alt{padding:1em 0 0.3em 0; border-bottom:2px solid #5d88bc; margin-bottom:0.3em;}
h4{font-size:1.3em; font-weight:bold;}
p.blockLink a{background:url(/images/design/blocklink_sm.gif) no-repeat 100% 57%; padding-right:15px;}
p.intro{font-weight:bold;}
* {margin: 0;}
html, body {height: 100%;}
.bob{display:none;}

.wrapper{min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -9em;}
.push, #footer {height: 7em;}
.push{margin-top:5px; height:8em;}


/*----------------------------------------------------------Header----------------------------------------------------------*/

	/*Logo*/
	#header .container{}
	#header .container p.email{float:right; margin:0.6em 0 0.4em;}
	#header .container .header{border-top:3px solid #96c1ea; clear:both; background:url(/images/design/bg-header.jpg) no-repeat 50% 0; height:96px;}
	#header .container .header h1{width:228px; height:60px; position:relative; margin:20px auto; color:#1855a0; font-size:3em; text-align:center; text-transform:uppercase; overflow:hidden;}
	#header .container .header h1 a{cursor:pointer;}
	#header .container .header h1 span{width:100%; height:100%; position:absolute; top:0; left:0; background:url(/images/design/the-feeding-clinic.gif) 0 0 no-repeat;}

	/*Navigation*/
	#mainNav{border-top:3px solid #96c1ea; background:#e0edf9;border-bottom:3px solid #96c1ea; float:left; width:100%;}
	#mainNav ul{margin:0 auto; text-align:center;}
	#mainNav ul li{display:inline; margin:0 10px; padding:0.5em 0;}
	#mainNav ul li a{font-size:1.4em; font-family:verdana; font-weight:bold; color:#1855a0;display:inline-block; padding:0.5em 1em;}
	
	#mainNav ul li a:hover,
	#mainNav ul li a:focus,
	#mainNav ul li.active a,
	
	.aboutUs #mainNav ul li.n1 a,
	.services #mainNav ul li.n2 a,
	.appointment #mainNav ul li.n3 a,
	.location #mainNav ul li.n4 a,
	.furtherInformation #mainNav ul li.n5 a
	{background:#1855a0; color:#fff; border-bottom:none !important;}
	


/*----------------------------------------------------------Content Area----------------------------------------------------------*/
#content .container {width:800px;}
	
	#content .container .mainCol{width:530px;}
	#content .container .rightCol{width:250px; margin-left:20px;}
	
	.wide #content .container .mainCol{width:100%}
	
	
	/*Right Col*/
	#content .container .rightCol h2{margin-left:-10px;}
	
		/*Get in Touch*/
		p.email{background:url(/images/design/email.gif) no-repeat 0 51%; padding-left:23px !important;}
		p.phone{background:url(/images/design/phone.gif) no-repeat 0 51%; padding-left:23px !important;}
		p.address{background:url(/images/design/address.gif) no-repeat 0 2px; padding-left:23px !important;}
		p.fax{background:url(/images/design/fax.gif) no-repeat 0 2px; padding-left:23px !important;}
		
		
	
	/*Left Col*/
	#content .container .mainCol{}
	#content .container .mainCol p {padding-left:10px;}
	
		/*Feature*/
		#content .container .mainCol #feature{min-height:160px; background:#8b4f9b; border-top:3px solid #69467d;  border-bottom:3px solid #69467d; margin:1.5em 0; position:relative;}
		#content .container .mainCol #feature #featimg{background:url(/images/design/feature-baby.png) 0 0 no-repeat; width:234px; height:179px; position:absolute; left:-10px; bottom:0;}
		#content .container .mainCol #feature p{margin:0.6em 0 0 250px; color:#fff; padding:0; }
			#content .container .mainCol #feature p.big{font-size:3.4em; line-height:1.2em;}
			#content .container .mainCol #feature p.sub{font-size:1.6em; line-height:1.1em; margin:0.6em 0 0 250px;}
			#content .container .mainCol #feature p.blockLink{font-size:1.8em; color:#fff; margin:0.6em 0 1.2em 250px;}
			#content .container .mainCol #feature p.blockLink a{color:#fff; background:url(/images/design/blocklink_dk.gif) 100% 57% no-repeat;}
			#content .container .mainCol #feature p.blockLink a:hover{border-bottom-color:#fff !important;}

	/*Spotlights*/
	#content .box{width:250px; float:left; background:#e1e1e1; border-top:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2; position:relative; min-height:111px;}
	#content .box img{position:absolute; top:0; right:0; border:none !important;}
	#content .box p{padding:10px; margin:0; color:#363636; width:145px;}
	#content  .flo{float:left;}
	#content  .box.left{margin-left:10px;}
	#content  .box.middle{margin-left:20px;}
	
	
/*----------------------------------------------------------Internal Styles----------------------------------------------------------*/
/*Secondary Navidation*/
#secNav{float:left; width:144px; margin:3em 20px 0 0; padding:10px 0 0 0;}
	#secNav ul{border-top:3px solid #96c1ea; font-size:1.3em; border-bottom:2px solid #96c1ea;min-height:0;}
	#secNav ul li{min-height:0;}
	#secNav ul li a{border-bottom:1px solid #96c1ea !important; display:block; padding:0.4em 10px;background:#e0edf9; min-height:0; }
	#secNav ul li a:hover,
	#secNav ul li a:focus,
	#secNav ul li.active a{background:#1855a0; color:#fff;}
	#secNav ul li{min-height:0;}
	
	#secNav ul li ul{border:none; font-size:0.8em; padding:0; margin:0; min-height:0;}
	#secNav ul li ul li a{padding-left:2.5em; background:none; min-height:0;}

#content .container .mainCol #internalContent{float:right; width:365px;}
	.wide #content .container .mainCol #internalContent{width:635px}
	#content .container .mainCol #internalContent h2{margin:0 -10px;}
	.wide #content .container .mainCol #internalContent h2{margin-right:0;}
	.wide #content .container .mainCol #internalContent.tandc h3{padding:10px 0 0 0;}
	#content .container .mainCol #internalContent p{padding:0;}
	
#content .container .rightCol #printLink{border-bottom:3px solid #96c1ea; padding-bottom:8px; text-align:right;}
#content .container .mainCol #printLink{padding-bottom:8px; text-align:right; float:right;}
#content .container .rightCol .pullQuote{font-size:2em; color:#662278; line-height:1.2em;}
#content .container .rightCol img{border-bottom:3px solid #96c1ea;}

/*Listing*/
.listing{margin:2em 0 0 0; float:left;}
.listing h3{padding:0 0 0.3em 120px; border-bottom:2px solid #5d88bc; margin-bottom:0.3em;}
.listing img{float:left; margin-top:-3em;}
.listing p{float:left; width:500px; margin:0 0 0 1em;}
.listing p.name{font-weight:bold; margin-bottom:0.4em;}

p.pdf{background:url(/images/design/pdf.gif) no-repeat 0 2px; padding-left:23px !important; min-height:0; margin:2em 0 -0.8em 0;}
p.link{background:url(/images/design/link.gif) no-repeat 0 2px; padding-left:23px !important; min-height:0; margin:2em 0 -0.8em 0;}
p.link a,
p.pdf a{float:left; border-bottom:1px solid #fff; }
p span.date{float:right;font-size:0.8em;}

#internalContent ul{font-size:1.2em; color:#555;}
	#internalContent ul li{padding-left:23px; line-height:1.5em; background:url(/images/design/bullet.gif) no-repeat 10px 0.5em;}
	

/*----------------------------------------------------------Form------------------------------------------------------------*/
form fieldset label{font-size:1.2em; color:#555; float:left; width:120px; margin-top:0.3em; }
form fieldset input,
form fieldset textarea{font-size:1.2em; float:left; width:240px; margin:0 0 1em; border:1px solid #999;}
button{margin-left:120px;}

.errors{}
.errors h4{background:url(/images/design/error.gif) no-repeat 0 0; padding:3px 0 3px 23px;}
.errors p {margin-left:10px; background:url(/images/design/bullet.gif) no-repeat 0 0.5em; padding-left:10px !important;}
.errors p label{border-bottom:#999 dotted 1px; cursor:pointer;}

form.name input#f_name,
form.email input#f_email,
form.phone input#f_phone,
form.message textarea#f_message{background:#fde5f3;}

form.name label[for="f_name"],
form.email label[for="f_email"],
form.phone label[for="f_phone"],
form.message label[for="f_message"]{color:#710042; font-weight:bold;}

	
/*----------------------------------------------------------Footer----------------------------------------------------------*/
#footer{padding-top:1.5em;}
#footer .container{border-top:3px solid #96c1ea; font-size:1.1em; margin-top:1em; position:relative; padding-top:0.8em;}
	#footer .container ul{list-style:none; margin:0.1em 0 0.3em; width:530px; float:left;}
	#footer .container ul li{display:inline; } 
	#footer .container ul li:after{content:"/";} 
	#footer .container ul li.last:after{content:"";} 
	#footer .container ul li a{margin:0 8px;}
	#footer .container address p {font-style:normal; color:#555; font-size:1em; padding-left:9px; margin-top:0; float:left; width:500px;}
	#footer .container p.rr{float:right; text-align:right; font-size:1em; margin:0;}




/*Clearing*/
.wrapper:after,
#content .container:after,
p.link:after,
p.pdf:after
{clear:both; display:block; content:"."; height:0; font-size:0; line-height:0; visibility:hidden;}