html {
	height: 100%;
}

body {
	width: 100%;
	min-height: 100%;
}


body {
	background-color: #fff;
	color: #000000;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: normal;
	
	background-repeat: repeat-y;
	background-position: 3px 12px;

	/*background-color: ;
						background-image:url(/storage/media/background-zofa-2010-2011.gif);
				background-repeat: repeat-y;
		background-position: top left;
		background-attachment: scroll;
	*/
	
	text-align: left;
	overflow: auto;
}
.colour-1 { background-image:url('background.php?colour=1'); }
.colour-2 { background-image:url('background.php?colour=2'); }
.colour-3 { background-image:url('background.php?colour=3'); }
.colour-4 { background-image:url('background.php?colour=4'); }
.colour-5 { background-image:url('background.php?colour=5'); }
.colour-6 { background-image:url('background.php?colour=6'); }
.colour-7 { background-image:url('background.php?colour=7'); }


.colour-1 a { color: #EF6963; }
.colour-2 a { color: #000000; text-decoration: underline; }
.colour-3 a { color: #4DC5FC; }
.colour-4 a { color: #DA1B3D; }
.colour-5 a { color: #FECC42; }
.colour-6 a { color: #9C7239; }
.colour-7 a { color: #FEFE9C; }
a { text-decoration: none; }
a:hover, a:active { text-decoration: underline; }

a img { border: none; }

.zofaCircle {
	position: absolute;
	z-index: 199998;
}


h1 {
	position: absolute;
	width: 60px;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 2000;
}
	h1 a {
		display: block;
		width: 100%;
		height: 100%;
		outline: none;
	}
	h1 span { display: none; }


#allContainer {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	min-height: 100%;
	min-width: 820px;
}


	ul#mainMenu {
		position: fixed;
		left: 70px;
		top: 17px;
		list-style: none;
		margin: 0;
		padding: 0;
		z-index: 1000;
	}
		ul#mainMenu li {
			position: relative;
			display: block;
			float: left;
			clear: left;
			margin: 0;
			padding: 0;
			font-family: "Times New Roman", Times, sans-serif;
			font-size: 11px;
			text-transform: uppercase;
		}
			ul#mainMenu ul {
				display: block;
				position: relative;
				clear: left;
				padding: 0;
				margin: 0 0 0 10px;
			}
		
			ul#mainMenu li a {
				display: block;
				position: relative;
				color: #000;
				text-decoration: none;
				z-index: 500;
			}
			ul#mainMenu li span.selector {
				position: absolute;
				display: none;
				z-index: 499;
				top: 50%;
				left: 0;
				margin-top: -1px;
				height: 2px;
				line-height: 1px;
				font-size: 1px;
				width: 100%;
				background-color: #000;
			}
			ul#mainMenu li:hover span.selector, ul#mainMenu li.selected span.selector { display: block; }
			ul#mainMenu ul li.selected { font-weight: bold; }
		
		ul#mainMenu li.additional {
			/*margin-top: 18px;*/
			width: 100%;
			/*min-height: 50px;*/
			text-transform: none;
		}
			ul#mainMenu li.additional p { margin: 0; padding: 0; }
				ul#mainMenu li.additional a { display :inline; position: static; }
				.color-facebook a:hover { color: #206bd2 !important; }
				.color-twitter a:hover { color: #00b3fd !important; }
		
	#additionalText {
		position: absolute;
		left: 70px;
		top: 300px;
		width: 200px;
		z-index: 102;
		font-family: "Times New Roman", Times, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #000;
	}
		#additionalText p { margin: 0; padding: 0; }

	
	#mainPageText {
		position: absolute;
		left: 220px;
		top: 200px;
		width: 225px;
		z-index: 99;
		/*padding: 11px 16px;*/
		/*background: #ED6862;*/
		font-family: "Times New Roman", Times, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #000;
	}
		#mainPageText p { margin: 0; padding: 0; }
	#mainPageText2 {
		position: absolute;
		left: 220px;
		top: 400px;
		width: 225px;
		z-index: 102;
		/*padding: 11px 16px;*/
		/*background: #ED6862;*/
		font-family: "Times New Roman", Times, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #000;
	}
		#mainPageText2 p { margin: 0; padding: 0; }
	
	#catalogueContainer {
		position: relative;
		width: 950px;
		height: 580px;
		z-index: 100;
	}



	#contentContainer {
		position: relative;
		margin-left: 200px;
		padding-top: 45px;
		width: 300px;
		z-index: 100;
	}
	.type-grid #pageEntries {
		width: 584px;
	}

		#pageEntries {
			position: relative;
			display: block;
			margin: 0;
			padding: 0;
			list-style: none;
			width: 300px;
		}
		.type-grid #pageEntries {
			width: 584px;
		}
			#pageEntries .xEntry {
				position: relative;
				display: block;
				float: left;
				list-style:none;
				margin: 0 6px 6px 0;
				padding: 0;
				width: 300px;
			}
			.type-grid #pageEntries .xEntry {
				width: 140px;
			}
	
				#pageEntries .xEntry .xGalleryContainer {
					position: relative;
					clear: both;
					padding: 0;
					margin-bottom: 0;
				}
				.type-fixed	#pageEntries .xEntry .xGalleryContainer {
					width: 140px;
					height: 190px;
					overflow: hidden;
					background: #666;
				}
				
					#pageEntries .xEntry .xGalleryContainer .xGallery { 
						position: relative; 
					}
					
						#pageEntries .xEntry .xGallery .xGalleryItem { display: block; }
						#pageEntries .xEntry .xGallery .xGalleryImageCaption { display: none; }
		
					#pageEntries .xGalleryContainer ul.xGalleryNav {
						display: none;
					}
			
			
				#pageEntries .entryText {
					position: relative;
					clear: both;
					margin: 10px 0 20px;
					font-family: "Times New Roman", Times, serif;
					font-size: 12px;
				}
				.type-grid #pageEntries .entryText { font-size: 11px; }
					#pageEntries .entryText p { margin: 0 }

				#pageEntries .entryTags {
					margin-top: -15px;
					margin-bottom: 20px;
				}
				
				
	#copyContainer {
		position: fixed;
		right: 8px;
		bottom: 7px;
		color: #999;
		font-size: 9px;
		font-family: "Times New Roman", Times, serif;
	}	
		#copyContainer .bC { text-transform: uppercase; }
		#copyContainer a { 
			color: #999;
		}