* { list-style:none ; margin:0 ; padding:0 } a { outline:none } a img { border:none } body { background:#2A2319 ; color:#D5BF9D ; font-family:arial,helvetica,sans-serif ; font-size:13px } #wrap1 { margin:auto ; width:830px } #flash { background:#2A2319 url(../images/bg_flash.jpg) top left no-repeat ; height:424px ; width:830px } #header, #header span { color:#FFF ; height:153px ; width:830px } #header { font:normal 24px/24px sans-serif ; padding-top:3px ; position:relative } #header span { background:url(../images/header_contact.jpg) top left no-repeat ; position:absolute } #header a { color:#FFF } #nav1 { line-height:38px ; margin:auto ; text-align:center ; width:830px } #nav1 li { display:inline } #nav1 a { color:#D5BF9D ; display:-moz-inline-block ; display:-moz-inline-box ; display:inline-block ; font-family:georgia,serif ; font-size:12px ; font-weight:bold ; letter-spacing:1px ; padding:0 12px ; text-decoration:none } #nav1 a:hover { color:#9D8970 } #submenu { height:1px ; width:830px } #submenu ul { display:none ; border-width:1px ; border-style:solid ; border-color:#2A2319 #D5BF9D #D5BF9D #D5BF9D ; position:absolute ; z-index:1 ; width:158px } #submenu li { background:#2A2319 ; width:158px } #submenu a { background:#2A2319 ; color:#D5BF9D ; display:block ; font-size:11px ; font-weight:bold ; padding:7px ; text-decoration:none ; width:144px } #submenu a:hover { background:#342B1E ; color:#FFF } #content { background:#D5BF9D ; color:#371F0D ; margin:auto ; padding:30px 30px 0 30px ; width:740px } #content .cols { background-image:url(../images/bg_content_placeholder.jpg) ; background-position:top right ; background-repeat:no-repeat } #content .cols .left { float:left ; width:460px } #content .nav2 { font-size:11px ; text-align:center } #content h1 { font-size:16px ; line-height:150% ; font-family:georgia,serif ; } #content h2 { font-size:13px ; line-height:150% ; padding-bottom:5px } #content h3 { font-size:13px ; font-style:italic ; font-weight:normal ; line-height:150% ; padding:15px 0 15px 30px } #content a { color:#371F0D } #content a:hover { text-decoration:underline } #content p, #content address { font-style:normal ; line-height:150% ; padding-bottom:30px } #content ul, #content ul li { list-style:square ; line-height:150% ; margin-left:15px ; padding-bottom:5px } #content ol, #content ol li { list-style:decimal ; line-height:150% ; margin-left:15px ; padding-bottom:5px } #content ol, #content ul { padding-bottom:25px } .alt1 { } .alt2 { color:#515050 } #content .cols .right { color:#515050 ; display:inline ; float:right ; font-family:palantino linotype,book antiqua,palantino,serif ; font-size:15px ; font-weight:bold ; height:319px ; padding:170px 0 30px 0 ; width:260px } #content .cols .right h2 { font-size:18px } #content .cols .right a { color:#FFF } #footer1 { background:#342B1E ; border-top:1px solid #675645 ; border-bottom:1px solid #675645 ; color:#D5BF9D ; font-size:15px ; margin-top:20px ; padding:20px 0 } #footer1 p { margin:auto ; width:800px } #footer1 a { color:#D5BF9D } #footer2 { font-family:"arial narrow",arial,helvetica,sans-serif ; margin:auto ; padding:20px 0 ; text-align:right ; width:800px } #footer2 a { color:#D5BF9D } /* GALLERY PAGE 1 STYLES */ #galleryArea1 { height:490px ; padding:0 0 30px 0 ; width:740px } #galleryArea1 #pagination { color:#BCA99A ; font-weight:bold ; position:absolute } #galleryArea1 #pagination h1 { color:#371F0D ; font-family:georgia,serif ; font-size:13px } #galleryArea1 #pagination a { color:#371F0D ; font-family:arial,helvetica,sans-serif ; text-decoration:none } #galleryArea1 #pagination a#page { color:#900 ; text-decoration:underline } #galleryArea1 #description { margin:50px 0 0 0 ; position:absolute ; width:230px } #content #galleryArea1 #description ul { list-style:none ; line-height:100% ; margin-left:0 ; padding-bottom:0 ; position:absolute ; visibility:hidden } #content #galleryArea1 #description ul#desc1 { visibility:visible } #content #galleryArea1 #description li { list-style:none ; line-height:100% ; margin-left:0 ; padding-bottom:10px } #galleryArea1 #description li strong { font-family:georgia,serif } #galleryArea1 #picture { background:#000 ; height:460px ; margin:30px 0 0 289px ; position:absolute ; width:450px } #galleryArea1 .thumbs { height:240px ; margin:250px 0 0 0 ; position:absolute ; visibility:hidden ; width:240px } #galleryArea1 #thumbs1 { visibility:visible } #galleryArea1 .thumbs li { display:inline ; height:70px ; float:left ; list-style:none ; line-height:100% ; margin-left:0 ; padding-bottom:0 ; padding-top:10px ; width:80px } /* GALLERY PAGE 2 STYLES */ #galleryArea2 { height:490px ; padding:0 0 30px 0 ; width:740px } #galleryArea2 #pagination { color:#BCA99A ; font-weight:bold ; position:absolute } #galleryArea2 #pagination h1 { color:#371F0D ; font-family:georgia,serif ; font-size:13px } #galleryArea2 #pagination a { color:#371F0D ; font-family:arial,helvetica,sans-serif ; text-decoration:none } #galleryArea2 #pagination a#page { color:#900 ; text-decoration:underline } #galleryArea2 #description { margin:50px 0 0 0 ; position:absolute ; width:420px } #content #galleryArea2 #description ul { list-style:none ; line-height:100% ; margin-left:0 ; padding-bottom:0 ; position:absolute ; visibility:hidden } #content #galleryArea2 #description ul#desc1 { visibility:visible } #content #galleryArea2 #description li { list-style:none ; line-height:100% ; margin-left:0 ; padding-bottom:10px } #galleryArea2 #description li strong { font-family:georgia,serif } #galleryArea2 #picture { background:#000 ; height:460px ; margin:30px 0 0 479px ; position:absolute ; width:260px } #galleryArea2 .thumbs { height:330px ; margin:160px 0 0 0 ; position:absolute ; visibility:hidden ; width:430px } #galleryArea2 #thumbs1 { visibility:visible } #galleryArea2 .thumbs li { display:inline ; height:100px ; float:left ; list-style:none ; line-height:100% ; margin-left:0 ; padding-bottom:0 ; padding-top:10px ; width:110px } /* HOME PAGE STYLES */ #home #content { background:#D5BF9D url(../images/bg_home_content.png) top left no-repeat ; color:#4E3528 ; padding:20px 20px 0 60px ; width:720px } #home #content h1 { color:#371F0D ; font-family:georgia,serif ; font-size:15px ; line-height:150% } #home #content p { line-height:150% ; padding-bottom:20px } #home #content p.link { float:right ; width:200px } #home #content p.link a { background:url(../images/bg_home_content_a.gif) bottom left no-repeat ; color:#371F0D ; display:block ; font-family:georgia,serif ; line-height:15px ; padding-left:32px } #home .cols { margin-left:15px ; padding-top:20px ; width:815px } #home .cols h2 { font-family:georgia,serif ; font-size:15px ; line-height:150% } #home .cols p { line-height:150% ; padding-bottom:20px } #home .cols a { color:#FFF } #home .col1 { display:inline ; float:left ; width:218px } #home .col2 { display:inline ; float:left ; padding-left:48px ; width:219px } #home .cols .col2 p { font-size:11px ; line-height:110% ; padding-bottom:20px ; vertical-align:top } #home .cols .col2 img { vertical-align:top } #home .col3 { display:inline ; float:left ; padding-left:48px ; width:219px } /* INDIVIDUAL PAGE STYLES */ /* CONSTRUCTION */ /* #construction #content .cols .right { height:124px ; padding:336px 0 30px 0 } */ /* PAGE HEADER BACKGROUND IMAGES */ #about #header span { background:url(../images/header_about.jpg) top left no-repeat } #construction #header span { background:url(../images/header_construction.jpg) top left no-repeat } #contact #header span { background:url(../images/header_contact.jpg) top left no-repeat } #directions #header span { background:url(../images/header_directions.jpg) top left no-repeat } #process #header span { background:url(../images/header_process.jpg) top left no-repeat } #testimonials #header span { background:url(../images/header_testimonials.jpg) top left no-repeat } #bath #header span { background:url(../images/header_portfolio_bath.jpg) top left no-repeat } #bookcases #header span { background:url(../images/header_portfolio_bookcases.jpg) top left no-repeat } #entertainment #header span { background:url(../images/header_portfolio_entertainment.jpg) top left no-repeat } #kitchen #header span { background:url(../images/header_portfolio_kitchen.jpg) top left no-repeat } #mantel #header span { background:url(../images/header_portfolio_mantel.jpg) top left no-repeat } #office #header span { background:url(../images/header_portfolio_office.jpg) top left no-repeat } #options #header span { background:url(../images/header_cabinet_options.jpg) top left no-repeat } /* CONTENT BACKGROUNDS */ #contact #content .cols { background-image:url(../images/bg_content_contact.jpg) } #about #content .cols { background-image:url(../images/bg_content_about.jpg) } #accessories #content .cols { background-image:url(../images/bg_content_accessories.jpg) } #construction #content .cols { background-image:url(../images/bg_content_construction.jpg) } #techniques #content .cols { background-image:url(../images/bg_content_techniques.jpg) } #options #content .cols { background-image:url(../images/bg_content_options.jpg) } #portfolio #content .cols { background-image:url(../images/bg_content_portfolio.jpg) } #mouldings #content .cols { background-image:url(../images/bg_content_mouldings.jpg) } #process #content .cols { background-image:url(../images/bg_content_process.jpg) } #testimonials #content .cols { background-image:url(../images/bg_content_testimonials.jpg) } #design #content .cols { background-image:url(../images/bg_content_portfolio.jpg) } /* CLEARFIX */ #home #content, .cols { overflow:hidden } * html #home #content, * html .cols { height:1% ; overflow:visible }