/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: .75em;
 background-color: #FFF2CC;
}

#wrapper {
	margin: 0 auto;
	width: 720px;
	color: black;
	background-image: url(../images/images/Body-bkgrd.jpg);
	border: 4px solid black;
	background-repeat: repeat;
}

#prpl_wrapper {
	margin: 0 auto;
	width: 720px;
	color: black;
	background-image: url(../images/images/Mission-bkgd.jpg);
	border: 4px solid black;
	background-repeat: repeat;
}

#mud_wrapper {
	margin: 0 auto;
	width: 720px;
	color: black;
	background-image: url(../images/images/Gents-bkgrd.jpg);
	border: 4px solid black;
	background-repeat: repeat;
}

#grass_wrapper {
	margin: 0 auto;
	width: 720px;
	color: black;
	background-image: url(../images/images/Grass-bkgrd.jpg);
	border: 4px solid black;
	background-repeat: repeat;
}

#massage_wrapper {
	margin: 0 auto;
	width: 720px;
	color: black;
	background-image: url(../images/images/massage-background.jpg);
	border: 4px solid black;
	background-repeat: repeat;
}

#face_wrapper {
	margin: 0 auto;
	width: 720px;
	color: black;
	background-image: url(../images/images/facial-bkgrd.jpg);
	border: 4px solid black;
	background-repeat: repeat;
}

#stone_wrapper {
	margin: 0 auto;
	width: 720px;
	color: black;
	background-image: url(../images/images/other-background.jpg);
	border: 4px solid black;
	background-repeat: repeat;
}

#dark_wrapper {
	margin: 0 auto;
	width: 720px;
	color: black;
	background-image: url(../images/images/hot_bkgrd.jpg);
	border: 4px solid black;
	background-repeat: repeat;
}

#header {
 color: black;
 width: 700px;
 float: left;
 padding: 10px;
 border: 0px solid #ccc;
 height: 135px;
 margin: 10px 0px 0px 0px;
 background: white;
}
#navigation {
	float: left;
	clear: both;
	width: 705px;
	height: 20px;
	color: white;
	font-size: 1em;
	padding: 10px;
	border: 0px solid #ccc;
	margin: 0px 0px 0px 0px;
	background: black;
	padding-right: 5px;
	text-align: right;
}
#leftcolumn {
	color: white;
	border: 0px solid #ccc;
	background: black;
	margin: 0px 0px 0px 0px;
	padding: 10px;
	height: 500px;
	width: 150px;
	float: left;
}

	
/*********************** CONTENT BACKGROUND IMAGES ***********************/
#content {
	float: left;
	color: black;
	padding: 0px;
	border: 0px solid white;
	background: white;
	margin: 0px 0px 0px 0px;
	height: 520px;
	width: 550px;
	overflow : auto; 
	background-image: url(../images/bottom-1.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#content_men {
	float: left;
	color: black;
	padding: 0px;
	border: 0px solid white;
	background: white;
	margin: 0px 0px 0px 0px;
	height: 520px;
	width: 550px;
	overflow : auto; 
	background-image: url(../images/content_men.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#content_massage {
	float: left;
	color: black;
	padding: 0px;
	border: 0px solid white;
	background: white;
	margin: 0px 0px 0px 0px;
	height: 520px;
	width: 550px;
	overflow : auto; 
	background-image: url(../images/content_massage.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#content_facial {
	float: left;
	color: black;
	padding: 0px;
	border: 0px solid white;
	background: white;
	margin: 0px 0px 0px 0px;
	height: 520px;
	width: 550px;
	overflow : auto; 
	background-image: url(../images/content_facial.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#content_medi {
	float: left;
	color: black;
	padding: 0px;
	border: 0px solid white;
	background: white;
	margin: 0px 0px 0px 0px;
	height: 520px;
	width: 550px;
	overflow : auto; 
	background-image: url(../images/content_medi.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#content_nails {
	float: left;
	color: black;
	padding: 0px;
	border: 0px solid white;
	background: white;
	margin: 0px 0px 0px 0px;
	height: 520px;
	width: 550px;
	overflow : auto; 
	background-image: url(../images/content_nails.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#content_body {
	float: left;
	color: black;
	padding: 0px;
	border: 0px solid white;
	background: white;
	margin: 0px 0px 0px 0px;
	height: 520px;
	width: 550px;
	overflow : auto; 
	background-image: url(../images/content_body.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#content_other {
	float: left;
	color: black;
	padding: 0px;
	border: 0px solid white;
	background: white;
	margin: 0px 0px 0px 0px;
	height: 520px;
	width: 550px;
	overflow : auto; 
	background-image: url(../images/content_waxing.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#content_facade {
	float: left;
	color: black;
	padding: 0px;
	border: 0px solid white;
	background: white;
	margin: 0px 0px 0px 0px;
	height: 520px;
	width: 550px;
	overflow : auto; 
	background-image: url(../images/content_facade.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#content_packages {
	float: left;
	color: black;
	padding: 0px;
	border: 0px solid white;
	background: white;
	margin: 0px 0px 0px 0px;
	height: 520px;
	width: 550px;
	overflow : auto; 
	background-image: url(../images/content_room.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#content_mission {
	float: left;
	color: black;
	padding: 0px;
	border: 0px solid white;
	background: white;
	margin: 0px 0px 0px 0px;
	height: 520px;
	width: 550px;
	overflow : auto; 
	background-image: url(../images/content_mission.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#content_makeup {
	float: left;
	color: black;
	padding: 0px;
	border: 0px solid white;
	background: white;
	margin: 0px 0px 0px 0px;
	height: 520px;
	width: 550px;
	overflow : auto; 
	background-image: url(../images/content_makeup.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#content_wht {
	float: left;
	color: black;
	padding: 0px;
	border: 0px solid white;
	background: white;
	margin: 0px 0px 0px 0px;
	height: 520px;
	width: 550px;
	overflow : auto; 
}

#info {
	float: left;
	color: black;
	padding: 0px;
	border: 0px;
	background: white;
	margin: 10px 5px 10px 10px;
	height: 520px;
	width: 90%;
}


#footer {
	width: 700px;
	clear: both;
	color: white;
	border: 0px solid #ccc;
	background: black;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	font-size: 1em;
	font-variant: small-caps;
	letter-spacing: expanded;
}