/*-------------------------------------
Eclips Salon Day Spa

Master

version: 	1.0
author: 	Drillfield Design
email:		info@drillfield.com
website:	http://www.drillfield.com
copyright:	(c)2007	
---------------------------------------*/

/* LINKED STYLE SHEETS
---------------------------------------*/
@import url("navigation.css");
@import url("miscellaneous.css");

/* BEGIN
---------------------------------------*/
body{
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #ddba94;
}

#home{
	background: url(../images/backgrounds/bg-page_home.gif) repeat-x 0 0;
}

#other{
	background: url(../images/backgrounds/bg-small_header.gif) repeat-x 0 0;
}

#kids{
	background: url(../images/backgrounds/bg-kids_header.gif) repeat-x 0 0;
}

.container{
	margin: 0 auto;
	width: 840px;
	text-align: left;
}

/* HEADER
---------------------------------------*/
#home #header{
	height: 280px;
}

#kids #header{
	height: 140px;
}

#other #header{
	height: 100px;
}

#header h1.logo{
	margin: 0;
	padding: 0;
	line-height: normal;
}

#home #header h1.logo{
	text-indent: -9999px;
	line-height: 0px;
	height: 110px;
	width: 207px;
	background: url(../images/logos/eclips.gif) no-repeat 0 0;
}

#other #header h1.logo{
	text-indent: -9999px;
	line-height: 0px;
	height: 65px;
	width: 260px;
	background: url(../images/logos/eclips-small.gif) no-repeat 0 0;
}

#kids #header h1.logo{
	text-indent: -9999px;
	line-height: 0px;
	height: 110px;
	width: 210px;
	background: url(../images/logos/eclips-kids.gif) no-repeat 0 0;
}

#header .left_column{
	float: left;
	width: 500px;
}

#header .right_column{
	float: right;
	width: 310px;
}

/* CONTENT
---------------------------------------*/
#content{
	padding: 30px 0;
	background-color: #fff;
	clear: both;
}

	#content .left_column{
		width: 500px;
		float: left;
	}
	
	#content .right_column{
		width: 300px;
		float: right;
	}
	
	#content .wide_column{
		width: 840px;
		clear: both;
	}

	#content .wide_column_small_header{
		width: 780px;
		clear: both;
	}
	
/* FOOTER
---------------------------------------*/
#footer{
	padding-top: 30px;
	height: 115px;
	background: url(../images/backgrounds/bg-footer.gif) repeat-x 0 0;
	font-size: 11px;
}

	#footer .container{
		text-align: center;
	}
	
#kids #footer{
	color: #fff;
	background: url(../images/backgrounds/bg-kids_footer.gif) repeat-x 0 0;
}

	#kids #footer a{
		color: #fff;
	}