body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3c4141;
	background: #fff url(../images/bg.jpg) repeat;
	margin: 0;
	padding-bottom: 30px;
}

a:link {color: #366666; text-decoration: none; font-weight: bold;}
a:visited {color: #366666; text-decoration: none; font-weight: bold;}
a:hover {color: #3c4141; text-decoration: none; font-weight: bold;}
a:active {color: #366666; text-decoration: none; font-weight: bold;}

.br {clear: both;}
img {border: 0;}

#top, #content, .recent-flooring-box:hover, .full-flooring-box:hover, input#send:hover, a#view-all-projects:hover, a#return-from-left:hover, .caption, #map p, ul#gallery li a img:hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

#testimonial-box, .caption {
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

.green {color: #336666;}

#navigation a {font-weight: lighter; !important}

#center {
	margin: 0 auto;
	width: 997px;
	height: 600px;
	height: auto;
	padding: 0;
	position: relative;
	overflow: visible;
}

#top {
	width: 970px;
	height: 161px;
	background: #fff;
	position: relative;
	z-index: 2;
	margin: 0 auto;
}

#top-content {
	width: 970px;
	height: 161px;
	background: none;
	z-index: 3;
	position: absolute;
	top: 0;
	left: 0;
}

#top-content-holder {
	position: relative;
	width: 970px;
	height: 161px;
	background: none;
}

#logo {
	position: absolute;
	top: 24px;
	left: 58px;
}

h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
	font-weight: normal;
}

#top-content-holder h1 {
	font-size: 18px;
	color: #336666;
	position: absolute;
	top: 68px;
	left: 295px;
	width: 450px;
	line-height: 23px;
}

#top-content-holder p {
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	color: #023f40;
	position: absolute;
	top: 88px;
	left: 811px;
	font-size: 20px;
	letter-spacing: 0.2px;
	line-height: 23px;
}

#top-content-holder p span {
	font-size: 16px;
	color: #336666;
	letter-spacing: 0;
}

a#youtube {
	display: inline-block;
	position: absolute;
	top: 24px;
	left: 812px;
	background: url(../images/icon-youtube.png) no-repeat;
	color: #c0221e;
	padding: 2px 0 0 40px;
	font-size: 12px;
	height: 32px;
	margin: 0;
}
a#youtube:hover {color: #000;}

#feature {
	width: 997px;
	height: 307px;
	background: #fff url(../images/ajax-loader.gif) no-repeat center;
	position: relative;
	margin: 0;
	padding: 0;
	z-index: 3;
	overflow: hidden;
}

img#corner-left {
	position: absolute;
	top: 145px;
	left: 0;
}

img#corner-right {
	position: absolute;
	top: 145px;
	right: 0;
}

#navigation, #navigation-admin {
	width: auto;
	height: auto;
	overflow: hidden;
	position: absolute;
	top: 18px;
	left: 0;
	z-index: 3;
}

#navigation {top: 11px;}

#navigation a, #navigation-admin a {
	display: block;
	width: 221px;
	height: auto;
	padding: 11px 12px 8px 0;
	background: #366666 url(../images/bg-navigation.png) repeat-y;
	text-align: right;
	margin: 0 0 7px 0;
	font-size: 13px;
}

#navigation a {
	font-size: 13px;
	padding: 7px 12px 6px 0;
	margin: 0 0 3px 0;
}

#navigation a:link, #navigation-admin a:link {color: #fff;}
#navigation a:visited, #navigation-admin a:visited {color: #fff;}
#navigation a:hover, #navigation-admin a:hover {color: #fff;}
#navigation a:active, #navigation-admin a:active {color: #fff;}

#navigation a:hover, #navigation-admin a:hover {background: #094445 url(../images/bg-navigation.png) repeat-y;}

#testimonial-box, .caption {
	position: absolute;
	bottom: 13px;
	right: 0;
	background: #366666;
	width: 414px;
	height: auto;
	padding: 20px 56px 14px 36px;
	font-size: 14px;
	line-height: 19px;
	color: #fff;
	z-index: 3;
}

.customer-feedback {
	width: 410px;
	float: left;
	padding: 0;
	font-size: 14px;
	line-height: 19px;
	margin: 0 60px 28px 0;
}

.caption {
	padding: 14px 56px 10px 20px;
	width: 398px;
}

p.testimonial-text, p.customer-text {
	position: relative;
	padding: 0;
	margin: 0 0 2px 0;
}

.quote-left {
	position: absolute;	
	top: 0;
	left: -20px;
}

.quote-right {
	position: relative;	
	top: 0;
	left: 4px;
}

#testimonial-box span, .customer-feedback span {
	font-size: 12px;
	font-weight: bold;
}

.customer-feedback span {color: #336666;}

#content {
	width: 970px;
	height: auto;
	background: #fff;
	margin: 0 auto 0 auto;
	padding: 0;
	line-height: 18px;
	position: relative;
	top: 0;
	left: 0;
}

#content-left, #content-full, #content-admin {
	float: left;
	width: 392px;
	padding: 30px 0 20px 30px;
	margin: 0 55px 0 0;
	position: relative;
	overflow: visible;
	display: inline;
}

#content-full, #content-admin {
	width: 940px;
	padding: 30px 0 20px 30px;
	position: relative;
	margin: 0;
}

#content-admin {
	width: 910px;
	padding: 30px 30px 20px 30px;
}

#content-right, #about-right, #more-content-right, #quote-content-right {
	float: right;
	width: 493px;
	padding: 30px 0 20px 0;
	position: relative;
	display: inline;
	margin: 0;
}

#about-right {padding: 76px 0 20px 0;}
#more-content-right {width: 473px; padding: 76px 20px 20px 0;}
#quote-content-right {width: 437px; padding: 30px 20px 20px 36px;}

h2, h4, h6 {
	font-size: 23px;
	color: #366666;
	margin: 0 0 20px 0;
	line-height: 25px;
}
h2 span, h4 span {color: #0e4445;}
h3 {font-size: 16px;margin: 0 0 12px 0; color: #366666; line-height: 20px;}
h4 {margin: 0 0 25px 38px;}
h6 {margin: 0 0 25px 0;}

#home-intro p {padding: 0; margin: 12px 0;}

.recent-flooring-box, .full-flooring-box, .about-image, #map {
	width: 506px;
	height: 145px;
	background: #366666;
	color: #fff;
	clear: both;
	position: relative;
	cursor: pointer;
	margin: 0 0 28px 0;
	display: block;
	padding: 0;
}

.full-flooring-box {margin: 0 0 28px -43px;}

#map {
	width: 470px;
	height: 360px;
	top: -4px;
	cursor: auto;
}

.recent-flooring-box .image-container, .recent-flooring-box .image-container-recent, .full-flooring-box .image-container, .full-flooring-box .image-container-recent {
	width: 187px;
	height: 145px;
	position: absolute;
	top: 0;
	left: 38px;
	overflow: hidden;
}

.recent-flooring-box .image-container-recent, .full-flooring-box .image-container-recent {
	width: 432px;
	display: block;
}

.recent-flooring-wrap-around {
	position: absolute;
	top: -16px;
	right: 0;
	z-index: 4000;
}

.full-flooring-wrap-around {
	position: absolute;
	top: -16px;
	left: 0;
	z-index: 4000;
}

.recent-flooring-information {
	width: 242px;
	height: auto;
	position: absolute;
	top: 12px;
	left: 240px;
	line-height: 17px;
}

.recent-flooring-information p {
	margin: 0 0 7px 0;
	padding: 0;
	font-size: 12px;
}

p.recent-flooring-title {
	font-size: 15px;
	line-height: 20px;
}

.recent-flooring-box a img, .full-flooring-box a img, a#view-all-projects img.arrow, a#return-from-left img.arrow {
	position: relative;
	top: 1px;
	left: 4px;
}

img.arrow-return {
	position: relative;
	top: 0;
	right: 4px;
}

.recent-flooring-box a, .full-flooring-box a, #request-a-quote a {color: #fff; font-weight: bold;}

a#view-all-projects, a#return-from-left {
	width: 267px;
	height: auto;
	background: #366666;
	color: #fff;
	margin: 0 0 28px 0;
	display: block;
	position: relative;
	top: 0;
	left: 225px;
	padding: 14px 0 10px 14px;
	font-size: 15px;
	font-weight: normal;
}
a#return-from-left {left: -43px;}

#request-a-quote {
	width: 392px;
	height: 346px;
	background: #366666;
	position: relative;
	top: 0;
	left: -43px;
	color: #fff;
	padding: 15px 22px 30px 44px;
	font-size: 13px;
	line-height: 17px;
	margin: 0 0 16px 0;
	display: block;
}

img.request-quote-wrap-around {
	position: absolute;
	top: -16px;
	left: 0;
}

p.request-quote-title {
	font-size: 21px;
}

#request-a-quote p {padding: 0;margin: 0 0 12px 0;}

#error, #sent {
	background: #FF0000;
	color: #fff;
	font-weight: bold;
	position: absolute;
	text-align: center;
	display: block;
	width: 100%;
	z-index: 100;
	line-height: 20px;
}
#sent {background: #009900;}

#error p, #sent p {
	margin: 0 auto;
	width: 970px;
	padding: 10px 0;
}
#error p em {display: block; margin: 0 0 8px 0; font-style: normal;}
#error p span {text-decoration: blink;}

#onestepahead {display: none;}

#quote-form {
	padding: 4px 0 0 0;
	margin: 0;
	position: relative;
	width: auto;
	height: auto;
}

#quote-form label {
	padding: 6px 6px 4px 6px;
	margin: 0 0 5px 0;
	font-size: 14px;
	width: 70px;
	float: left;
}

input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3c4141;
	background: #fff url(../images/bg-form.png) repeat-x !important;
}

input:focus, textarea:focus {background: #cedada url(../images/bg-form-over.png) repeat-x !important;}

#quote-form input, #quote-form textarea {
	float: left;
	width: 287px;
	height: auto;
	border: 1px solid #003c3d;
	padding: 6px 6px 4px 6px;
	margin: 0 0 5px 0;
	background: #fff url(../images/bg-form.png) repeat-x;
}

#quote-form input#send {
	width: auto;
	padding: 8px 10px 5px 10px;
	height: auto;
	text-align: center;
	display: block;
	background: #fff;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: bold;
	border: 1px solid #003c3d;
	color: #184e4f;
	cursor: pointer;
	float: right;
	margin: 0 9px 0 0;
}

#quote-form span {
	position: absolute;
	bottom: 6px;
	left: 84px;
	font-size: 11px;
}

p#footer-left {
	padding: 0;
	color: #336666;
	font-size: 11px;
}

p#footer-left a {margin: 0 4px;}

ul.list {padding: 0;margin: 0 0 0 14px;}
ul.list li {margin: 0 0 4px 0;}

.about-image {
	height: auto;
	background: #366666;
	color: #fff;
	cursor: auto;
	margin: 0;
	padding: 0;
}

.about-image-container, .map-image-container {
	width: 506px;
	height: 321px;
	overflow: hidden;
}

.map-image-container {width: 470px; height: 360px;}

.about-image p {
	width: 470px;
	text-align: left;
	color: #fff;
	background: #366666;
	padding: 12px 0 8px 12px;
	font-size: 15px;
	position: absolute;
	bottom: 20px;
	right: 0;
	margin: 0;
}

#map p {
	width: 450px;
	text-align: left;
	color: #3c4141;
	background: #fff url(../images/map-laminate-flooring.png) no-repeat top right;
	padding: 30px 0 26px 20px;
	font-size: 15px;
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
}

#footer {
	width: 940px;
	padding: 0 0 8px 30px;
	position: relative;
	font-size: 12px;
	color: #336666;
}

#footer span {
	position: absolute;
	top: 0;
	right: 30px;
	text-align: right;
}

p.click-images-below {
	position: absolute;
	top: 19px;
	right: 24px;
	font-size: 12px;
	line-height: 17px;
}

h5 {
	font-size: 18px;
	color: #336666;
	padding: 9px 0 16px 0;
}

p.spec-left {
	padding: 0;
	margin: 0 10px 7px 0;
	width: 124px;
	float: left;
}

p.spec-right {
	padding: 0;
	margin: 0 0 7px 0;
	width: 246px;
	float: left;
}

ul#tick-list {
	padding: 0;
	margin: 0 0 0 22px;
	list-style: outside url(../images/tick.png);
}

ul#tick-list li {
	margin: 0 0 12px 0;
}

p.icon-email, p.icon-phone {
	padding: 0;
	margin: 0 28px 16px 0;
	width: 29px;
	height: 26px;
	float: left;
}

p.icon-phone {height: 38px;}

p.contact-right, p.contact-right-phone {
	float: left;
	padding: 0;
	margin: 0;
	width: 150px;
	height: 26px;
	font-size: 18px;
}

p.contact-right a {font-weight: normal;}
p.contact-right a:link {color: #3c4141;}
p.contact-right a:visited {color: #3c4141;}
p.contact-right a:hover {color: #336666;}
p.contact-right a:active {color: #3c4141;}

p.contact-right {height: 30px;}

p.contact-right-phone {
	padding: 10px 0 0 0;
	height: 28px;
	letter-spacing: 0.8px;
}

p.link-network {
	display: block;
	width: 254px;
	height: 120px;
	overflow: hidden;
	float: left;
	background: #366666;
	margin: 0 28px 28px 0;
	padding: 14px;
	color: #fff;
	line-height: 20px;
}

p.link-network a.link-title {font-size: 16px;}

p.link-network a {font-weight: normal;}
p.link-network a:link {color: #fff;}
p.link-network a:visited {color: #fff;}
p.link-network a:hover {color: #fff; }
p.link-network a:active {color: #fff;}

ul#gallery  {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul#gallery li {
	float: left;
	padding: 0;
	margin: 0 18px 18px 0;
}

ul#gallery li a {
	width: 167px;
	height: 130px;
	overflow: hidden;
	display: inline-block;
	text-align: center;
}

ul#gallery li a.end {margin: 0 !important;}