/*
		A'n'K Budget Bins
*/

@import url("reset.css");
@import url("datePicker.css");


/*----------	LaY0UT STYLeS	----------*/
body {
	margin: 10px 0 0 0;
	padding: 0;
	text-align: center;
	background-color: #00A651;
	font: 62.5%/1.8em Arial, Helvetica, sans-serif;
}

#container {
	width: 778px;
	margin: 0 auto;
	font-size: 1.3em;
	text-align: left;
	background: #FFFFFF;
}

.column-right { width: 220px; }
.column-left { width: 500px; padding-left: 45px; }


/*----------	CoMMoN STYLeS	----------*/
.clear { clear: both; display: block; }
.left { float: left; }
.right { float: right; }
.hidden { display: none; }

a { color: #FF0300; text-decoration: none; }
a:hover { text-decoration: underline; }
hr { border: none; border-bottom: 1px solid #A7B6BE; margin: 10px; }
img { border: none; }
strong {	font-weight:bold; }
p { font-size:14px; margin: 10px 20px 10px 10px; }
h1 { font-size: 20px; font-weight: bold; margin: 40px 0 20px 10px; }
td { padding: 5px 15px; }

img#inner_photo { margin: 0 50px 10px 10px; float:right; }
img#PDF-icon { padding-right: 5px; vertical-align: middle; }

ul.list { list-style-image: url(../images/icon-list.gif); margin: 20px 40px; }
ul.gallery li { float: left; margin: 4px; }

/*----------	HeaDeR STYLeS	----------*/
#header {
	width: 778px;
	height: 190px;
	position: relative;
	background: url(../images/core/header-bg.gif) center top no-repeat;
}

#header #watermark {
	width: 191px;
	height: 181px;
	position: absolute;
	top: 7px;
	left: 485px;
	background: url(../images/core/watermark.gif) no-repeat;
}

#header img#logo { position: absolute; top: 38px; left: -57px; }
#header img#slogan { position: absolute; top: 141px; left: -79px; }	

#header #splash {
	width: 394px;
	height: 168px;
	top: 21px;
	left: 0;
	display: block;
	position: absolute;
}

.home #header #splash { background: url(../images/core/splash-image01.jpg); }
.bins #header #splash { background: url(../images/core/splash-image02.jpg); }
.skip_bins #header #splash { background: url(../images/core/splash-image01.jpg); }
.waste_disposal_recycling #header #splash { background: url(../images/core/splash-image02.jpg); }
.suburbs #header #splash { background: url(../images/core/splash-image03.jpg); }
.online_order #header #splash { background: url(../images/core/splash-image03.jpg); }
.contact #header #splash { background: url(../images/core/splash-image04.jpg); }


/*----------	NaVIGaTIoN STYLeS	----------*/
#nav {
	height: 32px;
	padding-left: 20px;
	margin-bottom: 10px;
	background: url(../images/nav/nav_bg.gif) repeat-x;
}

#nav ul { list-style: none; }
#nav ul li { float: left; }
#nav ul li a { height: 32px; display: block; }
#nav ul li a:hover { background-position: 0 -32px!important; }
#nav ul li#home a { background:url(../images/nav/home.gif) no-repeat top; width: 56px; }
#nav ul li#bins a { background:url(../images/nav/bins.gif) no-repeat top; width: 47px; }
#nav ul li#skip_bins a { background:url(../images/nav/skipbins.gif) no-repeat top; width: 75px; }
#nav ul li#waste_disposal_recycling a { background:url(../images/nav/wastedisposalrecycling.gif) no-repeat top; width: 175px; }
#nav ul li#suburbs a { background:url(../images/nav/suburbs.gif) no-repeat top; width: 66px; }
#nav ul li#online_order a { background:url(../images/nav/online_order.gif) no-repeat top; width: 124px; }
#nav ul li#contact-nav a { background:url(../images/nav/contact.gif) no-repeat top; width: 81px; }

body.waste_disposal_recycling #nav ul li#waste_disposal_recycling a, body.skip_bins #nav ul li#skip_bins a, body.home #nav ul li#home a, body.bins #nav ul li#bins a, body.suburbs #nav ul li#suburbs a, body.online_order #nav ul li#online_order a, body.contact #nav ul li#contact-nav a { 
background-position: 0 -32px!important;
}


/*----------	CTa STYLeS	----------*/
#cta { background-color: #EBFCF5; margin-right: 20px; text-align: center; }
#cta p { margin: 20px 35px 0 0; text-align: right; color: #42914A; }
#cta a.email { background: url(../images/icon-email.gif) left no-repeat; padding-left: 20px;}
#cta a { font-weight: bold; }
#cta img#cta-left { margin: 20px 5px; }
#cta #wflogo { padding: 30px; }


/*----------	FooTeR STYLeS	----------*/
#footer { color: #437B41; text-align: center; background: url(../images/core/footer-bg.gif) center bottom no-repeat; height: 30px; }
#footer a { color: #437B41; font-weight: bold; }
#footer p { padding: 20px; padding-top: 0; }