body {

 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: url(images/bg.png);
}


a {text-decoration: none;
text-transform: none;
font-size: 12px;
	
	
	color: #ffffc6;
	background: transparent;
}
a:visited {text-decoration: none;
border-bottom: none;
text-transform: none;
	color: #ffffc6;
	background: transparent;
}
a:hover {font-style: normal;
text-decoration: none;
	
	color: #8b5a44;
	background: transparent;
}
p {
	font-size: 13px;
	color: #633d34;
	font-family: "Times New Roman", Times, serif;
	font-weight: 100;
}
.paragraph{
	padding-top: 50px;
}

img.left {
	float: left;
	margin: 15px 15px 15px 15px;
	border: dotted 1px black;
	
}
img.right {
	float: right;
	margin: 5px 5px 5px 5px;
	border: dotted 1px black;
	
}
#content { 
 margin: 20px auto;
 background: url(images/underthesun.png) no-repeat;
 height: 533px;
 width: 671px;
 border: 1px solid black;
 }
 #contentclothing { 
 margin: 20px auto;
 background: url(images/clothingheader.png) no-repeat;
 height: 533px;
 width: 671px;
 border: #7e0d12 1px solid;
 }
#contentdecor { 
 margin: 20px auto;
 background: url(images/homedecorheader.png) no-repeat;
 height: 533px;
 width: 671px;
 border: #7e0d12 1px solid;
 }
 #contentwallart { 
 margin: 20px auto;
 background: url(images/wallartheader.png) no-repeat;
 height: 533px;
 width: 671px;
 border: #7e0d12 1px solid;
 }
 #contentaccessories { 
 margin: 20px auto;
 background: url(images/accessoriesheader.png) no-repeat;
 height: 533px;
 width: 671px;
 border: #7e0d12 1px solid;
 }
 #contentbaby { 
 margin: 20px auto;
 background: url(images/babyheader.png) no-repeat;
 height: 533px;
 width: 671px;
 border: #7e0d12 1px solid;
 }
 #contentkids { 
 margin: 20px auto;
 background: url(images/kidsheader.png) no-repeat;
 height: 533px;
 width: 671px;
 border: #7e0d12 1px solid;
 }
 #contentxmas { 
 margin: 20px auto;
 background: url(images/xmasheader.png) no-repeat;
 height: 533px;
 width: 671px;
 border: #7e0d12 1px solid;
 }
 #contentmap { 
 margin: 20px auto;
 background: url(images/mapheader.png) no-repeat;
 height: 533px;
 width: 671px;
 border: #7e0d12 1px solid;
 }
 #contentgallery { 
 margin: 20px auto;
 background: url(images/galleryheader.png) no-repeat;
 height: 533px;
 width: 671px;
 border: #7e0d12 1px solid;
 }
#mainleft { 
 margin:153px 3px 8px 3px;
 color: #00008b;
 background: transparent;
 height: 270px;
 width: 360px;
 float: left;
 
}

#left { 
 margin:130px 3px 8px 3px;
 color: #00008b;
 background: transparent;
 width: 110px;
 float: left;
 
 
}
left ul {

	
}
#left li{
	
	font-size: 14px;
	margin-left: -40px;
	padding: 0 0 0 10px;
	font: "Century Gothic";
	
	 
}
#right {
margin: 120px 20px 0 0;
	width: 515px;
	height: 350px;
   
	float: right;
}
#colright {
margin: 120px 20px 0 0;
	width: 200px;
	height: 350px;
   float: left;
}

#footer { 
 margin:  3px 3px 3px 3px;
 width: 662px;
 height:90px;
 clear: both;
 color: #191970;
 background: transparent;

 
}
#happyboy {
	margin-top:20px;
	font-size: 10px;
	color: maroon;
}
#happyboy a {
	font-size:10px;
}
#map {
float: left;
	margin: 15px 15px 15px 0;
	border: dotted 1px maroon;
	
}
#menu {
margin: -15px auto;
padding-top: 5px;
color: #7e0d12;
width: 671px;
height: 20px;
background: #ffffc6;
border: 1px solid #7e0d12;

}

#menu a {
color: #7e0d12;
background: transparent;
}
#menu a:hover {background: transparent;
color: #00008b;
}
img.noborder{
	border:none;
	float: left;
}
/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 75px;
	height: 100px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: right;
	margin: 2px 3px 2px 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 175px;
	height: 233px;
}

.hoverbox a
{
	position: relative;
}

.hoverbox a:hover
{
	display: block;
	font-size: 100%;
	z-index: 1;
}

.hoverbox a:hover .preview
{
	top: -38px;
	left: -50px;
}

.hoverbox li
{
	position: static;
}