/* Title : di Sogno Stylesheet */ *{ margin: 0; padding: 0; } h1, h2, h3, h4, h5,h6, p, pre, blockquote, ul, ol, dl, address { margin: 1em 0; } li, dd { margin-left: 5%; } fieldset { padding: .5em; } body{ background: #fff url(../images/edge.jpg) top right repeat-y; } #container{ width: 900px; \width: 920px; w\idth: 900px; margin: 10px auto; padding: 0 25px; background: url(../images/background.gif) top left no-repeat; } #header{ padding: 0; margin-bottom: 0; } #header h1{ width: 304px; height: 81px; padding: 0; margin: 0; text-indent: -9000px; } #header h1 a{ width: 304px; height: 81px; padding: 0; margin: 0; border: 0; display: block; text-decoration: none; } #navigation{ clear: both; border: 1px solid #DDE0E5; border-width: 0 1px 1px 1px; width: 884px; height: 50px; padding: 0; text-align: left; font: bold 14px Arial, helvetica, sans-serif; } #global{ margin: 0 0 0 75px; padding: 0; } #global li{ list-style-type: none; display: block; float: left; width: 75px; height: 25px; margin: 0; padding: 15px 5px 10px 20px; } #global li a:link, #global li a:visited{ color: #BF2E1A; text-decoration: none; } #global li a:hover, #global li a:active{ color: #1B4164; } #global li.current{ background: url(../images/rollover.gif) 0px 5px no-repeat; } #global li.current a:link, #global li.current a:visited{ color: #1B4164; } a:link,a:visited{ color: #fff; } a:hover, a:active{ text-decoration: none; } #page_body{ padding: 15px 20px; height: 450px; width: 810px; color: #fff; } #content{ height: 450px; overflow: auto; color: #fff; } #sidebar{ width: 250px; height: 450px; padding: 15px 20px 15px 0; color: #fff; } #sidebar h2{ font: italic 18px Times, "Times new roman", georgia, serif; font-weight: bold; } #sidebar p{ font: 13px Arial, helvetica, sans-serif; } h1{ font: italic 24px Times, "Times new roman", georgia, serif; font-weight: bold; } h2{ font: bold 18px Times, "Times new roman", georgia, serif; } h3{ font: bold 15px Arial, helvetica, sans-serif; margin: 0 0 -10px 0; padding: 0; } p{ font: 13px Arial, helvetica, sans-serif; } #content p{ padding-right: 100px; } hr{ color: #999; border: 0; background-color: #999; height: 1px; margin: 0 40px 5px 0; } .format-a, .format-a *{ text-align: center !important; text-indent: 0 !important; } .format-b, .format-b *{ text-align: right !important; text-indent: 0 !important; } .format-c, .format-c *{ text-align: left !important; text-indent: 0 !important; } .home{ padding-top: 100px; } #resources{ font: 13px/26px Arial, helvetica, sans-serif; } #resources img, p a img{ border: none; vertical-align: middle; padding-left: 5px; } img.figure-a{ display: block; margin: 0 auto; } img.figure-b{ float: right; margin: 0 10px 10px 10px; border: 2px solid #fff; } img.figure-c{ float: left; margin: 0 10px 10px 0; border: 2px solid #fff; } #slideshow{ float: right; width: 600px; height: 525px; margin-right: 20px; } #slideshow #slideshow{ margin: 0; float: none; padding: 0; } #portfolio{ width: 900px; padding: 60px 0 0 0; } #portfolio ul{ margin: 0; padding: 0; text-align: center; font: bold 12px Arial, helvetica, sans-serif; } #portfolio li{ list-style-type: none; display: block; float: left; margin: 0 0 0 50px; padding: 0 0 40px 0; } #portfolio .image{ display: block; width: 224px; height: 124px; overflow: hidden; margin: 0 0 5px 0; } #portfolio .image img{ background: #fff; padding: 10px; border: 1px solid #BF2E1A; } #portfolio #rowtwo{ margin-left: 140px; } #enlarge{ float: right; width: 600px; height: 560px; } #enlarge img{ display: block; margin: 0; background: #fff; padding: 10px; border: 1px solid #1B4164; } #thumbnails{ width: 250px; height: 310px; padding: 50px 20px 0 0; } #thumbnails h1{ color: #fff; font: italic 24px Times, "Times new roman", georgia, serif; font-weight: bold; text-align: right; margin-right: 25px; } #thumbnails ul{ margin: 0; padding: 0; } #thumbnails li{ display: block; margin: 0; padding: 0; float: left; } #thumbnails li a{ width: 45px; height: 45px; display: block; float: left; border: 1px solid #fff; overflow: hidden; margin: 5px; padding: 0; } #thumbnails img{ border: none; display: block; margin: 0 auto; } #local{ width: 250px; height: 100px; padding: 0 20px 0 0; margin: 0; } #local li{ list-style-type: none; display: block; font: 14px Verdana, Arial, helvetica, sans-serif; text-align: right; margin: 0 25px -20px 0; padding: 0; } #local li a{ margin: 0; padding: 0; } label{ font: 13px Arial, helvetica, sans-serif; } form#contact{ width: 800px; } form#contact fieldset { margin: 0 10px 0 0; border: none; padding: 0; float: left; width: 350px; } form#contact legend{ display: block; width: 360px; clear: both; color: #fff; font: italic 18px Times, "Times new roman", georgia, serif; font-weight: bold; padding-left: 0; padding-top: 0.8em; /* position: relative; left: -0.5em; */ } form#contact label{ float: left; width: 45%; display: block; clear: none; padding: 0.2em; font: 13px Arial, helvetica, sans-serif; white-space: nowrap; } form#contact .required{ font-weight: bold; color: #fff; } form#contact .error{ font-size: 11px; color: #BF2E1A; background: #fff; padding-left: 0; font-weight: bold; } form#contact img{ display: block; margin: 10px 0 0 0; padding: 0; } form#contact input, #contact select{ width: 100%; margin-top: 0.1em; } form#contact textarea{ width: 200%; margin-top: 0.1em; } form#contact select{ height: 18px; margin-bottom: -5px; } form#contact input.checkbox, form#contact input.radio{width: auto; height: auto; margin: 0 .4em 0 0; padding-left: 0.3em; } form#contact input#submit{clear: both; float: left; width: auto; } form#contact p{ font-size: 12px; text-indent: 0; margin: 0; } p.instructions{ clear: both; } form#contact #submit{ margin-top: 25px; } #footer{ clear: both; padding: 0; margin-top: 20px; text-align: center; font: 12px Arial, helvetica, sans-serif; color: #666; } .vcard div{ display: inline; padding-right: 0px; font: italic 18px Times, "Times new roman", georgia, serif; font-weight: bold; color: #1B4164; } #footer a:link{ color: #1B4164; } #footer a:visited{ color: #000; } #footer a:hover{ color: #BF2E1A; }