@charset "utf-8";
/* CSS Document */

body {background: #000; padding: 0px; margin: 0px;}
#container
{
width: 930px;
margin: 10px auto;
background-color: #7b7b7b;
color: #fff;
position: relative;
top: -10px;
line-height: 130%;
}
p, td {font-family: Arial, Helvetica, sans-serif; font-size: 14px;}
h1 {font-family: Arial, Helvetica, sans-serif; font-size: 25px; font-style: italic;}
h2 { color: #fff799; font-family: Arial, Helvetica, sans-serif; font-size: 18px;}
img {border: none;}

/* top content */
#top
{
width: 930px;
margin: 10px auto;
background: url(images/fade-bg.jpg) top left repeat-x;
line-height: 130%;
height: 274px;
}
#top .logo {position: absolute;
float: left;
left: 50%;
margin-left: -132px;
z-index: 5;}
#top h1 {position: relative; top: 190px; text-align: center; padding:0px; margin: 0px; color: #fff; left: 20px;}

/* Menu area */
#menu {position: relative;
top: 110px;
background:url(images/homemenu-bg.jpg) top left no-repeat;
width: 930px;
height: 30px;
z-index: 2;
padding: 6px 0px 0px 0px;
margin: 0px;}
#nav {z-index: 10;}
#menu a:hover {
	text-decoration: underline
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu #nav a {
	text-decoration: none;
}
#menu #nav li li a {
	margin-right: 20px;
	line-height: 150%;
	display: block;
	font-weight: normal;
	color: #fff;
}
#menu #nav li li a:hover {
	margin-right: 10px;
	line-height: 150%;
	background-color: #212121;
}
#menu li {
	float: left;
	position: relative;
	text-align: center;
	cursor: default;
	border-width: 1px 0;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
#menu li .menuheader {margin-top: 10px;}
#menu li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	background-color: #3D0000;
	padding: 0.5em 0 1em 0;
	z-index: 99;
}
#menu li>ul {
	left: -10px;
	padding-left: 10px;
	width: 180px;
}
#menu li ul li {
clear: both;
display: block;
width: 100%;
text-align: left;
}
#menu li li {
	display: block;
	float: none;
	background-color: transparent;
	border: 0;
}
#menu li:hover ul, li.over ul {
	display: block;
}
#menu a {color: #fff;
text-decoration: none;
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
}
#menu .home {margin-left: 130px;}
#menu .about {margin-left: 22px;}
#menu .dolls {margin-left: 300px;}
#menu .accessories {margin-left: 30px;}
#menu .gallery {margin-left: 30px;}


/* End Menu */

/* End top content */

#leftnav
{
position: absolute;
float:left;
top: -218px;
left: -64px;
z-index: 0;
}

#rightnav
{
float: right;
margin: 0px 10px 0px 0px;
width: 310px;
}
.redbox {display: block; width: 305px; height: 196px; background: url(images/redbox-bg.jpg) top left no-repeat;}
.redbox h2 {font-family: Arial, Helvetica, sans-serif; font-size: 25px; color: #fff; font-style: italic; padding-left: 20px; padding-top: 30px;}
.redbox p {padding-left: 20px; font-size:13px; padding-right: 65px;}
.redbox a {font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 13px; padding-left: 20px;}

#content
{
margin-right: 330px;
margin-left: 150px;
max-width: 735px;
z-index: 1;
padding: 0px;
margin-top: -5px;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
background-color: #000;
text-align: center;
}
#footer, #footer a {color: #fff; font-family:Arial, Helvetica, sans-serif; font-size: 12px;}

#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }