/* Base Formatting */

html {
	height: 100%; /*sets to full height in IE w short content */
	min-height: 100%;
	width: 100%;

} 




body { 
	height: 100%;
	min-height:100%;
	width: 100%;
	margin: 0px;
	padding: 0px;

	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #000000;

	background-image: url('bg.jpg');
	background-repeat: repeat;
	background-position: top center;

}
a:link {
	color: #ffffff;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #ffffff;
}
a:hover {
	text-decoration: none;
	color: #ff96ab;
}
a:active {
	text-decoration: bold;
	color: #0d0d0d;
}
a.linkStyleName:link {color: #ff0000; }
a.linkStyleName:visited {color: #ff0000; }
a.linkStyleName:hover {color: #1c3a1d; }
a.linkStyleName:active {color: orange; }



}

ul, li{
	margin: 0px;
	padding: 0px;
	list-style: none;
}


/* Layout IDs */

#main-container { 
	position: absolute;

	height:auto; /* FF needs this setting to expand div to fit long content */
	width:auto; /* FF needs this setting to expand div to fit long content */
	min-height:100%; /*sets minimum height in FF*/
	min-width:100%; /*sets minimum width in FF*/

	margin: 0px;
	padding: 0px;
	z-index: 1;

}

#main-container2 { 
	position: absolute;

	height:auto; /* FF needs this setting to expand div to fit long content */
	width:auto; /* FF needs this setting to expand div to fit long content */
	min-height:100%; /*sets minimum height in FF*/
	min-width:100%; /*sets minimum width in FF*/

	margin: 0px;
	padding: 0px;
	z-index: 2;

}



#main { 
	width: auto;
	min-width: 100%;


	margin: 0px;

	
	height:auto; /* FF needs this setting to expand div to fit long content */
	min-height:100%; /*sets minimum height in FF*/

}
* html #main {
	height: 100%; /*sets to full height in IE w short content -- also need height:100% in body*/
	padding-left; 2px;
}

#main-content { 
	width: 1240px;
	padding-left: auto; /* centers div in all modern browsers */
	padding-right: auto;
	margin-left: auto;
	margin-right: auto;
	Z-index: 1;


	
	height:auto; /* FF needs this setting to expand div to fit long content */
	min-height:100%; /*sets minimum height in FF*/



}



/* ACTUAL LAYOUT */

h1

{ font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 11pt; vertical-align: top; margin: 0px; color: #FFFFFF; }



h2

{ font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 14pt; vertical-align: top; margin: 0px; color: #FFFFFF; }

h3

{ font-family: 'Open Sans', sans-serif; font-size: 26pt; font-weight: 700; color: #FFFFFF; }

h4

{ font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 11pt; vertical-align: top; margin: 0px; color: #FFFFFF; }

}


#contenth {
	position: absolute;
	width: 1240px;
	height: 100%;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: auto;
	background-image: url('blankcontent.jpg');
	background-repeat: repeat-y;
	background-position: top center;
	Z-index: 1;
	
	}
	

	
	#contentmakeup {
	position: absolute;
	width: 1240px;
	height: 100%;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: auto;
	background-repeat: repeat-y;
	background-position: top center;
	Z-index: 1;
	
	}
	


#nav {
	position: absolute;
	width: 451px;
	height: 100%;
	padding-top: 0px;
	padding-left: 770px;
	padding-right: auto;
	Z-index: 3;



}

#makeupcontent {
	position: absolute;
	width: 740px;
	height: 20px;
	padding-top: 525px;
	padding-left: 473px;
	padding-right: auto;
	Z-index: 2;



}

#homecontent {
	position: absolute;
	width: 1240px;
	height: 20px;
	padding-top: 700px;
	padding-left: 40px;
	padding-right: auto;
	Z-index: 2;
	
}

#picturescontent {
	position: absolute;
	width: 1240px;
	height: 20px;
	padding-top: 410px;
	padding-left: 40px;
	padding-right: auto;
	Z-index: 2;

	}

#faqcontent {
	position: absolute;
	width: 1240px;
	height: 20px;
	padding-top: 50px;
	padding-left: 40px;
	padding-right: auto;
	Z-index: 2;






}

#welcomecontact {
	position: absolute;
	width: 1240px;
	height: 20px;
	padding-top: 510px;
	padding-left: 28px;
	padding-right: auto;
	Z-index: 2;



}



#content {
	position: absolute;
	width: 100px;
	height: 20px;
	padding-top: 230px;
	padding-left: autopx;
	padding-right: auto;
	Z-index: 3;



}

#links {
	position: absolute;
	width: 200px;
	height: 20px;
	padding-top: 230px;
	padding-left: 930px;
	padding-right: auto;
	Z-index: 3;



}

#shadow1 {
	position: absolute;
	width: 50px;
	height: auto;
	padding-top: 0px;
	padding-left: 1240px;
	padding-right: auto;
	Z-index: 0;


}
#shadow2 {
	position: absolute;
	width: 48px;
	height: auto;
	padding-top: 0px;
	padding-left: auto;
	padding-right: auto;
	Z-index: 0;


}