html, body {
	margin: 0;
	height: 100%;
	overflow: hidden;
}

body {
	background: #5a0517 url('../images/bg-body.jpg') repeat-x bottom;
	font-family: times new roman, serif;
	font-style: italic;
}

a {
	text-decoration: none;
}

#main {
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top: -350px;
	margin-left: -478px;
}

	#inner {
		/*position: relative;*/
		width: 956px;
		height: 700px;
		background: url('../images/bg-main.png') no-repeat center center;
		z-index: 1;
	}

	#nav {
		margin: 0;
		padding: 0;
		list-style: none;	
		position: absolute;
		top: 25px;
		left: 85px;
		width: 795px; 
		height: 27px;
		text-align: right;
	}
	
		#nav li {
			display: inline;
		}
		
			#nav li.first {
				float: left;
			}
			
			#nav li.hide {
				display: none;
			}
			
			#nav a {
				display: inline-block;
				background: url('../images/bg-nav-left.png') no-repeat bottom left;
				outline: 0;
			}
			
				#nav span {
					display: inline-block;
					height: 31px;
					line-height: 38px;
					font-size: 18px;
					font-weight: bold;
					color: #777;
					margin-left: 10px;
					padding: 0 14px 0 4px;
					background: url('../images/bg-nav-right.png') no-repeat bottom right;
					cursor: pointer;
				}
				
			#nav .on a, #nav a:hover, #nav a:focus, #nav a:active {
				background: url('../images/bg-nav-left.png') no-repeat top left;
			}
			
				#nav .on span, #nav a:hover span, #nav a:focus span, #nav a:active span {
					background: url('../images/bg-nav-right.png') no-repeat top right;
					color: #000;
				}
		
	#wrapper {
		width: 822px;
		height: 520px;
		position: absolute;
		top: 68px;
		left: 67px;
	}
	
		.index #wrapper {
			background: url('../images/bg-category-lists.jpg') no-repeat bottom left;			
		}

		h1 {
			margin: 0;
			position: absolute;
			top: 0;
		}
		
			h1.carlee {
				top: 7px;
				left: 10px;
				width: 150px;
			}
			
				h1.carlee a {
					display: block;
					width: 131px;
					height: 54px;
					overflow: hidden;
					text-indent: -999px;
					background: url('../images/logo-carlee.png') no-repeat;
				}
				
				.little-rooms h1.carlee {
					filter: alpha(opacity=20);
					opacity: .20;
				}
			
			h1.little-rooms {
				right: 20px;
				width: 370px;
			}
			
				h1.little-rooms a {
					display: block;
					width: 345px;
					height: 70px;
					overflow: hidden;
					text-indent: -999px;
					background: url('../images/logo-littlerooms.png') no-repeat;
				}

				.carlee h1.little-rooms {
					filter: alpha(opacity=20);
					opacity: .20;
				}
			
		#header {
			position: absolute;
			top: 14px;
			right: 450px;
			font-size: 13px;
			color: #999;
			text-align: right;
		}
		
			#header span.postal-code {
				display: none;
			}
			
			#header span.region {
				display: none;
			}

		div.text {
			width: 360px;
			height: 300px;
			position: absolute;
			top: 100px;
			overflow: hidden;
		}
		
			div.text p {
				font-size: 14px;
				color: #1c1c1c;
				margin: 0 0 .5em;
			}
			
			div.text p.intro {
				font-size: 16px;
				font-weight: bold;
				color: #570515;
			}
			
			#left {
				left: 20px;
			}

			#right {
				right: 20px;
			}
		
		.category-list {
			margin: 0;
			padding: 0;
			list-style: none;
			position: absolute;
			width: 368px;
			top: 405px;
			left: 20px;
		}
			
			.products .category-list {
				top: 120px;
				left: 14px;
			}
		
			.category-list li {
				float: left;
				margin-bottom: 25px;
			}
		
				.category-list a {
					display: block;
					position: relative;
					padding: 8px;
					outline: none;
				}
				
					.category-list img {
						width: 76px;
						height: 76px;
						opacity: .8;
						filter:alpha(opacity=80);
						border: none;
					}
					
						.category-list a:hover img, .category-list a:focus img, .category-list .on img {
							opacity: 1;
							filter:alpha(opacity=100);
						}
					
					.category-list span {
						display: block;
						width: 80px;
						position: absolute;
						top: 0;
						left: 0;
						z-index: 3;
						background: url('../images/bg-category-frame.png') no-repeat top;
						padding: 90px 6px 2px;
						text-align: center;
						color: #4c4c4c;
						font-size: 12px;
						cursor: pointer;
						line-height: 11px;
					}
					
						.category-list a:hover span, .category-list a:focus span, .category-list .on span {
							color: #570515;
						}
					
			#categories-carlee {
				left: 14px;
			}
			
			#categories-littlerooms {
				left: auto;
				right: 14px;
			}
	
	#breadcrumbs {
		margin: 0;
		padding: 0;
		list-style: none;
		position: absolute;
		top: 92px;
		left: 22px;
	}
	
		#breadcrumbs li {
			float: left;
			margin-right: 10px;
			padding-right: 16px;
			background: url('../images/bg-breadcrumb.png') no-repeat right;
		}
		
			#breadcrumbs a {
				color: #570515;
				font-weight: bold;
				font-size: 16px;
			}
			
				#breadcrumbs a:hover { 
					text-decoration: underline;
				}
	
	#content {
		position: absolute;
		top: 110px;
		left: 20px;
		width: 365px;
		height: 400px;
	}
	
		#content h1, #content h2, #content h3 {
			font-weight: bold;
			margin: .6em 0 0;
			color: #570515;
		}
		
			#content h1 {
				font-size: 20px;
			}
			
			#content h2 {
				font-size: 18px;
			}
			
			#content h3 {
				font-size: 16px;
			}
			
		#content .adr {
			margin: 10px 0 0;
		}
	
	iframe {
		position: absolute;
		top: 100px;
		right: 20px;
		width: 360px;
		height: 420px;
		border: 1px solid #aaa;
	}	

	#product {
		position: absolute;
		top: 92px;
		right: 20px;
		width: 365px;
		height: 430px;
		
		text-align: center;
	}
	
		#product h2 {
			font-size: 16px;
			height: 25px;
			margin: 0;
			color: #570515;
			font-weight: bold;
			text-align: left;
		}
		
			#product h2 span.item {
				float: left;
			}
		
			#product h2 span.price {
				float: right;
			}
		
		#product .photo {
			display: inline-block;
			border: 5px solid #fff;
			margin-bottom: 10px;
			
			-moz-border-radius-topleft: 8px;
			-webkit-border-top-left-radius: 8px;
			-moz-border-radius-bottomright: 8px;
			-webkit-border-bottom-right-radius: 8px;
			
			-moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
			-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
		}
		
			#product .photo img {
				display: block;
				visibility: hidden;
			}
			
		#product .description {
			text-align: left;
		}
		
		#product .note {
			position: absolute;
			bottom: 0;
			left: 0;
		}
		
		#product .order {
			position: absolute;
			bottom: -8px;
			right: 0;
			display: block;
			line-height: 30px;
			background: #570515;
			padding: 0 10px;
			color: #fff;
			font-weight: bold;
			font-size: 18px;
			text-shadow: 0 0 1px #570515;
			
			border: 3px solid #fff;
			
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			-moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
			-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
			
			outline: none;
		}
		
			#product .order:hover {
				background: #1a4a86;
			}
			
			#product .order:active {
				color: #aaa;
				border: 3px solid #aaa;
			}

	#enquiry {
		position: absolute;
		top: 94px;
		right: 15px;
		width: 360px;
		height: 430px;
	}
	
		#enquiry p {
			font-size: 14px;
			color: #1c1c1c;
			margin: 0 0 .5em;
		}


		form .row {
			margin: 5px 0;
			position: relative;
		}
		
			form#enquiry-form {
				margin-top: 20px;
			}
		
			label {
				float: left;
				width: 80px;
				font-weight: bold;
			}
			
				label.error {
					float: none;
					font-weight: normal;
					position: absolute;
					top: 0;
					left: 290px;
					padding: 0 2px;
					z-index: 99;
					background-color: #ffcc00;
					background: rgba(243,255,156,.8);
					white-space: nowrap;
					width: auto;
					overflow: visible;
					-webkit-box-shadow: 0 0 5px rgba(0,0,0,.5);
					-moz-box-shadow: 0 0 5px rgba(0,0,0,.5);
					box-shadow: 0 0 5px rgba(0,0,0,.5);
				}
			
			.row input, .row select, .row textarea {
				width: 200px;
				border: 1px solid #888;
				-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.3);
				-moz-box-shadow: inset 0 0 5px rgba(0,0,0,.3);
				box-shadow: inset 0 0 rgba(0,0,0,.3);
				font-family: arial, sans-serif, helvetica;
				font-size: 13px;
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				border-radius: 2px; 
			}
			
				.row input:focus, .row textarea:focus {
					border-color: #555;
					-webkit-box-shadow: inset 0 0 5px rgba(255,255,0,1);
					-moz-box-shadow: inset 0 0 5px rgba(255,255,0,1);
					box-shadow: inset 0 0 rgba(255,255,0,1);
				}
			
				.row input.error, .row select.error, .row textarea.error {
					border-color: red;
				}
				
				.row textarea {
					height: 200px;
				}
			
			.buttons {
				margin: 10px 0 0 80px;
			}
			
				.buttons input {
					display: inline-block;
					background: #570515;
					padding: 0 10px;
					color: #fff;
					font-weight: bold;
					font-style: italic;
					font-family: times, serif;
					font-size: 18px;
					text-shadow: 0 0 1px #570515;
					
					border: 3px solid #fff;
					
					-moz-border-radius: 3px;
					-webkit-border-radius: 3px;
					-moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
					-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
					
					outline: none;
				}
			
				.buttons input:hover, .buttons input:focus {
					background: #1a4a86;
				}
				
				.buttons input:active {
					color: #aaa;
					border: 3px solid #aaa;
				}
	
	#footer {
		margin: 0;
		padding: 0;
		list-style: none;
		position: absolute;
		top: 638px;
		left: 90px;
		width: 775px;
	}
	
		#footer li, #footer a {
			float: left;
			font-size: 14px;
			color: #8c8c8c;
			text-shadow: 0 5px 5px #000;
			outline: none;
		}
		
			#footer .spark {
				float: right;
				padding-right: 80px;
				position: relative;
			}
			
				#footer .spark span {
					display: block;
					position: absolute;
					top: -9px;
					right: 0;
					width: 76px;
					height: 38px;
					background: url('../images/logo-spark.png') no-repeat top left;
					overflow: hidden;
					text-indent: -999px;
				}
				
				#footer .spark a:hover, #footer .spark a:focus {
					color: #fff !important;
				}
				
				#footer .spark a:hover span, #footer .spark a:focus span {
					background: url('../images/logo-spark.png') no-repeat bottom left;
				}
	
* html #main { 
    position: absolute;
}