/*-------------------------------------------- Author: Lee McNamara Date: 14/7/08 Amended by: Leigh Kaszick Date: 19/8/08 Version: 1.1 Content: Sam Abay Motorsport © Copyright 2008 - NOW/Media --------------------------------------------*/ /* ---------------------- Preload Hovers ---------------------- */ .preload1{background:url(../img/oultanpark-tt.png); display:none; visibility:hidden} .preload2{background:url(../img/croft-tt.png); display:none; visibility:hidden} .preload3{background:url(../img/monza-italy-tt.png); display:none; visibility:hidden} .preload4{background:url(../img/rockingham-tt.png); display:none; visibility:hidden} .preload5{background:url(../img/snetterton-tt.png); display:none; visibility:hidden} .preload6{background:url(../img/thruxton-tt.png); display:none; visibility:hidden} .preload7{background:url(../img/brands-hatch-tt.png); display:none; visibility:hidden} .preload8{background:url(../img/spa-francorchamps-tt.png); display:none; visibility:hidden} .preload9{background:url(../img/spa-francorchamps-tt.png); display:none; visibility:hidden} .preload10{background:url(../img/silverstone-tt.png); display:none; visibility:hidden} .preload11{background:url(../img/donington-park-tt.png); display:none; visibility:hidden} .preload12{background:url(../img/flowersponer_over.gif); display:none; visibility:hidden} .preload13{background:url(../img/nowmedia_over.gif); display:none; visibility:hidden} .preload14{background:url(../img/oxia_over.gif); display:none; visibility:hidden} .preload15{background:url(../img/henry_over.gif); display:none; visibility:hidden} .preload16{background:url(../img/keogh_over.gif)); display:none; visibility:hidden} .preload17{background:url(../img/gandalmetals_over.gif); display:none; visibility:hidden} .preload18{background:url(../img/saiprivate_over.gif); display:none; visibility:hidden} .preload19{background:url(../img/krals_over.gif); display:none; visibility:hidden} .preload20{background:url(../img/adidas_over.gif); display:none; visibility:hidden} .preload21{background:url(../img/gandalmetals2_over.gif); display:none; visibility:hidden} .preload22{background:url(../img/adslot_over.gif); display:none; visibility:hidden} .preload23{background:url(../img/samLogo_over.gif); display:none; visibility:hidden} /* ---------------------- End Preload Hovers ---------------------- */ /* ---------------------- Global Settings ---------------------- */ body {cursor:default} #logo{position:relative} #logo a{ margin: 0; padding: 0; } h3.sponserheading{top:15px; left:10px; position:absolute; font-weight:normal} h3.sponserheading-results{top:-35px; left:10px; position:absolute; font-weight:normal} ul.sponsors{list-style:none; line-height:18px} .linky:link, .linky:active, .linky:visited{text-decoration:none; color:#999999} .linky:hover{color:#0099FF; text-decoration:underline} .link2:link, .link2:active, .link2:visited{text-decoration:underline; color:#999999} .link2:hover{color:#0099FF; text-decoration:none} a{outline:none; border:0} .result:link, .result:active, .result:visited{text-decoration:none; color:#999999} .result:hover{color:#0099FF; text-decoration:underline} /* ---------------------- End Global Settings ---------------------- */ /* ---------------------- Body ---------------------- */ body{background:#292929; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#969696; margin:0 auto} /* ---------------------- End Body ---------------------- */ /* ---------------------- Container ---------------------- */ #container{margin:0 auto; width:860px; height:800px} #containerPop{margin:0 auto; width:800px; height:600px} #topcontainer{margin:0 auto; width:839px; height:438px} #lowercontainer{margin:0 auto; width:839px; height:362px; position:relative; left:0px; top:0px; background:#FFFFFF repeat} /* ---------------------- End Container ---------------------- */ /* ---------------------- Content Area Formatting ---------------------- */ #contentarea{position:relative; left:-11px; width:861px; height:auto; top:0px} /* ---------------------- End Content Area Formatting ---------------------- */ /* ---------------------- Main Picture Formatting For Pages ---------------------- */ #mainpic{background:url(../img/samabay-mainpic.jpg) no-repeat; position:relative; left:221px; top:-147px; width:618px; height:439px} #mainpic-biography{background:url(../img/samabay-biography.jpg) no-repeat; position:relative; width:618px; height:439px; left:221px; top:-147px} #mainpic-partners{background:url(../img/samabay-partners.jpg) no-repeat; position:relative; width:618px; height:439px; left:221px; top:-147px} #mainpic-season{background:url(../img/samabay-season2008.jpg) no-repeat; position:relative; width:618px; height:439px; left:221px; top:-147px} #mainpic-journal{background:url(../img/samabay-journal.jpg) no-repeat; position:relative; width:618px; height:439px; left:221px; top:-147px} #mainpic-multimedia{background:url(../img/samabay-multimedia.jpg) no-repeat; position:relative; width:618px; height:439px; left:221px; top:-147px} #mainpic-helmet{background:url(../img/samabay-helmet.jpg) no-repeat; position:relative; width:618px; height:439px; left:221px; top:-147px} #mainpic-contact{background:url(../img/samabay-contact.jpg) no-repeat; position:relative; width:618px; height:439px; left:221px; top:-147px} #mainpic-calender{background:url(../img/samabay-race-calender.jpg) no-repeat; position:relative; width:618px; height:439px; left:221px; top:-147px} #mainpic-results{background:url(../img/samabay-results.jpg) no-repeat; position:relative; width:618px; height:439px; left:221px; top:-147px} #mainpic-sitemap{background:url(../img/samabay-sitemap.jpg) no-repeat; position:relative; width:618px; height:439px; left:221px; top:-147px} #mainpic-privacy{background:url(../img/samabay-privacy.jpg) no-repeat; position:relative; width:618px; height:439px; left:221px; top:-147px} #mainpic-latest{background:url(../img/samabay-latestnews.jpg) no-repeat; position:relative; width:618px; height:439px; left:221px; top:-147px} /* ---------------------- End Main Picture Formatting For Pages ---------------------- */ /* ---------------------- Format Menu Systems ---------------------- */ #nav-container{position:relative; margin-top:-478px; left:-20px; width:442px; height:340px} .menu1{position:absolute; top:40px; padding-bottom:5px; left:20px; width:221px; height:20px; background:#000000; border-bottom:solid 1px #191919} .menu2{position:absolute; top:66px; padding-bottom:5px; left:20px; width:221px; height:20px; background:#000000; border-bottom:solid 1px #191919} .menu3{position:absolute; top:92px; padding-bottom:5px; left:20px; width:221px; height:20px; background:#000000; border-bottom:solid 1px #191919} .menu4{position:absolute; top:118px; padding-bottom:5px; left:20px; width:221px; height:20px; background:#000000; border-bottom:solid 1px #191919} .menu5{position:absolute; top:144px; padding-bottom:5px; left:20px; width:221px; height:20px; background:#000000; border-bottom:solid 1px #191919} .menu6{position:absolute; top:170px; padding-bottom:5px; left:20px; width:221px; height:20px; background:#000000; border-bottom:solid 1px #191919} .menu7{position:absolute; top:196px; padding-bottom:5px; left:20px; width:221px; height:20px; background:#000000} .arrow {background:url(../img/arrow.png) no-repeat; width:6px; height:9px; position:absolute; left:200px; top:8px} /* ---------------------- End Format Menu Systems ---------------------- */ /* ---------------------- Format Menu Text ---------------------- .menutext1{position:absolute; margin-top:4px; left:40px} .menutext2{position:absolute; margin-top:3px; left:40px} .menutext3{position:absolute; margin-top:2px; left:40px} .menutext4{position:absolute; margin-top:0px; left:40px} .menutext5{position:absolute; margin-top:3px; left:40px} .menutext6{position:absolute; margin-top:3px; left:40px} .menutext7{position:absolute; margin-top:3px; left:40px}*/ /* ---------------------- End Format Menu Text ---------------------- */ /* ---------------------- Sub Menu System ---------------------- */ #submenu{position:absolute; top:221px; left:20px; background:#1B1B1B; width:221px; height:110px; margin-top:0px} #sublinks{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; list-style:none; text-align:right; margin-top:20px; padding-right:15px} #sublinks li a:link, #sublinks li a:visited{color:#FFFFFF; line-height:18px; text-decoration:none} #sublinks li a:hover{color:#0099FF; text-decoration:none} /* ---------------------- End Sub Menu System ---------------------- */ /* ---------------------- First Level Nav ---------------------- */ #nav_items{ padding:0; margin:0; text-align: left; } #nav_items li{ list-style-type:none; margin: 0; } #nav_items li a{ height: 20px; margin-left:40px; } #nav_items li a, #nav_items li a:visited{ color:#ffffff; text-decoration:none; line-height: 22px; } #nav_items li a:hover{ color:#0099FF } #nav_items li:hover{ height:20px; background:#232323 } /* ---------------------- End First Level Nav ---------------------- */ /* ---------------------- Second Level Nav ---------------------- */ ul#nav_items li:hover ul{width:200px; background-color:#000000; left:221px; height:51px; opacity:.70; filter:alpha(opacity=70)} ul#nav_items li ul{position:absolute; font-size:11px; z-index:100; top:0px; padding:0px; margin:0px; left:-5000px; text-align:left; text-indent:10px} ul#nav_items li ul li{position:relative; list-style-type:none; margin:10px px 0px px; padding:0px; border-bottom:solid 1px #191919} ul#nav_items li ul li:hover, ul#nav_items li ul li.over{height:25px} ul#nav_items li ul li a{padding:0px; margin:0px} ul#nav_items li ul li a:link, ul#nav_items li ul li a:visited{color:#ffffff; text-decoration:none} ul#nav_items li ul li a:hover, ul#nav_items ul li a:hover{color:#ffffff} /* ---------------------- End Second Level Nav ---------------------- */ /* ---------------------- Sponser Logos -------------------------*/ #sponsercontainer{width:371px; height:195px; position:absolute; top:63px; display:inline; left:423px} #sponserleft{width:121px; height:195px; position:absolute; top:0px; left:21px; text-align:center} #sponsermiddle{width:121px; height:195px; position:absolute; top:0px; left:143px; text-align:center} #sponserright{width:121px; height:195px; position:absolute; top:0px; left:266px; text-align:center} /* ---------------------- End Sponser Logos -------------------------*/ /* ---------------------- Footer Bar ---------------------- */ #footer{width:809px; height:14px; margin:0 auto; position:relative; top:340px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-align:center; background:url(../img/footerhr.gif) no-repeat; padding-top:5px} .footertextleft:link, .footertextleft:active, .footertextleft:visited{text-decoration:none; color:#999999} .footertextleft:hover{color:#000000} .footertextright:link, .footertextright:active, .footertextright:visited{text-decoration:none; color:#999999} .footertextright:hover{color:#000000} #nowlogo{background:url(../img/nowlogo.gif) no-repeat; position:relative; left:790px; top:20px; width:62px; height:9px; cursor:pointer} /* ---------------------- End Footer Bar ---------------------- */ /* ---------------------- Main Content Area ---------------------- */ #leftcontent{width:400px; height:330px; position:absolute; top:5px; left:5px} #rightcontent{width:400px; height:330px; position:absolute; top:5px; right:5px} #leftcontent-bio{width:320px; height:250px; position:absolute; top:5px; left:25px; line-height:18px} #rightcontent-bio{width:480px; height:250px; position:absolute; top:5px; right:25px; line-height:16px} .racepic1{background:url(../img/racepic1.gif) no-repeat; position:relative; width:172px; height:56px; top:188px; left:29px; z-index:20} .racepic1:hover{background:url(../img/racepic1_over.gif) no-repeat} .racepic2{background:url(../img/racepic2.gif) no-repeat; position:relative; width:172px; height:56px; top:132px; left:220px; z-index:20} .racepic2:hover{background:url(../img/racepic2_over.gif) no-repeat} #textarea-left{width:419px; padding:10px; position:relative; left:7px; top:50px; width:375px; height:auto; line-height:18px} #textarea-right{width:419px; padding:10px; position:relative; left:7px; top:40px; width:375px; height:auto; line-height:18px} #textarea-right-index{width:419px; padding:10px; position:relative; left:30px; top:65px; width:375px; height:auto; line-height:18px} #flashcontent{position:absolute; top:0px; left:0px; width:790px; height:590px} ul.career {list-style:none; display:inline; line-height:12px} ul.results {list-style:none; line-height:12px} .samHelmet{background:url(../img/samhelmet.jpg) no-repeat; width:202px; height:301px; position:relative; top:-45px; left:70px} /* ---------------------- End Content area ---------------------- */ /* ---------------------- Calender construct ---------------------- */ .main{width:380px; height:250px; border:1px solid black} .month{background-color:black; font:bold 12px verdana; color:white} .daysofweek{background-color:#292929; font:bold 14px verdana; color:white} .days{font-size: 16px; font-family:verdana; color:#000; background-color:#fff; padding: 2px; font-weight:bolder} .days #today{font-weight: bold; color:#0099FF; background:#000; padding:5px} select{background:#000; color:#fff; border:none; outline:none; font-family:Verdana, Arial, Helvetica, sans-serif} form select:hover{color:white} /* ---------------------- End Calender construct ---------------------- */ /* ---------------------- Sponsor setup ---------------------- */ #sponsorArea{position:absolute; top:4px; left:3px; width:831px; height:329px} /*top sponsors*/ #topSponsor{position:absolute; top:20px; left:190px; width:460px; height:85px} .oxia{background:url(../img/oxia_normal.gif); width:177px; height:62px; position:absolute; left:35px; top:10px} .oxia:hover{background:url(../img/oxia_over.gif)} .adslot{background:url(../img/adslot_normal.gif); width:161px; height:63px; position:absolute; right:35px; top:10px} .adslot:hover{background:url(../img/adslot_over.gif)} /*end top sponsors*/ /*bottom sponsors*/ #bottomSponsor{position:absolute; top:130px; left:36px; width:757px; height:147px} .sai{background:url(../img/saiprivate_normal.gif); width:129px; height:22px; position:absolute; left:0px; top:25px} .sai:hover{background:url(../img/saiprivate_over.gif)} .gandel2{background:url(../img/gandalmetals2_normal.gif); width:137px; height:43px; position:absolute; left:150px; top:10px} .gandel2:hover{background:url(../img/gandalmetals2_over.gif)} .adidas{background:url(../img/adidas_normal.gif); width:91px; height:61px; position:absolute; left:324px; top:0px} .adidas:hover{background:url(../img/adidas_over.gif)} .hbd{background:url(../img/henry_normal.gif); width:139px; height:11px; position:absolute; left:452px; top:35px} .hbd:hover{background:url(../img/henry_over.gif)} .keogh{background:url(../img/keogh.gif); width:124px; height:20px; position:absolute; left:630px; top:30px} .keogh:hover{background:url(../img/keogh_over.gif)} .max{background:url(../img/maxsuper_normal.gif); width:70px; height:41px; position:absolute; left:30px; top:82px} .max:hover{background:url(../img/maxsuper_over.gif)} .krals{background:url(../img/krals_normal.gif); width:139px; height:9px; position:absolute; left:148px; top:100px} .krals:hover{background:url(../img/krals_over.gif)} .nowmedia{background:url(../img/nowmedia_normal.gif); width:123px; height:20px; position:absolute; left:307px; top:93px} .nowmedia:hover{background:url(../img/nowmedia_over.gif)} .samabay{background:url(../img/samabay_normal.gif); width:107px; height:19px; position:absolute; left:465px; top:95px} .samabay:hover{background:url(../img/samlogo_over.gif)} .vh{background:url(../img/flowersponer_normal.gif); width:53px; height:59px; position:absolute; left:647px; top:82px} .vh:hover{background:url(../img/flowersponer_over.gif)} /*end bottom sponsors*/ /* ---------------------- End Sponsor setup ---------------------- */