body{margin:0px;font-family:Arial, Helvetica, sans-serif;} #HeaderTopWrap{width:100%;height:38px;margin:0px auto;background:#FB0004; position: fixed;} #HeaderTopWrap #cat_search_box{height:32px;width:185px;padding:0px;margin-top:6px;margin-left:10px;float:left;background-color:#FB0004;} #HeaderTopWrap #suburb_search_box{height:32px;width:185px;padding:0px;margin-top:6px;margin-left:2px;float:left;background-color:#FB0004;} #HeaderTopWrap #click_button{height:32px;width:36px;float:left;padding:3px;background-color:#FB0004;} #HeaderTopWrap #header-top-menue{float:right; font-size:12px;line-height:38px;text-align:left;width:110px; color: #ffffff;} #HeaderTopWrap #FreeBusinessListing{float:right;font-size:12px;line-height:38px;text-align:left;width:70px} #HeaderTopWrap > #HeaderTopline{width:100%px;height:2px; background:#FFFFFF;margin-top: 38px;} #HeaderTop {height:100%;width:100%;background-color:#FFFFFF;} #HeaderTop > #HeaderTopbar{width:100%px;height:1px;background:#FB0004;padding-top: 38px;} #HeaderTop > #HeaderTopimage{width:100%; height:200%; margin:0px auto;background:url(/images/header.png) no-repeat;background-size:100%; min-height: 600px;} #header-top-menue a, #FreeBusinessListing a{color:#FFFFFF;text-decoration:none} #header-top-menue a:hover, #FreeBusinessListing a:hover{color:#3F0;text-decoration:underline} #bodyTop{height:auto;width:100%;background-color:white; } #bodyTop > #bodymidle{margin:0px auto;max-width:1340px;height:auto;overflow: hidden;padding-left: 10px; padding-top: 0px;} #bodyTop > #bodymidle > #bodypoint {width:30%;height:auto; border:5px; float:left; padding-left:10px ;padding-right: 10px; font-size:14px; line-height: 1.7;} #bodyTop > #bodymidle > #bodypoint > #rec {width:80%;height:auto;background:#FB0004;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; margin-left: 20%} #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; margin-left: 35%} #bodyTop > #bodymidle > #bodypoint > #circle {background:#FFFFFF; border-radius:3px; width: 320px; height:300px; margin:0px auto;} #bodyTop > #bodymidle > #bodypoint > #circle > #smallcircle { background:#FFFFFF; border-radius: 3px; width: 305px; height:180px; } #bodyTop > #bodymidle > #bodypoint > #circle > #smallcircle > #imagecircle { background:url(../images/header.png) no-repeat;background-position:0px -2720px; border-radius: 3px; width: 412px; height:279px; } #bodyTop > #bodymidle > #bodypoint > #circle > #smallcircle > #imagecircle1 { background:url(../images/header.png) no-repeat;background-position:-413px -2720px; border-radius: 3px; width: 412px; height:279px; } #bodyTop > #bodymidle > #bodypoint > #circle > #smallcircle > #imagecircle2 { background:url(../images/header.png) no-repeat;background-position:-826px -2720px; border-radius: 3px; width: 412px; height:279px; } #bodyTop > #bodymidle > #bodypoint > #circle > #smallcircle > #imagecircle3 { background:url(../images/header.png) no-repeat;background-position:-0px -2440px; border-radius: 3px; width: 412px; height:279px; } #bodyTop > #bodymidle > #bodypoint > #circle > #smallcircle > #imagecircle4 { background:url(../images/header.png) no-repeat;background-position:-413px -2440px; border-radius: 3px; width: 412px; height:279px; } #bodyTop > #bodymidle > #bodypoint > #circle > #smallcircle > #imagecircle5 { background:url(../images/header.png) no-repeat;background-position:-826px -2440px; border-radius: 3px; width: 412px; height:279px; } #bodyTop > #bodymidle > #bodypoint > #circle > #smallcircle > #imagecircle6 { background:url(../images/header.png) no-repeat;background-position:-0px -2160px; border-radius: 3px; width: 412px; height:279px; } #bodyTop > #bodymidle > #bodypoint > #circle > #smallcircle > #imagecircle7 { background:url(../images/header.png) no-repeat;background-position:-413px -2160px; border-radius: 3px; width: 412px; height:279px; } #bodyTop > #bodymidle > #bodypoint > #circle > #smallcircle > #imagecircle8 { background:url(../images/header.png) no-repeat;background-position:-826px -2160px; border-radius: 3px; width: 412px; height:279px; } #bodyTop > #bodymidle > #bodypoint > #circle > #smallcircle > #imagecircle9 { background:url(../images/header.png) no-repeat;background-position:-0px -1880px; border-radius: 3px; width: 412px; height:279px; } #bodyTop > #bodymidle > #bodypoint > #circle > #smallcircle > #imagecircle10 { background:url(../images/header.png) no-repeat;background-position:-413px -1880px; border-radius: 3px; width: 412px; height:279px; } #bodyTop > #bodymidle > #bodypoint > #circle > #smallcircle > #imagecircle11 { background:url(../images/header.png) no-repeat;background-position:-826px -1880px; border-radius: 3px; width: 412px; height:279px; } #bodyTop > #bodymidle > #bodypoint > #circle > #smallcircle > #imagecircle12 { background:url(../images/header.png) no-repeat;background-position:-0px -1600px; border-radius: 3px; width: 412px; height:279px; } #bodyTop > #bodymidle > #bodypoint > #circle > #smallcircle > #imagecircle13 { background:url(../images/header.png) no-repeat;background-position:-413px -1600px; border-radius: 3px; width: 412px; height:279px; } #bodyTop > #bodymidle > #bodypoint > #circle > #smallcircle > #imagecircle14 { background:url(../images/header.png) no-repeat;background-position:-826px -1600px; border-radius: 3px; width: 412px; height:279px; } #bodybuttomContainer { background:#FB0004; width:100%; height:auto;overflow: hidden; color:#FFFFFF;} #bodybuttomContainer #bodybuttom { background:#FB0004;margin:0px auto;height:auto; max-width:1340px; overflow: hidden;padding-left: 10px; padding-right: 10px; color:#FFFFFF;} #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;} #half a{color:#FFFFFF;text-decoration:none} #half a:hover{color:#3F0;text-decoration:underline} #rec a{color:#FFFFFF;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} input[type=text],textarea{border:0px solid #ccc;border-radius:4px;outline:none;padding:.5em;transition:box-shadow .2s ease-in-out} label{display:block} input[type=submit]{height:30px;width:60px;border:none;border-radius:5px;} form table tr td,table tr td{font-size:16px} #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:#FFFFFF;} #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;} @media screen and (max-width:900px) {#HeaderTop{width:100%;height: 100%; } #HeaderTopWrap{width:100%;height:38px;} #HeaderTopline{width:100%;height:1px;} #HeaderTop > #HeaderTopimage{background:url(/images/header.png) no-repeat; background-size:100%; min-height: 350px;} #bodyTop {width:95%; } #bodyTop > #bodymidle {width:100%; float:inherit;} #bodyTop > #bodymidle > #bodypoint{width:95%; height:auto; float:inherit; padding-right:2px; padding-left:2px;} #bodybuttomContainer{width:100%; padding: 0px;} #bodybuttomContainer #bodybuttom {width:100%; padding-left:10px; padding-right: 30px;} }