/* A fluid template for business or fun */
/* By Dave Reeder, www.davereederdesign.com */

body { margin: 0px; padding: 10px 0px 0px 0px;}

#bodybackground{
	background: url(images/dot-wallpaper2.gif) repeat 0px 0px;
}
#wrap {
	width: 790px; /* top, right, bottom, left */
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background: url(images/fullsite.gif) repeat-y right 0;
}
.clear{
	clear: both;
}
/*---------------------------------------------Layout------------------------------------------------------*/
#header{
	background-image: url(images/sample2_header.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	width: 790px;
	height: 63px;
	overflow: hidden;
}
#navbar {
	width: 790px;
	background-image: url(images/header2.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	height: 22px;
}
.rowcontainer {	/* Used to keep the divs in a row.  you can use this for any size of divs */
	float: left;
	margin-top:0px;
	width: 790px;
	overflow: none;

}

.twocolumnrow {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	width: 600px;
	float: right;

}
.threecolumnrow {
	float: right;
	width: 770px;
	margin: 0px;
	padding: 0px;
}
#maincontentflow {
	margin-top: 45px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;

	
}
.column1 {
	float: left;
	width: 440px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	z-index: 1;
}	
.column2 {
	float: right;
	width: 325px;
	margin: 0px;
	padding: 0px;
}
.column3 {
	float: right;
	width: 245px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
}
.column4 {
	float: left;
	width: 170px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 16px;
}	
#featurebox1{
	float: left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.redbold {
	font-weight: bold;
	color: #CC0066;
}


#featurebox2{
	float: left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#featurebox3{
	float: right;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 5px;
	width: 298px;
}
#box1{
	margin: 0px;
	background-image: url(images/pic_doll.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 225px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 280px;
	overflow: visible;
}

#box2{
	margin: 0px;
	background-image: url(images/pic_waterwon.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 280px;
}

#quotebg{
	background-image: url(images/quotebg.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 188px;
	margin-right: 10px;
	margin-bottom: 2px;
	margin-left: 10px;
	margin-top: 2px;
	width: 188px;

}
#quotebox{
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	padding: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-top: 245px;
	width: 170px;
	float: right;
	height: 170px;
}
#quotebox2{
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	padding: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-top: 50px;
	width: 170px;
	float: right;
	height: 170px;
}
#quoteboxinner{
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	padding: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-top: 210px;
	width: 175px;
	float: right;
	height: 170px;
}
.quote{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 21px;
	font-weight: normal;
	color: #0C243F;
	margin: 0px;
	width: 165px;
	font-style: italic;
	padding: 0px;
	text-indent: 15px;
	line-height: 24px;
}

.quoteinner{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 19px;
	font-weight: normal;
	color: #0C243F;
	margin: 0px;
	line-height: 20px;
	width: 165px;
	font-style: italic;
	padding: 0px;
	text-indent: 25px;
}

.quotecircle{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	color: #0C243F;
	line-height: 20px;
	font-style: italic;
	text-indent: 20px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 15px;
	margin: 0px;
}

.quoteperson{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	color: #0C243F;
	text-align: right;
	line-height: 17px;
	margin-right: 12px;
	margin-top: 7px;
	margin-bottom: 5px;
}
/*------------CART Nav----------*/

#cartdiv{
	float: right;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	width: 600px;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 0px;
}
ul#viewcart{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	color: #1E2835;
	float: right;
	margin: 0px;
	padding: 0px;
	}
ul#viewcart li {
	display: inline;
	font-size: 12px;
}

ul#viewcart a {
	font-weight: normal;
	display: inline;
	padding-left: 5px;
	padding-right: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	text-decoration: none;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

ul#viewcart li a:link, ul#viewcart li a:visited  {
	color: #1E2835;
	text-decoration:none;
	margin: 0px;
	padding: 0px;
}

ul#viewcart li a:hover {
	color: #CC0066; text-decoration:none;
}
#mainnav{
	float: right;
	width: 610px;
	margin: 0px;
	padding: 0px;
}

ul#mainnav {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul#mainnav li {
	float: left;
	font-size: 12px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 2px;
}

ul#mainnav a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	color: #663300;
	display: inline;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

ul#mainnav li a:link, ul#mainnav li a:visited  {
	color: #1E2835;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

ul#mainnav li a:hover {
	color: #CC0066;
	margin: 0px;
	padding: 0px;
	}
	
/*-----SIDE BOXES AND NAVIGATION----*/
#sidebar {
	width: 170px;
	padding: 0px;
	float: left;
	background-color: #FEE7ED;
	margin-top: 45px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#sidebartop{
	background-image: url(images/sidebar_r1_c1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 5px;
}
#sidebarbottom{
	background-image: url(images/sidebar_r4_c1.jpg);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	padding-top: 13px;
}

ul#leftnav {
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
}
ul#leftnav li {
	background-image: url(images/bullet.jpg);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7CB0EE;
	padding-top: 8px;
	padding-bottom: 5px;
	padding-left: 25px;
	padding-right: 5px;
}
ul#leftnav li a:link, ul#leftnav li a:visited {
	text-decoration:none;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #333333;
}
ul#leftnav li a:hover {
	color: #CC0066;
	text-decoration:underline;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

ul#leftnav .active {
	color: #333333;
	text-decoration: bold;
	
}
ul#press {
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
}
ul#press li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7CB0EE;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	padding-top: 10px;
	padding-bottom: 5px;
}
ul#press li a:link, ul#press li a:visited {
	text-decoration:none;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
ul#press li a:hover {
	color: #A40236;
	text-decoration:underline;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

/*-----BOTTOM BOXES AND NAVIGATION----*/
#homebottom {
	background-image: url(images/sample1_bottom.gif);
	background-repeat: no-repeat;
	background-position: 16px 0px;
	padding-left: 22px;
	padding-top: 10px;
	padding-bottom: 55px;

}
.roundedboxesbg{
	background-image: url(images/roundedboxes_r3_c1.jpg);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}
#roundedbox{
	float: left;
	width: 133px;
	margin-right: 10px;
	padding-right: 5px;
	padding-left: 5px;
}
#roundedboxlast{
	float: left;
	width: 133px;
	padding-right: 5px;
	padding-left: 5px;
}
#roundedboxtitle{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: bolder;
	margin-bottom: 4px;
}
#roundedboxcontent{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
ul#botnav {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #1E2835;
	display: inline;
	padding: 0px;
	margin: 0px;
	float: right;
}

ul#botnav li {
	display: inline;
	font-size: 10px;
	color: #1E2835;
	margin-right: 2px;
}

ul#botnav a {
	font-weight: normal;
	display: inline;
	padding-left: 0px;
	padding-right: 0px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

ul#botnav li a:link, ul#botnav li a:visited  {
	color: #1E2835;
	text-decoration:none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

ul#botnav li a:hover {
	color: #A40236;
	text-decoration:none;
	margin: 0px;
	padding: 0px;
}
.copyright {
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #171F28;
	font-weight: normal;
	padding-left: 17px;
	text-decoration:none;
	padding-bottom: 5px;
}

.copyright a:link  {
	font-size: 10px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration:underline;
	color: #171F28;
}
.copyright a:visited
 { 
	font-size: 10px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration:underline;
}

.copyright a:hover{
	color: #AA0034;
	text-decoration: underline;
}
/*--------------MAIN CONTENT BACKGROUNDS -------*/
#logobottom {
	background-repeat: no-repeat;
	background-position: 1px 0px;
	background-image: url(images/header4.gif);
	margin: 0px;
	padding: 0px;
	overflow: visible;
	height: 65px;
	float: left;
	width: 428px;
	z-index: 0;
}
#pagepic {
	background-image: url(images/pic_home.jpg);
	background-repeat: no-repeat;
	background-position: 428px 0px;
	height: 500px;
}
.rowcontainerinner {	/* Used to keep the divs in a row.  you can use this for any size of divs */
	background-image: url(headers/rotate.php);
	background-repeat: no-repeat;
	background-position: 428px 0px;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 790px;
	overflow: visible;

}
#mommybox{
	background-image: url(images/mommybox.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 280px;
	width: 298px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	float: left;
	margin-right: 0px;
	margin-left: 10px;
}

#mommy{
	margin-top: 90px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 95px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.rowcontainerpicstore {	/* Used to keep the divs in a row.  you can use this for any size of divs */
	background-image: url(images/pic_store.jpg);
	background-repeat: no-repeat;
	background-position: 428px 0px;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 790px;
	overflow: visible;

}
.rowcontainerpicfree {	/* Used to keep the divs in a row.  you can use this for any size of divs */
	background-image: url(images/freebiespic.jpg);
	background-repeat: no-repeat;
	background-position: 428px 0px;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 790px;
	overflow: visible;

}
.rowcontainerplainbg {	/* Used to keep the divs in a row.  you can use this for any size of divs */
	background-image: url(images/plainbg.jpg);
	background-repeat: no-repeat;
	background-position: 428px 0px;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 790px;
	overflow: visible;

}
.rowcontainerbabysfirst {	/* Used to keep the divs in a row.  you can use this for any size of divs */
	background-image: url(images/product_pic1.jpg);
	background-repeat: no-repeat;
	background-position: 428px 0px;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 790px;
	overflow: visible;

}

.rowcontainerairbaby {	/* Used to keep the divs in a row.  you can use this for any size of divs */
	background-image: url(images/product_pic2.jpg);
	background-repeat: no-repeat;
	background-position: 428px 0px;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 790px;
	overflow: visible;

} 

.rowcontainerbundleofjoy {	/* Used to keep the divs in a row.  you can use this for any size of divs */
	background-image:url(images/product_pic3.jpg);
	background-repeat: no-repeat;
	background-position: 428px 0px;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 790px;
	overflow: visible;

}  
.rowcontainermommysbaby {	/* Used to keep the divs in a row.  you can use this for any size of divs */
	background-image:url(images/product_pic4.jpg);
	background-repeat: no-repeat;
	background-position: 428px 0px;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 790px;
	overflow: visible;

}  
.rowcontainerbasictraining {	/* Used to keep the divs in a row.  you can use this for any size of divs */
	background-image:url(images/product_pic5.jpg);
	background-repeat: no-repeat;
	background-position: 428px 0px;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 790px;
	overflow: visible;

} 
.rowcontainerlavenderdreams {	/* Used to keep the divs in a row.  you can use this for any size of divs */
	background-image:url(images/product_pic6.jpg);
	background-repeat: no-repeat;
	background-position: 428px 0px;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 790px;
	overflow: visible;

} 
.rowcontainerventrilo {	/* Used to keep the divs in a row.  you can use this for any size of divs */
	background-image:url(images/ventrilo_bg.jpg);
	background-repeat: no-repeat;
	background-position: 428px 0px;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 790px;
	overflow: visible;

} 

.rowcontainermommy2 {	/* Used to keep the divs in a row.  you can use this for any size of divs */
	background-image:url(images/product_pic8.jpg);
	background-repeat: no-repeat;
	background-position: 428px 0px;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 790px;
	overflow: visible;

} 
.rowcontainerwaterwonder {	/* Used to keep the divs in a row.  you can use this for any size of divs */
	background-image:url(images/product_pic7.jpg);
	background-repeat: no-repeat;
	background-position: 428px 0px;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 790px;
	overflow: visible;
	
	} 
.rowcontainerseedlings {	/* Used to keep the divs in a row.  you can use this for any size of divs */
	background-image:url(images/product_pic10.jpg);
	background-repeat: no-repeat;
	background-position: 428px 0px;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 790px;
	overflow: visible;

} 


/*-----TEXT STYLES----*/

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	font-weight: bold;
	color: #663300;
		margin-top: 0px;
	padding-top: 0px;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
h3{	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #FF99CC;
	margin-top: 0px;
	padding-top: 0px;
}
h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #CC0066;
	margin: 0px;
	padding: 0px;
}
h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #A40236;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
.verdana11{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.dollname, .dollname a:link, .dollname a:visited {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #CC0066;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	text-decoration: none;
}
.dollname a:hover {
	color: #CC0066;
	text-decoration: none;
}
.newscontent {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.newstitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #CC0066;
	padding-bottom: 5px;
	padding-top: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7CB0EE;
	padding-left: 10px;
}
.formfield {
	height: 18px;
	width: 140px;
	border: 1px solid #999999;
}
.formfieldComments {

	height: 140px;
	width: 140px;
	border: 1px solid #999999;
}
#quoteboxwider {

	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	padding: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-top: 325px;
	width: 255px;
	float: right;
	height: 170px;
}
.rowcontainersensitivebaby {

	background-image: url(images/product_pic9.jpg);
	background-repeat: no-repeat;
	background-position: 428px 0px;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 790px;
	overflow: visible;
}
#homebottomoutside {

	background-image: url(images/homebottom2.gif);
	background-repeat: no-repeat;
	background-position: 16px bottom;
	padding-left: 22px;
	padding-top: 10px;
	padding-bottom: 55px;
}
