/* Title : John L. Blom Stylesheet */ *{ margin: 0; padding: 0; } h1, h2, h3, h4, h5,h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin: 1em 10px; } li, dd { margin-left: 5%; } fieldset { padding: .5em; } body{ background: #CCC url(../images/background.jpg) top center repeat-x; color: #525252; } #container{ width: 1025px; \width: 1045px; w\idth: 1025px; margin: 10px auto; padding: 0; } #header{ padding: 0; margin-bottom: 0; } #header h1{ width: 1025px; height: 45px; background: url(../images/tagline.gif) 25px 0 no-repeat; padding: 0; margin: 95px 0 0 0; text-indent: -9000px; } #header #family{ background-image: url(../images/family.gif); } #header #babies{ background-image: url(../images/babies.gif); } #header #children{ background-image: url(../images/children.gif); } #header #parentandchild{ background-image: url(../images/parentandchild.gif); } #header #intimate{ background-image: url(../images/intimate.gif); } #header #publicity{ background-image: url(../images/publicity.gif); } #header #seniors{ background-image: url(../images/seniors.gif); } #header #preparations{background-image: url(../images/preparations.gif); } #header #bride{ background-image: url(../images/bride.gif); } #header #ceremony{ background-image: url(../images/ceremony.gif); } #header #brideandgroom{background-image: url(../images/brideandgroom.gif); } #header #groupportraits{background-image: url(../images/groupportraits.gif); } #header #partyon{ background-image: url(../images/partyon.gif); } #header #details{ background-image: url(../images/details.gif); } #header #photojournalism{background-image: url(../images/photojournalism.gif); } #header #engagement{ background-image: url(../images/engagement.gif); } #header #ultimateengagement{background-image: url(../images/ultimateengagement.gif); } #navigation{ float: left; background: url(../images/sidebar.gif) left 3px no-repeat; width: 263px; height: 525px; } #global{ margin: 0; padding: 150px 0 0 20px; text-align: center; text-transform: uppercase; font: bold 12px/16px Times, "Times New Roman", georgia, serif; } #global li{ list-style-type: none; margin: 0; padding: 0; } #global li.gap{ padding-top: 15px; } #global li.gap2{ padding-top: 30px; } #global li a:link, #global li a:visited{ color: #525252; text-decoration: none;} #global li a:hover, #global li a:active{ color: #000; } #global li.dark a:link, #global li.dark a:visited{ color: #fff; } #global li.dark a:hover{ color: #ccc; } #wedding_menu{ width: 750px; height: 65px; float: right; background: url(../images/stroke.jpg) center center no-repeat; } #wedding_menu ul{ margin: 23px 0 0 0; padding: 0; font: italic 13px Times, "Times New Roman", georgia, serif; text-align: center; } #wedding_menu li{ display: inline; list-style-type: none; padding: 5px 10px; margin: 0; } #wedding_menu a:link, #wedding_menu a:visited{ color: #fff; } #wedding_menu a:hover{ color: #ccc; } a:link{ color: #35333E; } a:visited{ color: #525252; } a:hover, a:active{ text-decoration: none; } #page_body{ padding: 0; float: left; } #content{ width: 750px; height: 525px; overflow: auto; } h1{ } p{ font: 14px/20px Georgia, Times, "Times New Roman", serif; color: #444; } img.figure-a{ display: block; margin: 0 auto; } img.figure-b{ float: right; margin: 0 0 10px 10px; } img.figure-c{ float: left; margin: 0 10px 10px 0; } #resources ul{ margin: 0; padding: 0; } #resources li{ list-style-type: none; padding: 5px 0; } #slideshow{ width: 750px; height: 525px; margin: 0 auto; } #about{ width: 222px; height: 288px; float: left; margin: 0 10px 10px 0; } #ourstudio{ width: 300px; height: 200px; float: left; margin: 0 10px 10px 0; } #promotions{ width: 625px; } #promotions img{ display: block; margin: 5px auto; } #gallery{ width: 750px; height: 525px; background: url(../images/thumbnails.jpg) top left no-repeat; } #enlarge{ float: right; width: 525px; height: 525px; border-collapse: collapse; vertical-align: middle; } #enlarge img{ display: block; margin: 0 auto; vertical-align: middle; } #thumbnails{ float: left; width: 225px; height: 500px; } #thumbnails ul{ margin: 25px 0 0 10px; padding: 0; } #thumbnails li{ list-style-type: none; display: block; float: left; margin: 0 7px 14px 7px; padding: 0; } #thumbnails li a{ display: block; float: left; width: 75px; height: 60px; overflow: hidden; } #thumbnails img{ border: none; display: block; margin: 0 auto; } #local{ float: left; width: 210px; height: 25px; } #local ul{ margin: 0; padding: 0; text-align: center; } #local li{ list-style-type: none; display: inline; padding: 0; margin: 0; } #local li a{ text-decoration: none; } .column{ width: 325px; padding-top: 50px; float: left; } fieldset{ padding: 5px; margin: 5px; border: none; } fieldset fieldset{ float: left; margin: 5px 0; width: auto; } fieldset fieldset label{ width: 270px; margin: 2px 0; } legend{ color: #000; font-size: 16px; font-style: italic; padding: 0 3px; } label{ display: block; float: left; clear: left; width: 80px; margin: 3px 0; text-transform: uppercase; font: bold 12px/16px Times, "Times New Roman", georgia, serif; } .required{ color: #fff; font-weight: bold; } input[type="checkbox"], input[type="radio"]{ margin: 0 15px 0 0; } input[type="text"], textarea{ width: 200px; float: left; margin: 2px; } select{ min-width:1.5em; } input[type="submit"]{ margin: 3px; } input[type="submit"]:hover{ cursor: pointer; } #session label{ width: 125px; } #session #submit{ clear: both; display: block; margin: 0 0 20px 0; } #footer{ clear: both; padding: 10px 0 0 0; margin: 0; background: url(../images/horizontal.gif) 25px 10px no-repeat; } .testimonial{ text-align: center; color: #35333E; line-height: 20px; margin-top: 0; padding-top: 0; } .testimonial strong{ font-weight: normal; padding-left: 125px; } .vcard{ text-align: center; font: bold 18px Times, "Times New Roman", georgia, serif; } .vcard{ width: 550px; margin: 50px 0 0 0; }