<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/Main.dwt" codeOutsideHTMLIsLocked="false" -->

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!-- InstanceBeginEditable name="doctitle" -->

<title>Kids Gallery Collections</title>

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">

<link rel="icon" href="/favicon.ico" type="image/x-icon">

<!-- InstanceEndEditable -->

<!-- InstanceBeginEditable name="head" -->

<style type="text/css">

.Imgcontent {

	padding: 10px;

}

</style>

<script src="scripts/jquery-latest.js" type="text/javascript"></script>

<script src="scripts/thickbox.js" type="text/javascript"></script>

<link href="css/thickbox.css" rel="stylesheet" type="text/css" />

<!-- InstanceEndEditable -->

<style type="text/css">

<!--


body,td,th {

	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

	color: #666;

}

body {

	background-image: url(images/star.png);

	background-repeat: repeat;

	/* [disabled]position: fixed; */

	overflow: auto;

	page-break-before: auto;

	page-break-after: auto;

	padding-bottom: 0px;

	margin-bottom: 0px;

	background-position: top;

	background-attachment: scroll;

	/* [disabled]background-color: #6FF; */

}

h1 {

	font-size: 24px;

	color: #060;

}

a:link {

	color: #096;

	text-decoration: none;

}

a:visited {

	text-decoration: none;

	color: #066;

}

a:hover {

	text-decoration: underline;

	color: #0C9;

}

a:active {

	text-decoration: none;

	color: #F00;

}

h2 {

	font-size: 16px;

	color: #063;

}


/* ~~ Element/tag selectors ~~ */

ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */

	padding: 0;

	margin: 0;

}

h1, h2, h3, h4, h5, h6, p {

	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */

	padding-right: 15px;

	padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */

}

a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */

	border: none;

}

a:visited {

	color: #6E6C64;

	text-decoration: underline;

}

a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */

	text-decoration: none;

}


/* ~~ this fixed width container surrounds the other divs ~~ */

.container {

	width: 840px;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

	height: auto;

	background-color: #FF9;

	/* [disabled]background-image: url(images/light%20cyan%20gradient%20background.png); */

}


/* ~~ This is the layout information. ~~ 


1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.


*/


.content {

	/* [disabled]background-image: url(images/light%20cyan%20gradient%20background.png); */

	padding-top: 10px;

	padding-right: 0;

	padding-bottom: 0px;

	padding-left: 0;

	margin-top: 0px;

	margin-right: auto;

	margin-left: auto;

	/* [disabled]background-color: #0C0; */

	background-attachment: fixed;

	background-repeat: repeat;

	background-position: top;

	font-family: "Comic Sans MS", cursive;

	color: #060;

}


/* ~~ The footer ~~ */

.footer {

	padding: 10px 0;

	background-color: #6C6;

	text-align: center;

	color: #F00;

	font-family: "Comic Sans MS", cursive;

}


/* ~~ miscellaneous float/clear classes ~~ */

.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */

	float: right;

	margin-left: 8px;

}

.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */

	float: left;

	margin-right: 8px;

}

.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */

	clear:both;

	height:0;

	font-size: 1px;

	line-height: 0px;

}

-->

</style>

<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>

<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />

</head>


<body>

<div class="container">

  <div class="header"><!-- InstanceBeginEditable name="EditRegion3" --> <img src="images/kg HL.png" width="840" /><!-- InstanceEndEditable -->

  <!-- end .header --></div>

  <div class="content">

    <ul id="MenuBar1" class="MenuBarHorizontal">

      <li><a href="index.html" title="Little Sweetie">Home</a>      </li>

      <li><a href="ourcollections.html" title="Our Collection" class="MenuBarItemSubmenu">Our Collection</a>

        <ul>

          <li><a href="clothing.html">Clothing</a></li>

<li><a href="shoes.html">Shoes</a></li>

          <li><a href="accessories.html">Accessories</a></li>

          <li><a href="toys.html">Toys</a></li>

          <li><a href="bikes.html">Bikes / Riding Toys</a></li>

          <li><a href="furniture.html">Furniture</a></li>

          <li><a href="babygears.html">Baby Gears</a></li>

        </ul>

      </li>

      <li><a href="newarrival.html" title="On Sale">On Sale</a></li>

      <li><a href="specials.html" title="Special">Specials</a></li>

      <li><a href="hourslocation.html" title="Store Hours & Location" class="MenuBarItemSubmenu">Our Store</a>

        <ul>

          <li><a href="hourslocation.html">Address</a></li>

          <li><a href="buyingdeals.html">Buying Deals</a></li>

        </ul>

      </li>

      <li><a href="contactus.html" title="Contact Us">Contact Us</a></li>

    </ul>

    <h1>&nbsp;</h1>

    <!-- InstanceBeginEditable name="Content" -->

   
    <h1 align="center">Kids Gallery's Collections</h1>

    <p align="center">&nbsp;</p>

    <table width="830" height="553">

      <tr>

        <td width="255" height="189"><a href="clothing.html"><img src="Pictures/girlclothes.png" alt="Clothing" width="130" height="130" class="Imgcontent" /> Clothing&gt;</a></td>

        <td width="255"><a href="shoes.html"><img src="images/shoe.png" alt="Shoes" width="130" height="130" class="Imgcontent" /></a><a href="shoes.html"> Shoes&gt;</a></td>

        <td width="304"><a href="accessories.html"><img src="Pictures/accessories.png" alt="Accessories" width="130" height="130" class="Imgcontent" /> Accessories&gt;</a></td>

      </tr>

      <tr>

        <td height="171"><a href="toys.html"><img src="images/toy.jpg" alt="Toys" width="130" height="130" class="Imgcontent" /> Toys&gt;</a></td>

        <td><a href="bikes.html"><img src="Pictures/bike.jpg" alt="Bike" width="130" height="130" class="Imgcontent" /></a><a href="bikes.html"> Bike&gt;</a></td>

        <td><a href="furniture.html"><img src="Pictures/bed.jpg" alt="Furniture" width="130" height="130" class="Imgcontent" /> Furniture&gt;</a></td>

      </tr>

      <tr>

        <td height="183"><a href="babygears.html"><img src="Pictures/Gear2.jpg" alt="Gear" width="130" height="130" class="Imgcontent" /> Gear&gt;</a></td>

        <td>&nbsp;</td>

        <td>&nbsp;</td>

      </tr>

    </table>

    <p>We offer famous brand name product such as Bjorn, Baby Trend, Baby Einstein, Baby Gap, Britax, Caters, Chicco, Combi,   Evenflo, Fisher Price, Graco, Gymboree, Kettler, Leap Frog, Little Tikes,   Maclaren, Osh Kosh, Peg Perego, The Children's Place, Step2 and many   more!</p>

    <p>Please call us at 714-702-5543 for item availability.</p>

    <p>&nbsp;</p>

    <p>&nbsp;</p>

    <p>&nbsp;</p>

    <!-- InstanceEndEditable --></div>

  <div class="footer">Contact us at 1-714-702-5KID or kids.galleria8@gmail.com<!-- end .footer --></div>

<!-- end .container --></div>

<script type="text/javascript">

var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});

</script>

</body>

<!-- InstanceEnd --></html>