/* MetroSofa CSS Document */

* { margin:0; padding:0 }

body {background-color:#b0acab; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:62.5%; color:#646060;}

div#page {width:860px; background-color:#b0acab; margin: auto; font-size:1.1em;}

div#header {width:858; height:60px; }

	div#header h1 { position:absolute; left:-10000px; display:none;}
	div#header img { border:none;}
	div#header ul { list-style:none; width:570px; display:inline; position:relative; left:95px; top:5px;}
	div#header li { display:inline;}

div#bookwrap {width:860px; margin:auto;}

	img{margin:4px;}

	div#LeftPage{ width:375px; float:left; margin-left:30px;}
		* html div#LeftPage{margin-left:15px;}
		
		div#LeftPage h2{position:absolute; left:-10000px;}
	
		div#LeftPage h4, div#RightPage h4 {font-family:arial; color:#A3BF00; text-transform:uppercase; font-size:1.3em;}
			div#ClassicStyles { width:195px; margin-bottom:.3em; padding-bottom:.3em; border-bottom:1px dashed #BFBFBF;}

			div#ModernStyles { width:195px; margin-bottom:.3em;}
		
			div#OneOff { width:120px; float:left; margin-bottom:.3em;}
		
			div#CreateOwn { width:231px; margin-bottom:.3em; border-bottom:1px dashed #bfbfbf; padding-bottom:.3em;}
		
			div#MetroGreen {width:231px; margin-bottom:.3em;}
			
		div#RightPage {width:415px; margin-left:425px;}
		
			div#FurnGen {width:181px; margin-bottom:.3em; border-bottom:1px dashed #bfbfbf; padding-bottom:.3em;}
			
			div#WorkFurnArt {width:181px; margin-bottom:.3em;}
			
			div#ContractFurn {width:214px; margin-bottom:.3em; padding-left:5px; border-bottom:1px dashed #bfbfbf; padding-bottom:.3em;}
			
			div#FastTurn {width:214px; margin-bottom:.3em; padding-left:5px; }
			
			div#sofaChairs { width:160px; margin-left:247px;}
			
			div#sofaChairs ul { list-style:none;}
			div#sofaChairs li { margin:1.25em 0; text-transform:uppercase;}

div#booktop {width:860px; height:38px; background-image:url(../imgs/bg-book-top.jpg); background-repeat:no-repeat}
	div#booktop p {padding-left:30px; padding-top:12px;}

div#bookContent {width:860px; background-image:url(../imgs/bg-book-middle.jpg); background-repeat:repeat-y;clear:both;}

div#bookBottom {width:860px; height:38px; background-image:url(../imgs/bg-book-bottom.jpg); background-repeat:no-repeat;}

div#details { width:400px; border-bottom:2px solid #6B6868;}
div#details h2 {position:relative; top:-10px;}
div#details h3 {padding:1em inherit;}
div#details p {width:100% margin-bottom:1em;}
div#details dl { width:100%; overflow:auto; margin:0 0 1em; background:url(dot.gif) repeat-x 0 .4em; margin-bottom:.5em;}
div#details dt {float:left; padding-right:3px; } 
div#details dd { float:right; text-align:right; padding-left:3px; }
dt,dd.price{background: #FFF;font-size: 1em;}/*


/*10 page css*/



/*add any additional divs or classes in this area and not below the alsett clearing method*/
	
/* and the Alsett clearing method code must go here*/
/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */