@charset "utf-8";
/* CSS Document */

html{height:101%;}

body { /* the main background of the computer screen*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	background-color:#e7dfcc;
	background-image:url(images/background.jpg);
	background-repeat:repeat-x;
}

.mainOuter {/*the main background of the container eg.layout background*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width:880px;
	height:auto;
	text-align: left;
}

a:link{ color:#3b372c; text-decoration: none;}
a:visited{ color: #3b372c;	text-decoration: none;}
a:active{ color: #3b372c;	text-decoration: none;}
a:hover{	text-decoration: underline;	color: #3b372c;}


/*==========main containers==========*/
.mainContainer{width:880px; height:auto; float:left;}
.topBackground{width:880px; height:40px; float:left; background-image:url(images/top_background.png);}
.content{width:880px; height:auto; float:left; background-image:url(images/middle_background.png); background-repeat:repeat-y;}
.bottomBackground{width:880px; height:41px; float:left; background-image:url(images/bottom_background.png);}


/*==========header==========*/
.header{width:851px; height:109px; float:left; margin-left:13px; background-color:#e8e4db;}
.logo{width:307px; height:83px; float:left;}
.telephone{width:376px; height:83px; float:left; margin-left:168px;}
.menuContainer{width:851px; height:26px; float:left; background-image:url(images/menu_bg.jpg); background-repeat:repeat-x;}
.menuLeft{width:375px; height:26px; float:left; font-size:1px;}
.button{width:auto; height: 26px; float:left;}
#home{
  display: block;
  width: 60px;
  height: 26px;
  background:url(images/home_btn.jpg) no-repeat 0 0;

}
#home:hover{   background-position: 0 -26px;}
#home span{  display: none;}
#curtains{
  display: block;
  width: 73px;
  height: 26px;
  background:url(images/curtains_btn.jpg) no-repeat 0 0;

}
#curtains:hover{   background-position: 0 -26px;}
#curtains span{  display: none;}
#fabrics{
  display: block;
  width: 66px;
  height: 26px;
  background:url(images/fabrics_btn.jpg) no-repeat 0 0;

}
#fabrics:hover{   background-position: 0 -26px;}
#fabrics span{  display: none;}
#wallpaper{
  display: block;
  width: 88px;
  height: 26px;
  background:url(images/wallpaper_btn.jpg) no-repeat 0 0;

}
#wallpaper:hover{   background-position: 0 -26px;}
#wallpaper span{  display: none;}
#furnishings{
  display: block;
  width: 109px;
  height: 26px;
  background:url(images/soft_furnishings_btn.jpg) no-repeat 0 0;

}
#furnishings:hover{   background-position: 0 -26px;}
#furnishings span{  display: none;}
#contact{
  display: block;
  width: 80px;
  height: 26px;
  background:url(images/contact_btn.jpg) no-repeat 0 0;

}
#contact:hover{   background-position: 0 -26px;}
#contact span{  display: none;}

/*==========content==========*/
.centralContainer{width:851px; height:auto; float:left; margin-left:13px; background-color:#f4f4ec;}
.banner{width:851px; height:263px; float:left; font-size:1px;}
.indexTextContainter{
	width:524px;
	height:auto;
	float:left;
	background-image:url(images/text_right_bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
.indexText{
	width:500px;
	height:auto;
	float:left;
	margin:5px 10px 10px 10px;/*top...right..bottom...left*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3b372c;
}
.rightBox{ width:327px; height:211px; float:left; background-image:url(images/five_reasons.jpg);}
.rightBoxText{	
	width:300px;
	height:auto;
	float:left;
	margin:15px 10px 10px 10px;/*top...right..bottom...left*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3b372c;
}
.h1{font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-align:center; color:#3b372c;}
h1{font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#3b372c;}
.textContainter{
	width:851px;
	height:auto;
	float:left;
	background-image:url(images/text_right_bg2.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
.text{
	width:830px;
	height:auto;
	float:left;
	margin:20px 10px 10px 10px;/*top...right..bottom...left*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3b372c;
}
.table{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3b372c;
}


.bannerManufacturers{width:851px; height:80px; float:left;}
.bannerScroll{width:831px; height:75px; float:left; margin-left:10px;}


/*==========footer==========*/
.footer{widows:851px; height:40px; float:left; margin-left:13px;}
.footerText{
	width:800px;
	height:20px; 
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#3b372c;
	font-weight:bold;
	margin-top:15px;
}
.footerText a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#3b372c;
	font-weight:bold;
	text-decoration:none;
}
.footerText a:active{color:#3b372c;	font-weight:bold; text-decoration:none;}
.footerText a:visited{color:#3b372c;	font-weight:bold; text-decoration:none;}
.footerText a:hover{color:#3b372c;	font-weight:bold; text-decoration:underline;}