@import url(reset.css);
@import url(typography.css);

/* General page formating
------------------------------------------------- */ 

body {
	background: #333300 url(/Images/waterBkgd.jpg) repeat-x;
	margin: 0 auto;
	text-align: center;
	width: 670px;
}


#container, #homeContent, #mainContent {
	position: relative;
}

#container {
	background: #ddcfba url(/Images/pageBkgd.gif) repeat-x;
	text-align: left;
	width: 670px;
	margin-top: 30px;
}
	

/* Header and branding 
------------------------------------------------- */
#header {
	height: 120px;
	position: relative;
	width: 670px;
	z-index: 1;
}
	#header div {
	background: url(/Images/pageTopBkgd.gif) no-repeat;
	width: 670px;
	top: -10px;
	position: absolute;
	height: 10px;
	}

	#header img {
	display: block;
	padding-left: 20px;
	}
	#header h2 {
	position: absolute;
	right: 20px;;
	width: 150px;
	bottom: 20px;
	}


/* main content
------------------------------------------------- */
#homeContent {
	margin: 30px 20px 0px;
	/*overflow: hidden;*/
	width: 630px;
}
	#homeContent img.lily {
	position: absolute;
	top: -135px;
	right: 0px;
	}

#mainContent {
	margin: 0px 0px 30px;
	/*overflow: hidden;*/
	width: 670px;
	/* following rules gives subpages a minimum height */
	min-height: 340px;
	height: auto !important;
	height: 340px;
	background: url(/Images/waves.gif) no-repeat;
	padding-top: 70px;
}
	#mainContent img.lily {
	position: absolute;
	top: -85px;
	right: 30px;
	}

/* left navigation */
#sideNav {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	width: 150px;
	margin-left: 20px;
}

/* content */
#contentMain {
	float: left;
	width: 460px;
}

/* homepage boxes */
#columnOne, #columnTwo, #columnThree {
	margin-bottom: 25px;
	padding: 0px 10px 10px;
	width: 180px;
	float: left;
	margin-right: 15px;
	height: 200px;
}
	#columnOne {
		background: #ccba9e url(/Images/serviceHeader.gif) no-repeat;
	}
	#columnTwo {
		background: #ccba9e url(/Images/locationHeader.gif) no-repeat;
	}
	#columnThree {
	background: #ccba9e url(/Images/hoursHeader.gif) no-repeat;
	margin-right: 0px;
	}
	#columnOne h3, #columnTwo h3, #columnThree h3 {
		height: 50px;
		text-indent: -9999px;
	}

/* IE 5+ PNG Hack 
----------------------------------------------------------*/
img {behavior: url(/css/iepngfix.htc);} 

/* Footer 
------------------------------------------------- */
#footer {
	background: #333300 url(/Images/footerMotto.gif) no-repeat;
	clear: both;
	padding: 20px 0px 0px;
	text-align: left;
	width: 670px;
	margin-top: 20px;
}
	#footer p {
	clear: both;
	font-size: .92em;
	color: #666600;
	padding-top: 30px;
	}