/* CSS Document */ /*********/ /* RESET */ /*********/ li { padding: 0px; margin: 0px; } ul { padding: 0px; margin: 0px; } h6 { padding: 0px; margin: 0px; } h5 { padding: 0px; margin: 0px; } h4 { padding: 0px; margin: 0px; } h3 { padding: 0px; margin: 0px; } h2 { padding: 0px; margin: 0px; } h1 { padding: 0px; margin: 0px; } div { padding: 0px; margin: 0px; } p { padding: 0px; margin: 0px; } /**********/ /* GLOBAL */ /**********/ body { background: #000000 url(../img/audi-bg.jpg) repeat-x left top; margin: 0px; padding: 9px 0px 50px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 140%; text-align: center; color: #2D2D2D; } ul li { list-style-type: none; } ol { margin-left: 2em; } ol li { padding-left: 0px; margin-left: 0px; } ol ol li { list-style-type: lower-roman; } .clear { clear: both; } .right { text-align: right; } a { color: #2D2D2D; text-decoration: underline; } a img { border: none; } .no-border { background: none !important; } textarea { border: 1px solid #999999; } select { border: 1px solid #999999; } input { border: 1px solid #999999; } label { display: block; margin: 5px 0px 2px 0px; } textarea { width: 100%; height: 80px; font-family: Arial, Helvetica, sans-serif; } form { text-align: center; margin: 4px 0px 8px 0px; } form div { width: 240px; padding: 0px; text-align: left; margin: 0px; margin: 0px auto; } form p { text-align: left; width: 240px;} .input-button { margin-top: 5px; } div.center { text-align: center; } div.center img { margin: 0 auto; } div.center form input { border:none; } /**********/ /* LAYOUT */ /**********/ #homepage { width: 898px; height: 565px; text-align: center; margin: 0px auto; background: url(../img/audi.jpg) no-repeat left top; } #homepage-content { width: 891px; text-align: left; padding: 3px 3px 0px 4px; position: relative; } #subpage { width: 898px; text-align: center; margin: 0px auto; background: url(../img/bg-subpage-content.gif) repeat-y left top; } #subpage-bg { background: url(../img/bg-subpage.jpg) no-repeat left top; } #subpage-content { width: 891px; text-align: left; padding: 3px 3px 0px 4px; position: relative; } #subpage-border-bottom { height: 26px; background: url(../img/bg-subpage-end.gif) no-repeat left bottom; } #header { height: 126px; background: url(../img/header.png) no-repeat center top; behavior: url(iepngfix.txt); } /********/ /* MENU */ /********/ #menu { padding-top: 31px; } #menu li { background: url(../img/menu-separator.gif) no-repeat right center; padding-right: 1px; float: left; position:relative;} #menu li.no-separator { background: none; padding-right: 0px; } #menu li a { display: block; height: 31px; } #menu li a span { display: block; height: 31px; background-position: left top; background-repeat: no-repeat; position: absolute; top: 0px; left: 0px; z-index: 1; cursor: pointer;} #menu-homepage a { width: 114px; } #menu-supercar-audi-r8 a { width: 149px; } #menu-competition a { width: 114px; } #menu-win-an-audi-r8 a { width: 125px; } #menu-gift-certificate a { width: 139px; } #menu-about-us a { width: 112px; } #menu-homepage span { width: 114px; background-image: url(../img/menu-homepage.png); } #menu-supercar-audi-r8 span { width: 149px; background-image: url(../img/menu-supercar-audi-r8.png); } #menu-competition span { width: 116px; background-image: url(../img/menu-competition.png); } #menu-win-an-audi-r8 span { width: 125px; background-image: url(../img/menu-win-an-audi-r8.png); } #menu-gift-certificate span { width: 139px; background-image: url(../img/menu-gift-certificate.png); } #menu-about-us span { width: 112px; background-image: url(../img/menu-about-us.png); } #menu-win-an-audi-r8 { margin-left: 134px; } /*********/ /* TEXTY */ /*********/ #page-title { display: block; width: 171px; height: 47px; font-size: 11px; position: absolute; left: 24px; top: 111px; } #page-title h1 { display: block; width: 171px; height: 47px; font-size: 11px; position: relative; } #page-title h1 span { display: block; width: 171px; height: 47px; position: absolute; top: 0px; left: 0px; background:url(../img/get-the-car-of-your-dreams.jpg) no-repeat left top;} #subpage #page-title { top: 120px; } #subpage #page-title h1 { width: 194px; height: 44px; } #subpage #page-title h1 span { width: 194px; height: 44px; background:url(../img/sub-get-the-car-of-your-dreams.jpg) no-repeat left top; } #homepage #box-left-text { width: 265px; position: absolute; top: 171px; left: 27px; line-height: 160%; font-size: 11px;} #box-left-text #title-win-an-audi-r8 { font-size: 15px; text-transform: uppercase; font-weight: bold; margin-top: 25px; margin-bottom: 11px;} #box-left-text a { color: #2D2D2D; background: url(../img/link-red-border.gif) repeat-x left bottom; text-decoration: none; } #box-left-text span.link { background: url(../img/arrow.gif) no-repeat left 5px; } #box-left-text span.link a { margin-left: 7px; } #homepage #box-other-lotteries { width: 265px; position: absolute; top: 452px; left: 27px; font-size: 11px; } #box-other-lotteries #title-other-cars-lotteries { font-size: 15px; font-weight: bold; margin-bottom: 5px; text-transform: uppercase;} #box-other-lotteries li { list-style-type: none; background: url(../img/box-arrow.gif) no-repeat left 5px; padding-left: 14px; line-height: 170%;} #box-specification { position: absolute; left: 326px; top: 413px; width: 260px; font-size: 11px;} #box-specification h2 { font-size: 15px; color: black; text-transform: uppercase; margin-bottom: 10px; letter-spacing: 1px; } #box-specification li { background: url(../img/arrow.gif) no-repeat left 7px; padding-left: 7px; padding-right: 8px; padding-top: 2px; float: left; } #box-specification li a { display: block; width: 113px; float: left; color: #ffffff; background: url(../img/link-red-border.gif) repeat-x left bottom; text-decoration: none; } #box-specification h3 { color: #FFFFFF; font-size: 11px; font-weight: bold;} #box-specification .clear { height: 7px; line-height: 7px; margin: 0px; padding: 0px; border: none; } #box-specification img { margin-right: 10px; margin-top: 5px; } #box-i-want-one { position: absolute; top: 426px; left: 746px;} #box-i-want-one h2 { color: #BB0000; text-transform: uppercase; font-size: 16px; } #box-i-want-one h2 a { color: #BB0000; } #box-i-want-one p { font-size: 15px; color: #FFFFFF; padding-left: 12px; margin-top: 25px; text-transform: uppercase; line-height: 140%; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: -1px } #box-i-want-one p span { font-size: 24px; font-weight: normal; } /**********/ /* FOOTER */ /**********/ #footer { text-align: left; margin: 0 auto; width: 870px; color: #FFFFFF; position: relative; } #footer a { color: #FFFFFF; } #footer #copyright { position: absolute; top: 8px; left: 0px; } #footer #credits { position: absolute; top: 0px; right: 0px; text-align: right; } #footer #credits img { position: relative; top: 8px; } /***********/ /* SUBPAGE */ /***********/ #subpage #box-left-text { width: 100%; line-height: 160%; margin-bottom: 10px; font-size: 11px;} #subpage .box-content { padding: 0px 9px;background: #FFFFFF; } #subpage .box-border-top { height: 9px; background: url(../img/bg-sub-box-left-text-bt.gif) no-repeat left top; } #subpage .box-border-bottom { height: 12px; background: url(../img/bg-sub-box-left-text-bb.gif) no-repeat left bottom; } #subpage #box-left-text #title-win-an-audi-r8 { font-size: 15px; text-transform: uppercase; font-weight: bold; margin-top: 25px; margin-bottom: 11px;} #subpage #box-left-text a { color: #2D2D2D; background: url(../img/link-red-border.gif) repeat-x left bottom; text-decoration: none; } /*#subpage #box-left-text*/ span.link { background: url(../img/arrow.gif) no-repeat left 5px; } /*#subpage #box-left-text*/ span.link a { margin-left: 7px; color: #2D2D2D; background: url(../img/link-red-border.gif) repeat-x left bottom; text-decoration: none; } #subpage #box-other-lotteries { width: 100%; font-size: 11px;} #page-content { margin-top: 180px; padding: 0px 14px 0px 17px; } #left-column { float: left; width: 281px; font-size: 11px; } #right-column {margin-left: 14px; background: #FFFFFF url(../img/bg-sub-title.gif) no-repeat left top; padding: 0px; width: 565px;} #right-column-wrapper { float: left; width: 579px; } #right-column h2 { font-size: 20px; font-weight: normal;} #right-column-content { padding: 20px; } #right-column-content h2 { margin-bottom: 1em; } #right-column-content p { margin-bottom: 1em; } #right-column-border-bottom { background: url(../img/page-content-border-bottom.gif) no-repeat left top; margin: 0px 0px 0px 14px; height: 14px; } /*************/ /* LEFT MENU */ /*************/ #menu-left { background: #FFFFFF; margin-bottom: 10px;} #menu-left h2 { color: #FFFFFF; text-transform: uppercase; background: url(../img/bg-sub-menu-title.gif) no-repeat left top; line-height: 27px; font-size: 15px; padding-left: 9px;} #menu-left ul { padding-left: 5px; margin-top: 4px; } #menu-left li a { display: block; line-height: 21px; padding: 0px 0px 0px 4px; margin: 0px; } #menu-left li a:hover { color: #FFFFFF; background-image: url(../img/bg-sub-menu-hover.gif); background-repeat: no-repeat; } /* BOX */ #photogallery { width: 265px; position: absolute; top: 190px; left: 24px; } #photogallery h3 { color: #FFFFFF; font-size: 11px; font-weight: bold;} #photogallery h3 a { color: #FFFFFF;} #photogallery img { margin-right: 10px; margin-top: 5px; } /* IMG BOX */ .img-box { width: 154px; } .img-box a img { padding: 1px; border: 1px solid #666666; } .float-left { float: left; margin-right: 10px; margin-bottom: 5px; } .float-right { float: right; margin-left: 10px; margin-bottom: 5px; } /***************/ /* FOTOGALLERY */ /***************/ #gallery {} #gallery div { width: 154px; margin: 5px 8px; float: left; } #gallery a img { padding: 1px; border: 1px solid #666666; } /* PLAY BUTTON */ .play { text-decoration: none; background: none !important;position: relative; top: 5px; } /* THREE BUTTONS */ #three-buttons {} #three-buttons div { width: 170px; text-align: center; float: left; } #three-buttons div form { width: 160px; margin: 0 auto; padding: 0px;} #three-buttons div form input { border: none; padding: 0px; margin: 0px; }