* { margin:0px; padding: 0px; }





/*-------------------------container styles---------------------------------*/

#footercontainer
{
width: 900px;
height: 155px;
background-color:#ffffff;

position: relative;
margin: auto;
}


#totalcontainer
{
	width: 900px;
	position: relative;
	margin: auto;
	}


#headercontainer
{
	width: 900px;
	height: 800px;
	background-color:#ffffff;
	position: relative;
	margin: auto;
	z-index: 5;
}



#abouttotalcontainer
{
	width: 900px;
	height: 950px;
	background-color:#ffffff;
	position: relative;
	margin: auto;
	z-index: 5;
}


#hometotalcontainer
{
	width: 900px;
	height: 630px;
	background-color:#ffffff;
	position: relative;
	margin: auto;
	z-index: 5;
}



/*-------------------------end of container styles---------------------------------*/




/*-----------------grid container styles---------------------------------------*/


/*-----template page------*/
#gridtemplatecontainer
{
	width: 900px;
	height: 900px;
	background-color:#ffffff;
	position: relative;
	margin: auto;
	z-index: 5;
}


/*-----photo page------*/
#photocontainer
{
	width: 900px;
	height: 1400px;
	background-color:#ffffff;
	position: relative;
	margin: auto;
	z-index: 5;
}



/*-----accessories page------*/
#accessoriescontainer
{
	width: 900px;
	height: 1440px;
	background-color:#ffffff;
	position: relative;
	margin: auto;
	z-index: 5;
}

/*-----jewelry page------*/
#jewelrycontainer
{
	width: 900px;
	height: 700px;
	background-color:#ffffff;
	position: relative;
	margin: auto;
	z-index: 5;
}

/*-----jewelry page------*/
#createshopcontainer
{
	width: 900px;
	height: 800px;
	background-color:#ffffff;
	position: relative;
	margin: auto;
	z-index: 5;
}

/*-----novelties page------*/
#noveltiescontainer
{
	width: 900px;
	height: 1000px;
	background-color:#ffffff;
	position: relative;
	margin: auto;
	z-index: 5;
}

/*-----kids page------*/
#kidscontainer
{
	width: 900px;
	height: 3900px;
	background-color:#ffffff;
	position: relative;
	margin: auto;
	z-index: 5;
}


/*-----kids page------*/
#shoppagecontainer
{
	width: 900px;
	height: 1900px;
	background-color:#ffffff;
	position: relative;
	margin: auto;
	z-index: 5;
}



/*-----bath and body page------*/
#bathcontainer
{
	width: 900px;
	height: 650px;
	background-color:#ffffff;
	position: relative;
	margin: auto;
	z-index: 5;
}


/*-----gifts page------*/
#giftscontainer
{
	width: 900px;
	height: 1230px;
	background-color:#ffffff;
	position: relative;
	margin: auto;
	z-index: 5;
}

/*-----books + journals page------*/
#bookscontainer
{
	width: 900px;
	height: 600px;
	background-color:#ffffff;
	position: relative;
	margin: auto;
	z-index: 5;
}


#gridcontainer { 	
	width:700px; 
	z-index: 5px;
	position: absolute;
	top:250px;
	left:115px;
	}




/*------------------------end of grid container styles--------------------------*/







/*-------------------------full site styles---------------------------------*/

body
{
	background-image: url('circus.jpg');
	font-family: arial, verdana, tahoma, sans-serif;
	color: #787878;
	font-size: 13px;

}



p{ /*regular paragraph text...used on product descriptions*/
	font-family: arial, verdana, tahoma, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	line-height: 135%;
}





a {
color: #666666;
text-decoration: none;
}

a:hover { 
color: #ff33cc;
text-decoration: none;
}



#header
{
	width: 900px;
	height: 240px;
	background-image: url('images/header2.jpg');
	background-repeat: no-repeat
	position: absolute;
	top:0px;
	left:0px;
	z-index:-5;
}

#homeheader
{
	width: 900px;
	height: 240px;
	background-image: url('images/header3.jpg');
	background-repeat: no-repeat
	position: absolute;
	top:0px;
	left:0px;
	z-index:-5;
}

#viewcart
{
	width: 153px;
	height: 43px;
	position: absolute;
	top: 100px;
	left:658px;
	z-index: 10;
}

/*-------------------------end of full site styles---------------------------------*/





















/*------------------------------navigation-----------------------------------*/
#nav{
	position: absolute;
	top:130px;
	left: 85px; /*this is how you align the navigation on the page*/
	z-index: 20;
	font-size: 13px;
}

#nav a:link {

	color: #000000;
	text-decoration:none;
}

#nav a:hover {

	color: #ff33cc;
	text-decoration:none;
}

#menu li.mainmenu {
	font-family: georgia, times, times new roman, serif;
	font-size:small;
	margin:0px;
	list-style:none;
	display:inline;
	background-color:#ffffff;
	color:#000000;
	text-align: center;
	width:110px;
	height:15px;
	padding:5px;
	border-color:#000000;
	border-style:solid;
	border-width:1px;
}

#menu li a {
	color:#000000;

}

#menu li a:hover {
	color:#ff33cc;
	text-decoration:none;

}

#menu li ul.hideit li {
	display:none;
}

#menu li ul.hideit li a{
	display:none;
}

#menu li ul.showit li.submenu {
	font-family: Arial, Verdana, Helvetica, Tahoma, sans-serif;
	font-size:x-small;
	display:block;
	position:relative;
	margin:0;
	left:-6px;
	top:5px;
	list-style:none;
	width:110px;
	height:30px;
	padding:0px;
}

#menu li ul.showit li a{
	font-family: Arial, Verdana, Helvetica, Tahoma, sans-serif;
	font-size:x-small;
	display:block;
	position:relative;
	background-color:#ffffff;
	color:#000000;
	list-style:none;
	width:110px;
	height:22px;
	padding:5px;
	border:1px solid #000000;
}

body #menu li ul.showit li a:hover{
	background-color:#ff33cc;
	color:#000000;
	text-decoration:none;
}

#menu1, #menu2, #menu3, #menu4, #menu5, #menu6 {
	position:absolute;
	top:50px;
}

#menu1 { /*these control the spacing of the cells---if you resize the cells, you have to change the positioning too */
	left:0px;
}

#menu2 {
	left:121px;
}
#menu3 {
	left:242px;
}

#menu4 {
	left:363px;
}

#menu5 {
	left:484px;
}

#menu6 {
	left:605px;
}


/*-------------------------end of navigation---------------------------------*/






















/*-------------------------product page styles---------------------------------*/


#continueshopping
{
	position:absolute;
	top: 250px;
	left: 150px;
	font-size: 13px;
}

/*

#shopcontainer { 	container for the shop nav on the side of product pages
	width:150px; 
	height: 450px;
	z-index: 5px;
	position: absolute;
	top:260px;
	left:75px;} */
	
	
	
/*product images with rollovers on the side---found on all product pages*/	


#productcontainer { 
	width:400px; 
	height: 400px;
	z-index: 5px;
	position: absolute;
	top:345px;
	left:150px;}

#productleftcol { 
	float:left; }

#productleftcol ul { 
	padding:10px 0px 10px 0px; 
	margin:0px }

#productleftcol li { 
	list-style-type:none; 
	padding: 0px 0px 10px 0px; }

#productrightcol { 
	float:left; 
	padding:10px }

#productkicker { clear:both }

#prodframe
{
	position:absolute;
	top:270px;
	left:95px;
}

#shopdescription  /*this is the description text area found on each product page*/
{width: 270px;
height: 500px;
position: absolute;
top:390px;
left: 550px;
}





/*-------------------------end of product page styles---------------------------------*/








/*-------------------------contact page styles---------------------------------*/




#contactcontainer { 	
	width:700px; 
	height: 800px;
	z-index: 5px;
	position: absolute;
	top:240px;
	left:0px;
	text-align: center;
	}


#contactdescription
{width: 500px;
height: 500px;
position: absolute;
top:85px;
left: 200px;
text-align: center;
}

#store
{
z-index: 5;
}


/*-------------------------contact page styles---------------------------------*/










/*-------------------------security page styles---------------------------------*/




#securitycontainer { 	
	width:700px; 
	height: 800px;
	z-index: 5px;
	position: absolute;
	top:240px;
	left:0px;
	text-align: center;
	}


#securitydescription
{width: 400px;
height: 500px;
position: absolute;
top:125px;
left: 250px;
text-align: left;
}

/*-------------------------end of security page styles---------------------------------*/






/*-------------------------home page styles---------------------------------*/


#homecontainer { 	
	width:700px; 
	height: 483px;
	z-index: 5px;
	position: absolute;
	top:225px;
	left:0px;
	}

/*-------------------------end of page styles---------------------------------*/




/*-----grid for shop pages and photo page-----------------------------------*/


#gridcontainer { 	
	width:700px; 
	z-index: 5px;
	position: absolute;
	top:280px;
	left:115px;
	}


#grid
{
	font-size: 10px;
	color: #000000;
	padding: 10px;
	z-index: 3;
	text-align: left;
}
	
	
#grid ul 
{
	list-style-type: none;
}

#grid li 
{
	display:inline-table;
}

#grid img
{
border-style:solid;
border-width:1px;
margin: 4px;
}


/*---------end of grid for shop pages and photo page-----------------------*/





/*-------------------------about page styles---------------------------------*/




#aboutcontainer { 	
	width:700px; 
	height: 800px;
	z-index: 5px;
	position: absolute;
	top:240px;
	left:0px;
	}


#aboutdescription
{width: 230px;
height: 500px;
position: absolute;
top:135px;
left: 460px;
text-align: left;
}




/*-------------------------end of about page styles---------------------------------*/





/*-------------------------footer styles---------------------------------*/


#footer
{
	width: 1000px;
	height: 97px;
	position: absolute;
	bottom:0px;
	left:0px;
	background-image: url('images/footer2.jpg');
	background-repeat: no-repeat
}


#paypal
{
	width: 253px;
	height: 80px;
	position: absolute;
	bottom:75px;
	left:325px;
	z-index: 10;
}


/*-------------------------end of footer styles---------------------------------*/


/*splash page*/

#container
{
	width: 900px;
	height: 680px;
	position: relative;
	margin: auto;
	padding: 100px 0px 100px 0px;
}


#col01
{
	width: 450px;
	height: 680px;
	text-align: center;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	position: absolute;
	top:0px;
	left:0px;
	z-index: -1;
	
}
	

#nav1 
{
	width: 450px;
	height: 680px;
}

#nav1 ul 
{
	list-style-type: none;
	border: 0;
	margin: 0;
	padding: 0;
	width: 450px;
	height: 680px;
}

#nav1 li 
{
	display:inline;
}



#nav1 li img
{
width: 450px;
display: block;
}

#col02
{
	width: 450px;
	height: 680px;
	text-align: center;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	position: absolute;
	top:0px;
	left:450px;
	z-index: -1;
	
}
	

#nav2
{
	width: 450px;
	height: 680px;
}

#nav2 ul 
{
	list-style-type: none;
	border: 0;
	margin: 0;
	padding: 0;
	width: 450px;
	height: 680px;
}

#nav2 li 
{
	display:inline;
}



#nav2 li img
{
width: 450px;
display: block;
}





#shopprodcontainer
{
width: 150px;
height: 200px;
text-align: center;
margin: 5px 5px 40px 5px;
}



#productname
{
width: 160px;
height: 20px;
}

