/* reset and basics */ * { margin: 0; padding: 0; } body { background: url(../images/bgPage.jpg) #969696 fixed repeat; font-family: Century Gothic, AppleGothic, Arial, sans-serif; } .clear { clear: both; } .clearleft { clear: left; } /* structure */ #container { margin: 0 auto; width: 1000px; z-index: 10; position: relative; } #topstrip { background: url(../images/bgTopstrip.png) no-repeat; height: 35px; z-index: 10; } #main { background: url(../images/bgMain.png) repeat-y; position: relative; z-index: 10; } #navdiv { background: url(../images/bgNav.jpg) no-repeat 35px 0px; height: 85px; } #content { width: 930px; position: relative; left: 35px; background: url(../images/bgContent.png) no-repeat; z-index: 100; padding-bottom: 50px; } #title { padding: 32px 0 0 361px; background: url(../images/h1Maxshmax.png) 180px 29px no-repeat; } #index #title { padding: 25px 0 0 251px; background: none; } .section { width: 550px; padding: 40px 0px 10px 110px; margin: 0; background: url(../images/bgh2X.png) no-repeat 66px 2px; float: left; } .first, .nextstep { background: none; padding-top: 50px; } #photo { background-position: 0% 100%; background-repeat: no-repeat; position: relative; left: 35px; width: 930px; } #styleswitcher { position: absolute; float: right; top: 348px; right: 58px; width: 130px; } #downlink a { display: block; height: 190px; width: 190px; position: absolute; float: right; top: 141px; right: 34px; } #uplink a { display: block; height: 70px; width: 70px; position: relative; left: 900px; top: 10px; } #hiddenclue { position: fixed; width: 120px; left: 50%; top: 120px; z-index: 1; margin-left: 279px; } #footer { background: url(../images/bgFooter.png) no-repeat; height: 110px; position: relative; z-index: 10; } /* design */ p, td { margin: 0.5em 0 1.2em 55px; font-size: 0.9em; line-height: 1.5em; } td { height: 40px; } #content ul { margin: 1em 0 2em 45px; } #content li { margin: 0.5em 0 0.8em 40px; font-size: 0.9em; line-height: 1.5em; } img { border: 0; } a:link, a:visited { color: #333; text-decoration: underline; } a:hover, a:active { color: #000000; text-decoration: none; } .stressed, a { font-family: Century Gothic, AppleGothic, Arial, sans-serif; font-size: 1.05em; font-weight: bold; color: #333; } a { font-size: 1em; } acronym { border-bottom: 1px dotted #515151; cursor: help; } .nextstep p { margin-left: 104px; } #nextstepspan { display: block; width: 94px; height: 17px; text-indent: -9999px; background: url(../images/next_step.png) no-repeat; float: left; margin-top: 11px; } .subdued { font-size: 0.8em; color: #999; } /* headings */ h1 { display: block; height: 70px; width: 370px; text-indent: -9999px; } h1#h1home { background: url(../images/h1MaxshmaxWebDesign.png) no-repeat; height: 80px; width: 430px; } h1#h1webdesign { background: url(../images/h1WebDesign.png) no-repeat; } h1#h1email { background: url(../images/h1Email.png) no-repeat; } h1#h1hosting { background: url(../images/h1Hosting.png) no-repeat; } h1#h1domains { background: url(../images/h1Domains.png) no-repeat; } h1#h1pricing { background: url(../images/h1Pricing.png) no-repeat; } h1#h1aboutme { background: url(../images/h1AboutMe.png) no-repeat; } h1#h1mywork { background: url(../images/h1MyWork.png) no-repeat; } h1#h1contact { background: url(../images/h1ContactMe.png) no-repeat; } h2 { display: block; height: 50px; width: 500px; text-indent: -9999px; } h2#h2wantawebsite { background: url(../images/h2s_index.png) no-repeat 0px 0px } h2#h2webdesign { background: url(../images/h2s_index.png) no-repeat 0px -50px } h2#h2siteupdates { background: url(../images/h2s_index.png) no-repeat 0px -100px } h2#h2betteremail { background: url(../images/h2s_index.png) no-repeat 0px -150px } h2#h2sitehosting { background: url(../images/h2s_index.png) no-repeat 0px -200px } h2#h2domainnames { background: url(../images/h2s_index.png) no-repeat 0px -250px } h2#h2writingforweb { background: url(../images/h2s_index.png) no-repeat 0px -300px } h2#h2photography { background: url(../images/h2s_index.png) no-repeat 0px -350px } h2#h2contentcrucial { background: url(../images/h2s_webdesign.png) no-repeat 0px 0px } h2#h2youthinkabout { background: url(../images/h2s_webdesign.png) no-repeat 0px -50px } h2#h2ithinkabout { background: url(../images/h2s_webdesign.png) no-repeat 0px -100px } h2#h2emailonly { background: url(../images/h2s_email.png) no-repeat 0px 0px } h2#h2morepersonal { background: url(../images/h2s_email.png) no-repeat 0px -50px } h2#h2moreprofessional { background: url(../images/h2s_email.png) no-repeat 0px -100px } h2#h2freespace { background: url(../images/h2s_hosting.png) no-repeat 0px 0px } h2#h2smallprint { background: url(../images/h2s_hosting.png) no-repeat 0px -50px } h2#h2iregisteroryou { background: url(../images/h2s_domains.png) no-repeat 0px 0px } h2#h2dotcombest { background: url(../images/h2s_domains.png) no-repeat 0px -50px } h2#h2countryspecific { background: url(../images/h2s_domains.png) no-repeat 0px -100px } h2#h2otheroptions { background: url(../images/h2s_domains.png) no-repeat 0px -150px } h2#h2sitemaintenance { background: url(../images/h2s_pricing.png) no-repeat 0px 0px } h2#h2writing { background: url(../images/h2s_pricing.png) no-repeat 0px -50px } h2#h2payment { background: url(../images/h2s_pricing.png) no-repeat 0px -100px } h2#h2ljdcleaning { background: url(../images/h2s_mywork.png) no-repeat 0px -450px } h2#h2lunge { background: url(../images/h2s_mywork.png) no-repeat 0px 0px } h2#h2yogaforsurfers { background: url(../images/h2s_mywork.png) no-repeat 0px -50px } h2#h2scms { background: url(../images/h2s_mywork.png) no-repeat 0px -100px } h2#h2stcecilia { background: url(../images/h2s_mywork.png) no-repeat 0px -150px } h2#h2eagarbros { background: url(../images/h2s_mywork.png) no-repeat 0px -200px } h2#h2getzoned { background: url(../images/h2s_mywork.png) no-repeat 0px -250px } h2#h2englishwalkandtalk { background: url(../images/h2s_mywork.png) no-repeat 0px -300px } h2#h2gardenfunktion { background: url(../images/h2s_mywork.png) no-repeat 0px -350px } h2#h2tshitaki { background: url(../images/h2s_mywork.png) no-repeat 0px -400px } /* nav */ #navdiv { padding: 0; margin: 0; width: 930px; height: 85px; position: relative; left: 35px; } #navbottomdiv { padding: 0; margin: 0; width: 930px; height: 85px; position: relative; } ul.nav li { padding: 0; margin: 0; display: block; float: left; text-indent: -9999px; } ul.nav li a { border: 0; display: block; height: 85px; background: url(../images/menuTop.png) no-repeat; } #navbottomdiv ul.nav li a { border: 0; display: block; height: 85px; background: url(../images/menuBottom.png) no-repeat; } li.liindex a { width: 159px; } li.liindex a:link, li.liindex a:visited { background-position: 0px 0px; } li.liindex a:hover, li.liindex a:active { background-position: 0px -85px; } li.liwebdesign a { width: 110px; } li.liwebdesign a:link, li.liwebdesign a:visited { background-position: -159px 0px; } li.liwebdesign a:hover, li.liwebdesign a:active { background-position: -159px -85px; } li.liemail a { width: 63px; } li.liemail a:link, li.liemail a:visited { background-position: -269px 0px; } li.liemail a:hover, li.liemail a:active { background-position: -269px -85px; } li.lihosting a { width: 75px; } li.lihosting a:link, li.lihosting a:visited { background-position: -332px 0px; } li.lihosting a:hover, li.lihosting a:active { background-position: -332px -85px; } li.lidomains a { width: 87px; } li.lidomains a:link, li.lidomains a:visited { background-position: -407px 0px; } li.lidomains a:hover, li.lidomains a:active { background-position: -407px -85px; } li.lipricing a { width: 72px; } li.lipricing a:link, li.lipricing a:visited { background-position: -494px 0px; } li.lipricing a:hover, li.lipricing a:active { background-position: -494px -85px; } li.liaboutme a { width: 101px; } li.liaboutme a:link, li.liaboutme a:visited { background-position: -566px 0px; } li.liaboutme a:hover, li.liaboutme a:active { background-position: -566px -85px; } li.limywork a { width: 93px; } li.limywork a:link, li.limywork a:visited { background-position: -667px 0px; } li.limywork a:hover, li.limywork a:active { background-position: -667px -85px; } li.licontact a { width: 170px; } li.licontact a:link, li.licontact a:visited { background-position: -760px 0px; } li.licontact a:hover, li.licontact a:active { background-position: -760px -85px; } #navbottomdiv li.liindex a { width: 159px; } #navbottomdiv li.liindex a:link, #navbottomdiv li.liindex a:visited { background-position: 0px 0px; } #navbottomdiv li.liindex a:hover, #navbottomdiv li.liindex a:active { background-position: 0px -85px; } #navbottomdiv li.liwebdesign a { width: 110px; } #navbottomdiv li.liwebdesign a:link, #navbottomdiv li.liwebdesign a:visited { background-position: -159px 0px; } #navbottomdiv li.liwebdesign a:hover, #navbottomdiv li.liwebdesign a:active { background-position: -159px -85px; } #navbottomdiv li.liemail a { width: 63px; } #navbottomdiv li.liemail a:link, #navbottomdiv li.liemail a:visited { background-position: -269px 0px; } #navbottomdiv li.liemail a:hover, #navbottomdiv li.liemail a:active { background-position: -269px -85px; } #navbottomdiv li.lihosting a { width: 75px; } #navbottomdiv li.lihosting a:link, #navbottomdiv li.lihosting a:visited { background-position: -332px 0px; } #navbottomdiv li.lihosting a:hover, #navbottomdiv li.lihosting a:active { background-position: -332px -85px; } #navbottomdiv li.lidomains a { width: 87px; } #navbottomdiv li.lidomains a:link, #navbottomdiv li.lidomains a:visited { background-position: -407px 0px; } #navbottomdiv li.lidomains a:hover, #navbottomdiv li.lidomains a:active { background-position: -407px -85px; } #navbottomdiv li.lipricing a { width: 72px; } #navbottomdiv li.lipricing a:link, #navbottomdiv li.lipricing a:visited { background-position: -494px 0px; } #navbottomdiv li.lipricing a:hover, #navbottomdiv li.lipricing a:active { background-position: -494px -85px; } #navbottomdiv li.liaboutme a { width: 101px; } #navbottomdiv li.liaboutme a:link, #navbottomdiv li.liaboutme a:visited { background-position: -566px 0px; } #navbottomdiv li.liaboutme a:hover, #navbottomdiv li.liaboutme a:active { background-position: -566px -85px; } #navbottomdiv li.limywork a { width: 93px; } #navbottomdiv li.limywork a:link, #navbottomdiv li.limywork a:visited { background-position: -667px 0px; } #navbottomdiv li.limywork a:hover, #navbottomdiv li.limywork a:active { background-position: -667px -85px; } #navbottomdiv li.licontact a { width: 170px; } #navbottomdiv li.licontact a:link, #navbottomdiv li.licontact a:visited { background-position: -760px 0px; } #navbottomdiv li.licontact a:hover, #navbottomdiv li.licontact a:active { background-position: -760px -85px; } #index li.liindex a { visibility: hidden; } #index li.liindex { background: url(../images/menuTop.png) no-repeat 0px -85px; } #web_design li.liwebdesign a { visibility: hidden; } #web_design li.liwebdesign { background: url(../images/menuTop.png) no-repeat -159px -85px; } #email li.liemail a { visibility: hidden; } #email li.liemail { background: url(../images/menuTop.png) no-repeat -269px -85px; } #hosting li.lihosting a { visibility: hidden; } #hosting li.lihosting { background: url(../images/menuTop.png) no-repeat -332px -85px; } #domains li.lidomains a { visibility: hidden; } #domains li.lidomains { background: url(../images/menuTop.png) no-repeat -407px -85px; } #pricing li.lipricing a { visibility: hidden; } #pricing li.lipricing { background: url(../images/menuTop.png) no-repeat -494px -85px; } #about_me li.liaboutme a { visibility: hidden; } #about_me li.liaboutme { background: url(../images/menuTop.png) no-repeat -566px -85px; } #my_work li.limywork a { visibility: hidden; } #my_work li.limywork { background: url(../images/menuTop.png) no-repeat -667px -85px; } #contact li.licontact a { visibility: hidden; } #contact li.licontact { background: url(../images/menuTop.png) no-repeat -760px -85px; } #index #navbottomdiv li.liindex a { visibility: hidden; } #index #navbottomdiv li.liindex { background: url(../images/menuBottom.png) no-repeat 0px -170px; } #web_design #navbottomdiv li.liwebdesign a { visibility: hidden; } #web_design #navbottomdiv li.liwebdesign { background: url(../images/menuBottom.png) no-repeat -159px -170px; } #email #navbottomdiv li.liemail a { visibility: hidden; } #email #navbottomdiv li.liemail { background: url(../images/menuBottom.png) no-repeat -269px -170px; } #hosting #navbottomdiv li.lihosting a { visibility: hidden; } #hosting #navbottomdiv li.lihosting { background: url(../images/menuBottom.png) no-repeat -332px -170px; } #domains #navbottomdiv li.lidomains a { visibility: hidden; } #domains #navbottomdiv li.lidomains { background: url(../images/menuBottom.png) no-repeat -407px -170px; } #pricing #navbottomdiv li.lipricing a { visibility: hidden; } #pricing #navbottomdiv li.lipricing { background: url(../images/menuBottom.png) no-repeat -494px -170px; } #about_me #navbottomdiv li.liaboutme a { visibility: hidden; } #about_me #navbottomdiv li.liaboutme { background: url(../images/menuBottom.png) no-repeat -566px -170px; } #my_work #navbottomdiv li.limywork a { visibility: hidden; } #my_work #navbottomdiv li.limywork { background: url(../images/menuBottom.png) no-repeat -667px -170px; } #contact #navbottomdiv li.licontact a { visibility: hidden; } #contact #navbottomdiv li.licontact { background: url(../images/menuBottom.png) no-repeat -760px -170px; } /* switchers */ #styleswitcher a { display: block; width: 60px; height: 60px; background: url(../images/bgSwitchers.jpg) no-repeat; margin: 0 4px 4px 0; float: left; } a#flappers:link, a#flappers:visited { background-position: 0px -60px; } a#flappers:hover, a#flappers:active { background-position: -60px -60px; } a#fireworks:link, a#fireworks:visited { background-position: 0px -300px; } a#fireworks:hover, a#fireworks:active { background-position: -60px -300px; } a#fireworksday:link, a#fireworksday:visited { background-position: 0px -420px; } a#fireworksday:hover, a#fireworksday:active { background-position: -60px -420px; } a#frosties:link, a#frosties:visited { background-position: 0px -240px; } a#frosties:hover, a#frosties:active { background-position: -60px -240px; } a#flyers:link, a#flyers:visited { background-position: 0px -360px; } a#flyers:hover, a#flyers:active { background-position: -60px -360px; } a#flora:link, a#flora:visited { background-position: 0px -120px; } a#flora:hover, a#flora:active { background-position: -60px -120px; } a#feelers:link, a#feelers:visited { background-position: 0px -180px; } a#feelers:hover, a#feelers:active { background-position: -60px -180px; } a#furries:link, a#furries:visited { background-position: 0px 0px; } a#furries:hover, a#furries:active { background-position: -60px 0px; } /* my work image links */ a.myworkimg { display: block; width: 500px; height: 400px; } a#mw_ljdcleaning { background: url(../images/my_work/mywork_ljdcleaning.png) -500px 0px; } a#mw_ljdcleaning:hover { background-position: 0px 0px; } a#mw_lunge { background: url(../images/my_work/mywork_lunge.png) -500px 0px; } a#mw_lunge:hover { background-position: 0px 0px; } a#mw_yogaforsurfers { background: url(../images/my_work/mywork_yogaforsurfers.png) -500px 0px; } a#mw_yogaforsurfers:hover { background-position: 0px 0px; } a#mw_southcoastmusicsociety { background: url(../images/my_work/mywork_southcoastmusicsociety.png) -500px 0px; } a#mw_southcoastmusicsociety:hover { background-position: 0px 0px; } a#mw_stcecilia { background: url(../images/my_work/mywork_stcecilia.png) -500px 0px; } a#mw_stcecilia:hover { background-position: 0px 0px; } a#mw_eagarbros { background: url(../images/my_work/mywork_eagarbros.png) -500px 0px; height: 406px; } a#mw_eagarbros:hover { background-position: 0px 0px; } a#mw_getzoned { background: url(../images/my_work/mywork_getzoned.png) -500px 0px; } a#mw_getzoned:hover { background-position: 0px 0px; } a#mw_englishwalkandtalk { background: url(../images/my_work/mywork_englishwalkandtalk.png) -500px 0px; height: 378px; } a#mw_englishwalkandtalk:hover { background-position: 0px 0px; } a#mw_gardenfunktion { background: url(../images/my_work/mywork_gardenfunktion.png) -500px 0px; height: 356px; } a#mw_gardenfunktion:hover { background-position: 0px 0px; } a#mw_tshitaki { background: url(../images/my_work/mywork_tshitaki.png) -500px 0px; height: 441px; } a#mw_tshitaki:hover { background-position: 0px 0px; }