/*

COLOURS
Bright yellow: #fef400
Darker yellow: #feca1d

*/

*{margin:0;padding:0}
body{background-color:#feca1d;font-family:'Trebuchet MS', Trebuchet, Arial, Helvetica, sans-serif}
p,ol,ul,blockquote{margin-bottom:15px}
ul,ol,blockquote{margin-left:20px}
a{color:#110FE8;outline:none}
a img{border:none}

.centre{width:940px;margin:0 auto}
.floatleft{float:left}
.floatright{float:right}

#header,#buckets,#menu,#content,#footer{width:100%;float:left}

#header{background-color:#fef400}
#header h1{background:url(images/elements.gif) 0 0 no-repeat;height:98px;text-indent:-9999px}
#header h1 a{height:98px;width:940px;display:block}

#buckets{height:232px;background:url(images/bg_layout.jpg) 0px -160px repeat-x}
#buckets ul{list-style:none}
#buckets ul li{float:left;width:300px;height:232px;background:url(images/bg_bucket.jpg);margin-right:20px;position:relative}
#buckets ul li.last{margin-right:0}
#buckets ul li img{position:absolute;left:211px;top:35px;}
#buckets ul li .desc{position:absolute;width:180px;top:37px;left:25px;font-size:28px;line-height:32px;}
#buckets ul li .price{font-size:60px;text-align:right;position:absolute;bottom:27px;left:78px;}
#buckets ul li .price span.from{font-size:18px;vertical-align:super;margin-right:3px}
#buckets ul li .price span.gst{font-size:30px}

#menu{height:40px;background:url(images/bg_layout.jpg) 0px -392px repeat-x}
#menu ul{list-style:none}
#menu ul li{float:left;background-image:url(images/bg_layout.jpg);background-position:0px -392px;background-repeat:repeat-x}
#menu ul li:hover{background-position:0 -80px}
#menu ul li:active,#menu ul li:focus{background-position:0 0}
#menu ul li.sep{background:url(images/bg_layout.jpg) 0 -40px no-repeat;width:1px;height:40px}
#menu ul li a{line-height:40px;text-transform:uppercase;text-decoration:none;display:block;padding:0 15px;color:#000;font-size:18px}
#menu ul li.current{background:url(images/bg_layout.jpg) 0px -120px} 
#menu ul li.current a{color:#fedd08}

#content{min-height:310px;background:url(images/bg_layout.jpg) 0px -432px repeat-x;padding-top:20px}
#content .col-alpha{width:600px;float:left;margin-right:40px}
#content .col-beta{width:300px;float:left}
#content h2{margin-bottom:20px;height:25px;background-image:url(images/h2_headings.png) !important;background-image:url(images/h2_headings.gif);text-indent:-9999px}
#content h2#heading-1{background-position:0 0}
#content h2#heading-2{background-position:0 -25px}
#content h2#heading-3{background-position:0 -50px}
#content h2#heading-4{background-position:0 -75px}
#content h2#heading-5{background-position:0 -100px}
#content h2#heading-6{background-position:0 -125px}
#content a.pdf{background:url(images/icons.png) right 0 no-repeat;padding-right:20px}
#content ol, #content ul, #content blockquote{margin-bottom:25px}

#content #error{background-color:#FC0;padding:15px}
#content #error ol{margin-bottom:0}
#content .forminput{background-color:#FDF401;border:1px solid #9D7801;padding:3px;width:300px}
#content .btn {background-color:#FEF400;-moz-border-radius:5px;-webkit-border-radius:5px;padding:5px;background-image:url(images/shade.png);background-position:center bottom;background-repeat:repeat-x;color:#000;border:none;cursor:pointer;font-weight:bold}
#content .btn:hover{background-position:center top}
#content table td{vertical-align:top}
#contact form{margin-bottom:40px}

#footer .centre{height:180px;background:url(images/elements.gif) 0 -98px no-repeat;position:relative}
#footer #credit{position:absolute;bottom:0;width:100%;font:10px Arial, Helvetica, sans-serif;color:#8b6c07}
#footer #credit a{color:#8b6c07}
#footer strong{font-size:18px}