body{
	background:#fbeace;
	margin:0;
	font:11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#4c4c4c;
}
img{display:block;border:none;}
a{color:#7f7a79;text-decoration:none;}
a:hover{text-decoration:underline;}
#pagewidth{
	width:899px;
	border-left:1px solid #bdb09b;
	border-right:1px solid #bdb09b;
	border-bottom:1px solid #bd852c;
	background:#fff;
	position:relative;
	overflow:hidden;
	margin:0 auto;
	padding:437px 0 0;
}
h1{
	margin:0;
	position:absolute;
	top:48px;
	left:55px;
	z-index:100;
}
h1 a{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	width:221px;
	height:50px;
	background:url(../images2/logo.gif);
}
.phone{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	width:146px;
	height:10px;
	background:url(../images2/text-phone.gif);
	right:58px;
	top:69px;
	position:absolute;
}
#nav{
	margin:0;
	padding:0 0 0 30px;
	width:848px;
	height:30px;
	background:url(../images2/text-nav.gif);
	list-style:none;
	position:absolute;
	top:110px;
	left:11px;
}
#nav li{
	float:left;
}
#nav li a{
	display:block;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 1px 0 0;
}
#nav li a.home{width:59px;}
#nav li a.online-store{width:93px;}
#nav li a.traditional{width:83px;}
#nav li a.modern{width:66px;}
#nav li a.custom-design{width:114px;}
#nav li a.rug-information{width:117px;}
#nav li a.about-us{width:75px;}
#nav li a.locations{width:78px;}
#nav li a.contact-us{width:89px;}
/* HORIZONTAL FREESTYLE MENU LAYOUT */


/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
 margin:0;
	padding:0;
	width:848px;
	height:30px;
	background:url(../images2/text_nav.gif);
	list-style:none;
	position:absolute;
	top:110px;
	left:11px;
	text-indent:-9999px;
	}
.menulist {
	padding:0 0 0 30px;
}
/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
 display: none;
 position: absolute;
 top: 1.0em; 
	margin-top: 25px; /* I'm using ems and px to allow people to zoom their font */
 left: -1px;
 width: 150px;
	text-indent:0;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top: -1px; margin-top: 0;
 left: 148px;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
 float: left;
 display: block;
 position: relative;
 border: 0;
 margin-right: -1px;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
background-color:#FFFFFF;
background-image:none;
border:1px solid #CCCCCC;
float:none;
height:25px;
margin:0 0 -1px;
padding:0;
color:#333333;
}
.menulist ul li a {
background-color: #FFFFFF;
background-image:none;
float:none;
height:19px;
color:#333333;
display: block;
padding: 3px;
text-decoration: none;
}
.menulist ul li a:hover {
background-color: #333333;
background-image:none;
float:none;
height:19px;
color:#FFFFFF;
display: block;
padding: 3px;
text-decoration: none;
}


.menulist ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu */
.menulist a {
 display: block;
 color: #333333;
 text-decoration: none;
	height:30px;
	margin:0 1px 0 0;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus 
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #FFF;
 background-color: #A64;
}
.menulist a.highlighted {
 color: #FFF;
 background-color: #C86;
}*/

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/

.menulist a#home{width:61px;}
.menulist a#online-store{width:90px;}
.menulist a#gallery{width:90px;}
.menulist a#furniture{width:76px;}
.menulist a#custom-design{width:114px;}
.menulist a#rug-information{width:119px;}
.menulist a#about-us{width:77px;}
.menulist a#locations{width:78px;}
.menulist a#contact-us{width:89px;}



/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display: none;
}
.menulist ul a .subind {
 display: block;
 float: right;
}





/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist ul li {
 float: left;
 width: 100%;
}

* html .menulist ul li {
 float: left;
 height: 1%;
}
* html .menulist ul a {
 height: 1%;
}
/* End Hacks */


.visual{
	width:877px;
	overflow:hidden;
	position:absolute;
	top:146px;
	left:11px;
}
.visual img{
	float:left;
}
#main{
	width:877px;
	overflow:hidden;
	margin:0 auto;
	padding:0 11px 72px;
	border-bottom:14px solid #fbb03b;
}
#content{
	float:right;
	width:693px;
}
#sidebar{
	float:left;
	width:184px;
	background:#f9f8f1 url(../images2/bg-sidebar.gif);
	overflow:hidden;
}
#sidebar .frame{
	background:url(../images2/bg-frame.gif) no-repeat 0 0;
}
#sidebar .bg{
	background:url(../images2/bg-bg.gif) no-repeat 0 100%;
	padding:29px 0 21px;
}
#sidebar h3{
	margin:0 0 0 28px;
	font-size:16px;
	color:#191919;
}
#footer{
	background:#fbeace;
	width:899px;
	overflow:hidden;
	font-size:9px;
	padding:14px 0;
	margin:0 auto;
}
#footer p{
	margin:0 0 0 15px;
}
.threecol{
	margin:15px 0 0 22px;
	padding:0;
	list-style:none;
	overflow:hidden;
	width:645px;
	background:url(../images2/bg-three.gif) repeat-y 0 0;
}
.threecol li{
	float:left;
	width:182px;
	margin:0 1px 0 0;
	padding:0 16px;
}
.threecol h2{
	font-size:18px;
	font-weight:normal;
	min-height:44px;
	margin:0;
	text-align:center;
}
* html .threecol h2{
	height:44px;
}
.threecol img{
	margin:6px auto 0;
}
.threecol p{
	margin:12px 0 0;
}
.threecol2{
	margin:15px 0 0 22px;
	padding:0;
	list-style:none;
	overflow:hidden;
	width:650px;
	background:url(../images2/bg-three.gif) repeat-y 0 0;
}
.threecol2 li{
	float:left;
	width:183px;
	margin:0 1px 0 0;
	padding:0 16px 20px 16px;
}
.threecol2 h2{
	font-size:18px;
	font-weight:normal;
	min-height:44px;
	margin:0;
	text-align:center;
}
* html .threecol2 h2{
	height:44px;
}
.threecol2 img{
	margin:6px auto 0;
}
.threecol2 p{
	margin:12px 0 0;
}
.text{
	padding:0 0 0 208px;
	width:402px;
	margin:55px 0 0 40px;
	overflow:hidden;
}
.text img{
	float:left;
	margin:0 0 0 -208px;
	display:inline;
}
.text h3{
	margin:0;
	font-size:18px;
	color:#7f7a79;
	font-weight:normal;
}
.text p{
	margin:10px 0 0;
}
.text2{
	padding:0 0 0 208px;
	width:402px;
	margin:25px 0 0 40px;
	overflow:hidden;
}
.text2 img{
	float:left;
	margin:0 0 0 -208px;
	display:inline;
}
.text2img2 {
	float:left;
	margin:0 0 0 -208px;
	display:inline;
}
.text2img1 {
		padding-top: 170px;
}
.text2 h2 {
	font-size:18px;
	font-weight:bold;
	min-height:34px;
	margin:0;
	text-align:left;
	}
.text2 h3{
	font-size:18px;
	color:#7f7a79;
	font-weight:normal;
}
.text2 p{
	margin:10px 0 0;
}
.text3{
	padding:0 0 0 208px;
	width:402px;
	margin:25px 0 0 40px;
	overflow:hidden;
}
.text3 h2 {
	font-size:18px;
	font-weight:bold;
	min-height:34px;
	margin:0;
	text-align:left;
	}
.text3 h3{
	font-size:18px;
	color:#7f7a79;
	font-weight:normal;
}
.text3 p{
	margin:10px 0 0;
}
.text4{
	width:600px;
	margin:25px 0 0 40px;
	overflow:hidden;
}
.text4 img{
	float:left;
	margin:0 0 0 -208px;
	display:inline;
}
.text4img2 {
	float:left;
	margin:0 0 0 -208px;
	display:inline;
}
.text4img1 {
		padding-top: 170px;
}
.text4 h2 {
	font-size:18px;
	font-weight:bold;
	min-height:34px;
	margin:0;
	text-align:left;
	}
.text4 h3{
	font-size:18px;
	color:#7f7a79;
	font-weight:normal;
}
.text4 p{
	margin:10px 0 0;
}
.floatright {
float: right;
padding-bottom: 20px;
}
.floatleft {
float: left;
padding-bottom: 20px;
}
.clearboth {
clear:both;
}
.leftnav{
	margin:11px 0 0 26px;
	padding:0;
	list-style:none;
	width:144px;
	overflow:hidden;
}
.leftnav li{
	width:144px;
	overflow:hidden;
	float:left;
}
.leftnav a{
	padding:0 0 0 23px;
	display:block;
	line-height:30px;
	color:#333;
}
.leftnav .online a{background:url(../images2/ico-online.gif) no-repeat left;}
.leftnav .book a{background:url(../images2/ico-book.gif) no-repeat left;}
.leftnav .visit a{background:url(../images2/ico-visit.gif) no-repeat left;}
.leftnav .customer a{background:url(../images2/ico-customer.gif) no-repeat left;}
.adds{
	width:158px;
	margin:27px auto 0;
	padding:45px 0 0;
	background:url(../images2/divider.gif) no-repeat 50% 0;
}
.clear {
clear: both !important;
margin: 0 !important;
}
#bookingform {
padding: 10px;
background-color: #EBEBEB;
border: 1px solid #333333;
margin-top: 20px;
}
#contactform {
padding: 10px;
background-color: #EBEBEB;
border: 1px solid #333333;
margin-top: 20px;
}
dl {
  font:normal 12px/15px Arial;
  width: 400px;
  
}
dt {
  clear: both;
  float:left;
  width: 350px;
  padding: 4px 0 2px 0;
  text-align: left;
}
dd {
  float: left;
  width: 200px;
  margin: 0 0 4px 0;
  position:relative;
}
.hint {
  display:none;
  position: absolute;
  right: -210px;
  width: 130px;
  margin-top: -4px;
  border: 1px solid #c93;
  padding: 10px 12px;
  background: #ffc url(/images2/pointer.gif) no-repeat -10px 5px;
}

.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(/images2/pointer.gif) left top no-repeat;
}
.pricestrike {
text-decoration: line-through;
}
.fullcollection {
margin-left: 40px;
margin-right: 40px;
display: block;
background-color: #333333;
color: #FFFFFF;
height: 40px;
width: auto;
padding: 0 10px;
line-height:40px;
}
.fullcollection a {
color:#FFFFFF;
display: block;
width: 100%;
height: 40px;
font-weight: bold;
}