/* ---------------------------------------- ROCHESTER DREAM BUILDERS - GLOBAL AUTHOR: Starlab Design / Tommie Cranker VERSION: 2.0 UPDATED: 05.19.08 ---------------------------------------- */ /* ---------------------------------------- GLOBAL RESET ----------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100% } :focus { outline: 0; } /* ---------------------------------------- BODY STYLES ----------------------------------------*/ body { font-family: Arial, Helvetica, sans-serif; background: url(../image-files/body_bg.gif) repeat-x top #b8b79c } /* ---------------------------------------- GLOBAL LINK STYLES ----------------------------------------*/ a { color: #0066FF; text-decoration: none } a:link, a:visited { color: #0066FF } a:hover { color: #FF0000; text-decoration: underline } a.bot:link, a.bot:visited { color: #d8d9b8 } a.bot:hover { color: #fff; text-decoration: underline } /* ---------------------------------------- GLOBAL TYPOGRAPHY STYLES ----------------------------------------*/ h1,h2 { margin-bottom: 10px; font-weight: bold; color: #24496d; line-height: normal } h1 { font-size: 24px } h2 { font-size: 18px } p { margin-bottom: 10px; font-size: 14px; line-height: 1.6; color: #000 } /* ---------------------------------------- LAYOUT CONTAINERS ----------------------------------------*/ #container { margin: 0px auto; padding: 5px 10px 10px 10px; width: 760px; background-color: #fff; } #header { width: 760px; height: 130px; float: left; background: url(../image-files/masthead.gif) no-repeat top center } #nav { margin-bottom: 10px; width: 760px; float: left; background: url(../image-files/nav_reg_bg.gif) repeat-x bottom } #wrap { padding-bottom: 10px; width: 760px; float: left; } #left-content { margin-right: 10px; padding: 20px; width: 458px; float: left; border: 1px solid #e5e5e5; background-color: #f5f5f5 } #left-content p { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif } #left-content img { padding-top: 5px } #right-content { width: 250px; float: left } #image-nav { width: 250px; list-style-type: none; float: left } #image-nav li, #image-nav li a { width: 250px; display: block; float: left } #image-nav li.contact { height: 125px } #image-nav li a.contact { height: 125px; text-decoration: none } #image-nav li a.contact:link, #image-nav li a.contact:visited { background: url(../image-files/contact_image.gif) no-repeat } #image-nav li a.contact:hover { background: url(../image-files/contact_image_hover.gif) no-repeat } #image-nav li.gallery { height: 175px } #image-nav li a.gallery { height: 175px; text-decoration: none } #image-nav li a.gallery:link, #image-nav li a.gallery:visited { background: url(../image-files/gallery_image.gif) no-repeat } #image-nav li a.gallery:hover { background: url(../image-files/gallery_image_hover.gif) no-repeat } #image-nav li.plow { height: 150px } #image-nav li a.plow { height: 150px; text-decoration: none } #image-nav li a.plow:link, #image-nav li a.plow:visited { background: url(../image-files/plow_image.gif) no-repeat } #image-nav li a.plow:hover { background: url(../image-files/plow_image_hover.gif) no-repeat } #footer { background-color: #1d262c; width: 760px; clear: both } #footer-home { background-color: #1d262c; padding-top: 10px; width: 760px; height: 30px; clear: both } #non-footer { width: 760px; clear: both } #footer p, #footer-home p { padding: 0px 0px 0px 10px; float: left; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #d8d9b8 } /* ---------------------------------------- GALLERY PAGES ----------------------------------------*/ #gal-nav { margin-bottom: 10px; padding: 5px 10px; width: 738px; font-size: 12px; float: left; text-align: right; border: 1px solid #e5e5e5; background: #f5f5f5 } #gallery { margin-bottom: 10px; padding: 20px; width: 718px; float: left; border: 1px solid #e5e5e5; background: #f5f5f5 } #gallery p { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif } .galCat { padding: 10px; width: 218px; float: left; text-align: center; border: 1px solid #e5e5e5; background: #f5f5f5 } .add-mar { margin-right: 20px } p.album { padding-bottom: 3px; font-size: 18px; border-top: 1px solid #9baaba; border-bottom: 1px solid #9baaba; color: #24496d; text-align: center } .gal-contain { margin-bottom: 30px; padding: 0px 0px 10px 10px; width: 750px; float: left; background: url(../image-files/gal_contain_bg.gif) repeat-x top #55718d } .gal-contain img { margin-right: 15px; border: 1px solid #25496e } .gal-contain img:hover { border: 1px solid #f8d175 } .galnum { margin-bottom: 10px; padding: 10px 0px 0px 0px; line-height: 1.2; font-size: 14px; border-bottom: 1px solid #9baaba; color: #fff } /* ---------------------------------------- NAVIGATION ----------------------------------------*/ #navlist { padding-left: 10px; width: 750px; list-style-type: none; float: left; font-size: 14px; background: url(../image-files/location.gif) no-repeat top right } #navlist li { display: inline } #navlist li a { margin: 5px 5px 0px 0px; padding: 6px 10px 13px 10px; text-decoration: none; float: left; text-transform: capitalize } #navlist li a:link, #navlist li a:visited { color: #fff } #navlist li a:hover { color: #24486d; background: #fff } #navlist li a#active { color: #24486d; font-weight: bold; background: #fff } /* ---------------------------------------- FORMS ----------------------------------------*/ form.quote { padding-top: 10px } form.quote fieldset { border: 0px } form.quote fieldset li { margin: 10px 0; list-style: none } form.quote legend { margin: 5px 0; font-weight: bold; font-size: 14px; color: #202a64 } form.quote label { padding-top: 2px; width: 100px; float: left; text-align: right; font: bold 12px Verdana, Arial, Helvetica, sans-serif } form.quote input.field { margin-left: 5px; padding: 2px; width: 200px; border: 1px solid #000 } form.quote textarea { margin-left: 5px; padding: 2px; width: 300px; border: 1px solid #000 } form.quote input.button { margin-left: 105px } .labelError, .red-error { color: #FF0000 } .msg { color: #009900 }