body{margin:0px;font-family:Arial, Helvetica, sans-serif;} #HeaderTopWrap{width:100%;height:38px;margin:0px auto;background:#010066; position: fixed;} #HeaderTopWrap #Logo{background:url(/images/logo2.png) no-repeat;background-position:-0px -505px;float:left;height:38px;width:307px;margin-top:-2px;} #HeaderTopWrap #cat_search_box{height:32px;width:185px;padding:0px;margin-top:6px;margin-left:10px;float:left;background-color:#010066;} #HeaderTopWrap #suburb_search_box{height:32px;width:185px;padding:0px;margin-top:6px;margin-left:2px;float:left;background-color:#010066;} #HeaderTopWrap #click_button{height:32px;width:36px;float:left;padding:3px;background-color:#010066;} #HeaderTopWrap #Sign{float:right;font-size:12px; text-decoration-color:#F8EF00; text-decoration-color: chartreuse; line-height:38px;text-align:left;width:110px;color: #F8FF00;} #HeaderTopWrap #FreeBusinessListing{float:right;font-size:12px;line-height:38px;text-align:left;width:70px} #HeaderTopWrap > #HeaderTopline{width:100%px;height:2px; background:#F8EF00;margin-top: 38px;} #HeaderTop{height:537px;width:100%;background-color:#010066;} #HeaderTop > #HeaderTopbar{width:100%px;height:38px;background:#010066;padding-top: 38px;} #HeaderTop > #HeaderTopimage{width:1240px;height:498px;margin:0px auto;background:url(/images/logo2.png) no-repeat;} #bodyTop{height:auto;width:100%;background-color:white;} #bodyTop > #bodymidle{margin:0px auto;width:1240px;height:auto;overflow: hidden;padding: 10px;} #bodyTop > #bodymidle > #bodypoint {width:30%;height:400px; border:5px; float:left; padding-left:10px ;padding-right: 10px; font-size:14px; line-height: 1.7;} #bodyTop > #bodymidle > #bodypoint > #rec {width:90%;height:auto;background:#010066;padding:10px;border:1px medium #868598;border-radius:5px;box-shadow:#8A8A8A 2px 2px 2px;display:inline-block;text-align: center;font-size:30; color: #F8FF00; font-weight:bold;} #bodyTop > #bodymidle > #bodypoint> #booking { width:50%; height:auto;margin:0px auto; background:#FF0004;padding:10px; border:1px medium #868598;border-radius:20px;box-shadow:#8A8A8A 2px 2px 2px; text-align: center;font-size:30; color:#FFFFFF; font-weight:bold; } #bodyTop > #bodymidle > #bodypoint > #circle {position: relative; background:#010066; border-radius: 50%; width: 120px; height:120px; margin:0px auto; padding-top: 13px; padding-left: 13px; } #bodyTop > #bodymidle > #bodypoint > #circle > #smallcircle { position: absolute; background:#F9F800; border-radius: 50%; width: 100px; height:100px; padding-top: 8px; padding-left: 8px; } #bodyTop > #bodymidle > #bodypoint > #circle > #smallcircle > #imagecircle { position: absolute; background:url(../images/logo2.png) no-repeat;background-position:-310px -507px; border-radius: 50%; width: 90px; height:90px; } #bodyTop > #bodymidle > #bodypoint > #circle > #smallcircle > #imagecircle1 { position: absolute; background:url(../images/logo2.png) no-repeat;background-position:-420px -507px; border-radius: 50%; width: 90px; height:90px; } #bodyTop > #bodymidle > #bodypoint > #circle > #smallcircle > #imagecircle2 { position: absolute; background:url(../images/logo2.png) no-repeat;background-position:-525px -507px; border-radius: 50%; width: 90px; height:90px; } #bodyTop > #bodymidle > #bodypoint > #circle > #smallcircle > #imagecircle3 { position: absolute; background:url(../images/logo2.png) no-repeat;background-position:-635px -507px; border-radius: 50%; width: 90px; height:90px; } #bodyTop > #bodymidle > #bodypoint > #circle > #smallcircle > #imagecircle4 { position: absolute; background:url(../images/logo2.png) no-repeat;background-position:-753px -507px; border-radius: 50%; width: 90px; height:90px; } #bodyTop > #bodymidle > #bodypoint > #circle > #smallcircle > #imagecircle5 { position: absolute; background:url(../images/logo2.png) no-repeat;background-position:-861px -507px; border-radius: 50%; width: 90px; height:90px; } #bodyTop > #bodymidle > #bodypoint > #circle > #smallcircle > #imagecircle6 { position: absolute; background:url(../images/logo2.png) no-repeat;background-position:-950px -511px; border-radius: 50%; width: 90px; height:90px; } #bodyTop > #bodymidle > #bodypoint > #circle > #smallcircle > #imagecircle7 { position: absolute; background:url(../images/logo2.png) no-repeat;background-position:-1047px -507px; border-radius: 50%; width: 90px; height:90px; } #bodyTop > #bodymidle > #bodypoint > #circle > #smallcircle > #imagecircle8 { position: absolute; background:url(../images/logo2.png) no-repeat;background-position:-1140px -507px; border-radius: 50%; width: 90px; height:90px; } #bodybuttomContainer { background:#010066; width:100%; height:auto;overflow: hidden; color: #F8FF00;} #bodybuttomContainer #bodybuttom { background:#010066;margin:0px auto;height:auto; width:1240px; overflow: hidden;padding-left: 10px; padding-right: 10px; color: #F8FF00;} #bodyTop > #bodyLeft{border:1px medium #868598;border-radius:5px;width:800px;float:left;heightfont-weight: o;min-height:1000px;padding-left:6px;padding-top:580px;background:#EFEFEF;} #bodyTop > #bodyLeft h1{font-size:16px;} #bodyTop > #bodyLeft > div{width:764px;height:auto;background:#FFFFFF;padding:10px;border:1px medium #868598;border-radius:5px;box-shadow:#8A8A8A 2px 2px 2px;display:inline-block;margin:3px; } #bodyTop > #bodyLeft > div a:link{color:blue;text-decoration:none;} #bodyTop > #bodyLeft > div a:hover{color:#F90409;text-decoration:underline} #bodyTop > #bodyLeft > #Google_ad{background:#FFFFFF;padding:2px;border-radius:5px;display:inline-block;margin:3px;width:338px;height:280;} #bodyTop > #bodyRight{border-radius:5px;width:422px;float:right;height:inherit;padding:6px;padding-top:40px;background:#E0E0E0;} #bodyTop > #bodyRight > div a:link{color:blue;text-decoration:none;} #bodyTop > #bodyRight > div a:hover{color:#F90409;text-decoration:underline} #Footerbutm{height:auto;width:100%;position:inherit;bottom:0px;left:0px; right: 0px; background:#000000;} #Footerbutm > #FooterbutmWrap{width:100%;height:auto;margin:0px auto;background:#000000;color:#F8FF00;} #Footerbutm > #FooterbutmWrap >#half{width:50%;height:auto;float:left;background:#000000;} #Footerbutm > #FooterbutmWrap >#half > #link1{height:245px;width:49%;padding:2px;float:right;padding-top:50px;text-align:center;background:#000000;} #Footerbutm > #FooterbutmWrap> #half > #link2{height:245px;width:49%;padding:2px;float:right;padding-top:50px;text-align:center;background:#000000;} #Footerbutm > #FooterbutmWrap >#half > #link3{height:245px;width:49%;padding:2px;float:left;padding-top:50px;text-align:center;background:#000000;} #Footerbutm > #FooterbutmWrap >#half > #link4{height:245px;width:49%;padding:2px;float:left;padding-top:50px;text-align:center;background:#000000;} #Sign a, #FreeBusinessListing a{color:#F8EF00;text-decoration:none} #Sign a:hover, #FreeBusinessListing a:hover{color:#3F0;text-decoration:underline} #rec a{color:#F8EF00;text-decoration:none} #rec a:hover{color:#3F0;text-decoration:underline} #booking a{color:#FFFFFF;text-decoration:none} #booking a:hover{color:#F8EF00;text-decoration:underline} .phone{background:url(../images/logo.png) no-repeat;background-position:-307px -2px;float:left;height:43px;margin-right:7px;margin-top:-13px;width:42px} .mobile{background:url(/images/logo.png) no-repeat;background-position:-394px -2px;float:left;height:43px;margin-right:7px;margin-top:-13px;width:42px} .fax{background:url(/images/logo.png) no-repeat;background-position:-437px -2px;float:left;height:43px;margin-right:7px;margin-top:-13px;width:42px} .email{background:url(/images/logo.png) no-repeat;background-position:-479px -2px;float:left;height:43px;margin-right:7px;margin-top:-13px;width:42px} .url{color:#4667F2;float:left;font-size:15px;font-weight:700;margin-right:3px} .abn{background:url(/images/logo.png) no-repeat;background-position:-694px -2px;float:left;height:43px;margin-right:7px;margin-top:-13px;width:42px} .ad{background:url(/images/logo.png) no-repeat;background-position:-737px 0;float:left;height:20px;margin-right:7px;margin-top:3px;width:20px} .home{background:url(/images/logo.png) no-repeat;background-position:-265px -2px;float:left;height:43px;margin-right:7px;margin-top:-13px;width:42px} .cat{background:url(../images/logo.png) no-repeat;background-position:-350px -2px;float:left;height:43px;margin-right:7px;margin-top:-13px;width:42px} .suburb{background:url(../images/logo.png) no-repeat;background-position:-521px -2px;float:left;height:43px;margin-right:7px;margin-top:-13px;width:42px} .company{background:url(../images/logo.png) no-repeat;background-position:-651px -2px;float:left;height:43px;margin-right:7px;margin-top:-13px;width:42px} .address{background:url(../images/logo.png) no-repeat;background-position:-607px -2px;float:left;height:43px;margin-right:7px;margin-top:-13px;width:42px} input#search{background:url(/images/logo.png) no-repeat;background-position:-757px -0px;float:left;height:32px;margin-left:1px;margin-right:0px;margin-top:0px;width:31px;border-radius:5px;} @media screen and (max-width:800px){#HeaderTop{width:110%;height: 245px; } #HeaderTopWrap{width:100%;height:38px;} #bodyTop{width:100%; padding: 10px} #HeaderTopline{width:100%;height:1px;} #bodyTop > #bodyRight{display:none;} #bodyTop > #bodyRight > #Google_ad {display:none;} #HeaderTop > #HeaderTopbar{width:100%; } #HeaderTop > #HeaderTopimage{background:url(/images/logo2.png) no-repeat; background-size: 110%; background-position:0px -0px; height:68%; width: 100%;} #bodyTop {width:100%;} #bodyTop > #bodymidle {width:100%;padding: 10px;float:inherit;} #bodyTop > #bodymidle > #bodypoint{width:95%; height:auto; float:inherit;padding-right: 30px;padding-left: 2px;} #bodybuttomContainer{width:105%; padding-left:10px; padding-right: 10px;} #bodybuttomContainer #bodybuttom {width:90%; padding-left:10px; padding-right: 10px;} #bodybuttom a:link{color:#F8EF00;text-decoration:none} #bodybuttom a:hover{color:#3F0;text-decoration:underline} #bodybuttom a:visited{color:#3F0;text-decoration:none} #bodyTop > #bodyRight{display:none;} #Footerbutm{width:110%;height:auto;} #Footerbutm > #FooterbutmWrap{width:100%;height:auto;} #HeaderTopWrap #Logo {background:url(/images/logo2.png) no-repeat; background-position:0px -538px; float:left; height:38px; margin-left:0px; margin-right:0px; margin-top:0px; width:38px;}}