/* meyer reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } body { background: #e5e5e5; font-family: Tahoma, Verdana, sans-serif; font-size: 12px; line-height: 1.4; color: #000; background-image:url(i/mast_bg.png); background-position:top; background-repeat:repeat-x;} a { color:#A52B31; text-decoration: none; } a:hover { color:#4070B7; } #wrapper { width: 840px; padding: 0 30px; margin: 0 auto; } p { margin-bottom:17px; } h1 { font-size:24px; color:#A52B31; font-weight:normal; } h2 { color:#4070B7; font-size:16px; margin-bottom:7px; } h3 { font-weight:bold; margin-bottom:7px; } /*-- Mast --*/ #mast { width:840px; height:87px; } #reserveAd { float:right; margin-right:10px; } #reserveAd a { display:block; background-image:url(i/reserve_ad.jpg); background-position:top left; width:271px; height: 87px; background-repeat:no-repeat; text-indent:-9999px; } #reserveAd a:hover { background-position:top right; } #logo { float:left; } /*-- Navigation --*/ #navBar { clear: both; width:938px; height: 30px; overflow:hidden; } #navBar ul { height: 30px; margin: 0 10px 0 250px; padding:0; list-style:none; } #navBar li { display:inline; margin:0; padding:0; height:30px; float:left; } #navBar ul li a { text-indent: -9999px; display: block; height:30px; float: left; background-position:top left; background-repeat: no-repeat; } #navBar ul li a:hover { background-position: top right; } li.nav1 a { width: 80px; background-image: url(i/nav1.png); } li.nav2 a { width: 140px; background-image: url(i/nav2.png); } li.nav3 a { width: 98px; background-image: url(i/nav3.png); } li.nav4 a { width: 84px; background-image: url(i/nav4.png); } li.nav5 a { width: 80px; background-image: url(i/nav5.png); } li.nav6 a { width: 98px; background-image: url(i/nav6.png); } #home #wrapper #navBar ul li.nav1 a, #storage #wrapper #navBar ul li.nav2 a, #services #wrapper #navBar ul li.nav3 a, #about #wrapper #navBar ul li.nav4 a, #tour #wrapper #navBar ul li.nav5 a { background-position: top right; } /*-- Content --*/ #content { width: 840px; padding: 30px 0 0 0; overflow:hidden; } #home h1 { margin:15px 0; text-align: center; } #home #wrapper #content #main { float:left; width:650px; height:370px; overflow:hidden; } #home #wrapper #content #main ul { list-style:none; width:650px; height:370px; margin: 0; } #home #main li { display:inline; float:left; margin:0; padding:0; width:325px; height:185px; } #home #main ul li a { text-indent: -9999px; display: block; height:185px; background-position:top left; background-repeat: no-repeat; } li.topL a { background-image:url(../images/home_topL.jpg); } li.topR a { background-image:url(../images/home_topR.jpg); } li.botL a { background-image:url(../images/home_botL.jpg); } li.botR a { background-image:url(../images/home_botR.jpg); } #home #main #topL, #home #main #topR, #home #main #botL, #home #main #botR { display:inline; float:left; margin:0; padding:0; width:325px; height:185px; background-color:#e5e5e5; } #home #wrapper #content #ads { width:190px; overflow:hidden; } #ads ul { list-style:none; width:190px; height:370px; } #ads li { margin:0; padding:0; width:190px; } #ads ul li a { text-indent:-9999px; display:block; width:190px; background-position: top left; background-repeat: no-repeat; } li.ad1 a { height:126px; background-image:url(../images/home_ad1.gif); } li.ad2 a { height:118px; background-image:url(../images/home_ad2.gif); } li.ad3 a { height:126px; background-image:url(../images/home_ad3.gif); } #main ul li a:hover, #ads ul li a:hover { background-position: top right; } #sidebar { width: 250px; float:left; } #sidebar h1 { display:block; height:200px; width:250px; text-indent: -9999px; background-position:top left; background-repeat:no-repeat; margin-bottom:30px; } #storage h1 { background-image:url(../images/head_storage.jpg); } #services h1 { background-image:url(../images/head_services.jpg); } #about h1 { background-image:url(../images/head_about.jpg); } #tour h1 { background-image:url(../images/head_tour.jpg); } #sidebar ul { list-style:none; margin-left:30px; } #sidebar li { margin-bottom:5px; } #sidebar li a { font-weight:bold; text-decoration:none; } #storage #main, #services #main, #about #main, #tour #main { float:right; margin:30px 30px 0 0; width:530px; overflow:hidden;} #about #main ul, #tour #main ul { list-style:none; overflow:hidden; } #about #main ul li, #tour #main ul li { display:inline; width:265px; height:auto; } li.west { margin-right:30px; } #tour #main ul.gallery li { display:block; float:left; width:120px; height:90px; padding:0 10px 10px 0; } #tour #main ul.gallery li a { text-indent:-9999px; display:block; width:120px; height:90px; background-position:top left; background-repeat: no-repeat; } #tour #main ul.gallery li a:hover { background-position:top right; } a.th1 { background-image:url(../gallery/th1.jpg); } a.th2 { background-image:url(../gallery/th2.jpg); } a.th3 { background-image:url(../gallery/th3.jpg); } a.th4 { background-image:url(../gallery/th4.jpg); } a.th5 { background-image:url(../gallery/th5.jpg); } a.th6 { background-image:url(../gallery/th6.jpg); } a.th7 { background-image:url(../gallery/th7.jpg); } a.th8 { background-image:url(../gallery/th8.jpg); } a.th9 { background-image:url(../gallery/th9.jpg); } a.th10 { background-image:url(../gallery/th10.jpg); } a.th11 { background-image:url(../gallery/th11.jpg); } a.th12 { background-image:url(../gallery/th12.jpg); } a.th13 { background-image:url(../gallery/th13.jpg); } a.th14 { background-image:url(../gallery/th14.jpg); } a.th15 { background-image:url(../gallery/th15.jpg); } a.th16 { background-image:url(../gallery/th16.jpg); } a.th17 { background-image:url(../gallery/th17.jpg); } #about #main img { float:left; margin:0 10px 10px 0; padding-top:4px; } #services #main img { float:right; margin:0 0 10px 10px; padding-top:4px; } #about iframe { border:1px solid #000; margin:8px 0 7px 0; } #about small { margin-bottom:17px; } #about a.email { height:auto; width:auto; display:inline; } #services #main ul, #storage #main ul { float:none; margin:0 0 17px 0; } #services #main ul li, #storage #main ul li { width:auto; height:auto; display:block; margin-left:15px; padding-left: 10px; float:none; background-image:url(i/bullet.gif); background-position:top left; background-repeat:no-repeat; } #services #main ul li.west img, #storage #main ul li.west img { float:right; } #services #main #special { margin:0 auto 17px auto; background:#FFF; width:450px; } #services #main #special p.top { display:block; width:450px; height:12px; background-image:url(../images/special_bg.gif); background-position:top left; background-repeat: no-repeat; margin-bottom:5px; } #services #main #special p.bottom { display:block; width:450px; height:12px; background-image:url(../images/special_bg.gif); background-position:bottom left; background-repeat: no-repeat; margin-bottom:0; } #services #main #special h2 { text-align:center; color:#4070B7; font-size:14px; } #services #main #special h3 { text-align:center; color:#A52B31; margin:0 17px 17px 17px; } #services #main #special p.offer, #services #main #special p.note { margin: 0 17px 17px 17px; } #services #main #special p.note { font-size: 10px; line-height:normal; margin-bottom:5px; } #storage #main table td { font: 12px Tahoma, Verdana, sans-serif; text-align: left; vertical-align: middle; padding: 3px 8px; } .tdRight { border-top: 0px solid #CCCCCC; border-right: 0px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; } .tdLeft { border-top: 0px solid #CCCCCC; border-right: 0px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left: 0px solid #CCCCCC; } .tdHead { font-size: 10px; color: #666666; border-bottom: 1px solid #CCCCCC; } #storage #main table, #tour #main ul { margin-bottom:17px; } #storage #main img { float: left; margin: 0 10px 0 0; padding-top: 3px; } #ToTop { margin-bottom:24px; } #ToTop a { height:9px; width:21px; display:block; text-indent:-9999px; background-image:url(i/top.gif); background-position:top left; background-repeat:no-repeat; } #ToTop a:hover { background-position:top right; } /*-- Footer --*/ #footer { width: 100%; height:30px; text-align:center; padding: 10px 0; } .copyright { font-size: 10px; color: #888; font-family:Verdana, Tahoma, san-serif; }