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

* {
	margin: 0;
}

html, body {
    height: 100%;
	 margin-left: 0 0 1px;
	 padding: 0;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -362px;
}

.push {
	height:150px;
}

.footer {
	height: 362px;
	background-image:url(images/footer.png);
	background-repeat:repeat-x;
}

body {
	font-size: 10pt;
	font-family:"Century Gothic";
	background-color:#44130d;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	overflow-x:hidden;
}



#header {
	margin:0;
	position:absolute;
	width:auto;
	right:50px;
	top:0px;
	height:47px;
	background-repeat:repeat-x;
	overflow:hidden;
}

#footer_bg {
	position:absolute;
	width:100%;
	height:362px;
	text-align:center;
	background-image:url(images/footer_bg.png);
	background-repeat:repeat-x;
	background-position:bottom left;
	overflow:hidden;
	bottom:0px;
}

#footer_images {
	position:absolute;
	width:947px;
	height:362px;
	text-align:center;
	background-image:url(images/footer_images.png);
	background-repeat:none;
	overflow:hidden;
	bottom:0px;
	left:28px;
}

#container {
	position:relative;
	margin-top:115px;
	margin-left:50%;
	padding-top:50px;
	left:-375px;
	width:750px;
}

#flash_container {
	position:relative;
	margin-top:115px;
	margin-left:50%;
	padding-top:50px;
	left:-400px;
	width:800px;
	height:400px;
	z-index:10;
}

#text {
	position:relative;
	width:750px;
	height:auto;
	margin-top:0px;
	color:black;
}
#items_center {
	position:relative;
	width:700px;
	height:350px;
	left:50%;
	margin-left:-350px;
	top:15px;
	text-align:center;
}

#items_left {
	position:relative;
	width:350px;
	height:550px;
	margin-top:25px;
	text-align:center;
	color:black;
}

#items_right {
	position:relative;
	margin-left:400px;
	width:350px;
	height:auto;
	margin-top:-550px;
	text-align:center;
	color:black;
}

#prod_bottom {
	text-align:center;
}


#icon {
	position:absolute;
	width:440px;
	height:182px;
	left:25px;
	top:20px;
	background-repeat:no-repeat;
}

#ornaments {
	position:absolute;
	width:212px;
	height:216px;
	right:35px;
	top:0px;
	background-repeat:no-repeat;

}

#name {
	position:relative;
	width:540px;
	height:83px;
	left:50%;
	margin-left:-270px;
	top:110px;
	background-repeat:no-repeat;

}

#buttons {
	position:relative;
	width:540px;
	height:31px;
	left:50%;
	margin-left:-270px;
	top:115px;

}

.dot {
	position:absolute;
	left:160px;
	width:4px;
	height:31px;
	background: url(images/dot.png) no-repeat;
}

.dot2 {
	position:absolute;
	left:311px;
	width:4px;
	height:31px;
	background: url(images/dot.png) no-repeat;
}

.history a {
	position:absolute;
	left:50px;
	display:block;
	width:80px;
	height:31px;
	background: url(images/history.png) 0 0 no-repeat;
}

.history a:hover {
	background-position: -80px 0;
}

.products a {
	position:absolute;
	left:195px;
	display:block;
	width:87px;
	height:31px;
	background: url(images/products.png) 0 0 no-repeat;
}

.products a:hover {
	background-position: -87px 0;
}

.contact a {
	position:absolute;
	left:343px;
	display:block;
	width:142px;
	height:31px;
	background: url(images/contact.png) 0 0 no-repeat;
}

.contact a:hover {
	background-position: -142px 0;
}


#characters {
	position:relative;
	width:259px;
	height:137px;
}






a.content {
	font-size: 10pt;
	font-family:"Century Gothic";
	color:white;
}
a.content span {
	font-size: 11pt;
	font-family:"Century Gothic";
	color:white;
	font-weight:bold;
}

a.content:link {
	font-size: 10pt;
	font-family:"Century Gothic";
	text-decoration:underline;
	color:white;
}
a.content:hover {
	font-size: 10pt;
	font-family:"Century Gothic";
	color:white;
}
a.content:visited {
	font-size: 10pt;
	font-family:"Century Gothic";
	text-decoration:underline;
	color:white;
}
a.content:active {
	font-size: 10pt;
	font-family:"Century Gothic";
	color:white;
}

a.products {
	font-size: 10pt;
	font-family:"Century Gothic";
	color:white;
	font-weight:bold;
}


table.cateogory {
	width:656px;
	margin-left:auto;
	margin-right:auto;
	color:white;
	font-family:"Century Gothic";
	font-size:13px;
	text-align:center;
}


a:link {
	text-decoration: none;
	color:white;
}
a:visited {
	text-decoration: none;
	color:white;
}
a:hover {
	text-decoration: none;
	color:white;
}
a:active {
	text-decoration: none;
	color:white;
}





img {
	border-width: 0px;
}
img.floatleft {
	float: left;
	margin-right:10px;
}
img.lower_left {
	float: left;
	margin-left:40px;
}
img.floatright {
	float: right;
	margin-left:10px;
}
img.characters {
	float: right;
	padding-right:10px;
	padding-top:218px;
}

img.thumb {
	padding:20px;
}