body{ background: #066d8c url(../_m/layout/bkg_grad.jpg) repeat-x; font-family: Arial; } /* Layout */ * :focus { outline: 0; } #page{ position: relative; width: 998px; height: 700px; margin: 0 auto; border-left: solid #fff 1px; border-right: solid #fff 1px; background-color: #fff;} #header{ width: 998px; height: 122px;} #content{ width: 998px; height: 500px;} #white-bar{ position: absolute; bottom: 0px; background: transparent url(/wp-content/themes/ultimate_wave/_m/layout/white-bar.png) 0px 0px no-repeat; width: 998px; height: 80px; z-index: 1; left: 0;} /* TOP NAV */ #nav{ float:left; width:420px; height:20px; margin-top:27px; list-style:none; } #nav li { xfloat:left; } #nav a,#nav li { height:20px; display:block; } #nav li { background-image:url(/wp-content/themes/ultimate_wave/_m/layout/nav.png);} #behind-the-scenes{ width:130px; background-position:-20px 0px;} #storyline{ width:130px; background-position:-20px -40px;} #tahitian-islands { width:130px; background-position:-20px -80px;} #gallery{ margin-left:15px; width:70px; background-position:-170px 0px;} #photos{ width:70px; background-position:-170px -40px;} #videos{ width:70px; background-position:-170px -80px;} #stars{ margin-left:2px; width:50px; background-position:-245px 0px;} #kelly{ width:95px; background-position:-245px -40px;} #raimana{ width:155px; background-position:-245px -80px;} #teahupoo{ width:100px; background-position:-245px -120px;} #explore{ width:70px; margin-left:13px; background-position:-410px 0px;} * html #explore { position: absolute; left: 275px;} /* Hover */ #nav a:hover { background-image:url(/wp-content/themes/ultimate_wave/_m/layout/nav.png);} #behind-the-scenes a:hover { width:130px; background-position:-20px -20px;} #storyline a:hover { width:130px; background-position:-20px -60px;} #tahitian-islands a:hover { width:130px; background-position:-20px -100px;} #gallery a:hover { width:70px; background-position:-170px -20px;} #photos a:hover { width:70px; background-position:-170px -60px;} #videos a:hover { width:70px; background-position:-170px -100px;} #stars a:hover { width:50px; background-position:-245px -20px;} #kelly a:hover { width:95px; background-position:-245px -60px;} #raimana a:hover { width:155px; background-position:-245px -100px;} #teahupoo a:hover { width:100px; background-position:-245px -140px;} #explore a:hover { width:70px; background-position:-410px -20px;} /* Current */ #nav li.headlinktext ul.cur { display: block; } #storyline a.cur { background: url(/wp-content/themes/ultimate_wave/_m/layout/nav.png) -20px -60px;} #tahitian-islands a.cur { background: url(/wp-content/themes/ultimate_wave/_m/layout/nav.png) -20px -100px;} #kelly a.cur { background: url(/wp-content/themes/ultimate_wave/_m/layout/nav.png) -245px -60px;} #raimana a.cur { background: url(/wp-content/themes/ultimate_wave/_m/layout/nav.png) -245px -100px;} #teahupoo a.cur { background: url(/wp-content/themes/ultimate_wave/_m/layout/nav.png) -245px -140px;} #photos a.cur { background: url(/wp-content/themes/ultimate_wave/_m/layout/nav.png) -170px -60px;} #videos a.cur { background: url(/wp-content/themes/ultimate_wave/_m/layout/nav.png) -170px -100px;} #explore a.cur { background: url(/wp-content/themes/ultimate_wave/_m/layout/nav.png) -410px -20px;} /* Headlink */ #nav li.headlink { float:left;} #nav li.headlink a { display:block;} #nav li.headlink ul { display:none; text-align:left; } #nav li.headlink:hover ul { display:block; } /* HeadLinkText */ #nav li.headlinktext { cursor: pointer; float:left;} #nav li.headlinktext a { display:block;} #nav li.headlinktext ul { margin-top: 20px; display:none; text-align:left; } #nav li.headlinktext:hover ul, #nav li.theHover ul { display:block; } /* Logo */ #logo{ position:relative; float:left; background:url(/wp-content/themes/ultimate_wave/_m/layout/sm-logo.jpg) no-repeat 0px 0px; width:215px; height:83px; margin-top:22px; margin-left:0px; } /* NAV2 */ #nav2{ float:left; background:url(/wp-content/themes/ultimate_wave/_m/layout/nav2.png) no-repeat 0px 0px; width:250px; height:30px; margin-top:27px; margin-left:60px; list-style:none; } #nav2 li{ display:inline; float:left;} #nav2 li,#nav2 a { height:30px; display:block;} #partners{ width:75px; } #press { width:55px; } #theater-listings { width:110px; } /* Hover */ #nav2 a:hover{ background-image:url(/wp-content/themes/ultimate_wave/_m/layout/nav2.png);} #partners a:hover { background-position:0px -26px;} #press a:hover { background-position:-75px -26px;} #theater-listings a:hover { background-position:-130px -26px;} /* Current */ #partners a.cur { background: url(/wp-content/themes/ultimate_wave/_m/layout/nav2.png) 0px -26px;} #press a.cur { background: url(/wp-content/themes/ultimate_wave/_m/layout/nav2.png) -75px -26px;} #theater-listings a.cur { background: url(/wp-content/themes/ultimate_wave/_m/layout/nav2.png) -130px -26px;} /* Body */ #background-img { height: 524px; width: 998px; top: 117px; left: 0px; position: absolute; } .scroll-arrow { height: 10px; width: 15px; position: absolute; cursor: pointer; display: none; z-index: 1020; } #scroll-arrow-up { background: transparent url(/wp-content/themes/ultimate_wave/_m/layout/arrow_up.png) no-repeat; } * html #scroll-arrow-up { background: url(/wp-content/themes/ultimate_wave/_m/layout/_clear.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/ultimate_wave/_m/layout/arrow_up.png', sizingMethod='crop'); } #scroll-arrow-down { background: transparent url(/wp-content/themes/ultimate_wave/_m/layout/arrow_down.png) no-repeat; } * html #scroll-arrow-down { background: url(/wp-content/themes/ultimate_wave/_m/layout/_clear.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/ultimate_wave/_m/layout/arrow_down.png', sizingMethod='crop'); } /* tab bar */ #tab-bar { position:absolute; bottom: 0px; } #tab-bar ul { padding:0; margin:0; color:#10629c; font-family: arial, helvetica, sans-serif; list-style-type:none; display: table; } #tab-bar ul li { display: table-cell; } *+html #tab-bar ul li { display: inline; float: left; } * html #tab-bar ul li { display: inline; float: left; } #tab-bar ul li span { color: #10629c; cursor: pointer; padding-left: 7px; padding-right: 9px; padding-top: 3px; } .tab { position: relative; font-face: Arial; font-size: 12px; font-weight: bold; } #type-desc p, .entry p, #lo-content p { margin-bottom: 10px; } /* WHATS NEW */ #white-bar ul { margin: 5px; } #white-bar ul li { float: left; color: #01559b; font-size: 0.75em; text-transform: uppercase; border-right: solid #fd6939 1px; padding: 0px 8px; font-weight: bold; width: 180px; height: 65px; } #white-bar ul li a { color: #f3693e; } ul#whats-new li:last-child { border: none; } /* FOOTER */ #footer{ position: absolute; top: 642px; background: url(/wp-content/themes/ultimate_wave/_m/layout/footer.jpg) no-repeat 0px 0px; width: 998px; height: 54px; z-index: 1; } .addthis_button{ position: relative; top: 65px; left: 436px;} .suzuki-link{ position:absolute; background:transparent url(/wp-content/themes/ultimate_wave/_m/layout/blank.gif) 0px 0px no-repeat; top:10px; width:170px; height:35px;} .quiksilver-link{ position:absolute; background:transparent url(/wp-content/themes/ultimate_wave/_m/layout/blank.gif) 0px 0px no-repeat; top:12px; left:175px; width:150px; height:30px;} .tourisme-link{ position:absolute; background:transparent url(/wp-content/themes/ultimate_wave/_m/layout/blank.gif) 0px 0px no-repeat; top:12px; left:335px; width:115px; height:35px;} .theaters-link{ position:absolute; background:transparent url(/wp-content/themes/ultimate_wave/_m/layout/sub-text.jpg) 0px 0px no-repeat; top:25px; left:480px; width:510px; height:18px;} #home-flash { position: absolute; top: 5px; left: 238px; width: 496px; } #bottom-info { color: #fff; font-size: 11px; top: 75px; left: 10px; position: relative; text-align: center; } #bottom-info a { color: #fff; } /* Remove forced formatting from reset.css */ #type-desc ul, .entry ul, #lo-content ul { list-style-type: disc; margin-left: 15px;} #type-desc ol, .entry ol, #lo-content ol { list-style-type: decimal; margin-left: 15px;} #type-desc a, .entry a, #type-desc a:hover, .entry a:hover, #lo-content a:hover { color: #f3693e; } /* Support for the "iehover-fix.js" */ ul.nav iframe { position: absolute; /* account for the border */ left: -0.25em; top: -0.25em; z-index: -1; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0); } * html ul.nav li { z-index: 201; } /* this is for IE 5.0 select.hide { visibility: hidden; } /* End Support for the "iehover-fix.js" */