* {
	padding: 0;
	margin: 0;
}

body{
	background-color: #4C5B52;
	font: 11px/15px Arial, Helvetica, san-serif;
	color: #231F20;
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.social:hover{
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	cursor: pointer;
}

.imageMetaData{
	width: 935px;
  float: left;
  margin: -25px 0px 0px 0px;
  height: 22px;
  background: #FFF;
  filter:alpha(opacity=80);
  opacity:0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  text-align: right;
  padding: 3px 25px 0px 0px;
  position: absolute;
}

/****************************************************************/
/* 1. STRUCTURE  */
/****************************************************************/

#wrapper{
	width: 100%;
	margin: 0;
  padding: 0;
	text-align: center;
}

#innerWrapper{
	width: 960px;
	margin: 22px auto;
	background: #FFF;
}

#menu{
	padding-left: 264px;
	background-color: #fff;
	text-align: left;
  float: left;
  width: 696px;
}

#main{
	float: left;
  background: #FFF;
}

#footer{
	background-color: #fff;
	text-align: left;
	padding: 5px 0px 2px 28px;
  float: left;
	width: 932px;
}

#banner{
	float: left;
	text-align: left;
	background-color: #fff;
}

#content{
	color: #231F20;
	text-align: left;
	background-color: #fff;
	padding: 16px 33px 50px 30px;
  float: left;
}

#home #content, #inspirations #content{
	padding: 0;
	width: 960px;
	background-repeat: no-repeat;
	float: left;
}

#homepageLower{
	width: 931px;
  min-height: 485px;
  float: left;
  margin: 483px 0px 0px 29px;
	background: #FFF;
}

#homepageLowerLeft{
	width: 235px;
  min-height: 485px;
  float: left; 
}

#homepageLowerRight{
	width: 690px;
  min-height: 485px;
  float: left; 
}

#homepageLowerLeft p{
	font-size: 14px;
  color: #4B5B51;
  font-weight: bold;
  margin: 10px 10px 0px 0px;
  float: left;
  line-height: 18px;  
}

#categoryDisplay{
	width: 650px;
  float: left;
  margin: 15px 0px 0px 0px;
}

.category{
	width: 154px;
  height: 114px;
  float: left;
  margin: 0px 0px 0px 0px;
}

.categoryLast{
	width: 154px;
  height: 114px;
  float: left;
  margin: 0px 0px 0px 0px;
}

.categoryImage{
	width: 154px;
  height: 114px;
  float: left;
}

.categoryHeader{
	float: left;
  width: 154px;
  height: 26px;
  margin: 16px 0px 0px 0px;
}

.categoryContainer{
	width: 154px;
  float: left;
  margin: 0px 11px 0px 0px;
  cursor: pointer;
}

.categoryContainerLast{
	width: 154px;
  float: left;
  margin: 0px 0px 0px 0px;
  cursor: pointer;
}

.categoryOverlay{
	width: 154px;
  height: 90px;
	background: #000;
  font-size: 13px;
  color: #FFF;
  font-weight: bold;
  margin: -90px 0px 0px 0px;
  filter:alpha(opacity=60);
  opacity:0.6;
  float: left;
  display: none;
}

.categoryOverlay p{
	color: #FFF;
  padding: 7px;
}

#newsAndProjects{
	float: left;
  width: 650px;
  margin: 10px 0px 0px 0px;
}

#projectDisplay{
	width: 320px;
	float: left;
  min-height: 220px;
  
}

.projectImage{
	margin: 0px 0px 10px 0px;
  float: left;
}

.projectImage:hover{
	filter:alpha(opacity=70);
  opacity:0.7;
}

#newsHeader{
	width: 320px;
  height: 14px;
  float: left;
  background: #FFF url('../images/home/newsHeader.gif') 0 0 no-repeat;
  text-align: right;
  margin: 0px 0px 5px 0px;
}

#newsHeader a{
	font-size: 13px;
  font-face: Arial;
  color: #4B5B51;
  text-decoration: underline;
}

#newsHeader a:hover{
	color: #000;
}

#newsDisplay{
	width: 320px;
	float: left;
  min-height: 220px;
  margin: 0px 10px 0px 0px;
}

.newsArticle a{
	font-size: 12px;
	width: 320px;
  float: left;
  text-decoration: none;
  color: #F36B17;
  padding: 8px 0px 5px 0px;
}

.newsArticle a:hover{
  text-decoration: underline;
}

/* project slider */

.slideShowContainer{
	height: 620px;
  width: 960px;
	float: left;
  overflow: hidden;
}

#slideTrack{
	float: left;
}

.slide{
	height: 620px;
  width: 960px;
	float: left;
  overflow: hidden;
}

#slideShowController{
	height: 310px;
  width: 930px;
	float: left;
  margin: -620px 0px 0px 0px;
  text-align: left;
  align: left;
  padding: 0px 0px 0px 0px; 
}

#slideShowArrow{
	padding: 0px 0px 0px 20px;
  cursor: pointer;
  filter:alpha(opacity=70);
  opacity:0.7;
}

#slideShowArrow:hover{
  filter:alpha(opacity=100);
  opacity:1.0;
}

#homepageLogoContainer{
	width:960px;
  float: left;
}

#slideShowNumberContainer{
	width: 945px;
  float: left;
  margin: 40px 0px 0px 20px;
}

#slideShowNumberContainerLeft{
	height: 80px;
  float: left;
  
}

#slideShowNumberContainerRight{
	height: 80px;
  float: left;
  padding: 7px 0px 0px 0px;
  width: 100px;
}
	

#sideCol{
	width: 219px;
	float: left;
  min-height: 200px;
	
}
#mainCol{
	width: 663px;
	float: right;
}
.left{
	float: left;
}
.right{
	float: right;
}
.halfSplit{
	width: 322px;

}
.quarterSplit{
	width: 155px;
}

.categorySplit {width: 310px;}
.swatch_text{
	height: 20px;
	padding: 0 4px 0 4px;
	
}

#icons{
	position: absolute;
	bottom: 8px;
	right: 42px;
}
#footer_txt{
	width: 540px;
	float: right;
	text-align: right;
	padding: 3px 0 2px 0;

}

#footer_imgs{
	float: left;
	width: 350px;
	padding-top: 6px;
}

#related, #other_images{
	margin-top: 38px;
}
.contact_item{
	margin: 0 0 40px 0;
}
.textholder{height: 100px; float: left; width: 312px; }
.textholder .inner{padding: 10px; }
/****************************************************************/
/* TEXT */
/****************************************************************/

p{
	color: #231F20;
}


p.body, .bodytext p{
	padding: 0 0 20px 0;
}

div.body_text p{
	padding: 0 0 10px 0;
}
h1{
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	color: #F08B1D;
}

#nums h1{
	color: #F08B1D;
	/* font-size: 72px; */
}

h3{
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	color: #F08B1D;
}

h3.dark{
	color: #4C5B52;
}

p.back{
	margin-top: 20px;
}

p.map{
	margin-top: 15px;
	margin-bottom: 15px;
}

p.caption{
	color: #4C5B52;
	font-size: 9px;
	line-height: 9px;
	font-weight: bold;
	padding: 2px 0 0 4px;
}

p.spacer{
	margin-bottom: 15px;
}

#nums{
	margin: 37px 0 0 30px;
	color: #F08B1D;
	
}

/****************************************************************/
/* IMAGES */
/****************************************************************/
img{
	border: none;
}
img.logo{
	
}

div.logo{
	position: absolute;
	top: 0;
}

div.soon{

	position: absolute;
	bottom: 28px;
	right: 28px;
}
img.soon{
	
}

img.selection{
	margin-top: 210px;
}

img.body_img{
	margin-bottom: 15px;
}

img.with_caption{
	margin-bottom: 2px;
}

img.cat_thumb{float: right;}

/****************************************************************/
/* MENU */
/****************************************************************/

#menu{
	float: left;
  height: 35px;
}

#menu ul{

	margin: 0 0 0 0;
	padding: 17px 0 6px 0;
	list-style-type: none;
	width: 681px;
  float: left;
}

#menu ul li{
	display: inline;
	margin-right: 15px;
  float: left;
}

#menu ul li a{
	/*
	text-indent: -4000px;
	overflow: hidden;
	height: 14px;
	position: relative;
	background-color: transparent;
	*/
}

/****************************************************************/
/* LINKS */
/****************************************************************/

a{
	color: #4C5B52;
	font-weight: bold;
}

a.secondary{
	color: #231F20;
	font-weight: normal;
}

a.simple{
	text-decoration: none;
	font-weight: normal;
	color: #231F20;
}


ul.swatches a:link, ul.swatches a:visited{
	text-decoration: none;
}
ul.swatches .swatch_text a:hover{
	border-bottom: 1px dotted #4C5B52;
}



#sideNav a{
	text-decoration: none;
}

a.active{
	color: #F08B1D;
}

a.highlight{
	font-weight: bold;
	color: #F08B1D;
}

#footer a.highlight{
	text-decoration: none;
}

#footerLeft{
	float: left;
  height: 105px;
  width: 550px;
  font-size: 11px;
  color: #4C5C52;
}

#footerRight{
	float: left;
  height: 105px;
  width: 340px;
  font-size: 11px;
  color: #4C5C52;
}

#footerLeft a, #footerRight a,#footerLeft p, #footerRight p{
	font-size: 11px;
  color: #4C5C52;
}

.shopLocation{
	float: left;
  height: 75px;
  width: 140px;
	padding: 0px 0px 0px 25px;
}

.back a{
	color: #231F20;
	font-weight: normal;
}

#icons a{
	margin-left: 25px;
}

#nums a{
	color: #F08B1D;
	/* font-size: 72px; */
	text-decoration: none;
	
}

#nums img{
	margin-right: 12px;
}


/****************************************************************/
/* LISTS */
/****************************************************************/
ul.no_bullet{
	list-style-type: none;
}
ol li{
	margin: 0 0 10px 20px;
}
ul.bullets li{
	margin: 0 0 10px 20px;
}

ul.swatches li{
	margin-bottom: 20px;
}
ul.categories li{
	margin-bottom: 20px;
}
li.grid{
	margin-right: 10px;
}
li.last{
	margin-right: 0;
}


#sideNav ul.sub{
	margin-left: 20px;
}

#sideNav li{
	margin-bottom: 2px;
}





ul#contacts li{
	margin-bottom: 25px;
}

ul.docs{
	margin-bottom: 15px;
}

ul.articles li, ul.visuals li{
	margin-bottom: 20px;
}

div.body_text ul{
	margin-bottom: 10px;
	list-style-type: none;
}

.cat_summary{background-color: #d6dcd8; width: 510px;}


table.opening_hours{
	width: 75%;
	margin: 0;
	padding: 0;
	
}

.navButton{
	float: left;
  margin: 0px 17px 0px 0px;
  height: 16px;
}

.navButton:hover{
	float: left;
  background-position: 0px -19px !important;
}

#scrollBarOpen{
	width: 1px;
  height: 1000px;
  float: left;
}

.productImage{
	margin: 10px 10px 0px 0px;
}

.navOn{
	background-position: 0px -19px !important;
}

#homeButton{
	width: 35px;
  float: left;
  background: transparent url('../images/nav/home.gif') 0 0 no-repeat;
}

#aboutButton{
	width: 36px;
  float: left;
  background: transparent url('../images/nav/about.gif') 0 0 no-repeat;
}

#newsButton{
	width: 33px;
  float: left;
  background: transparent url('../images/nav/news.gif') 0 0 no-repeat;
}

#productsButton{
	width: 51px;
  float: left;
  background: transparent url('../images/nav/products.gif') 0 0 no-repeat;
}

#projectsButton{
	width: 46px;
  float: left;
  background: transparent url('../images/nav/projects.gif') 0 0 no-repeat;
}

#installationButton{
	width: 67px;
  float: left;
  background: transparent url('../images/nav/installation.gif') 0 0 no-repeat;
}

#floorcareButton{
	width: 56px;
  float: left;
  background: transparent url('../images/nav/floorcare.gif') 0 0 no-repeat;
}

#environmentButton{
	width: 76px;
  float: left;
  background: transparent url('../images/nav/environment.gif') 0 0 no-repeat;
}

#contactButton{
	width: 48px;
  float: left;
  background: transparent url('../images/nav/contact.gif') 0 0 no-repeat;
}