@charset "utf-8";

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

body#boxed {
	background-image: url(images/common/bg.png);
}

div {
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica;
	font-size: small;
}

div#container {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 640px;
	height: 480px;
	margin-top: -240px;
	margin-left: -320px;
}

.bg-orange {
	background-image: url(images/common/orange-border.png);
}

.bg-blue {
	background-image: url(images/common/blue-border.png);
}

.bg-green {
	background-image: url(images/common/green-border.png);
}

div#body {
	position: relative;
	top: 15px;
	left: 15px;
	width: 610px;
	height: 450px;
}

div#header {
	position: relative;
	height: 80px;
}

body#boxed div#header {
	top: 0;
	left: 0;
	width: 610px;
}

body#boxed div#content {
	position: relative;
	top: 0;
	left: 0;
	width: 610px;
	height: 370px;
	overflow: hidden;
}

a#logo {
	position: absolute;
	top: 0;
	left: 0;
	text-indent:-5000px;
	width: 228px;
	height: 73px;
	background-image: url(images/common/logo.png);
}

ul#nav {
	position: absolute;
	bottom: 20px;
	left: 250px;

	border-bottom: 2px solid #999999;
}

ul#nav li {
	display: inline;
	margin: 0;
	padding: 0;
}

ul#nav li.seperator {
	
}

ul#nav a {
	position: absolute;
	text-indent:-5000px;
	text-decoration: none;
	top: 0;
	height: 22px;
}

ul#nav a:active {
	text-decoration: none;
}

a#about_us {
	left: 0;
	width: 79px;
	background-image: url(images/common/nav/about_us.png);
}
a#about_us:hover,
ul#nav li#active a#about_us
{
	background-image: url(images/common/nav/about_us-active.png);
}

a#collections {
	left: 79px;
	width: 89px;
	background-image: url(images/common/nav/collections.png);
}
a#collections:hover,
ul#nav li#active a#collections {
	background-image: url(images/common/nav/collections-active.png);
}

/*
a#licensing {
	left: 168px;
	width: 77px;
	background-image: url(images/common/nav/licensing.png);
}
a#licensing:hover,
ul#nav li#active a#licensing {
	background-image: url(images/common/nav/licensing-active.png);
}
*/
a#contact_us {
/*	left: 245px;*/
	left: 168px;
	width: 86px;
	background-image: url(images/common/nav/contact_us.png);
}

a#contact_us:hover,
ul#nav li#active a#contact_us
{
	background-image: url(images/common/nav/contact_us-active.png);
}

div#deco,
div#deco div {
	width: 200px;
	height: 330px;
}

div#deco {
	position: absolute;
	top: 25px;
	left: 20px;
}

div.shadow {
	background-color: #cccccc;
}

div.shadow div.inner {
	border: 1px solid black;
	position: relative;
	bottom: 4px;
	right: 4px;
	
	background-color: #FFFFFF;
}

div#core,
div#core div.inner {
	height: 330px;
	width: 365px;
}

div#core {
	position: absolute;
	top: 25px;
	left: 235px;
}

div#core h2,
div#core p {
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px
}

div#core p {
	text-align: justify;
}

div#wide {
	position: absolute;
	top: 25px;
	left: 20px;
}

div#wide,
div#wide div.inner {
	width: 580px;
	height: 330px;
}

div#wide div h2 {
	margin-top: 5px;
	margin-left: 5px
}

body#wide div#header div#header-more {
	margin-left: 240px;
	height: 80px;
	border-left: 1px solid black;
	padding-left: 5px;
	position: relative;
}
body#wide div#header div#header-more div#title {
	position: absolute;
	bottom: 5px;
	font-size: x-large;
}

.center {
	text-align: center
}

div.thumb {
	float: left;
	margin-left: 50px;
	margin-top: 50px;
	width: 250px;
	height: 250px;
}

div.thumb img {
border: 1px solid black
}

div#subcat {
	width: 300px;
	border: 1px solid black;
	margin: 0 auto;
	padding: 1em
}

div#subcat h3 {
	margin-top: 0
}