body{
background: transparent url(../images/bg.jpg) ;
background-position:  center center;
background-repeat: repeat-x;
color:#fff;
}
.clear{
	clear:both;
}

#wrapper{
	width:985px;
	margin:0em auto;
	background:#FFF;
	position:relative;
	
}

#lSide{
	width:325px;
	float:left;
	background:#fff;
	min-height:400px;
	position:relative;
}

	#logo {
		text-indent:-99999px;
		background: transparent url(../images/logo.png) no-repeat;
		width:305px;
		height:340px;
		margin-left:2px;
	}

	#slogan{
		text-indent:-99999px;
		display:none;
	}



#rSide{
	float:left;
	width:660px;
	min-height:635px;
	background: transparent url(../images/rSidebg.jpg) no-repeat top right;
	position:relative;
}


#rSideC{
	float:left;
	width:655px;
	min-height:635px;
	background: transparent url(../images/rSidebg.jpg) no-repeat top right;
	position:relative;
}

#rSide2No{
	float:left;
	width:655px;
	min-height:635px;
	background: #FFF;
	position:relative;	
	
}
#rSide2{
	float:left;
	width:655px;
	height:630px;
	min-height:630px;
	background: transparent url(../images/rSidebg.jpg) no-repeat top right;
}


#rSideHome{
	float:left;
	width:655px;
	height:630px;
	min-height:630px;
}


#footer{
	background: transparent url(../images/footer.png) no-repeat;
	width:985px;
	height:78px;
	font: 110% "Comic Sans MS";
	color:#FFF;
	font-weight: bold;
	z-index:1;
	position:relative;
	
}

	#menu {
		margin:0em auto;
		width:875px;
	}
	
	ul#menu{
		margin-left:60px;
		
	}

	ul#menu li{
		color:#FFF;
	    padding: 28px 10px 0px 10px;
		margin-right:20px;
	float:left;
	}

	ul#menu li:hover{
		background: transparent url(../images/leave.png) no-repeat;
		background-position: center top;
	}

	#selected{
		background: transparent url(../images/leave.png) no-repeat;
		background-position: center top;
	}


	ul#menu a{
	text-decoration: none;
	color:#FFF;
	}

	ul#menu a:hover{
	text-decoration: underline;
	}

		#home{
			background: transparent url(../images/icons/home.png) no-repeat;
			background-position: left top;
			width:55px;
			height:18px;
			text-indent:-9999px;
			display:block;
		}
	
		#home:hover{
			background: transparent url(../images/icons/home.png) no-repeat;
			background-position: left bottom;
		}


		#where{
			background: transparent url(../images/icons/where.png) no-repeat;
			background-position: left top;
			width:119px;
			height:23px;
			text-indent:-9999px;
			display:block;
		}
	
		#where:hover{
			background: transparent url(../images/icons/where.png) no-repeat;
			background-position: left bottom;
		}


		#faq{
			background: transparent url(../images/icons/faq.png) no-repeat;
			background-position: left top;
			width:46px;
			height:20px;
			text-indent:-9999px;
			display:block;
		}
	
		#faq:hover{
			background: transparent url(../images/icons/faq.png) no-repeat;
			background-position: left bottom;
		}

		#testimonials{
			background: transparent url(../images/icons/testimonials.png) no-repeat;
			background-position: left top;
			width:106px;
			height:19px;
			text-indent:-9999px;
			display:block;
		}
	
		#testimonials:hover{
			background: transparent url(../images/icons/testimonials.png) no-repeat;
			background-position: left bottom;
		}

		#who{
			background: transparent url(../images/icons/who.png) no-repeat;
			background-position: left top;
			width:111px;
			height:19px;
			text-indent:-9999px;
			display:block;
		}
	
		#who:hover{
			background: transparent url(../images/icons/who.png) no-repeat;
			background-position: left bottom;
		}


		#media{
			background: transparent url(../images/icons/media.png) no-repeat;
			background-position: left top;
			width:59px;
			height:19px;
			text-indent:-9999px;
			display:block;
		}
	
		#media:hover{
			background: transparent url(../images/icons/media.png) no-repeat;
			background-position: left bottom;
		}


		#contactus{
			background: transparent url(../images/icons/contactus.png) no-repeat;
			background-position: left top;
			width:95px;
			height:20px;
			text-indent:-9999px;
			display:block;
		}
	
		#contactus:hover{
			background: transparent url(../images/icons/contactus.png) no-repeat;
			background-position: left bottom;
		}






#rSideCnt{
	padding: 40px;
}


/*HOME*/

	#lSideHome{
		background: transparent url(../images/lSideHome.png) no-repeat;
		height:302px;
		margin:0em auto;
		margin-top:2px;
		color:#000;
		text-indent:-99999px;


	}
		#lSideHomeCnt{
			padding: 30px 30px 40px 20px;
			font: 89% "Comic Sans MS";
			color:#FFF;
			font-weight: bold;
			text-align: justify;
		}

	#lSideHomemBug{
			position:absolute;
			width:294px;
			height:315px;
			top:335px;
			left:10px;
		}



/*FAQ*/

#lSideFAQ{
	background: transparent url(../images/lSideFAQ.jpg) no-repeat;
	margin:0em auto;
	margin-top:20px;
	height:302px;
}

#lSideFAQBug{
		position:absolute;
		width:294px;
		height:315px;
		top:640px;
		left:100px;

	}

.titles{
	color:#F7941E;
	font: 120% "Verdana";
	text-align: center;
	font-weight: bold;
	
	}

#faqlist{
	padding: 20px 0px 00px 20px;
}

#faqlist li{
	list-style-image: url(../images/faqList.png) ;
	text-align: justify;
	font: 90% "Verdana";
	margin:10px 0px 30px 0px;
}

#faqlist li:hover{
	background-color: #fafafa;
	
}


.questionsOn{
	color:#B9D656;
	font-weight: bold;
	
}
.questionsOff{
	color:#F7941E;
	font-weight: bold;
}

.response{
	color:#999;
	
}


/*Testimonials*/

	#testimonialsTitle{
		background: transparent url(../images/testimonialsTitle.png) no-repeat;
		width:534px;
		height:140px;
		text-indent:-99999px;
	}
	

	#lSideTestimonials{
		background: transparent url(../images/lSideTestimonials.jpg) no-repeat;
		margin:0em auto;
		margin-top:20px;
		height:302px;
	}
	
	#lSideTestimonialsBug{
			position:absolute;
			width:294px;
			height:315px;
			top:420px;
			left:120px;

		}

	.testimonialsOn{
		color:#B9D656;
	}

	.testimonialsOff{
		color:#999999;
	}




/*Media*/


	#lSideMedia{
		background: transparent url(../images/lSideMedia.jpg) no-repeat;
		margin:0em auto;
		margin-top:2px;
		height:302px;
	}
	
.title-media{
	float:left;
	width:210px;
	margin-right:80px;
}

.slides{
	height:300px;
	width:350px;
	float: left;
}

.arrow_next{
	background: transparent url(../images/arrow_next.png) no-repeat;
	height:39px;
	width:39px;
	display:block;
	float:left;
}

.arrow_prev{
	background: transparent url(../images/arrow_prev.png) no-repeat;
	height:39px;
	width:39px;
	display:block;
	float:left;
}

.arrows{
	float:right;
}



/*Who we are*/
#whoweareLogo{
	position:absolute;
	z-index:99999;
}
#whoweare{
	background: #FFF url(../images/who-bg.jpg) no-repeat;
	background-position: center top;
	background-position: 70% 0%;
	width:985px;
	margin:0em auto;
	position:relative;
	height:660px;
	color:#000;

	}
	
	.centerthis{
		margin:0em auto;
		width:985px;
	}
	
	
#whoweareCnt{
	position:absolute;
}	

	#ethan{
		position:absolute;
		width:135px;
		height:100px;
		top:128px;
		left:510px;
		background: transparent url(../images/who/ethan.png) no-repeat;
		background-position: 300px 300px;
		text-indent:-9999px;
		cursor: pointer;
	}
	#ethan:hover{
		background: transparent url(../images/who/ethan.png) no-repeat;
	}
	
	
	#lidia{
		width:179px;
		height:103px;
		background: transparent url(../images/who/lidia.png) no-repeat;
		background-position: 300px 300px;
		text-indent:-9999px;
		cursor: pointer;
		position:absolute;
		top:262px;
		left:347px;
	}
	#lidia:hover{
		background: transparent url(../images/who/lidia.png) no-repeat;
	}
	
	
	

	#aida{
		width:269px;
		height:102px;
		background: transparent url(../images/who/aida.png) no-repeat;
		background-position: 300px 300px;
		text-indent:-9999px;
		cursor: pointer;
		position:absolute;
		top:262px;
		left:602px;
	}
	#aida:hover{
		background: transparent url(../images/who/aida.png) no-repeat;
	}
	
	
	#adam{
		width:179px;
		height:105px;
		background: transparent url(../images/who/adam.png) no-repeat;
		background-position: 300px 300px;
		text-indent:-9999px;
		cursor: pointer;
		position:absolute;
		top:357px;
		left:547px;
	}
	#adam:hover{
		background: transparent url(../images/who/adam.png) no-repeat;
	}
	
	
	
	#orly{
		width:233px;
		height:101px;
		background: transparent url(../images/who/orly.png) no-repeat;
		background-position: 300px 300px;
		text-indent:-9999px;
		cursor: pointer;
		position:absolute;
		top:427px;
		left:351px;
	}
	#orly:hover{
		background: transparent url(../images/who/orly.png) no-repeat;
	}

	#neville{
		width:200px;
		height:100px;
		background: transparent url(../images/who/neville.png) no-repeat;
		background-position: 300px 300px;
		text-indent:-9999px;
		cursor: pointer;
		position:absolute;
		top:506px;
		left:197px;
	}
	#neville:hover{
		background: transparent url(../images/who/neville.png) no-repeat;
	}



	#patricia{
		width:222px;
		height:100px;
		background: transparent url(../images/who/patricia.png) no-repeat;
		background-position: 300px 300px;
		text-indent:-9999px;
		cursor: pointer;
		position:absolute;
		top:480px;
		left:650px;
	}
	#patricia:hover{
		background: transparent url(../images/who/patricia.png) no-repeat;
	}









.p1{
	height:690px;
}
.p2{
	height:600px;
	text-indent:-99999px;
	margin-top: 80px;
	margin-left: 210px;
	
	
}

#arrows{
	position:absolute;
	top:450px;
	left:300px;
	z-index:99999;
}


#arrow-up{
	background: transparent url(../images/arrow-up.png) no-repeat;
	height:32px;
	width:32px;
	display:block;
	float:left;
	text-indent:-999px;
}

#arrow-down{
	background: transparent url(../images/arrow-down.png) no-repeat;
	height:32px;
	width:32px;
	display:block;
	float:left;
	text-indent:-999px;
}

.hidetext{
	text-indent:-99999px;
}



/*Contact*/

#lSideContact{
	background: transparent url(../images/lSideContact.jpg) no-repeat;
	margin:0em auto;
	margin-top:2px;
	height:302px;
}

#contactTitle{
	background: transparent url(../images/contactTitle.jpg) no-repeat;
	height:183px;
	width:387px;
	position: absolute;
	top:5px;
	left:100px;
	
}

#contactPhone{
	background: transparent url(../images/contactPhone2.png) no-repeat;
	height:325px;
	width:600px;
	position: absolute;
/*	top:400px;*/
	top:420px;
	right:05px;
	
}

#contactForm{
	position:absolute;
	z-index:999999;
	top:240px;
	left:25px;
	width:500px;
}


/*Where*/

#lSideBuy{
	background: transparent url(../images/lSideBuy.jpg) no-repeat;
	margin:0em auto;
	margin-top:2px;
	height:302px;
}



/*Products*/

#rSideProducts{
	float:left;
	width:660px;
	min-height:635px;
	background: #FFF;
	position:relative;
	text-align: center;
}

/*Pacifier Holder*/


#lSidePacifierHolder{
	background: transparent url(../images/lSidePacifierHolder.jpg) no-repeat;
	margin:0em auto;
	margin-top:2px;
	height:302px;
	text-indent:-99999px;
}


/*Keep it Kleen*/


#lSideKeepItKleen{
	background: transparent url(../images/lSideKeepItKleen.jpg) no-repeat;
	margin:0em auto;
	margin-top:2px;
	height:302px;
	text-indent:-99999px;
}


/*Keep it Kleen*/


#lSideKeepItKleen{
	background: transparent url(../images/lSideKeepItKleen.jpg) no-repeat;
	margin:0em auto;
	margin-top:2px;
	height:302px;
	text-indent:-99999px;
}

/*Raz Berry Teether*/

#lSideRazBerryTeether{
	background: transparent url(../images/lSideRazBerryTeether.jpg) no-repeat;
	margin:0em auto;
	margin-top:2px;
	height:302px;
	text-indent:-99999px;
}

/*Vapor Raz*/

#lSideVaporRaz{
	
	background: transparent url(../images/lSideVaporRaz.jpg) no-repeat;
	margin:0em auto;
	margin-top:2px;
	height:302px;
	text-indent:-99999px;
}

#lSideRazADazzleToothbrush{
	background: transparent url(../images/lSideRazADazzleToothbrush.jpg) no-repeat;
	margin:0em auto;
	margin-top:2px;
	height:302px;
	text-indent:-99999px;
}

#lSideRazPak{
	background: transparent url(../images/lSideRazPak.jpg) no-repeat;
	margin:0em auto;
	margin-top:2px;
	height:302px;
	text-indent:-99999px;
}




/* Where to Buy*/
#whereOne{
	background: transparent url(../images/where-zip.jpg) no-repeat;
	height:180px;
	width:309px;
	position:relative;
	float:left;
}

#whereTwo{
	background: transparent url(../images/where-cat.jpg) no-repeat;
	height:180px;
	width:309px;
	position:relative;
	float:right;
}
#whereThree{
	width:130px;
	margin:0em auto;
	margin-top:35px;
	float:right;
	}

#where-zipcode{
	position:absolute;
	top:93px;
	left:115px;
	width:50px;
	background:#d7edaf;
}

#where-street{
	position:absolute;
	top:225px;
	left:95px;
	background:#d7edaf;
}

#where-city{
	position:absolute;
	top:265px;
	left:95px;
	background:#d7edaf;
}

#where-state{
	position:absolute;
	top:305px;
	left:95px;
	background:#d7edaf;
}
#where-country{
	position:absolute;
	top:345px;
	left:95px;
	width:160px;
	background:#d7edaf;
}
#where-categories{
	position:absolute;
	top:60px;
	left:30px;
	background:#d7edaf;
}
#where-radius{
	position:absolute;
	top:122px;
	left:90px;
	background:#d7edaf;
}


#slidePic{
	background:transparent url(../images/slidePic.jpg) no-repeat scroll left top;
	width:645px;
	height:140px;
	margin-top:40px;
	position:relative;
	padding-left:12px;
	padding-top:5px;
}

#slidePic ul{
	margin-left:30px;
}
.slidePics{
top:10px;
width:625px!important;
}	
.slidePics img{
/*	height:133px;
	border: 1px solid #800080;
	border-top: 0px solid #999;
	border-bottom: 0px solid #999;
*/	
	
}


#arrowprev{
	background:transparent url(../images/arrow_prev.png) no-repeat left top;
	width:39px;
	height:39px;
	display:block;
	top:50px;
	left:-10px;
	position: absolute;
	z-index:9999;
}


#arrowprev:hover{
	background:transparent url(../images/arrow_prev.png) no-repeat left bottom;
}


#arrownext{
	background:transparent url(../images/arrow_next.png) no-repeat left top;
	width:39px;
	height:39px;
	display:block;
	top:50px;
	right:-5px;
	position: absolute;
	z-index:9999;
	
}

#arrownext:hover{
	background:transparent url(../images/arrow_next.png) no-repeat left bottom;
}

#whereAll{
	width:470px;
	
}
#whereAll li{
	width:180px;
	float:left;
}



