body {
	background-color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000;
	text-align:center; /* centers the layout in IE */
	margin:0px;
	}
* {margin:0; padding:0;} /* removes defaults of all elements */
/* ============================================================================================================== */
p {
	font-size:.7em;
	line-height:1.3em;
	margin-top:10px;
}
p a{
	color:#03C;
	text-decoration:none;
	}
p a:hover{
	text-decoration:underline;
	}
h2 {
	font-size:.8em;
	color:#B9417D;
	text-decoration:underline;
}
ul {
	font-size:.7em;
	list-style-position:inside;
	text-indent:3em;
	line-height:1.4em;
}
/* ============================================================================================================== */
div#bodyContent {
	width:1004px;
	margin-left:auto; margin-right:auto; /* centers the layout in SCBs */
	margin-top:20px; margin-bottom:0px;
	text-align:center; /* stops elements inheriting the body's text-center */
	}
/* ============================================================================================================== */
div#homeContent {
	border:1px solid #CCC;
	}
/* ============================================================================================================== */
/* ============================================================================================================== */
div#menu {
	width:1004px;
	height:80px;
	border:1px solid #CCC;
	text-align:center; /* stops elements inheriting the body's text-center */
	}
/* ============================================================================================================== */
div#diaryContent, div#runContent, div#storeContent, div#contactContent, div#listContent, div#pressContent, div#collectionContent, div#catalogContent{
	width:1004px;
	height:668px;
	margin-top:3px;
	border:1px solid #CCC;
	text-align:left;
	}
div#diaryContent {
	background:url(../images/diary-bg.jpg) 0px 0px no-repeat;
	}
div#runContent {
	background:url(../images/run-bg.jpg) 0px 0px no-repeat;
	}
div#storeContent {
	background:url(../images/store-bg.jpg) 0px 0px no-repeat;
	}
div#contactContent {
	background:url(../images/contact-bg.jpg) 0px 0px no-repeat;
	}
div#listContent {
	background:url(../images/list-bg.jpg) 0px 0px no-repeat;
	}
div#pressContent, div#catalogContent {
	background:url(../images/press-bg.jpg) 0px 0px no-repeat;
	}
div#collectionContent {
	background:url(../images/collections-bg.jpg) 0px 0px no-repeat;
	}
div#diaryTextHolder {
	width:320px;
	border:1px solid #999;
	margin:30px 0px 0px 30px;
	padding:20px;
	overflow:auto;
	background-color:#FFFDFD;
	background:url(../images/tran-bg.png) 0px 0px repeat;
	}
div#storeTextHolder {
	width:360px;
	height:482px;
	border:1px solid #999;
	margin:20px 0px 0px 20px;
	padding:20px;
	overflow:auto;
	background-color:#FFFDFD;
	background:url(../images/tran-bg.png) 0px 0px repeat;
	}
div#storeTextHolder a {
	color:#03C;
	text-decoration:none;
	}
div#storeTextHolder a:hover {
	text-decoration:underline;
	}
div#contactTextHolder {
	width:360px;
	height:482px;
	border:1px solid #999;
	margin:20px 0px 0px 522px;
	padding:20px;
	background-color:#FFFDFD;
	overflow:auto;
	background:url(../images/tran-bg.png) 0px 0px repeat;
	}
div#contactTextHolder_contact {
	width:360px;
	height:350px;
	border:1px solid #999;
	margin:150px 0px 0px 300px;
	padding:10px;
	background-color:#FFFDFD;
	overflow:auto;
	background:url(../images/tran-bg.png) 0px 0px repeat;
	}
div#listTextHolder {
	width:460px;
	height:482px;
	margin:30px 0px 0px 30px;
	padding:20px;
	overflow:auto;
	}
div#listTextHolder form input, select {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	padding:2px;
	display:inline;
	border:1px solid #000;
	}
div#listTextHolder form input{
	margin-left:46px;
	}
div#listTextHolder p, div#listTextHolder h2{
	color:#FFF;
	}
div#pressTextHolder {
	width:905px;
	margin:30px 0px 0px 30px;
	padding:20px;
	overflow:auto;
	}
div#pressFlash {
	margin-top:20px;
	}
div#pressTextHolder p, div#pressTextHolder h2{
	color:#FFF;
	}
div#collectionRight {
	width:190px;
	margin:20px 0px 0px 20px;
	text-align:right;
	float:left;
	}
div#collectionRight img{
	margin-bottom:5px;
	border:2px solid #000;
	}
div#collectionLeft {
	width:751px;
	margin:20px 0px 0px 12px;
	float:left;
	}
div#collectionLeft img{
	border:6px solid #000;
	}
div#collectionHeader {
	width:751px;
	background-color:#000;
	}
div#collectionHeader h2{
	color:#FFF;
	text-decoration:none;
	padding:7px 0 3px 6px;
	}
div#collectionClose{
	width:90px;
	background-color:#333;
	text-align:center;
	margin-left:661px;
	}
div#collectionClose p, div#collectionClose p a{
	color:#CCC;
	text-decoration:none;
	margin:4px 0;
	}
div#collectionClose p a:hover{
	text-decoration:underline;
	}
div#catalogTextHolder {
	width:905px;
	height:600px;
	margin:30px 0px 0px 30px;
	padding:2px;
	overflow:auto;
	}
div#catalogTextHolder p, div#catalogTextHolder h2, div#catalogTextHolder td{
	color:#FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em;
	}
div#catalogTextHolder p a, div#catalogTextHolder td a, div#catalogTextHolder font a, div#catalogTextHolder span a{
	color:#FFF;
	font-size:1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
div#catalogTextHolder a img{
	border:1px solid #000;
	}
/* ============================================================================================================== */
div#footer {
	width:1004px;
	font-size: inherit;
	margin-top:10px;
	}
div#footer p{
	color:#999;
	text-decoration:none;
	padding-top: 2px;
	padding-bottom:5px;
	font-size: .6em;
	float:left;
	}
div#footer a{
	color:#999;
	text-decoration:none;
	}
div#footer a:hover{
	text-decoration:overline;
	}
div#footer p#kamtiel{
	width:35%;
	text-align:left;
	}
div#footer p#copy{
	width:65%;
	text-align:right;
	}

/* === CLEARFIX CLASS ==== *//* =================================================================================== */
/* simply add the clearfix class to any containter that must enclose floated elements */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */
/* ----- END of CLEARFIX CLASS ----- */