/*//////////////////////////////////////////////////////////////////////
	ClearFix
/////////////////////////////////////////////////////////////////////*/

	.clearfix:after {
	   content:".";
	   display:block;
	   height:0;
	   clear:both;
	   visibility:hidden;
	}
	.clearfix {
		display:inline-block;
	}
	.clearfix {
		display:block;
	}	
		
	.clear {
		height:0em;
		font:1px/1px sans-serif;
		text-decoration:none;
		margin:0;
		padding:0;
		clear:both;
	}
	
/*//////////////////////////////////////////////////////////////////////
	Frame
/////////////////////////////////////////////////////////////////////*/

	body {
		background:#fcfbfb url(../images/layout/back.gif) repeat-x top;
	}
	
	#wrapper {
		background:url(../images/layout/frame.gif) no-repeat top center;
	}
	
	.section {
		width:980px;
		margin:0 auto;
	}
	
/*//////////////////////////////////////////////////////////////////////
	Header
/////////////////////////////////////////////////////////////////////*/

	#header {
		height:111px;
		position:relative;
	}
	
		/* Logo */
		#header h1#logo {
			width:300px;
			height:161px;
			position:absolute;
			top:0;
			left:10px;
		}
			#header h1#logo a {
				display:block;
				outline:0;
				text-indent:-9999px;
				width:300px;
				height:161px;
				background:url(../images/layout/logo.gif) no-repeat top left;
			}
			
		/* Slogan */
		#header h2#slogan {
			height:48px;
			width:300px;
			position:absolute;
			top:167px;
			left:10px;
			text-indent:-9999px;
			background:url(../images/layout/slogan.gif) no-repeat top left;
		}
		
		/* Nav */
		#header ul#nav {
			float:right;
			padding:65px 20px 0 0;
		}
			#header ul#nav li {
				list-style:none;
				float:left;
				padding:0 0 10px 20px;
				position:relative;
				z-index:100;
			}
				#header ul#nav li a {
					display:block;
					height:20px;
					float:left;
					background-repeat:no-repeat;
					background-image:url(../images/layout/nav.gif);
					text-indent:-9999px;
					outline:0;
				}
				#header ul#nav li.home a {
					background-position:0 0;
					width:51px;
				}
					#header ul#nav li.home a:hover,
					#header ul#nav li.home:hover a,
					.home #header ul#nav li.home a {
						background-position:0 -20px;
					}
				#header ul#nav li.about a {
					background-position:-54px 0;
					width:88px;
				}
					#header ul#nav li.about a:hover,
					#header ul#nav li.about:hover a,
					.about #header ul#nav li.about a {
						background-position:-54px -20px;
					}
				#header ul#nav li.flooring a {
					background-position:-148px 0;
					width:86px;
				}
					#header ul#nav li.flooring a:hover,
					#header ul#nav li.flooring:hover a,
					.flooring #header ul#nav li.flooring a {
						background-position:-148px -20px;
					}
				#header ul#nav li.shop a {
					background-position:-240px 0;
					width:48px;
				}
					#header ul#nav li.shop a:hover,
					#header ul#nav li.shop:hover a,
					.shop #header ul#nav li.shop a {
						background-position:-240px -20px;
					}
				#header ul#nav li.contact a {
					background-position:-293px 0;
					width:80px;
				}
					#header ul#nav li.contact a:hover,
					#header ul#nav li.contact:hover a,
					.contact #header ul#nav li.contact a {
						background-position:-293px -20px;
					}
					
			#header ul#nav li ul {
				display:none;
			}
			#header ul#nav li:hover ul,
			#header ul#nav li.hover ul {
				display:block;
			}
			
			#header ul#nav li ul {
				position:absolute;
				z-index:200;
				left:0;
				top:28px;
				background:#ffffff url(../images/layout/dropdown.gif) no-repeat top center;
				width:215px;
				padding:20px 0 20px 0;
			}
				#header ul#nav li ul li {
					width:185px;
					margin:0 15px;
					border-bottom:1px solid #dedcdc;
					padding:0;
				}
					#header ul#nav li ul li a {
						text-indent:0;
						color:#db2a2a;
						text-decoration:none;
						font-size:1.4em;
						line-height:29px;
						height:29px;
						background:none;
						padding:0 5px;	
						width:175px !important;		
					}
						#header ul#nav li ul li a:hover,
						#header ul#nav li ul li.current_page_item a {
							background:#f5f5f5;
						}

/*//////////////////////////////////////////////////////////////////////
	global
/////////////////////////////////////////////////////////////////////*/
		
	/* Box */
	#content .box {
		padding:0 10px 10px 10px;
		margin:0 0 10px 0;
		height:190px;
		background-repeat:no-repeat;
		background-position:top center;
	}
		#content .box h3 {
			color:#ffffff;
			line-height:42px;
			height:42px;
			padding:0 14px;
			font-size:2.2em;
			font-weight:bold;
			text-transform:uppercase;
		}
	
/*//////////////////////////////////////////////////////////////////////
	side
/////////////////////////////////////////////////////////////////////*/
					
	#content #side {
		width:310px;
		float:left;
		padding:114px 0 0 0;
	}
	
		/* Choose your flooring */
		#content #side #choose {
			margin:0 0 20px 0;
		}
			#content #side #choose h3 {
				padding:0 17px 10px 17px;
				font-size:2.2em;
				font-weight:bold;
				text-transform:uppercase;
			}
			#content #side #choose ul {
				margin:0 0 0 10px;
				height:150px;
			}
				#content #side #choose ul li {
					list-style:none;
					float:left;
					width:140px;
					margin:0 10px 0 0;
					height:30px;
				}
					#content #side #choose ul li a {
						display:block;
						padding:0 7px 0 7px;
						float:left;
						width:126px;
						height:29px;
						line-height:29px;
						border-bottom:1px solid #dedcdc;
						color:#db2a2a;
						text-decoration:none;
						font-size:1.4em;
					}
						#content #side #choose ul li a:hover,
						#content #side #choose ul li.current_page_item a {
							background:#f5f5f5;
						}
						
		/* Discount */
		#content #side #discount {
			background-image:url(../images/layout/box/discount.gif);
		}
			#content #side #discount a {
				padding:20px 125px 8px 14px;
				height:120px;
				display:block;
				text-decoration:none;
				position:relative;
			}
				#content #side #discount a h4 {
					font-size:2em;
					color:#1e1e1e;
					line-height:1em;
					font-weight:bold;
					text-transform:uppercase;
				}
				#content #side #discount a p {
					font-size:2.2em;
					color:#ffffff;
					position:absolute;
					bottom:18px;
					left:14px;
					width:200px;
					line-height:1em;
					font-weight:bold;
					text-transform:uppercase;
				}
					
		
		/* Brands */
		#content #side #brands {
			background-image:url(../images/layout/box/brands.gif);
		}
			#content #side #brands h3 {
				color:#1e1e1e;
			}
			#content #side #brands ul {
				padding:7px 0 0 15px;
			}
				#content #side #brands ul li {
					float:left;
					width:80px;
					height:60px;
					list-style:none;
					margin:0 10px 8px 0;
				}
					#content #side #brands ul li a {
						display:block;
						float:left;
						width:80px;
						height:60px;
						line-height:60px;
						vertical-align:middle;
					}
						#content #side #brands ul li a img {
							display:inline;
						}

/*//////////////////////////////////////////////////////////////////////
	Section
/////////////////////////////////////////////////////////////////////*/
	
	#section {
		width:660px;
		padding:0 10px 0 0;
		float:right;
	}
	
		/* Banner */
		#section #banner {
			margin:0 10px 20px 10px;
			height:200px;
			overflow:hidden;
			position:relative;
		}
		
		/* Map */
		#section #map {
			margin:0 10px 20px 10px;
			height:300px;
			overflow:hidden;
		}
		
		/* Bargains */
		#section #bargains {
			background-image:url(../images/layout/box/bargains.gif);
			position:relative;
		}
			#section #bargains .buttons {
				position:absolute;
				top:11px;
				right:15px;
			}
				#section #bargains .buttons a {
					display:block;
					outline:0;
					margin:0 5px 0 0;
					height:19px;
					width:19px;
					text-indent:-9999px;
					background-position:top left;
					background-repeat:no-repeat;
					float:left;
					filter:alpha(opacity=15);
					opacity:0.15;
				}
					#section #bargains .buttons a:hover {
						filter:alpha(opacity=30);
						opacity:0.3;
					}
				#section #bargains .buttons a.prev {
					background-image:url(../images/buttons/prev.gif);
				}
				#section #bargains .buttons a.next {
					background-image:url(../images/buttons/next.gif);
				}
			#section #bargains .bargains {
				width:640px;
				overflow:hidden;
				height:148px;
			}
				#section #bargains .bargains ul li {
					padding:14px;
					list-style:none;
					float:left;
					width:292px;
					height:120px;
					position:relative;
				}
					#section #bargains .bargains ul li img {
						border:5px solid #ac1111;
						height:106px;
						width:106px;
						float:left;
						margin:0 14px 0 0;
					}
					#section #bargains .bargains ul li h4 {
						font-size:2em;
						color:#1e1e1e;
						line-height:1em;
						font-weight:bold;
						text-transform:uppercase;
					}
					#section #bargains .bargains ul li p {
						font-size:4.8em;
						color:#ffffff;
						position:absolute;
						bottom:18px;
						left:14px;
						width:200px;
						line-height:1em;
						font-weight:bold;
						text-transform:uppercase;
						bottom:10px;
						left:145px;
					}
						#section #bargains .bargains ul li p span {
							font-size:0.5em;
						}
					#section #bargains .bargains ul li a {
						display:block;
						text-decoration:none;
					}
						#section #bargains .bargains ul li a h4 {
							color:#1e1e1e;
						}
						
		/* Gallery */
		#section #gallery {
			background-image:url(../images/layout/box/bargains.gif);
			position:relative;
		}
			#section #gallery .buttons {
				position:absolute;
				top:11px;
				right:15px;
			}
				#section #gallery .buttons a {
					display:block;
					outline:0;
					margin:0 5px 0 0;
					height:19px;
					width:19px;
					text-indent:-9999px;
					background-position:top left;
					background-repeat:no-repeat;
					float:left;
					filter:alpha(opacity=15);
					opacity:0.15;
				}
					#section #gallery .buttons a:hover {
						filter:alpha(opacity=30);
						opacity:0.3;
					}
				#section #gallery .buttons a.prev {
					background-image:url(../images/buttons/prev.gif);
				}
				#section #gallery .buttons a.next {
					background-image:url(../images/buttons/next.gif);
				}
			#section #gallery .gallery {
				width:640px;
				overflow:hidden;
				height:148px;
			}
				#section #gallery .gallery ul li {
					padding:14px;
					list-style:none;
					float:left;
					width:106px;
					height:120px;
					position:relative;
				}
					#section #gallery .gallery ul li a img {
						border:5px solid #dedcdc;
						height:106px;
						width:106px;
						float:left;
						margin:0 14px 0 0;
					}
						#section #gallery .gallery ul li a:hover img {
							border:5px solid #1e1e1e;
						}
						
		/* Content */
		#content .article {
			padding:5px 0 20px 0;
		}
			#content .article h2 {
				font-weight:bold;
				text-transform:uppercase;
				color:#1c1c1c;
				font-size:3em;
				padding:0 10px 10px 10px;
				line-height:1em;
			}
				#content .article h2 strong {
					color:#de2b2b;
				}
			#content .article h3 {			
				font-size:2em;
				color:#de2b2b;
				line-height:1em;
				font-weight:bold;
				margin:0 10px 10px 10px;
				text-transform:uppercase;
			}
			#content .article p {
				color:#4b4b4b;
				font-size:1.2em;
				line-height:1.4em;
				margin:0 0 1.4em 0;
				padding:0 10px;
			}
			#content .article blockquote p {
				font-size:1.6em;
				margin-bottom:1em;
			}
			#content .article ul,
			#content .article ol {
				margin:0 10px 1.4em 40px;
				color:#4b4b4b;
				font-size:1.2em;
				line-height:1.4em;
			}
			#content .article a {
				color:#de2b2b;
				text-decoration:underline;
			}
				#content .article a:hover {
					color:#1e1e1e;
				}
			#content .article table {
				color:#4b4b4b;
				font-size:1.2em;
				line-height:1.4em;
				margin:0 10px 1.4em 10px;
				text-align:left;
			}
				#content .article table th {
					text-align:left;
					width:80px;
					font-weight:bold;
				}
				
				
		/* Contact Form */
		#content #contactform {
			float:right;
			width:290px;
			background:url(../images/layout/box/contact.gif) no-repeat top left;
			height:397px;
			margin-top:-48px;
			position:relative;
		}
			#content #contactform h3 {
				color:#1e1e1e;
				line-height:42px;
				height:42px;
				padding:0 14px;
				font-size:2.2em;
				font-weight:bold;
				margin:0;
				text-transform:uppercase;
			}
			#content #contactform .wpcf7 {
				padding:14px;
			}
			#content #contactform form p {
				margin:0;
				padding:0 0 5px 0;
			}
			#content #contactform label {
				color:#4b4b4b;
				font-size:1em;
				line-height:1.4em;
			}
			#content #contactform input,
			#content #contactform textarea {
				width:250px;
				padding:2px 5px;
				margin:0 0 10px 0;
				border:1px solid #cccccc;
				color:#4b4b4b;
				font-size:1.2em;
				line-height:1.4em;
			}
			#content #contactform textarea {
				height:100px;
			}
			#content #contactform input.send {
				border:0;
				background:#de2b2b;
				color:#ffffff;
				text-align:center;
				width:100px;
				cursor:pointer;
			}
			#content #contactform div.input {
				position:relative;
			}
				#content #contactform div.input .wpcf7-not-valid-tip-no-ajax {
					position:absolute;
					top:-20px;
					right:0;
					font-weight:bold;
					color:#DE2B2B;
					font-size:1.1em;
					line-height:1.2em;
				}
			#content #contactform .wpcf7-response-output {
				bottom:31px;
				color:#222222;
				font-size:1.1em;
				font-weight:bold;
				line-height:1.2em;
				position:absolute;
				right:24px;
				width:154px;
			}
			
			#content #contactform .wpcf7-validation-errors {
				color:#DE2B2B;
			}
			
						
/*//////////////////////////////////////////////////////////////////////
	Footer
/////////////////////////////////////////////////////////////////////*/

	#footer {
		clear:both;
		background:#dedcdc;
		padding:26px 0 100px 0;
	}
		#footer p {
			width:960px;
			margin:0 auto 8px auto;
			font-size:1.2em;
			line-height:1.4em;
			color:#828282;
		}
			#footer p a {
				text-decoration:underline;
				color:#525151;
			}
				#footer p a:hover {
					color:#222222;
				}

/*//////////////////////////////////////////////////////////////////////
	Homepage
/////////////////////////////////////////////////////////////////////*/

	.home #content #banner {
		height:300px;
	}

	.home #content .article p {
		float:left;
		width:310px;
		text-align:justify;
	}