html, body { height: 100%; } body { margin: 0px; padding: 0px; background: #11121A url(images/bg1_01.jpg) repeat; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #5A5D6A; } h1, h2, h3 { margin: 0px; padding: 0px; } p, ol, ul { margin-top: 0px; } ol, ul { margin: 0px; padding: 0px; } p { line-height: 220%; } strong { font-weight: normal; color: #FFFFFF; } a { color: #A40000; outline: none; } x a:hover { text-decoration: none; } a img { border: none; } img.border { } img.alignleft { float: left; padding-right: 25px; } img.alignright { float: right; } img.aligncenter { margin: 0px auto; } hr { display: none; } ul.style1 { margin: 0px; padding: 0px 0px 0px 15px; } ul.style1 li { padding: 3px 0px; } ul.style1 span { color: #FFFFFF; } /** WRAPPER */ #wrapper-content { background: url(images/bg1_02.jpg) repeat-x left top; } #wrapper { background: url(images/bg1_05.jpg) repeat-y center top; } #wrapper-bgtop { background: url(images/bg1_03.jpg) no-repeat center top; } #wrapper-bgbtm { overflow: hidden; padding-top: 132px; background: url(images/bg1_04.jpg) no-repeat center bottom; } .homepage #wrapper { background: url(images/bg3_03.jpg) repeat-y center top; } .homepage #wrapper-bgtop { background: url(images/bg3_01.jpg) no-repeat center top; } .homepage #wrapper-bgbtm { background: url(images/bg3_02.jpg) no-repeat center bottom; } .single #wrapper { background: url(images/bg2_03.jpg) repeat-y center top; } .single #wrapper-bgtop { background: url(images/bg2_01.jpg) no-repeat center top; } .single #wrapper-bgbtm { overflow: hidden; padding-top: 132px; background: url(images/bg2_02.jpg) no-repeat center bottom; } .gallery #wrapper { background: url(images/bg4_03.jpg) repeat-y center top; } .gallery #wrapper-bgtop { background: url(images/bg4_01.jpg) no-repeat center top; } .gallery #wrapper-bgbtm { overflow: hidden; padding-top: 132px; padding-bottom: 60px; background: url(images/bg4_02.jpg) no-repeat center bottom; } .container { width: 900px; margin: 0px auto; } .clearfix { clear: both; } /** HEADER */ #header { } /** LOGO */ #logo { width: 300px; height: 174px; } .homepage #logo { width: 300px; height: 350px; } #logo h1, #logo p { margin: 0px; line-height: normal; text-indent: -9999em; } #logo h1 a { display: block; top: 0px; left: 0px; width: 300px; height: 174px; background: url(images/subpage1_01.jpg) no-repeat left top; } .homepage #logo h1 a { display: block; top: 0px; left: 0px; width: 300px; height: 350px; background: url(images/homepage01.jpg) no-repeat left top; } /** MENU */ #menu { height: 45px; padding: 15px 0px 0px 40px; } #menu ul { margin: 0px; padding: 0px; list-style: none; line-height: normal; } #menu li { float: left; padding: 0px 30px; } #menu a { float: left; display: block; height: 23px; margin: 0px; padding: 6px 0px 0px 0px; line-height: 1; letter-spacing: -1px; text-decoration: none; text-transform: uppercase; text-shadow: #270000 -1px 2px 3px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFFFFF; } #menu a:hover { text-decoration: underline; } #menu .active { background: url(images/subpage1_02.jpg) repeat-x left top; } /** PAGE */ #page { } /** CONTENT */ #content { } .homepage #content { height: 290px; background: url(images/homepage02.jpg) no-repeat center top; } .gallery #content { padding: 0px 45px; } .single #content { padding: 100px; } /** SIDEBAR */ #sidebar { } /** FOOTER */ #footer-wrapper { height: 200px; background: url(images/bg1_06.jpg) no-repeat center top; } #footer { padding-top: 40px; } #footer p { margin: 0px; padding: 0px 0px 0px 0px; line-height: 220%; color: #31343F; } #footer .column1 { float: left; width: 575px; } #footer .column2 { float: left; width: 50px; height: 82px; background: url(images/subpage1_03.jpg) no-repeat center top; } #footer .column3 { float: right; width: 275px; text-align: right; } #footer .copyright { padding-top: 5px; font-size: 10px; color: #252732; } #footer .copyright a { color: #252732; } .box-style { } .box-style .title { margin: 0px; padding: 0px; letter-spacing: -1px; text-transform: uppercase; font-size: 28px; font-weight: bold; color: #FFFFFF; } .box-style .byline { margin: -10px 0px 30px 0px; padding: 0px; letter-spacing: -1px; text-transform: uppercase; font-size: 14px; font-weight: bold; color: #363945; } /* GALLERY */ #slideshow { } #gallery { position: relative; width: 804px; height: 337px; margin: 38px 0px 50px 0px; } #gallery .slide { width: 634px; height: 337px; position: absolute; left: 85px; top: 0px; background: url(images/gallery_01.jpg) no-repeat left top; } #gallery .output { position: absolute; top: 17px; left: 17px; } #gallery .border { width: 600px; height: 300px; position: absolute; top: 17px; left: 17px; background: url(images/gallery_borders.png) no-repeat left top; } #gallery .captions { width: 600px; height: 55px; position: absolute; left: 17px; top: 262px; background: url(images/gallery_caption.png) repeat left top; font: 12px Arial, Helvetica, sans-serif; text-transform: uppercase; } #gallery .captions p { margin: 0px; padding: 22px 0px 0px 0px; line-height: 1; text-shadow: #000000 0px 2px 0px; } #gallery .captions .left { float: left; padding-left: 20px; color: #FFFFFF; } #gallery .captions .right { float: right; padding-right: 20px; color: #777777; } #gallery .prev, #gallery .next { display: block; width: 68px; height: 106px; position: absolute; top: 116px; text-indent: -9999em; } #gallery .prev { left: 0px; background: url(images/gallery_02.jpg) no-repeat left top; } #gallery .next { right: 0px; background: url(images/gallery_03.jpg) no-repeat left top; } #gallery-thumbnails { width: 750px; margin-left: 30px; } #gallery-thumbnails ul { margin: 0px; padding: 0px; list-style: none; text-align: center; } #gallery-thumbnails li { float: left; display: block; width: 120px; height: 60px; padding: 15px; position: relative; } #gallery-thumbnails img { } #gallery-thumbnails .border { display: block; width: 130px; height: 70px; position: absolute; left: 10px; top: 10px; background: url(images/gallery_borders.png) no-repeat left bottom; } #gallery-thumbnails .active .border { background-position: -130px 100%; }