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



*{
	margin:0;
	padding:0;
}

.clear {
	clear:both;
}
#menubar{
	
	width:1000px;
	height:50px;
	float: left;
	font-family: Verdana, Geneva, sans-serif;
	color:#666;
	font-size: 14pt;
	font-style: normal;
	word-spacing: 20px;
	padding-left: 40px;
	padding-top: 20px;
	font-weight: bold;
	margin-top:20px;
	margin-bottom:30px;
	margin-left:40px;
	background-color:#B5A788;
}

#menubar1{
	
	width:75%;
	height:75px;
	float: left;
	font-family: Verdana, Geneva, sans-serif;
	color:#666;
	font-size: 14pt;
	font-style: normal;
	word-spacing: 20px;
	padding-left: 40px;
	padding-top: 20px;
	font-weight: bold;
	margin-top:20px;
	margin-bottom:30px;
	margin-left:40px;
	background-color:#B5A788;
}



#contentindex{
	background-image:url(../images/faded4.jpg);
	float:left;
	width:100%;
	height:100%;
}

#contentsimplynatural{
	background-image:url(../images/faded4.jpg);
	float:left;
	width:100%;
	height:100%;
}

#content{
	background-image:url(../images/faded4.jpg);
	background-repeat:repeat;
	float:left;
	width:100%;
	height:100%;
}



#holdersimplynatural{
	width:80%px;
	height:7000px;
	margin-top:100px;
}

#wrappertintsimplynatural{
	margin-left:40px;
	margin-top:10px;
	width:80%;
	height:7000px;
}
#buffergallery{
	width:1000px;
	height:5px;
	padding-left:50px;
	float:left;
}

#galleryinformation{
	width:1000px;
	height:50px;
	margin-left:40px;
	padding-top:40px;
	padding-left:5px;
	padding-right:5px;
	float:left;
	background-color:#B5A788;
	font-family:Verdana, Geneva, sans-serif;
	color:#666;
	
	
	
}

#spotlightholder{
	width:1000px;
	height:340px;
	float: left;
	padding-left:40px;
}

#soapdisplaydivleft {
	width: 365px;
	height: 750px;
	float:left;
	border-style:double;
	margin-top:20px;
	margin-left:20px;
	padding-left:10px;
	font-family:Verdana, Geneva, sans-serif;
	color:#666;
	
	
}

#soapdisplaydivsimplynatural {
	width:365px;
	height:650px;
	float:left;
	border:double;
	margin-top:20px;
	margin-left:20px;
	padding-left:10px;
	font-family:Verdana, Geneva, sans-serif;
	color:#666;
	
}


#photosoapdisplaydiv {
	width:355px;
	height:150px;
	float:left;
	margin-top:15px;
	margin-bottom:15px;
	overflow:hidden;
}

#ingredientsoapdisplay{
	margin-top:5px;
	width:355px;
	height:260px;
	font-size:10px;
}
#soapwrappertint{
	background-image:url(../images/tint.png);
	margin-left:40px;
	margin-top:10px;
	width:90%;
	height:100%;
}


#wrapperblog{
	width:960px;
	height:12000px;
	float:left;
	color:#666;
	margin-top:10px;
	margin-left:40px;
	padding-left:20px;
	padding-right:20px;
	font-family:Verdana, Geneva, sans-serif;	
	
}


#about{
	width:920px;
	height:2400px;
	float:left;
	color:#666;
	padding-left:30px;
	padding-right:30px;
	font-family:"Gloria Hallelujah", sans-serif;
	font-size:16pt;
	margin-top:10px;
	margin-left:40px;
}

#index{
	width:1010px;
	height:2400px;
	float:left;
	color:#666;
	padding-right:30px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:16pt;
	margin-top:10px;
}

#contact_wrapper{
	width:940px;
	height:7000px;
	float:left;
	padding-left:30px;
	padding-right:30px;
	padding-top:30px;
	margin-top:10px;
	margin-left:40px;
	font-family:"Gloria Hallelujah", sans-serif;
	font-size:16pt;
	line-height:20pt;
	color:#666;
	
}	
	
	

	
#body {
	
}

.body_text{
	
}

#contentsoapsblog{
	background-image:url(../images/faded1.jpg);
	padding-top:0;
	background-repeat:repeat;
	width:100%;
	height:7000px;
}





#wrapperindex{
	background-image:url(../images/tint.png);
	width:1000px;
	height:2000px;
	float:left;
	color:#FFF;
	padding-left:20px;
	padding-right:20px;
	font-family:"Gloria Hallelujah", sans-serif;
	font-size:16pt;
	
}







#wrapperblogtext{
	padding-top:15px;
	width:900px;
	height:4000px;
	float:left;
	color:#FFF;
	font-family:Pangolin, sans-serif; font-size:18pt;
	background-image:url(../images/tint.png);
}
	
.calcium {
	width:700px;
	height:815px;
	float:left;
	font-size:20px;
	margin-right:5px;
}

.calrows{
	width:60px;
	height:20px;
	float:left;
}
.calcell{
	width:325px;
	height:20px;
	float:left;
	font-size:20px;
}


.headng {
	font-size:16pt;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	
	}

#wrapperblogads{
	width:30%;
	height:4000px;
	float:right;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif; font-size:12pt;
}








.title_soapdisplay{
	
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	color:#FFF;
	float:left;
	font-size:16pt;
	margin-left:10px;
	margin-top:10px;
}





.ingredientsoap_text{
	float:right;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11pt;
	line-height:12pt;
	color:#FFF;
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
}



#lastrowcontentindex880x100{
	width:880px;
	height:100px;
	float:left;
	background-color:transparent;
	margin-top:25px;
}
	
	

.lastrowindex100x283{
	width:283px;
	height:100px;
	float:left;
	background-color:transparent;
	font-family:Verdana, Geneva, sans-serif;
	font-size:20pt;
	color:#666;
	padding-top:5px;
	margin-left:10px;
}




.button100x100{
	width:100px;
	height:100px;
	float:left;
	margin-left:150px;
	margin-top:10px;
}

.textthingstodo{
	width:670px;
	height:100px;
	float:left;
	margin-left:30px;
	margin-top:10px;
	text-align:justify;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12pt;
}

#tablecontent{
	width:518px;
	height:402px;
	float:left;
	margin-left:125px;
	margin-top:30px;
}





a:hover#email_link {
	color:#666;
	font-size:20pt;
}

a:link, a:visited{
	color:#666;
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-style:normal;
	font-size:20pt;
}

a:hover {
	color:#884605;
	text-decoration:none;
	font-size: 20pt;
	font-family:Verdana, Geneva, sans-serif;
	font-style:normal;
}

a:active {
	color:640532#;
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-style:normal;
	font-size:20pt;
}



#buffer{
	width:50px;
	height:250px;
}

#indexcontent{
	width: 900px;
	height:300px;
	text-align:justify;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12pt;
	font-style:normal;
	float:left;
	padding-top:15px;
	padding-left:50px;
}

#extraline {
	width: 1000px;
	height: 30px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:18pt;
	padding-left: 50px;
	margin-top:10px;
	margin-left:40px;
	float:left;
}
	
#extraline1 {
	width: 1000px;
	height: 200px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:18pt;
	padding-left: 50px;
	margin-top:10px;
	margin-left:40px;
	float:left;
}
#contact1{
	float: left;
	height: 100px;
	width: 400px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-variant: small-caps;
	text-align: right;
	text-align:right;
}

#contact2{
	float: left;
	height: 400px;
	width: 400px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-variant: small-caps;
	padding-left:50px;
	text-align: left;
}


.contacttext {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12pt;
	color:#000;
	padding-left: 50px;
}

.contacttext span {
	color:#903;
	font-size:14pt;
}

	

a:link#email_link, a:visited#email_link  {
	color:#666;
	font-size: 12pt;
}


/*tablet settings*/

@media only screen and (max-width:667px){
	
	
		
		#mainContent{
	
	width:100%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}

#whiteWindow{
	width:667px;
	height:250px;
	background-color:white;
	opacity:.6;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	padding-right:10px;

	}
	
	#greyWindow{
	width:667px;
	height:380px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	padding-right:10px;

	}
	
	#bottomRight_textBox{
		width: 450px;
		height:350px;
		float:right;
		font-family:Verdana, Geneva, sans-serif;
		font-size:10pt;
		color:#666;
		margin-top:50px;
		
	}
	
	#content{
	background-image:url(../images/wood.jpg);
	background-repeat:repeat;
	width:100%;
	height:1400px;
}
	
}

/*samsung settings*/
@media only screen and (max-device-width:640px){
	


#menubar{
	
	width:1000px;
	height:200px;
	float: left;
	font-family: Verdana, Geneva, sans-serif;
	color:#666;
	font-size: 35pt;
	font-style: normal;
	word-spacing: 20px;
	padding-left: 40px;
	padding-top: 20px;
	font-weight: bold;
	margin-top:20px;
	margin-bottom:30px;
	margin-left:20px;
	margin-right:15px;
	background-color:#B5A788;
}

#menubar1{
	
	width:90%;
	height:130px;
	float: left;
	font-family: Verdana, Geneva, sans-serif;
	color:#666;
	font-size: 14pt;
	font-style: normal;
	word-spacing: 20px;
	padding-left: 10px;
	padding-top: 20px;
	font-weight: bold;
	margin-top:20px;
	margin-bottom:30px;
	margin-left:10px;
	margin-right:5px;
	background-color:#B5A788;
}


#about{
	width:970px;
	height:2400px;
	float:left;
	color:#666;
	padding-left:15px;
	padding-right:30px;
	font-family:"Gloria Hallelujah", sans-serif;
	font-size:25pt;
	margin-top:100px;
	margin-left:10px;
}	

#index{
	width:970px;
	height:2400px;
	float:left;
	color:#666;
	font-family:Verdana, Geneva, sans-serif;

}
#content{
	background-image:url(../images/faded1.jpg);
	background-repeat:repeat;
	width:105%;
	height:4000px;
}




#contentindex{
	background-image:url(../images/faded4.jpg);
	float:left;
	width:107%;
	height:100%;
}

#contentsimplynatural{
	background-image:url(../images/faded4.jpg);
	float:left;
	width:107%;
	height:100%;
}



#contentsoapsblog{
	background-image:url(../images/faded1.jpg);
	background-repeat:repeat;
	width:120%;
	height:10000px;
}

#spotlightholder{
	width:900px;
	height:375px;
	float:left;
	margin-top:100px;
}
		
#galleryinformation{
	width:900px;
	height:250px;
	float:left;
	font-size:35pt;
	color:#666;
	background-color:#B5A788;
	margin-top:40px;
	margin-right:1px;
	
	
	
}



#wrappertintsimplynatural{
	margin-top:10px;
	width:107%;
	height:10000px;
	float:left;
	margin-left:1px;
	padding-right:20px;
	font-family:Verdana, Geneva, sans-serif;
	
}

#soapwrappertint{
	width:100%;
	height:4000px;
	float:left;
	color:#666;
	margin-top:10px;
	margin-left:10px;
	padding-left:20px;
	padding-right:20px;
	font-family:Verdana, Geneva, sans-serif;	
	
}

#wrapperblog{
	width:95%;
	height:10000px;
	float:left;
	color:#666;
	margin-top:100px;
	padding-left:20px;
	padding-right:30px;
	font-family:Verdana, Geneva, sans-serif;	
	margin-left:1px;
}




#SoapSamples_Holder{
	width:100%px;
	height:5000px;
	margin-top:100px;
}

#holdersimplynatural{
	width:100%px;
	height:7000px;
	margin-top:100px;
}


#soapdisplaydivleft {
	width: 365px;
	height: 650px;
	float:left;
	border-style:double;
	margin-top:10px;
	margin-right:5px;
	margin-left:10px;
	padding-left:10px;
	color:#666;
	
}

	
#soapdisplaydivsimplynatural {
	width:365px;
	height:700px;
	float:left;
	border:double;
	margin-top:20px;
	margin-left:10px;
	margin-right:5px;
	padding-left:5px;
	font-family:Verdana, Geneva, sans-serif;
	color:#666;
	
}





#contact_wrapper{
	width:950px;
	height:1000px;
	float:left;
	padding-left:20px;
	padding-right:30px;
	padding-top:30px;
	margin-top:100px;
	margin-left:10px;
	font-family:"Gloria Hallelujah", sans-serif;
	font-size:30pt;
	line-height:40pt;
	color:#666;
	
}	





#extraline {
	width: 100%;
	height: 10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:20pt;
	padding-left: 10px;
	margin-top:20px;
	float:left;
}
	








	


#contactwrappertext{
	
	width:100%;
	height:3000px;
	float:left;
	color:#666;
	padding-left:35px;
	padding-right:20px;
	font-family:"Gloria Hallelujah", sans-serif;
	font-size:20pt;
}

}

/*iPhone settings*/
@media only screen and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){

#menubar{
	
	width:450px;
	height:50px;
	float: left;
	font-family: Verdana, Geneva, sans-serif;
	color:#666;
	font-size: 14pt;
	font-style: normal;
	word-spacing: 20px;
	padding-left: 40px;
	padding-top: 20px;
	font-weight: bold;
	margin-top:20px;
	margin-bottom:30px;
	margin-left:40px;
	background-color:#B5A788;
}
#about{
	width:970px;
	height:2400px;
	float:left;
	color:#666;
	padding-left:15px;
	padding-right:30px;
	font-family:"Gloria Hallelujah", sans-serif;
	font-size:25pt;
	margin-top:100px;
	margin-left:10px;
}	

#index{
	width:970px;
	height:2400px;
	float:left;
	color:#666;
	font-family:Verdana, Geneva, sans-serif;

}
#content{
	background-image:url(../images/faded1.jpg);
	background-repeat:repeat;
	width:105%;
	height:4000px;
}




#contentindex{
	background-image:url(../images/faded4.jpg);
	float:left;
	width:100%;
	height:100%;
}

#contentsimplynatural{
	background-image:url(../images/faded4.jpg);
	float:left;
	width:100%;
	height:100%;
}



#contentsoapsblog{
	background-image:url(../images/faded1.jpg);
	background-repeat:repeat;
	width:107%;
	height:10000px;
}

#spotlightholder{
	width:100%;
	height:375px;
	float:left;
	margin-top:100px;
}
		
#galleryinformation{
	width:100%;
	height:250px;
	float:left;
	font-size:35pt;
	color:#666;
	background-color:#B5A788;
	margin-top:10px;
	margin-right:5px;
	
}



#wrappertintsimplynatural{
	margin-top:10px;
	width:107%;
	height:10000px;
	float:left;
	margin-left:1px;
	padding-right:20px;
	font-family:Verdana, Geneva, sans-serif;
	
}

#soapwrappertint{
	width:100%;
	height:4000px;
	float:left;
	color:#666;
	margin-top:10px;
	margin-left:10px;
	padding-left:20px;
	padding-right:20px;
	font-family:Verdana, Geneva, sans-serif;	
	
}

#wrapperblog{
	width:95%;
	height:10000px;
	float:left;
	color:#666;
	margin-top:100px;
	padding-left:20px;
	padding-right:30px;
	font-family:Verdana, Geneva, sans-serif;	
	margin-left:1px;
}




#SoapSamples_Holder{
	width:100%px;
	height:5000px;
	margin-top:100px;
}

#holdersimplynatural{
	width:100%px;
	height:7000px;
	margin-top:100px;
}


#soapdisplaydivleft {
	width: 365px;
	height: 650px;
	float:left;
	border-style:double;
	margin-top:10px;
	margin-right:5px;
	margin-left:10px;
	padding-left:10px;
	color:#666;
	
}

	
#soapdisplaydivsimplynatural {
	width:365px;
	height:700px;
	float:left;
	border:double;
	margin-top:20px;
	margin-left:10px;
	margin-right:5px;
	padding-left:5px;
	font-family:Verdana, Geneva, sans-serif;
	color:#666;
	
}





#contact_wrapper{
	width:950px;
	height:1000px;
	float:left;
	padding-left:20px;
	padding-right:30px;
	padding-top:30px;
	margin-top:100px;
	margin-left:10px;
	font-family:"Gloria Hallelujah", sans-serif;
	font-size:30pt;
	line-height:40pt;
	color:#666;
	
}	





#extraline {
	width: 100%;
	height: 10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:20pt;
	padding-left: 10px;
	margin-top:20px;
	float:left;
}
	








	


#contactwrappertext{
	
	width:100%;
	height:3000px;
	float:left;
	color:#666;
	padding-left:35px;
	padding-right:20px;
	font-family:"Gloria Hallelujah", sans-serif;
	font-size:20pt;
}
}