body {
	margin:0;
	padding:0;
	height:100%;
	font-family:Georgia,Times,serif;
	font-size:101%;
	background-image:url(../images/site/gradient_2.gif);
	background-repeat:repeat-x;
	background-position:0 0;
	background-color:#fff;
}

body#index {
	background-image:url(../images/site/gradient_1.gif);
}


/* ===HEADER AND NAVIGATION
====================================*/

#header {
	position:absolute;
	top:14px;
	height:144px;
	width:100%;
	margin:0;
	padding:0;
	background-image:url(../images/site/banner_2.jpg);
	background-repeat:no-repeat;
	background-position:16px 0;
}

#index #header {
	top:29px;
	height:274px;
	background-image:url(../images/site/banner_1.jpg);
	background-position:36px 0;
}

#header h1 {
	position:absolute;
	left:16px;
	width:392px;
	height:274px;
	padding:0;
	margin:0;
	cursor:pointer;
}

#index #header h1 {
	left:36px;
	width:392px;
	height:274px;
	cursor:default;
}

#header h1 a {
	position:absolute;
	width:300px;
	height:144px;
	text-decoration:none;
	overflow:hidden;
}

#index #header h1 {
	text-indent:-1000em;
	width:392px;
	height:274px;
	overflow:hidden;
}

#header h1 span {
	position:absolute;
	top:-20em;
	text-indent:-1000em;
	overflow:hidden;
}


#navigation {
	position:relative;
	text-align:right;
	right:20px;
	bottom:10px
	margin-left:300px;
	top:118px;
	z-index:10;
}

#index #navigation {
	margin-left:400px;
	top:245px
}

#navigation ul {
	display:block;
	margin:0;
	padding:0;
}

#navigation li {
	display:inline;
	color:#555;
	font-size:1.3em;
	margin-left:1em;
}

#navigation li a {
	color:#444;
	text-decoration:underline;
}




/* ===CONTENT POSITIONING
====================================*/

#content {
	position:absolute;
	top:192px;
	width:100%;
	height:100%;
}

#index #content {
	top:349px;
}


#featureditems,
#comingsoon
{
	position:relative;
	margin-left:36px;
}

#catalogueitems,
#aboutbody,
#contactbody
{
	position:relative;
	text-align:left;
	margin:0 20px 0 20px;
	background-image:url(../images/site/trans_1.png);
	height:100%;
}

#details {
	position:absolute;
	top:0;
	left:20px;
	width:400px;
	background-image:url(../images/site/trans_1.png);
}

#gallery {
	position:relative;
	margin:0 20px 0 450px;
	height:100%;
	background-image:url(../images/site/trans_1.png);
	overflow:hidden;
}




/* ===FONT STYLES
====================================*/

h2 {
	padding:0.5em 0 0 0;
	margin:0 0 0 0.7em;
	font-size:1.8em;
	font-weight:normal;
	color:#222;
}

#featureditems h2 {
	margin:0 0 0.7em 0;
	padding:0;
	background-image:url(../images/site/featureditems.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	height:42px;
	text-indent:-100em;
	overflow:hidden;
}

#comingsoon h2 {
	margin:0 0 0.7em 0;
	padding:0;
	background-image:url(../images/site/comingsoon.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	height:42px;
	text-indent:-100em;
	overflow:hidden;
}

#catalogueitems h3.date {
	text-align:right;
	margin:0 1em 1em 1em;
	padding:0 0 0.3em 0;
	font-size:1.4em;
	font-weight:normal;
	color:#400;
	border-bottom:2px solid #400;
	clear:both;
}

#details img.thumbnail {
	position:relative;
	float:right;
	margin:1.1em 1.1em 0.7em 1em;
	border:1px solid #600;
}

#details h3.dimensions {
	position:relative;
	margin:6px 0 0 20px;
	text-align:left;
	font-size:0.8em;
	font-weight:normal;
	color:#444;
}

#details h3.price {
	position:relative;
	margin:10px 0 0 20px;
	text-align:left;
	font-size:1em;
	font-weight:bold;
	color:#0C037D;
}

#aboutbody p,
#contactbody p,
#details p 
{
	position:relative;
	margin:20px;
	line-height:120%;
	font-size:1em;
	text-align:justify;
	color:#600;
}

#gallery .galleryimage {
	float:left;
	background-color:#fff;
	border:1px solid #333;
	padding:3px;
	margin:20px 20px 0 20px;
}



/* ===CAPSULES
====================================*/

.capsulecontainer {
	position:relative;
	margin:0 0 0 20px;
}

.capsule {
	position:relative;
	float:left;
	border:2px solid #333;
	background-color:#fff;
	width:15em;
	height:7em;
	overflow:none;
	margin:0 20px 20px 2px;
}

.capsule a {
	text-decoration:none;
	color:inherit;
}

.capsule a img {
	border:none;
}

.capsule .thumb {
	margin:7px;
	float:left;
}

.capsule .title {
	color:#444;
	font-size:1em;
	margin:7px 7px 7px 0;
	padding:0;
	line-height:100%;
}

.capsule .desc {
	color:#666;
	font-family:"Trebuchet MS","Lucida Grande",Helvetica,Arial,sans-serif;
	line-height:110%;
	font-size:0.8em;
	margin:0 7px 7px 0;
	padding:0;
}

.capsule .price {
	color:#0C037D;
	line-height:100%;
	font-weight:bold;
	margin:0 7px 7px 0;
	padding:0;
}


