html {
	margin:0px;
	padding:0px;
	}

body {
	margin:0px;
	padding:0px;
	background-image:url('images/background.jpg');
	background-repeat:repeat-x; 
	/*background-color:#f6faff;*/
	}

form {
	margin:0px;
	padding-top:4px;
	}




/* MAIN CONTAINER OF WHOLE LAYOUT */

.mainContainer {
	position: absolute;
	top: 50px;
	left: 10%;
	width:770px;
	}




/* THIS IS WHERE THE LOGO IMAGE IS */

.logoContainer {
	position: absolute;
	top:-15px;
	left:0px;
	width:265px;
	height:72px;
	}




/* THIS IS WHERE MAIN MENU IS */

.mainMenu {
	position: absolute;
	top:28px;
	left:280px;
	width:490px;
	}





/* THIS IS WHERE THE COLOR BAR IMAGE IS */

.barContainer{
	position: absolute;
	top:86px;
	left:0px;
	width:770px;
	height:2px;
	border-top: solid #514e86 2px;
	}





/* THIS IS WHERE THE HEADER TEXT IMAGE IS */

.headerContainer {
	position: absolute;
	top:130px;
	left:475px;
	width:288px;
	}






/* THE BIG TILE HOLDING THE PICTURE ON THE LANDING PAGE & FEATURE PAGE */

.featuredContainer {
	position: absolute;
	top: 100px;
	left: 0px;
	width:770px;
	height:290px;
	border: solid #514e86 1px;
	}




/* SUB MENU IN 3 BOXES HOLDING EACH DIFFERENT PRODUCT PAGE LINK */

.subMenu {
	position: absolute;
	top:405px;
	width:245px;
	color:white;
	height:184px;
	border: solid #514e86 1px;
	}

#subMenuProduct1{
	position: absolute;
	left: 0px;
	}

#subMenuProduct2{
	position: absolute;
	left: 262px;
	}

#subMenuProduct3{
	position: absolute;
	left: 525px;
	}





/* FEATURED PAGE PRODUCTS 4 BOXES WITH IMAGE */

.featuredProduct {
	position: absolute;
	left: 0px;
	width:300px;
	color:white;
	border: solid #514e86 1px;
	}

#featuredProduct1{
	position: absolute;
	top:405px;
	height:215px;
	}

#featuredProduct2{
	position: absolute;
	top:650px;
	height:215px;
	}

#featuredProduct3{
	position: absolute;
	top:895px;
	height:185px;
	}

#featuredProduct4{
	position: absolute;
	top:1110px;
	height:185px;
	}


/* FEATURED PAGE CONTENT 4 BOXES WITH TEXT */

.contentFeaturedProduct{
	position: absolute;
	left: 320px;
	width:450px;
	height:175px;
	color:white;
	}

#contentFeaturedProduct1{
	position: absolute;
	top:415px;
	}

#contentFeaturedProduct2{
	position: absolute;
	top:660px;
	}

#contentFeaturedProduct3{
	position: absolute;
	top:905px;
	}

#contentFeaturedProduct4{
	position: absolute;
	top:1120px;
	}


/* SPECIAL FOOTER FEATURE PAGE */

.featuredFooterContainer {
	position: absolute;
	top:1320px;
	width:385px;
	height:60px;
	background-color:#c5d2e3;
	}






/* PRODUCT PAGE 3 BOXES WITH IMAGE */

.product {
	position: absolute;
	left: 0px;
	width:300px;
	height:185px;
	color:white;
	border: solid #514e86 1px;
	}

#product1{
	position: absolute;
	top:200px;
	}

#product2{
	position: absolute;
	top:405px;
	}

#product3{
	position: absolute;
	top:610px;
	}


/* PRODUCT PAGE CONTENT 3 BOXES WITH TEXT */

.contentProduct{
	position: absolute;
	left: 320px;
	width:450px;
	height:175px;
	color:white;
	}

#contentProduct1{
	position: absolute;
	top:210px;
	}

#contentProduct2{
	position: absolute;
	top:415px;
	}

#contentProduct3{
	position: absolute;
	top:620px;
	}


/* SPECIAL FOOTER PRODUCT PAGE */

.productFooterContainer {
	position: absolute;
	top:855px;
	width:385px;
	height:60px;
	background-color:#c5d2e3;
	}





/* SOAPS PAGE "X#" BOXES WITH IMAGE */

.soaps{
	position: absolute;
	width:175px;
	height:175px;
	color:white;
	border: solid #514e86 1px;
	}

#soaps1{
	position: absolute;
	top:300px;
	left:0px;
	}

#soaps2{
	position: absolute;
	top:300px;
	left:198px;
	}

#soaps3{
	position: absolute;
	top:300px;
	left:396px;
	}

#soaps4{
	position: absolute;
	top:300px;
	left:594px;
	}

#soaps5{
	position: absolute;
	top:670px;
	left:0px;
	}

#soaps6{
	position: absolute;
	top:670px;
	left:198px;
	}

#soaps7{
	position: absolute;
	top:670px;
	left:396px;
	}

#soaps8{
	position: absolute;
	top:670px;
	left:594px;
	}

#soaps9{
	position: absolute;
	top:1080px;
	left:0px;
	}

#soaps10{
	position: absolute;
	top:1080px;
	left:198px;
	}


/* SOAPS PAGE CONTENT "X#" BOXES WITH TEXT */

.contentSoaps{
	position: absolute;
	width:175px;
	height:145px;
	color:white;
	}

#contentSoaps1{
	position: absolute;
	top:485px;
	left:0px;
	}

#contentSoaps2{
	position: absolute;
	top:485px;
	left:198px;
	}

#contentSoaps3{
	position: absolute;
	top:485px;
	left:396px;
	}

#contentSoaps4{
	position: absolute;
	top:485px;
	left:594px;
	}

#contentSoaps5{
	position: absolute;
	top:855px;
	left:0px;
	}

#contentSoaps6{
	position: absolute;
	top:855px;
	left:198px;
	}

#contentSoaps7{
	position: absolute;
	top:855px;
	left:396px;
	}

#contentSoaps8{
	position: absolute;
	top:855px;
	left:594px;
	}

#contentSoaps9{
	position: absolute;
	top:1265px;
	left:0px;
	}

#contentSoaps10{
	position: absolute;
	top:1265px;
	left:198px;
	}


/* SPECIAL HEADER/FOOTER SOAPS PAGE */

.soapsFooterContainer{
	position: absolute;
	top:1400px;
	width:385px;
	height:60px;
	background-color:#c5d2e3;
	}

.soapsHeaderContainer {
	position: absolute;
	top:130px;
	left:0px;
	width:770px;
	}




/* CANDLES PAGE "X#" BOXES WITH IMAGE */

.candles{
	position: absolute;
	width:175px;
	height:175px;
	color:white;
	border: solid #514e86 1px;
	}

#candles1{
	position: absolute;
	top:300px;
	left:0px;
	}

#candles2{
	position: absolute;
	top:300px;
	left:198px;
	}

#candles3{
	position: absolute;
	top:300px;
	left:396px;
	}

#candles4{
	position: absolute;
	top:300px;
	left:594px;
	}

#candles5{
	position: absolute;
	top:710px;
	left:0px;
	}

#candles6{
	position: absolute;
	top:710px;
	left:198px;
	}

#candles7{
	position: absolute;
	top:710px;
	left:396px;
	}

#candles8{
	position: absolute;
	top:710px;
	left:594px;
	}

#candles9{
	position: absolute;
	top:1130px;
	left:0px;
	}

#candles10{
	position: absolute;
	top:1130px;
	left:198px;
	}

#candles11{
	position: absolute;
	top:1130px;
	left:396px;
	}

#candles12{
	position: absolute;
	top:1130px;
	left:594px;
	}

#candles13{
	position: absolute;
	top:1560px;
	left:0px;
	}

#candles14{
	position: absolute;
	top:1560px;
	left:198px;
	}

#candles15{
	position: absolute;
	top:1560px;
	left:396px;
	}

#candles16{
	position: absolute;
	top:1560px;
	left:594px;
	}

#candles17{
	position: absolute;
	top:1980px;
	left:0px;
	}


/* CANDLES PAGE CONTENT "X#" BOXES WITH TEXT */

.contentCandles{
	position: absolute;
	width:175px;
	height:145px;
	color:white;
	}

#contentCandles1{
	position: absolute;
	top:485px;
	left:0px;
	}

#contentCandles2{
	position: absolute;
	top:485px;
	left:198px;
	}

#contentCandles3{
	position: absolute;
	top:485px;
	left:396px;
	}

#contentCandles4{
	position: absolute;
	top:485px;
	left:594px;
	}

#contentCandles5{
	position: absolute;
	top:895px;
	left:0px;
	}

#contentCandles6{
	position: absolute;
	top:895px;
	left:198px;
	}

#contentCandles7{
	position: absolute;
	top:895px;
	left:396px;
	}

#contentCandles8{
	position: absolute;
	top:895px;
	left:594px;
	}

#contentCandles9{
	position: absolute;
	top:1315px;
	left:0px;
	}

#contentCandles10{
	position: absolute;
	top:1315px;
	left:198px;
	}

#contentCandles11{
	position: absolute;
	top:1315px;
	left:396px;
	}

#contentCandles12{
	position: absolute;
	top:1315px;
	left:594px;
	}

#contentCandles13{
	position: absolute;
	top:1745px;
	left:0px;
	}

#contentCandles14{
	position: absolute;
	top:1745px;
	left:198px;
	}

#contentCandles15{
	position: absolute;
	top:1745px;
	left:396px;
	}

#contentCandles16{
	position: absolute;
	top:1745px;
	left:594px;
	}

#contentCandles17{
	position: absolute;
	top:2165px;
	left:0px;
	}


/* SPECIAL HEADER/FOOTER CANDLES PAGE */

.candlesFooterContainer{
	position: absolute;
	top:2340px;
	width:385px;
	height:60px;
	background-color:#c5d2e3;
	}

.candlesHeaderContainer {
	position: absolute;
	top:130px;
	left:0px;
	width:770px;
	}






/* ACCESSORIES PAGE "X#" BOXES WITH IMAGE */

.accessories{
	position: absolute;
	width:175px;
	height:175px;
	color:white;
	border: solid #514e86 1px;
	}

#accessories1{
	position: absolute;
	top:345px;
	left:0px;
	}

#accessories2{
	position: absolute;
	top:345px;
	left:198px;
	}

#accessories3{
	position: absolute;
	top:345px;
	left:396px;
	}

#accessories4{
	position: absolute;
	top:345px;
	left:594px;
	}

#accessories5{
	position: absolute;
	top:720px;
	left:0px;
	}

#accessories6{
	position: absolute;
	top:720px;
	left:198px;
	}

#accessories7{
	position: absolute;
	top:720px;
	left:396px;
	}

#accessories8{
	position: absolute;
	top:720px;
	left:594px;
	}

#accessories9{
	position: absolute;
	top:1200px;
	left:0px;
	}

#accessories10{
	position: absolute;
	top:1200px;
	left:198px;
	}

#accessories11{
	position: absolute;
	top:1200px;
	left:396px;
	}

#accessories12{
	position: absolute;
	top:1200px;
	left:594px;
	}

#accessories13{
	position: absolute;
	top:1690px;
	left:0px;
	}

#accessories14{
	position: absolute;
	top:1690px;
	left:198px;
	}

#accessories15{
	position: absolute;
	top:1690px;
	left:396px;
	}

#accessories16{
	position: absolute;
	top:1690px;
	left:594px;
	}

#accessories17{
	position: absolute;
	top:2110px;
	left:0px;
	}

#accessories18{
	position: absolute;
	top:2110px;
	left:198px;
	}

#accessories19{
	position: absolute;
	top:2110px;
	left:396px;
	}

#accessories20{
	position: absolute;
	top:2110px;
	left:594px;
	}

#accessories21{
	position: absolute;
	top:2540px;
	left:0px;
	}

#accessories22{
	position: absolute;
	top:2540px;
	left:198px;
	}

#accessories23{
	position: absolute;
	top:2540px;
	left:396px;
	}

#accessories24{
	position: absolute;
	top:2540px;
	left:594px;
	}

#accessories25{
	position: absolute;
	top:2980px;
	left:0px;
	}

/* ACCESSORIES PAGE CONTENT "X#" BOXES WITH TEXT */

.contentAccessories{
	position: absolute;
	width:175px;
	height:145px;
	color:white;
	}

#contentAccessories1{
	position: absolute;
	top:530px;
	left:0px;
	}

#contentAccessories2{
	position: absolute;
	top:530px;
	left:198px;
	}

#contentAccessories3{
	position: absolute;
	top:530px;
	left:396px;
	}

#contentAccessories4{
	position: absolute;
	top:530px;
	left:594px;
	}

#contentAccessories5{
	position: absolute;
	top:905px;
	left:0px;
	}

#contentAccessories6{
	position: absolute;
	top:905px;
	left:198px;
	}

#contentAccessories7{
	position: absolute;
	top:905px;
	left:396px;
	}

#contentAccessories8{
	position: absolute;
	top:905px;
	left:594px;
	}

#contentAccessories9{
	position: absolute;
	top:1385px;
	left:0px;
	}

#contentAccessories10{
	position: absolute;
	top:1385px;
	left:198px;
	}

#contentAccessories11{
	position: absolute;
	top:1385px;
	left:396px;
	}

#contentAccessories12{
	position: absolute;
	top:1385px;
	left:594px;
	}

#contentAccessories13{
	position: absolute;
	top:1875px;
	left:0px;
	}

#contentAccessories14{
	position: absolute;
	top:1875px;
	left:198px;
	}

#contentAccessories15{
	position: absolute;
	top:1875px;
	left:396px;
	}

#contentAccessories16{
	position: absolute;
	top:1875px;
	left:594px;
	}

#contentAccessories17{
	position: absolute;
	top:2295px;
	left:0px;
	}

#contentAccessories18{
	position: absolute;
	top:2295px;
	left:198px;
	}

#contentAccessories19{
	position: absolute;
	top:2295px;
	left:396px;
	}

#contentAccessories20{
	position: absolute;
	top:2295px;
	left:594px;
	}

#contentAccessories21{
	position: absolute;
	top:2725px;
	left:0px;
	}

#contentAccessories22{
	position: absolute;
	top:2725px;
	left:198px;
	}

#contentAccessories23{
	position: absolute;
	top:2725px;
	left:396px;
	}

#contentAccessories24{
	position: absolute;
	top:2725px;
	left:594px;
	}

#contentAccessories25{
	position: absolute;
	top:3165px;
	left:0px;
	}


/* SPECIAL FOOTER ACCESSORIES PAGE */

.accessoriesFooterContainer{
	position: absolute;
	top:3370px;
	width:385px;
	height:60px;
	background-color:#c5d2e3;
	}

.accessoriesHeaderContainer {
	position: absolute;
	top:130px;
	left:0px;
	width:770px;
	}





/* CONTAINER THAT CONTAINS CONTENT FOR ABOUT PAGE (ABOUT + UPCOMING EVETS + PRESS) + CONTACT PAGE */

.contentContainer{
	position: absolute;
	}

#aboutLeftColumn{
	position: absolute;
	left:0px;
	top:130px;
	width:375px;
	height:650px;
	border-bottom: dashed #514e86 1px;
	}

#aboutRightColumn{
	position: absolute;
	left:445px;
	top:130px;
	width:325px;
	height:210px;
	border: solid #514e86 1px;
	}

#upcomingLeftColumn{
	position: absolute;
	left:0px;
	top:810px;
	width:375px;
	height:160px;
	border-bottom: dashed #514e86 1px;
	}

#upcomingRightColumn{
	position: absolute;
	left:445px;
	top:390px;
	width:325px;
	height:210px;
	border: solid #514e86 1px;
	}

#pressLeftColumn{
	position: absolute;
	left:0px;
	top:1000px;
	width:375px;
	height:160px;
	}

#pressRightColumn{
	position: absolute;
	left:405px;
	top:680px;
	width:365px;
	height:160px;
	border: solid #514e86 1px;
	}

#contactLeftColumn{
	position: absolute;
	left:0px;
	top:130px;
	width:375px;
	height:160px;
	}

#contactRightColumn{
	position: absolute;
	left:445px;
	top:130px;
	width:325px;
	height:210px;
	border: solid #514e86 1px;
	}


/* SPECIAL FOOTER ABOUT PAGE */

.aboutFooterContainer {
	position: absolute;
	top:1170px;
	width:385px;
	height:60px;
	background-color:#c5d2e3;
	}


/* SPECIAL FOOTER CONTACT PAGE */

.contactFooterContainer{
	position: absolute;
	top:510px;
	width:385px;
	height:60px;
	background-color:#c5d2e3;
	}







/* FOOTER THAT CONTAINS COPYRIGHT TEXT AND WEBSITE CREATOR */

.footerContainer{
	position: absolute;
	top:620px;
	width:385px;
	height:60px;
	background-color:#c5d2e3;
	}

#leftColumn{
	position: absolute;
	left:0px;
	}

#rightColumn{
	position: absolute;
	left:385px;
	}





/* FONTS */

h1 {
	font-family: "Arial", "Helvetica", "Tahoma", "sans-serif";
	font-size:12px;
	color:#514e86;
	font-weight:600;
	padding-top:0px;
	letter-spacing:1px;
	margin:0px;
	text-decoration:none;
	}

b {
	font-family: "Arial", "Helvetica", "Tahoma", "sans-serif";
	font-size:12px;
	color:#e62b86;
	font-weight:500;
	margin:0px;
	text-decoration:none;
	}

p {
	font-family: "Arial", "Helvetica", "Tahoma", "sans-serif";
	font-size:12px;
	padding:0px;
	margin: 0;
	text-decoration:none;
	}

p.content {
	font-family: "Arial", "Helvetica", "Tahoma", "sans-serif";
	font-size:12px;
	color:#919191;
	font-weight:400;
	padding-top:0px;
	margin:0px;
	text-decoration:none;
	}

p.menu {
	font-family: "Arial", "Helvetica", "Tahoma", "sans-serif";
	font-size:12px;
	color:#514e86;
	font-weight:600;
	padding-top:0px;
	word-spacing:5px;
	margin:0px;
	text-decoration:none;
	}
	
p.sub {
	font-family: "Arial", "Helvetica", "Tahoma", "sans-serif";
	font-size:12px;
	color:#514e86;
	font-weight:600;
	padding-top:6px;
	padding-bottom:6px;
	border-bottom: solid #514e86 1px;
	margin:0px;
	background-color:#c5d2e3;
	text-decoration:none;
	}

p.contentHeader {
	font-family: "Arial", "Helvetica", "Tahoma", "sans-serif";
	font-size:12px;
	color:#514e86;
	font-weight:600;
	padding-top:0px;
	letter-spacing:1px;
	margin:0px;
	text-decoration:none;
	}

p.price {
	font-family: "Arial", "Helvetica", "Tahoma", "sans-serif";
	font-size:12px;
	color:#919191;
	font-weight:600;
	padding-top:0px;
	letter-spacing:1px;
	margin:0px;
	text-decoration:none;
	}

p.footer {
	font-family: "Arial", "Helvetica", "Tahoma", "sans-serif";
	font-size:9px;
	color:#514e86;
	padding-top:18px;
	padding-left:40px;
	padding-right:40px;
	margin: 0;
	}





/* IMAGES */

img {
	border:0px none;
	padding:0px;
	}

img.withPadding {
	border:0px none;
	padding:5px;
	}





/* LINKS */

p.footer a:link, p.footer a:visited {
	text-decoration:none;
	color:#514e86;
}

p.footer a:hover, p.footer a:active {
	text-decoration:none;
	color:#e62b86;
}

p.menu a:link, p.menu a:visited {
	text-decoration:none;
	color:#514e86;
}

p.menu a:hover, p.menu a:active {
	text-decoration:none;
	color:#e62b86;
}

p.contentHeader a:link, p.contentHeader a:visited {
	text-decoration:none;
	color:#514e86;
}

p.contentHeader a:hover, p.contentHeader a:active {
	text-decoration:none;
	color:#e62b86;
}

p.content a:link, p.content a:visited {
	text-decoration:none;
	color:#514e86;
}

p.content a:hover, p.content a:active {
	text-decoration:none;
	color:#e62b86;
}

p.sub a:link, p.sub a:visited {
	text-decoration:none;
	color:#514e86;
}

p.sub a:hover, p.sub a:active {
	text-decoration:none;
	color:#e62b86;
}

a:link, a:visited, a:hover, a:active {
	text-decoration:none;
}