html, body {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	font: 13px/1.3em "Lucida Grande", Tahoma, Verdana, sans-serif;
	color: #444;
}
#container {
	position: relative;
	min-height: 100%;
	height: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
}
html>body #container {
	height: auto;
}
/* Removes dotted edges on links: */
a:active { outline: none; }
:-moz-any-link:focus { outline: none; }
object { outline:none; }

/* end: */
#content {
	margin:0;
	border:0;
	padding-bottom: 28px;
	text-align:center;
}

#padtop {
	padding-top: 0px;
}
#wrapper {
	width: 900px;
	margin:0 auto; /* center */
}

/*---------------------------------------------------------------------------------
  General
-  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  */


p { margin:9px 0 0 0; padding:0px; } /*sets top margin of p */


img {
	border:0;
}
.clear {
	clear:both;
	height:0;
	overflow:hidden;
	width:100%;
}
ol, ul {
	list-style: none;
}
a{text-decoration:none; color:#6699cc}
a:hover{text-decoration:none; color: #999;}

/*---------------------------------------------------------------------------------
  Nav
-  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  */

#site-top {
	width:900px;
	height:92px;
	margin:0 auto; /* center */	
}	
#site-top #logo {
	float: left;
	display: block;
	width: 316px;
	height: 92px;
}
#site-top #nav {
	float: left;
	display: block;
	width: 584px;
	height: 92px;
	margin: 0;
}

#Header #Nav {
    margin: 0px;
    padding: 0px;
    list-style: none;    
	padding: 35px 0px 0px 70px; /*top right bottom left */        
	cursor:default;
}

#Header #Nav li {
	float: left;
	position: relative;
	z-index: 1; /* to go above other content */
}

#Header #Nav li a {
	display: block;
	height: 26px;
	background: transparent url("images/nav.png") no-repeat left top;
	text-indent: -9999px;
	position: relative;
	z-index: 20;
	margin-right: 30px;	/* space to right of each item, add to bg postions */
}

#Header #Nav li#nhome a {
	width: 58px;
	background-position: 0 0;
}
#Header #Nav li#nhome.active a, #Header #Nav li#nhome a:hover {
	background-position: 0 -26px;
}

#Header #Nav li#nproducts a {
	width: 85px;
	background-position: -88px 0;
}
#Header #Nav li#nproducts.active a, #Header #Nav li#nproducts a:hover {
	background-position: -88px -26px;
}
/* for active state parent of drop down page only */
#Header #Nav li#nproductsactive a {
	width: 85px;
	background-position: -88px -26px;
}

#Header #Nav li#ninspiration a {
	width: 98px;
	background-position: -203px 0;
}
#Header #Nav li#ninspiration.active a, #Header #Nav li#ninspiration a:hover {
	background-position: -203px -26px;
}

#Header #Nav li#nblog a {
	width: 45px;
	background-position: -331px 0;
}
#Header #Nav li#nblog.active a, #Header #Nav li#nblog a:hover {
	background-position: -331px -26px;
}

#Header #Nav li#ncontact a {
	width: 74px;
	background-position: -404px 0;
}
#Header #Nav li#ncontact.active a, #Header #Nav li#ncontact a:hover {
	background-position: -404px -26px;
}

/*---Drop Downs---*/

#Header #Nav li ul {
	margin-left: -12px;
	margin-top: 0px;
	position: absolute;
	width: 140px;
	z-index: 10;
	padding:0;
	background: transparent url("images/nav-drop-back.png") repeat left top;
}

#Header #Nav li ul {
	padding-bottom: 12px; /* space at bottom of drop */
}

#Header #Nav li ul li {
	float:  none;
	line-height:  0px;
}

#Header #Nav li ul li a {
	background:  none;
	text-indent:  0;
	height: 11px;
	width:  auto !important;
	color:  #8cbfdc;
	margin-right: 0px;
	margin-top:2px; /* vertical space between items */
	padding:  12px 0px 0px 13px;
	font-size:  10px;
	font-weight: bold;
	line-height:  11px;
	text-transform:uppercase;
}

#Header #Nav li ul li#nav-planet a {
	background: transparent url("images/nav-planet.png") no-repeat left top;
	text-indent: -9999px;
	background-position: 0 -34px;
}
#Header #Nav li ul li#nav-planet a:hover {
	background-position: 0 0;
}

#Header #Nav li ul li#nav-animal a {
	background: transparent url("images/nav-animal.png") no-repeat left top;
	text-indent: -9999px;
	background-position: 0 -34px;
}
#Header #Nav li ul li#nav-animal a:hover {
	background-position: 0 0;
}

ul.submenu {
	display: none;
}

/*---------------------------------------------------------------------------------
  Homepage
-  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  */

#hp {
	width:850px;
	margin:0 auto; /* center */	
	padding-top:5px;
}
#hp p { 
	font: 17px/1.3em "Lucida Grande", Tahoma, Verdana, sans-serif;
	color: #777;
	margin:0;
	padding:0;
}
span.star {	font: 18px/1.3em "Lucida Grande", Tahoma, Verdana, sans-serif;
	color: #6699cc;
	margin:0;
	padding:0;
	font-weight:bold;
}

/*---------------------------------------------------------------------------------
  Products Page
-  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  */

#pp {
	width:895px;
	margin:0 auto; /* center */	
}

#pp .small {
	color:#888 ; font-size: 12px ; padding-bottom:25px;
}
#pp .small2 {
	color:#888 ; font-size: 12px ; padding-bottom:5px;
}

#pp ul{
			margin: 0;
            padding: 0;
            list-style: none;          
}
#pp li {
			width:169px;
            height:150px; 
            margin: 0px;
            padding: 0px;
            float:left;
			display: inline;
			padding-right:10px;
			padding-bottom:30px;
}
#pp li a {
	font-family: arial ; color:#888 ; font-size: 10px ; 
}
#pp img {
	display:block;
	filter: alpha(opacity=100);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1.00;
	opacity:1.00;
	border: 1px solid #EEE;
}
#pp a:hover img {
	display:block;
	filter: alpha(opacity=80);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity: .80;
	opacity: .80;
	border: 1px solid #EEE;
}

#pp .text { 
	font: 16px/1.7em "Lucida Grande", Tahoma, Verdana, sans-serif;
	color: #888;
	margin: 3px 0 0 0; /*top right bottom left */
	padding: 0;
}

.nocolor {
	color: #888;
}	

/*---------------------------------------------------------------------------------
  Inspiration Page
-  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  */

#ip {
	width:780px;
	margin:0 auto; /* center */	
    background-image: url("images/inspir_back.jpg");
    background-repeat: no-repeat;	
    background-position: 0px 46px;	
	height:460px;
}
#ip .text { 
	font: 15px/1.4em "Lucida Grande", Tahoma, Verdana, sans-serif;
	color: #777;
	margin:0 auto; /* center */	
	padding: 30px 0 0 0; /*top right bottom left */
	text-align: left;
	width:650px;
}
p.sig{
  font-family:      "Comic Sans MS"
                    "Brush Script MT"
                    cursive;
}

/*---------------------------------------------------------------------------------
  Testimonials Page
-  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  */

#tp {
	width:620px;
	margin:0 auto; /* center */	
	text-align: left;
	padding: 30px 0 0 0; /*top right bottom left */
}
#quote1 {
	font: 15px/1.3em "Lucida Grande", Tahoma, Verdana, sans-serif;
	color: #777;
	margin-top:16px;	
}
.quote2 {
	margin-top: 2px;
	font: 15px/1.3em "Lucida Grande", Tahoma, Verdana, sans-serif;
	color:#6699cc;
}
#kids {
	font: 15px/1.3em "Lucida Grande", Tahoma, Verdana, sans-serif;
	color: #6699cc;
	margin-top:25px;	
}

/*---------------------------------------------------------------------------------
  Contact Page
-  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  */

#cp {
	width:500px;
	margin:0 auto; /* center */	
	text-align: left;
	padding: 30px 0 0 50px; /*top right bottom left */
	font: 16px/1.3em "Lucida Grande", Tahoma, Verdana, sans-serif;
	color: #777;	
}

#cp p { margin:15px 0 0 0; padding:0px; } /*sets top margin of p */

#cp .links { line-height:1.8em; }


/*---------------------------------------------------------------------------------
  Product Page
-  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  */


#product h1 { font-family:verdana, arial ; color:#555 ; font-size: 16px ; 
}
#product .text { font-family:verdana, arial ; color:#777 ; font-size: 12px ; line-height: 140%;
}


		form {  font-family:verdana, arial; font-size:10px ; }
		input { font-family:verdana; font-size:10px ; color:#444 ;}
		textarea { font-family:verdana, arial ; font-size:10px ; color:#444 ; }


.newsletter {padding:10px 0 0 220px;	}		
.newsletter-left {float:left;padding:3px 10px 0 0;}
.newsletter-right {float:left;}
.loginfield {width:145px;}
		
/*---------------------------------------------------------------------------------
  Footer
-  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  -  */
#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	padding:0;
	margin:0;
	text-decoration: none;
	height:20px;
	color:#999;
	background-color:#FFF;
	font-family: Arial;
	font-size:10px;
	text-decoration: none;	
}

#footer a{
	color:#999;
	font-family:  Arial;
	font-size:10px;
	text-decoration: none;
}
#footer a:hover{
	color:#999;
	font-family: Arial;
	font-size:10px;
	text-decoration: underline;
}