@charset "utf-8";
/* CSS Document */

/* Body text and page background */
body{
	margin: 0px;
	font-family: 'Book Antiqua', Times, Serif;
	font-size: medium;
	color: #191970;
	background-color: #FF3799;
	background-image: url(images/bg.jpg);
	background-repeat: repeat;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 18px;
}

h1 {
	font-size: 24px;
	font-weight: bold;
	color: #FF017E;
	font-family: "Times New Roman", Times, serif;
}

h2 {
	color: #FF017E;
	font-size: 12px;
	font-weight: bolder;
}
h3 {
	font-size: 12px;
}
h4 {
	font: bold 18px "Times New Roman", Times, serif;
	color: #FFFFFF;
}
h5 {
	font: 18px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-bottom:0;
}
h6 {
	font: 14px Arial, Helvetica, sans-serif;
	text-transform: none;
	color: #FFFFFF;
	margin-top:0;
}



.quote {
	font-size: 14px;
	font-style: italic;
	color: #FF017E;
	font-weight: bold;
}


a:link {
	color: #FF017E;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #FF017E;
}
a:hover {
	text-decoration: underline;
	color: #fccd2e;
}
a:active {
	text-decoration: underline;
	color: #FF017E;
}

.footer {
	color:#F8EAD3;
	vertical-align: middle;
}
#footer a:link, #footer a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
#footer a:hover {
	color: #fccd2e;
	text-decoration: underline;
}


.content {
	padding: 20px 10px 10px;
}

.nav-bg {
	background: url(images/nav-bg.gif) repeat-y;
}




/* IMAGES ---------- */
.float-left {/* Left Floated Images */
	float: left;
	margin: 0 12px 18px 0;
	border: 0px;
	text-align: left;
}

.float-right {/* Right Floated Images */
	float: right;
	margin: 0 0 18px 9px;
	clear: right;
	border: 0px;
}

img {
	border-width: 0px;
}


/* ---------------Navigation ------------------ */
ul#nav {
	height: 44px;
	width: 138px;
	margin: 0;
	padding: 0;
}


/*  Makes the list items sit next to each other */
#nav li {display:inline}


/*  Sets styles for all links that are inside the ul id="top-nav" */
#nav a {
display: block;
height: 44px; 
overflow: hidden; 
text-indent: -1999em; /* Indents the rich-text so it does not show */
}

/* Set the image for each nav item */
#home {background: url(images/nav-home.gif);}
#dial-your-color {background: url(images/nav-dial-your-color.gif);}
#ten-thirty-five {background: url(images/nav-ten-thirty-five.gif);}
#accessorizing {background: url(images/nav-accessorizing.gif);}
#makeup-tips {background: url(images/nav-makeup-tips.gif);}
#professional-speaker { background: url(images/nav-professional-speaker.gif);}
#workshops {background: url(images/nav-workshops.gif);}
#products {background: url(images/nav-products.gif);}
#about-molly {background: url(images/nav-about-molly.gif);}
#contact {background: url(images/nav-contact.gif);}


/* Shift the image position up to show the active state */
#nav a:hover, #nav a.active, #top-nav .active {background-position: 0 -44px;}

/* Set the cursor to default arrow so link does not appear clickable */
#nav .active {cursor: default}