@import "base.css";

/* General */
body { background-color:#dfdbc0 }

/* Content */
div#pageContainer { position:relative; width:1000px; margin:30px auto; text-align:left }
div#mainContainer div { float:left }
div#livingRoom { width:488px; height:540px; background-image:url(../images/home/livingRoom.jpg) }
div#separator { width:1px; height:540px }
div#blurredLivingRoom { width:160px; height:540px; background-image:url(../images/home/blurredLivingRoom.jpg) }
div#brand { width:251px; height:520px; padding-top:20px; background:#dfdbc0 url(../images/home/gradient.gif) scroll repeat-x 0px 0px; }
div#brandContent { margin:40px 20px 0px 20px; font:bold 14px Arial, Helvetica, sans-serif; color:#3a2d0e; line-height:28px }
div#quote { margin-top:27px; font:12px Arial, Helvetica, sans-serif; color:#97833d; line-height:18px }
div#colorBand { width:100px; height:540px; background-image:url(../images/home/colorBand.jpg) }

div#contractor, div#pillows, div#pattern, div#house { position:absolute; z-index:5; border:solid 1px #dfdbc0 }
div#contractor { top:84px; left:388px; width:220px; height:165px; background-image:url(../images/home/contractor.jpg)  }
div#pillows { top:250px; left:488px; width:80px; height:78px; background-image:url(../images/home/pillows.jpg) }
div#pattern { top:250px; left:569px; width:79px; height:78px; background-image:url(../images/home/pattern.jpg) }
div#house { top:329px; left:465px; width:140px; height:105px; background-image:url(../images/home/house.jpg) }