* {margin:0;} body { color: #333; text-align: center; font: normal 12px/24px georgia, times, "times new roman", serif; background: #f9f3c3 url(/page_attachments/0000/0005/bg_body.gif) top right; } #header { background: #000 url(/page_attachments/0000/0007/headbg.png) bottom left repeat-x; color: #d7c263; height:200px; } #header-big { background: #000 url(/page_attachments/0000/0105/headbghome.png) bottom left repeat-x; color: #d7c263; height:450px; } #header-inner { width:960px; margin:0px auto 0px auto; position:relative; } #homewrap { position:relative; float:left; margin:10px auto 0 auto; width:960px; } .homewrap { float:left; margin:10px 40px 0 0; height:270px; width:550px; } #home-intro { float:left; width:365px; margin-top:28px; color:#f4ecb3; font-size: 15px; text-align:left; font-variant: small-caps; } #header-inner img { float:left; margin:20px auto 0 auto; border:none; } #rightsiderbar { width:265px; float:right; margin-bottom:20px; } .rightproducts { text-align:left; height:150px; border-bottom: #e1cf81 solid 1px; border-top: #e1cf81 solid 1px; margin-top:20px; } .rightproducts img { height:90px; width:90px; float:left; border:medium solid #FFFFFF; margin-right:10px; margin-bottom:10px; } .rightproducts a { color:#FF0000; text-decoration:none; border-bottom:1px solid #e1cf81; } #navcontainer { width:960px; margin:0; float:left; } #navcontainer ul { padding:.2em 0; width:960px; list-style-type:none; color: #fff; text-align:right; text-transform:uppercase; letter-spacing:.1em; height:30px; border-bottom:1px solid #4f3c17; } #navcontainer li { display: inline; text-align: right; text-transform:uppercase; font-variant: small-caps; font-weight:100; font-size:12px; letter-spacing:.1em; } #navcontainer li a { text-align:right; text-decoration: none; color: #fff; padding: .2em .3em; } #navcontainer li a:hover { color: #886928; } #navcontainer em { font-size:150%; font-style:normal; } #contentwrap { width: 960px; margin: 0 auto 0 auto; position: relative; } #maincontent { float:left; width:660px; padding-right:20px; text-align:left; } #maincontent img { height:250px; width:200px; float:left; border:medium solid #FFFFFF; margin:10px 20px 10px 10px; } #maincontent p { margin-right:10px; } #maincontent a:link, a:visited { text-decoration:none; color:#996600; } #maincontent-home a:link, a:visited { text-decoration:none; color:#996600; } #maincontent a:hover { color:#593c0f; text-decoration:none; } #footer { clear:both; border-top: #e1cf81 solid 1px; font-size:85%; } h1 { color: #593c0f; font-size: 20px; font-variant: small-caps; font-weight: normal; border-bottom: #e1cf81 solid 1px; padding: 6px 0; margin: 20px 0 12px 0; text-align:left; } h2 { color: #996600; font-size: 18px; font-variant: small-caps; font-weight: normal; padding: 6px 0; margin: 2px 0 2px 0; text-align:left; } h3 { color: #F8F0B7; font-size: 18px; font-variant: small-caps; font-weight: normal; padding: 6px 0; position:absolute; margin: 160px 0 2px 720px; text-align:center; width:265px; background:#795e24; } h4 { color: #f4ecb3; font-size: 20px; font-variant: small-caps; font-weight: normal; padding: 6px 0; margin: 0px 0 2px 0px; text-align:left; } #maincontent-home { width:960px; padding-right:20px; text-align:center; } #footer-home { clear:both; font-size:85%; } #heating1 img { float:right; height:220px; width:150px; margin:15px 20px 0px 20px; } #heating2 img { float:left; height:90px; width:140px; } #newapps img { float:left; height:auto; width:auto; margin:15px; } #pool1 img { float:right; height:auto; width:auto; margin:15px; } #pool2 img { float:left; height:auto; width:auto; margin:15px; }