/* --------------------------------------------------
-----------------------------------------------------
	
	mcgrath.chicodev.com
	Stylesheet: public/main.css
	Author: www.ChicoWebDesign.com -- Brent White
	Version: March 22 2009
	
-----------------------------------------------------
-------------------------------------------------- */


/* --------------------------------------------------
GLOBAL
-------------------------------------------------- */
* {
	outline: none;
	margin: 0;
	padding: 0;
	}
fieldset {
	border: none;
	}
img{
	display: block;
	}

/* --------------------------------------------------
GENERAL
-------------------------------------------------- */
.clear {
	clear: both;
	}
	br.clear {
		display: block;
		visibility: hidden;
		width: 0;
		height: 0;
		font-size: 0;
		line-height: 0;
		}
.fleft {
	float:left;
	}
.fright {
	float: right;
	}
.hidden {
	display: none;
	}
.invisible {
	visibility: hidden;
	}
/* --------------------------------------------------
BODY
-------------------------------------------------- */
html {
	height: 100%;
	}
body {
	min-width: 980px;
	height: 100%;
	background: #140801 url(/ui/public/image/layout/body.jpg) repeat-x 50% -200px;
	font-family: arial;
	margin: 0;
	padding: 0;
	}
	#body-wrapper {
		position: relative;
		min-height: 100%;
		height: 100%;
		height: auto;
		}
		html>body #body-wrapper {
			height: auto;
		}
	/* --------------------------------------------------
	HEADER
	-------------------------------------------------- */
	#header-wrapper {
		background: url(/ui/public/image/layout/layout.gif) repeat-x 0 0;
		width: 100%;
		}
		#header {
			position: relative;
			background: url(/ui/public/image/layout/layout.gif) no-repeat 50% -400px;
			width: 960px;
			margin: 0 auto;
			padding: 100px 0 0 0;
                        }
			/* --------------------------------------------------
			HEADER -- LOGO
			-------------------------------------------------- */
			#header h1#logo {
				position: absolute;
				top: 9px;
				left: 20px;
				background: url(/ui/public/image/layout/layout.gif) no-repeat 0 -908px;
				width: 160px;
				height: 84px;
				overflow: hidden;
				}
				#header h1#logo a {
					display: block;
					line-height: 85px;
					text-indent: -999px;
					}
			/* --------------------------------------------------
			HEADER -- TAGLINE / PHONE NUMBER
			-------------------------------------------------- */
			#header h2#tagline {
				position: absolute;
				top: 26px;
				right: 0;
				width: 700px;
				height: 46px;
				line-height: 46px;
				overflow: hidden;
				font-weight: normal;text-align: right;
				font-size: 22px;
				}
				#header h2#tagline strong {
					display: block;
					float: right;
					font-weight: normal;
					text-transform: uppercase;
					color: #d3ada7;
					padding: 0 15px 0 0;
					border: solid #5d1b09;
					border-width: 0 1px 0 0;
					font-size: 16px;
					}
				#header h2#tagline em {
					display: block;
					float: right;
					font-style: normal;
					text-transform: uppercase;
					color: #330b00;
					padding: 0 0 0 15px;
					}
			/* --------------------------------------------------
			HEADER -- NAVIGATION
			-------------------------------------------------- */
			#header #navigation {
				position: relative;
				z-index: 99;
				display: block;
				width: 960px;
				height: 34px;
				margin: 0 0 5px;
				padding: 10px 0;
				background: #000;
				overflow: hidden;
				}
				#header #navigation li {
					position: relative;
					list-style: none;
					float: left;
					padding: 0;
					}
					#header #navigation li a {
						display: block;
						float: left;
						font-size: 14px;
						line-height: 22px;
						padding: 6px 15px;
						color: #fff;
						text-transform: uppercase;
						text-decoration: none;
						}
						#header #navigation li a:hover {
							text-decoration: underline;
							}
						#header #navigation li.active a,
						#header #navigation li.active a:hover {
							background: #501206;
							cursor: default;
							text-decoration: none;
							}
			#header #navigation.home {
				position: absolute;
				top: 130px;
				left: 5px;
				z-index: 99;
				display: block;
				width: 220px;
				height: 225px;
				background: #000;
				padding: 15px 0 0 0;
				overflow: visible;
				}
				#header #navigation.home li {
					position: relative;
					left: -5px;
					width: 225px;
					float: none;
					padding: 0 0 2px 0;
					}
					#header #navigation.home li a {
						display: block;
						float: none;
						font-size: 14px;
						padding: 2px 20px;
						color: #fff;
						text-transform: uppercase;
						text-decoration: none;
						}
						#header #navigation.home li a:hover {
							text-decoration: underline;
							}
						#header #navigation.home li.active a,
						#header #navigation.home li.active a:hover {
							background: #501206;
							cursor: default;
							text-decoration: none;
							}
			/* --------------------------------------------------
			HEADER -- BANNER
			-------------------------------------------------- */
			#header #banner {
				position: relative;
				z-index: 96;
				width: 695px;
				height: 220px;
				overflow: visible;
				padding: 40px 0 40px 255px;
				}
				#header #banner ul {
					position: relative;
					overflow:visible;
					}
					#header #banner ul li {
						position: absolute;
						top:0;
						left: 0;
						display: none;
						list-style: none;
						}
						#header #banner ul li a img {
							border: none;
							}
						#header #banner ul li div {
							position: absolute;
							right: -20px;
							top: 25px;
							display: none;
							width: 400px;
							padding: 0 20px 0 0;
							color: #fff;
							background: url(/ui/public/image/layout/banner-icon.gif) no-repeat 100% 50%;
							}
							#header #banner ul li div h2 {
								color: inherit;
								font-weight: normal;
								font-size: 20px;
								line-height: 20px;
								text-transform: uppercase;
								white-space: nowrap;
								padding: 10px 10px 10px 10px;
								background: #000;
								overflow: hidden;
								}
							#header #banner ul li div p {
								color: inherit;
								font-weight: normal;
								font-size: 12px;
								line-height: 16px;
								padding: 10px 10px 10px 10px;
								background: #000;
								overflow: hidden;
								white-space: nowrap;
								}
			/* --------------------------------------------------
			HEADER -- BR ALPHA
			-------------------------------------------------- */
			#header .alpha {
				position: absolute;
				top: 130px;
				left: 245px;
				z-index: 95;
				display: block;
				width: 715px;
				height: 240px;
				background: #000;
				}
				#header .alpha.navigation {
					width: 215px;
					left: 5px;
					z-index: 97;
					}
				#header .alpha.banner {
					}
	/* --------------------------------------------------
	CONTENT -- WRAPPER
	-------------------------------------------------- */
	#content-wrapper {
		position: relative;
		width: 100%;
		background: #140801;
		height: auto;
		padding: 0 0 76px 0;
		}
		/* --------------------------------------------------
		CONTENT
		-------------------------------------------------- */
		#content {
			width: 960px;
			margin: 0 auto;
			padding: 20px 0 30px 0;
			}
			/* --------------------------------------------------
			CONTENT -- LEFT COLUMN
			-------------------------------------------------- */
			#content #left-column {
				float: left;
				width: 220px;
				}
				/* --------------------------------------------------
				CONTENT -- LEFT COLUMN -- HEADINGS
				-------------------------------------------------- */
				#content #left-column h1 {
					display: block;
					color: #8e3121;
					font-size: 16px;
					line-height: 55px;
					font-weight: normal;
					text-transform: uppercase;
					margin: 33px 0 0 0;
					border: 1px dashed #322316;
					border-width: 1px 0;
					}
					#content #left-column h2 {
						display: block;
						color: #8e3121;
						font-size: 16px;
						line-height: 55px;
						font-weight: normal;
						text-transform: uppercase;
						margin: 33px 0 0 0;
						}
						#content #left-column h3 {
							display: block;
							color: #8e3121;
							font-size: 16px;
							line-height: 28px;
							font-weight: normal;
							padding: 0 0 10px 0;
							}
							#content #left-column h4,
							#content #left-column h5,
							#content #left-column h6 {
								display: block;
								color: #8e3121;
								font-size: 14px;
								line-height: 28px;
								font-weight: bold;
								padding: 0 0 5px 0;
								}
				/* --------------------------------------------------
				CONTENT -- LEFT COLUMN -- P / A
				-------------------------------------------------- */
				#content #left-column p {
					color: #d1b399;
					font-size: 12px;
					line-height: 16px;
					font-weight: normal;
					padding: 0 0 20px 0;
					}
					#content #left-column p.warning {
						text-align: center;
						font-size: 18px;
						}
				#content #left-column a {
					color: #8e3121;
					}
					#content #left-column a:hover {
						text-decoration: none;
						}
				/* --------------------------------------------------
				CONTENT -- LEFT COLUMN -- LISTS
				-------------------------------------------------- */
				#content #left-column ul,
				#content #left-column ol {
					padding: 0 0 20px 0;
					}
					#content #left-column ul {
						list-style: none;
						}
					#content #left-column ul li {
						list-style: none;
						background: url(/ui/public/image/layout/list-image.gif) no-repeat 0 5px;
						padding-left: 13px;
						}
					#content #left-column ol {
						list-style-position: inside;
						}
					#content #left-column li {
						font-size: 14px;
						line-height: 16px;
						color: #8e3121;
						padding: 0 0 5px 0;
						}
						#content #left-column li a {
							color: #d1b399;
							}
				/* --------------------------------------------------
				CONTENT -- LEFT COLUMN -- EXTENDED CONTENT
				-------------------------------------------------- */
				#extended-content {
						border: 1px dashed #322316;
						border-width: 0 0 1px;
						margin: 0 0 20px 0;
						}
						
				/* --------------------------------------------------
				CONTENT -- LEFT COLUMN -- FEATURED ITEM
				-------------------------------------------------- */
				#content #left-column .featured {
					position: relative;
					display: block;
					width: 220px;
					height: 210px;
					background: #501206;
					overflow: hidden;
					}
					#content #left-column .featured a.single {
						position: absolute;
						top: 10px;
						left: 10px;
						display: block;
						height: 190px;
						width: 140px;
						border: none;
						background: url(/ui/public/image/layout/layout.gif) no-repeat -311px -806px;
						overflow: hidden;
						}
						#content #left-column .featured a.single img {
							position: relative;
							border: none;
							overflow: hidden;
							}
					#content #left-column .featured a.all {
						position: absolute;
						top: 10px;
						right: 10px;
						display: block;
						height: 190px;
						width: 50px;
						background: url(/ui/public/image/layout/layout.gif) no-repeat -161px -856px;
						text-indent: -999px;
						}
				/* --------------------------------------------------
				CONTENT -- LEFT COLUMN -- SUB NAVIGATION
				-------------------------------------------------- */
				#content #left-column ul#menu_product {
					margin: 0 0 20px 0;
					padding: 20px 0 20px 0;
					border-bottom: 1px dashed #322316;
					}
					#content #left-column ul#menu_product li {
						list-style: none;
						background: none;
						padding: 0;
						}
						#content #left-column ul#menu_product li a {
							display: block;
							color: #d1b399;
							font-size: 16px;
							line-height: 18px;
							font-weight: normal;
							text-transform: capitalize;
							text-decoration: none;
							padding: 5px 10px;
							}
							#content #left-column ul#menu_product li a:hover {
								text-decoration: underline;
								}
							#content #left-column ul#menu_product li.active a {
								background: #501206;
								}
								#content #left-column ul#menu_product li.active a:hover {
									text-decoration: none;
									cursor: default;
									}
						#content #left-column ul#menu_product li ul {
							display: block;
							margin: 0 0 10px 10px;
							padding: 0 0 10px 10px;
							border: 1px dashed #322316;
							border-width: 0 0 1px;
							}
							#content #left-column ul#menu_product li ul li {
								background: url(/ui/public/image/layout/list-image.gif) no-repeat 0 11px;
								}
								#content #left-column ul#menu_product li ul li a {
									display: block;
									color: #8e3121;
									font-size: 12px;
									line-height: 18px;
									font-weight: normal;
									text-transform: capitalize;
									text-decoration: none;
									padding: 5px 5px 5px 14px;
									}
									#content #left-column ul#menu_product li.active ul li a {
										background: none;
										}
										#content #left-column ul#menu_product li.active ul li a:hover {
											text-decoration: underline;
											cursor: pointer;
											}
										#content #left-column ul#menu_product li ul li.active a {
											background: #501206;
											cursor: pointer;
											color: #d1b399;
											}
										#content #left-column ul#menu_product li.active ul li a:hover {
											text-decoration: underline;
											cursor: pointer;
											}
			/* --------------------------------------------------
			CONTENT -- RIGHT COLUMN
			-------------------------------------------------- */
			#content #right-column {
				float: right;
				width: 720px;
				border-bottom: 1px dashed #322316;
				}
				#content #right-column .left-column,
				#content #right-column .right-column {
					width: 350px !important;
					float: left !important;
					margin: 0 !important;
					}
					#content #right-column .left-column {
						padding: 0 10px 20px 0 !important;
						}
					#content #right-column .right-column {
						padding: 0 0 20px 10px !important;
						}
				#content #right-column img {
					margin: 10px 15px;
					border: 0;
					}
				#content #right-column img.right {
					float: right;
					border: 5px solid #501206;
					background: #e9d6c6;
					padding: 1px;
					margin: 10px 0 10px 20px;
					}
				#content #right-column img.left {
					float: left;
					border: 5px solid #501206;
					background: #e9d6c6;
					padding: 1px;
					margin: 10px 20px 10px 0;
					}
				/* --------------------------------------------------
				CONTENT -- RIGHT COLUMN -- HEADINGS
				-------------------------------------------------- */
				#content #right-column h1 {
					display: block;
					color: #d1b399;
					font-size: 24px;
					line-height: 28px;
					font-weight: normal;
					text-transform: uppercase;
					margin: 0 0 20px 0;
					padding: 0 0 5px 0;
					border-bottom: 1px dashed #322316;
					}
					#content #right-column h1 a {
						font-size: 18px;
						text-decoration: none;
						}
					#content #right-column h2 {
						display: block;
						color: #8e3121;
						font-size: 20px;
						line-height: 28px;
						font-weight: normal;
						padding: 0 0 15px 0;
						}
						#content #right-column h3 {
							display: block;
							color: #8e3121;
							font-size: 18px;
							line-height: 28px;
							font-weight: normal;
							padding: 0 0 10px 0;
							}
							#content #right-column h4,
							#content #right-column h5,
							#content #right-column h6 {
								display: block;
								color: #8e3121;
								font-size: 14px;
								line-height: 28px;
								font-weight: bold;
								padding: 0 0 5px 0;
								}
				/* --------------------------------------------------
				CONTENT -- RIGHT COLUMN -- P / A
				-------------------------------------------------- */
				#content #right-column p {
					color: #d1b399;
					font-size: 12px;
					line-height: 16px;
					font-weight: normal;
					padding: 0 0 20px 0;
					}
					#content #right-column p.warning {
						text-align: center;
						font-size: 18px;
						}
				#content #right-column a {
					color: #8e3121;
					}
					#content #right-column a:hover {
						text-decoration: none;
						}
				/* --------------------------------------------------
				CONTENT -- RIGHT COLUMN -- LISTS
				-------------------------------------------------- */
				#content #right-column ul,
				#content #right-column ol {
					padding: 0 0 20px 0;
					}
					#content #right-column ul {
						list-style: none;
						}
					#content #right-column ul li {
						list-style: none;
						background: url(/ui/public/image/layout/list-image.gif) no-repeat 0 5px;
						padding-left: 13px;
						}
					#content #right-column ol {
						list-style-position: inside;
						}
					#content #right-column li {
						font-size: 14px;
						line-height: 16px;
						color: #8e3121;
						padding: 0 0 5px 0;
						}
						#content #right-column li a {
							color: #d1b399;
							}
				/* --------------------------------------------------
				CONTENT -- RIGHT COLUMN -- WOOD CHOOSER
				-------------------------------------------------- */
				ul.wood-sel {
					float: right;
					margin: 0;
					padding: 0;
					width: auto;
					position: relative;
					z-index: 99;
					}
					ul.wood-sel li {
						float:left;
						background: none !important;
						margin: 0; padding: 0;
						}
						ul.wood-sel li a {
							width: 30px; height: 0px;
							line-height: 30px;
							display: block;
							border: 1px solid #000;
							overflow: hidden;
							margin: 0; padding: 30px 0 0 0;
							text-decoration: none;
							}
							ul.wood-sel li a:hover{
								border: 1px solid #d1b399;
								overflow: visible;
								}
							ul.wood-sel li a.active {
								border: 2px solid #d1b399;
								}
							ul.wood-sel li a.oak {
								background: url(/ui/public/image/wood/oak.jpg) no-repeat top left;
								}
							ul.wood-sel li a.walnut {
								background: url(/ui/public/image/wood/walnut.jpg) no-repeat top left;
								}
							ul.wood-sel li a.sapele {
								background: url(/ui/public/image/wood/sapele.jpg) no-repeat top left;
								}
							ul.wood-sel li a.plywood {
								background: url(/ui/public/image/wood/oak-plywood.jpg) no-repeat top left;
								}
							ul.wood-sel li a.bubinga {
								background: url(/ui/public/image/wood/bubinga.jpg) no-repeat top left;
								}
							ul.wood-sel li a.hickory {
								background: url(/ui/public/image/wood/hickory.jpg) no-repeat top left;
								}
							ul.wood-sel li a.paduk {
								background: url(/ui/public/image/wood/paduk.jpg) no-repeat top left;
								}
							ul.wood-sel li a.wenge {
								background: url(/ui/public/image/wood/wenge.jpg) no-repeat top left;
								}
							ul.wood-sel li a.zebrawood {
								background: url(/ui/public/image/wood/zebrawood.jpg) no-repeat top left;
								}
				/* --------------------------------------------------
				CONTENT -- RIGHT COLUMN -- PAGINATION
				-------------------------------------------------- */
				.pagination {
					clear: both;
					position: relative;
					height: 14px;
					line-height: 14px;
					margin: 0 0 20px 0;
					padding: 0 0 20px 0;
					overflow: hidden;
					}
					.pagination.top {
						border-bottom: 1px dashed #322316;
					}
					.pagination.bottom {
						padding: 0 0 2px 0 !important;
					}
					.pagination p {
						position: absolute;
						top: 0;
						left: 0;
						}
						.pagination p strong {
							color: #8e3121;
							}
					.pagination ul {
						position: absolute;
						top: 0;
						right: 0;
						}
						.pagination ul li {
							list-style: none;
							background: none !important;
							float: left;
							padding: 0 5px;
							}
							.pagination ul li a {
								float: left;
								display: block;
								text-decoration: none;
								}
								.pagination ul li a:hover {
									color: #8e3121 !important;
									}
								.pagination ul li.active a,
								.pagination ul li.active a:hover {
									font-weight: bold;
									color: #8e3121 !important;
									text-decoration: underline !important;
									cursor: default;
									}
				/* --------------------------------------------------
				CONTENT -- RIGHT COLUMN -- PRODUCT
				-------------------------------------------------- */
				.product {
					margin: 0 0 20px 0;
					border-bottom: 1px dashed #322316;
					}
					.product span.price {
						display: block;
						background: url(/ui/public/image/buttons/price.gif) no-repeat 0 50%;
						padding: 0 30px 0 75px;
						font: normal 16px/30px Georgia !important;
						color: #fff;
						}
						.product span.price.old {
							background: url(/ui/public/image/buttons/price_old.gif) no-repeat 0 50%;
							padding: 0 0 0 105px;
							color: #8e3121;
							text-decoration: line-through;
							}
						.product span.price.sale {
							background: url(/ui/public/image/buttons/price_sale.gif) no-repeat 0 50%;
							padding: 0 0 0 105px;
							}
					/* --------------------------------------------------
					CONTENT -- RIGHT COLUMN -- PRODUCT BROWSE
					-------------------------------------------------- */
					.product.browse h2 {
						line-height: 40px !important;
						margin: 0 !important;
						padding: 0 0 20px 0 !important;
						}
					.product.browse a.product-image {
						display: inline-block;
						position: relative;
						overflow: hidden;
						padding: 1px;
						background: #140801;
						border:  5px solid #501206;
						margin: 0 auto;
						background: #e9d6c6 url(/ui/public/image/layout/product-browse.gif) no-repeat 50% 50%;
						}
						.product.browse a.product-image img {
							position: relative;
							overflow: hidden;
							border: none !important;
							margin: 0 !important;
							padding: 0 !important;
							}
					.product a.view {
						display: block;
						background: url(/ui/public/image/buttons/view_details.gif) no-repeat 0 0;
						width: 200px;
						height: 52px;
						overflow: hidden;
						text-indent: -999px;
						float: right;
						}
					/* --------------------------------------------------
					CONTENT -- RIGHT COLUMN -- PRODUCT DETAILS
					-------------------------------------------------- */
					.product.details {
						border: none;
						}
						.product.details h2 {
							text-align: center;
							border-bottom: 1px dashed #322316;
							line-height: 15px !important;
							margin: 0 0 20px 0 !important;
							padding: 0 0 20px 0 !important;
							}
						.product.details span.price {
							margin: 0 auto;
							text-align: center;
							background-position: 50% 50%;
							}
							.product.details span.price.old,
							.product.details span.price.sale {
								padding: 0 0 0 225px;
								background-position: 120px 50%;
								}
						.product.details .images {
							border: dashed #322316;
							border-width: 1px 0;
							margin: 20px 0 0 0 !important;
							padding: 5px 0 !important;
							}
							.product.details .images a.product-image {
								display: block;
								background: #501206;
								padding: 20px 0;
								cursor: default;
								}
								.product.details .images a.product-image img {
									margin: 0 auto !important;
									border:  2px solid #140801;
									cursor: pointer;
									}
						.product.details .images ul#product-thumbs {
							background: #501206;
							overflow: auto;
							height: 100%;
							text-align: center;
							}
							.product.details .images ul#product-thumbs li {
								background: none !important;
								display: inline !important;
								}
								.product.details .images ul#product-thumbs li a {
									display: inline !important;
									cursor: pointer;
									}
									.product.details .images ul#product-thumbs li img {
										border: none;
										display: inline !important;
										border:  2px solid #140801;
										}
										
				/* --------------------------------------------------
				CONTENT -- RIGHT COLUMN -- FORMS AND RELATED ITEMS
				-------------------------------------------------- */
				fieldset {
					
					}
					fieldset legend {
						display: block;
						color: #AB2B1B;
						padding: 0 0 10px 20%;
						font-size: 12px;
						}
					fieldset div {
						clear: both;
						padding: 0 0 10px 0;
						}
						fieldset div label {
							display: block;
							float: left;
							width: 20%;
							color: #fff;
							}
						fieldset div .input,
						fieldset div .textarea {
							background: #C23520;
							border: 1px solid #501206;
							padding: 4px;
							color: #d1b399;
							width: 50%;
							font-size: 12px;
							font-family: Arial;
							}
						fieldset div .textarea {
							background: #AB2B1B;
							color: #d1b399;
							}
						fieldset div span {
							color: #fff;
							}
						.del-prod, .add-prod {
							background: url(/ui/public/image/buttons/leaf-small.jpg) no-repeat top left;
							color: #fff !important;
							padding: 0 0 0 23px;
							cursor: pointer;
							}
						.del-prod:hover, .add-prod:hover {
							text-decoration: underline !important;
							}
						.form-prod { 
							border-top: 1px dashed #322316;
							border-bottom: 1px dashed #322316;
							padding: 10px 0;
							margin: 10px 0;
							}
						div.submit {
							padding: 20px 0 0 0;
							}
						.form-prod h3 {
							display: inline !important;
							}
						.form-prod .del-div {
							float: right;
							margin: -25px 10px 0 0;
							}
										
				/* --------------------------------------------------
				CONTENT -- RIGHT COLUMN -- STATIC GALLERY (WOOD SAMPLES)
				-------------------------------------------------- */
				.static-gallery {
					margin: 0;
					padding: 15px 0;
					}
					.static-gallery li {
						background: none !important;
						float: left;
						text-align: center;
						margin: 10px;
						}
						.static-gallery li a {
							text-decoration: none;
							}
							.static-gallery li a img {
								padding: 1px;
								background: #e9d6c6;
								border: 5px solid #501206;
								margin: 5px 0;
								}
							.static-gallery li a:hover {
								text-decoration: underline !important;
								}
							.static-gallery li a:hover img {
								border-color: #6c1808;
								}
				
				
		/* --------------------------------------------------
		FOOTER
		-------------------------------------------------- */
		#footer-wrapper {
			
			width: 100%;
			padding: 0 0 20px 0;
			}
			#footer {
				position: relative;
				
				clear: both;
				background: url(/ui/public/image/layout/layout.gif) no-repeat 50% -800px;
				width: 960px;
				height: 56px;
				margin: 0 auto;
				}
				#footer ul.navigation {
					position: absolute;
					margin: 0;
					padding: 0;
					top: 17px;
					left: 400px;
					}
					#footer ul.navigation li {
						float: left;
						list-style: none;
						height: 20px;
						}
						#footer ul.navigation li.last a {
							border-right: none;
							}
						#footer ul.navigation li a {
							padding: 0 10px;
							border-right: 1px solid #cba7a1;
							font-weight: normal;
							font-size: 12px;
							line-height: 15px;
							color: #fff;
							text-decoration: none;
							}
				#footer #copyright {
					position: absolute;
					top: 3px;
					left: 53px;
					font-weight: normal;
					font-size: 12px;
					line-height: 50px;
					color: #fff;
					}
				#footer #footer-logo {
					position: absolute;
					top: 3px;
					left: 3px;
					background: url(/ui/public/image/layout/layout.gif) no-repeat 0 -856px;
					width: 50px;
					height: 50px;
					overflow: hidden;
					}
					#footer #footer-logo a {
						display: block;
						line-height: 50px;
						text-indent: -999px;
						}
				#footer #site-by {
					position: absolute;
					top: 3px;
					right: 20px;
					}
					#footer #site-by a {
						display: block;
						background: url(/ui/public/image/layout/layout.gif) no-repeat 100% -856px;
						font-weight: normal;
						font-size: 12px;
						line-height: 48px;
						color: #fff;
						padding: 2px 20px 0 0;
						text-decoration: none;
						}