html{background:#000;}
body {
	margin:0;
	font:14px Arial, Helvetica, sans-serif;
	color:#666;
	background:#000 url(../images/bg-body.gif) repeat-x;
	min-width:950px
}
a{
	text-decoration:none;
	color:#88688c;
}
a:hover{text-decoration:underline;}
a.more { color:#88688c; }

img{border-style:none;}
input,
textarea,
select{
	font:100% Arial, Helvetica, sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border:none;
}
#header{
	background:url(../images/bg-header.jpg) no-repeat 50% 0;
	width:100%;
}
.header-holder{
	width:894px;
	padding:10px 23px 87px 27px;
	margin:0 auto;
	color:#fff;
	overflow:hidden;
}
.contact{
	width:100%;
	overflow:hidden;
	padding:0 0 77px;
}
.contact dl{
	margin:2px -4px 0 2px;
	float:left;
	font-size:17px;
}
.contact dt{
	margin:0;
	float:left;
	color:#ae83b2;
	padding:0 5px 0 0;
}
.contact dd{
	margin:0;
	float:left;
	padding:0 42px 0 0;
}
.contact dd a{color:#fff;}
.get{
	float:right;
	width:470px;
}
.row{
	height:1%;
	overflow:hidden;
}
.row label{
	width:241px;
	float:left;
	font-size:17px;
	padding:2px 0 0 0;
}
.row input{
	float:left;
	width:167px;
	margin:0;
	border:1px solid #999;
	padding:5px 5px 4px;
}
.row input.go{
	float:right;
	border:0;
	background:url(../images/btn-go.gif) no-repeat;
	width:42px;
	height:29px;
	margin:-1px 0 0;
	padding:0 0 1px 0;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	cursor:pointer;
}
.logo{
	margin:2px 0 0;
	width:260px;
	height:72px;
	overflow:hidden;
	float:left;
	text-indent:-9999px;
	cursor:pointer;
}
.logo a{
	background:url(../images/logo.png) no-repeat;
	height:100%;
	display:block;
}
ul#nav{
	float:right;
	margin:0 -11px 0 0;
	padding:0;
	list-style:none;
}
ul#nav li{
	float:left;
	margin:0 5px 0 0;
}
ul#nav li a{
	float:left;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	padding:0 0 0 7px;
	cursor:pointer;
}
ul#nav li a span{
	float:left;
	padding:8px 11px 9px 4px;
}
ul#nav li a:hover,
ul#nav li.active a{
	background:url(../images/bg-nav-hover-l.gif) no-repeat;
	text-decoration:none;
}
ul#nav li a:hover span,
ul#nav li.active a span{background:#f0f url(../images/bg-nav-hover-r.gif) no-repeat 100% 0;}
.shadow{
	background:url(../images/bg-shadow.png) repeat-x;
	width:100%;
	display:block;
	height:11px;
	overflow:hidden;
}
div#nav-overlay { 
	width: 583px;
	height: 255px;
	/*background: url(../images/menu-overlay.png) no-repeat 0 0;*/
	background: url(../images/menu-overlay-small.png) no-repeat 0 0;
	display: none;
	z-index: 10;
	position: absolute;
	margin: 105px 0 0 331px;
}
#nav-overlay span#menu-btn {
	margin: 8px 0 0 147px;
	font-size:15px;
	font-weight:bold;
	color: #fff;
	display: block;
}
#overlay-content {
	width: 549px;
	height: 191px;
	margin: 19px 0 0 12px;
	padding: 8px 6px 0;
}
#overlay-content .item {
	width: 176px;
	height: 183px;
	margin: 0 10px 0 0; 
	float: left;
}
#overlay-content .item.end { margin-right: 0px; } 
#overlay-content .item .img-holder {
	background:url(../images/img-holder-smaller.gif) no-repeat;
	width:161px;
	padding:10px 9px;
	margin:0 -3px 4px;
}
#overlay-content .item .img-holder img { display:block; border:1px solid #fff; }
#overlay-content .item h2{
	margin:6px 0 13px;
	display: inline-block;
	text-indent:-9999px;
	float: left;
}

.box .para-holder {
	height:110px;
}

#overlay-content .item h2.bathrooms {
	background:url(../images/text-bathroom.gif) no-repeat;
	width:108px;
	height:18px;
}
#overlay-content .item h2.kitchen {
	background:url(../images/text-kichen.gif) no-repeat;
	width:108px;
	height:18px;
}
#overlay-content .item h2.tiles {
	background:url(../images/text-tiles.gif) no-repeat;
	width:108px;
	height:18px;
}
#overlay-content .item a.overlay-view {
	color:#fff;
	background:url(../images/bg-view.gif) no-repeat;
	width: 40px;
	height:23px;
	padding:6px 0 0 19px;
	overflow:hidden;
	display:inline-block;
	font-size:14px;
	font-weight:bold;
	letter-spacing:-1px;
	float: right;
}
#overlay-content .item a.overlay-view:hover{
	background:url(../images/bg-view.gif) no-repeat 0 -29px;
	text-decoration:none;
}
#main{
	width:100%;
	background:#fff url(../images/bg-main.gif) repeat-x;
}
#main p{margin:0 0 21px;}
.main-holder{
	width:944px;
	margin:0 auto;
	padding:0 0 37px;
}
.main-holder:after{
	display:block;
	clear:both;
	content:"";
}
.visual{
	float:left;
	width:100%;
	margin:-36px 0 0;
	position:relative;
}
.visual:after{
	display:block;
	clear:both;
	content:"";
}
.long{margin-bottom:31px;}
.t{
	background:url(../images/bg-t.png) no-repeat;
	width:100%;
	height:303px;
}
.b{
	background:url(../images/bg-b.png) no-repeat;
	width:100%;
	height:18px;
}
.c{
	background:url(../images/bg-c.png) repeat-y;
	width:884px;
	padding:0 23px 0 37px;
}
.c:after{
	display:block;
	clear:both;
	content:"";
}
.inner {
	width:100%;
	float:left;
	margin:-290px 0 0;
}
.fade-gallery{
	width:872px;
	height:283px;
	border:1px solid #fff;
}
.fade-gallery ul{
	width:872px;
	height:283px;
	position:relative;
	overflow:hidden;
	margin:0;
	padding:0;
	list-style:none;
}
.fade-gallery ul li{
	width:872px;
	height:283px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.fade-gallery ul li.active{ z-index:2;}
.gallery{
	float:left;
	width:640px;
	height:424px;
	position:relative;
	overflow:hidden;
}
.gallery span {
	position:absolute;
	top:206px;
	width:39px;
	height:28px;
	font-size:0px;
	line-height:0px;
	text-indent:-9999px;
	z-index:5;
}
.gallery span a{
	display:block;
	height:100%;
	cursor:pointer;
}
.gallery span.link-prev {left:0;}
.gallery span.link-prev a{background:url(../images/bg-link-prev.png) no-repeat;}
.gallery span.link-next {right:0;}
.gallery span.link-next a{background:url(../images/bg-link-next.png) no-repeat;}
.gallery .img-hold{
	position:relative;
	overflow:hidden;
	height:426px;
	width:638px;
	border:1px solid #fff;
	vertical-align:top;
}
.gallery .img-hold img{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.gallery .img-hold img.active{z-index:2;}
.swicher{
	float:right;
	width:232px;
	height:433px;
	position:relative;
	padding:4px 7px 0 0;
}
.swicher div{
	width:232px;
	overflow:hidden;
	position:relative;
}
.swicher ul{
	position:relative;
	padding:0;
	margin:0;
	list-style:none;
	width:9999px;
	overflow:hidden;
}
.swicher ul li{
	float:left;
	width:232px;
	overflow:hidden;
}
.swicher ul li ul{
	width:232px;
	overflow:hidden;
}
.swicher ul li ul li{
	float:left;
	display:inline;
	margin:0 8px 13px 7px;
	width:auto;
}
.swicher ul li ul a {
	display:block;
	height:95px;
	width:100px;
}
.last, .next{
	position:absolute;
	height:31px;
	bottom:-49px;
	font:bold 12px/14px Arial, Helvetica, sans-serif;
	color:#101012;
	padding:16px 0 0;
}
* html .last,
* html .next{
	bottom:-50px;
}
.last:hover, .next:hover{text-decoration:none;}
.last{
	width:96px;
	right:123px;
	background:url(../images/bg-last.gif) no-repeat;
	padding-left:23px;
}
.next{
	width:110px;
	right:0;
	background:url(../images/bg-next.gif) no-repeat;
	padding-left:12px;
}
.intro{
	clear:left;
	width:100%;
	padding:33px 0 0;
	overflow:hidden;
}
#content{
	height:1%;
	overflow:hidden;
	padding:4px 22px 0 31px;
	line-height:24px;
}
#content h2{
	display:block;
	line-height:normal;
	margin:0 0 25px -2px;
}
#content h2.welcome{
	background:url(../images/text-welcome.gif) no-repeat;
	width:362px;
	height:20px;
	text-indent:-9999px;
}
#content h2.interiors{
	background:url(../images/text-interior.gif) no-repeat;
	width:408px;
	height:20px;
	text-indent:-9999px;
}
#content h2.headers {
	margin-bottom: 18px;
	font-size: 27px;
	color: #333;
	font-weight: lighter;
}
#content h2 span{color:#88688c;}
#content ul { margin: 0; padding: 0; list-style: none; overflow: hidden; }
#content ul li { width: 200px; float: left; }
.detail{
	width:506px;
	padding:0 0 37px;
	float:right;
}
.product-range {
	width:892px;
	padding:0 0 37px 31px;
}
.img-holder{
	background:url(../images/imh-holder-little.gif) no-repeat;
	width:212px;
	padding:10px 9px;
	margin:0 -3px 13px;
}
.img-holder img{
	display:block;
	border:1px solid #fff;
}
.box{
	float:left;
	width:223px;
	margin:0 26px 0 0;
	padding:0 3px;
}
.product-range .box { margin-right: 100px; }
.end,
.product-range .box.end { margin: 0; }
.box h2{
	margin:0 0 13px;
	display:block;
	text-indent:-9999px;
}
.box h2.bathrooms{
	background:url(../images/text-bathroom.gif) no-repeat;
	width:108px;
	height:18px;
}
.box h2.kitchens{
	background:url(../images/text-kichen.gif) no-repeat;
	width:84px;
	height:18px;
}
.box h2.tiles{
	background:url(../images/text-tiles.gif) no-repeat;
	width:50px;
	height:18px;
}
.box .department{
	color:#fff;
	background:url(../images/bg-department.gif) no-repeat;
	width:204px;
	height:23px;
	padding:6px 0 0 19px;
	overflow:hidden;
	display:block;
	font-size:14px;
	font-weight:bold;
	letter-spacing:-1px;
}
.box .department:hover{
	background:url(../images/bg-department.gif) no-repeat 0 -29px;
	text-decoration:none;
}
#sidebar{
	width:266px;
	float:right;
	padding:3px 0 0 12px;
}
#sidebar h2{
	margin:0 0 17px;
	display:block;
	background:url(../images/text-need.gif) no-repeat;
	width:153px;
	height:21px;
	text-indent:-9999px;
}
#sidebar h2#where-to-find-us {
	width: 190px;
	margin-top: 30px;
	background:url(../images/text-wheretofindus.gif) no-repeat;
}
#sidebar span{
	display:block;
	font-size:19px;
	margin:0 0 3px;
}
#sidebar p{margin:0;}
#sidebar span a{
	color:#666;
	font-size:19px;
	font-weight:bold;
}
#footer{
	width:100%;
	background:url(../images/bg-footer.jpg) no-repeat 50% 0;
}
.footer-shadow{
	background:url(../images/bg-footer-shadow.png) repeat-x;
	width:100%;
	display:block;
	height:12px;
	overflow:hidden;
}
.footer-holder{
	width:890px;
	margin:0 auto;
	padding:51px 25px 80px 29px;
}
.footer-logo{
	float:right;
	width:132px;
	height:44px;
	text-indent:-9999px;
	overflow:hidden;
}
.footer-logo a{
	height:100%;
	display:block;
	cursor:pointer;
	background:url(../images/logo2.gif) no-repeat;
}
.footer-logo a:hover { background:url(../images/e-logo-active.png) no-repeat; }
.info-box{
	height:1%;
	overflow:hidden;
	padding:12px 0 0;
}
.info-box strong{
	color:#fff;
	font-weight:bold;
}
.info-box ul{
	margin:0 0 0 -10px;
	padding:7px 0 0 0;
	list-style:none;
	overflow:hidden;
}
.info-box ul li{
	display:inline;
	background:url(../images/separator.gif) no-repeat 0 3px;
	margin:0 0 0 -2px;
	padding:0 0 0 1px;
}
.info-box ul li a{
	font-size:12px;
	padding:0 3px 0 11px;
}

/*---- CONTACT US ----*/
/*- FORM -*/
#form p {
	font-style: italic;
}

form#contact {
	margin-left: 0px;
}

form#contact div.row {
	margin-bottom: 15px;
	clear: both;
	overflow: hidden;
}

form#contact div.row label {
	width: 100px;
	margin: 0 25px 5px 0;
	color: #666;
	font-weight: bold;
	float: left;
	font-size: 14px;
	text-align: right;
}

form#contact div.row p {
	margin: 0 0 5px;
	padding: 0;
}

form#contact div.row input.text {
	width: 280px;
	padding: 5px;
	color: #333;
	border: 1px solid #CCC;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
form#contact div.row select{
	padding: 5px;
	color: #333;
	border: 1px solid #CCC;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
form#contact div.row textarea {
	width: 280px;
	height: 85px;
	padding: 5px;
	color: #333;
	border: 1px solid #CCC;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

form#contact div.row.submit { height: 29px; }
form#contact div.row.submit .image {
	width: 114px;
	height: 29px;
	margin: 0;
	padding: 0;
	border: none;
}

/*---- NEWS ----*/
#news.listing h3,
#news.listing h3 a {
	font:16px Arial, Helvetica,sans-serif;
	color:#88688c;
	margin:0 0 4px;
}

#news.listing .item {
	margin-bottom: 20px;
}

#news.listing .item p {
	margin: 0 0 4px;
}

/* PAGING */
.pageidx-nav {
	margin: 15px 0 25px 0;
	font-size: 14px;
}

.pageidx-nav a {
	color: #666;
}

.pageidx-nav .pageidx-prev {
	float:left;
	width:70px;
}

.pageidx-nav .pageidx-nos {
	float:left;
	text-align:center;
	width:450px;
}

.pageidx-nav .pageidx-next {
	width:50px;
	float:left;
	text-align:right;
}

/*---- TEAM LISTING ----*/
#team-listing .item { margin-bottom: 15px; clear: both; overflow: hidden; }
#team-listing .item .img-holder { margin-right: 30px; float: left; }
#team-listing .item h3 { margin: 0; padding: 0; }
#team-listing .item h4 { margin: 0; padding: 0; color: #999; }

/*- MAP -*/
#map {
	width: 230px;
	height: 230px;
	overflow: hidden;
	border: 1px solid #b7b0a3;
}

#sidebar #map span {
	font-size: 8px;
	display:inline;
}

/*---- PRODUCT SUPPLIERS ----*/
ul#suppliers {
	margin: 0 31px;
	padding: 0;
	list-style: none;
}

ul#suppliers li {
	margin: 0 35px 0 0;
	padding: 0;
	float: left;
}
