/*----------
	Perth Bin Hire - CSS Document 
----------*/

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

/*----------	LaYoUT STYLeS	----------*/
body {
  color: #000000;
	font: 62.5% Arial, Verdana, Helvetica, sans-serif;
	background: #ffffff url(../images/core/bg.gif) repeat-x;
}

#container {
  width: 850px;
  margin: 0 auto;
  font-size: 1.2em;
}

#content {
  padding: 20px;
  width: 810px;
  background-color: #EBEBEB;
}

#column-right {
  width: 240px;
  float: right;
}

#column-left {
  width: 560px;
  float: left;
}

#text {
  width: 540px;
}



/*----------	CoMMoN STYLeS	----------*/
* { line-height: 1.6em; }
a { color: #ff0000; text-decoration: underline; }
a:hover { text-decoration: none; }
h1, h2, h3, h4 {
  font-weight: normal;
	margin-bottom: 0.5em;
}
h1 { font-size: 1.8em; color: #3953a4; }
h2 { font-size: 1.6em; color: #F15414; }
h3 { font-size: 1.4em; color: #565555; }
h4 { font-size: 1.2em; color: #848383; }
strong { font-weight: bold; }
p { margin: 15px 0; }
ul { margin: 10px 30px; list-style-type: square; }

.clear { display: block; clear: both; }
.hidden { display: none; }
.top { border-top: 1px solid #CA8D91; text-align: right; font-size: 0.9em; margin: 10px 15px 0; }

#mudmap { margin: 10px; float: right; }
.inner_photos { float: right; margin: 10px; clear: left; }

table { border: 1px solid #ccc; margin-bottom: 1em; }
table th { background: #ccc; padding: 3px; }
table tr td { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 3px; text-align: center; font-size: 1em; }



/*----------	HeaDeR STYLeS	----------*/
#header {
  width: 850px;
  height: 241px;
  position: relative;
  background: url(../images/core/banner-bg.gif) no-repeat bottom;
}

#header #logo { position: absolute; top: 32px; left: 34px; }

#header #banner {
  top: 84px;
  left: 125px;
  position: absolute;
}

#header #banner .image {
  width: 212px;
  height: 143px;
  display: block;
  position: absolute;
  background: url(../images/core/banner-image-bg.gif) no-repeat;
}

#header #banner .image img {
  position: absolute;
  top: 8px;
  left: 4px;
}

#header #banner .second {
  position: absolute;
  top: 0;
  left: 227px;
}

#header #banner .third {
  position: absolute;
  top: 0;
  left: 455px;
}




/*----------	NaVIGaTIoN STYLeS	----------*/
#nav {
  top: 20px;
  left: 272px;
  position: absolute;
  height: 34px;
}
#nav ul { list-style-type: none; margin: 0; }
#nav ul li { display: inline; float: left; margin: 0 20px 0 0; }
#nav ul li a { display: block; height: 34px; text-indent: -9999px; }
#nav ul li a:hover { background-position: 0 -34px !important; }
#nav li#home a { background: url(../images/nav/home.gif) no-repeat; width: 85px; }
#nav li#profile a { background: url(../images/nav/profile.gif) no-repeat; width: 85px; }
#nav li#products a { background: url(../images/nav/products.gif) no-repeat; width: 103px; }
#nav li#service a { background: url(../images/nav/service.gif) no-repeat; width: 92px; }
#nav li#contact a { background: url(../images/nav/contact.gif) no-repeat; width: 91px; }

#p-home li#home a,
#p-profile li#profile a,
#p-products li #products a,
#p-service li#service a,
#p-contact li#contact a {
  background-position: 0 -34px !important;
}


/*----------	CTa STYLeS	----------*/
#cta {
  width: 810px;
  height: 35px;
  padding: 10px 20px;
  background-color: #3A53A5;
}
#cta #slogan { float: left; }
#cta #view_range { float: right; }


/*----------	DeTaILS STYLeS	----------*/
#details {
  width: 205px;
  padding: 15px;
  color: #3953a4;
  font-size: 1.2em;
  background-color: #F5F5F5;
}
#details a { color: #3953a4; text-decoration: none; }
#details a:hover { text-decoration: underline; }
#details img { margin: 0 0 10px 0; }

#details #phone {
  padding: 5px 0 2px 25px;
  background: url(../images/core/icon-phone.gif) no-repeat left;
}

#details #fax {
  padding: 5px 0 2px 25px;
  background: url(../images/core/icon-fax.gif) no-repeat left;
}

#details #mobile {
  padding: 5px 0 2px 25px;
  background: url(../images/core/icon-mobile.gif) no-repeat left;
}

#details #email {
  padding: 5px 0 2px 25px;
  background: url(../images/core/icon-email.gif) no-repeat left;
}



/*----------	FooTeR STYLeS	----------*/
#footer {
  font-size: 0.9em;
  background-color: #FFFFFF;
  width: 848px;
  padding: 0 0 0 2px;
  border-bottom: 10px solid #EBEBEB;
}
#footer a { text-decoration: none; color: #000; }
#footer a:hover { text-decoration: underline; }
#footer #wflogo { float: right; }


/* --- misc --- */
div#gallery { 
	width: 100%;
	float: left;
}

div#gallery ul.gallery-list {
	list-style-type: none;
	margin: 0;
}

div#gallery ul li {
	display: inline;
	padding: 0 10px 10px 0;
	float: left;
}

div#gallery ul li a img {
	border: 5px solid #cccccc;
}

div#gallery ul li a:hover img {
	border: 5px solid #3953a4;
}

img#location_map {
  float: right;
  display: inline;
  margin: 0 0 10px 10px;
  border: 1px solid #ccc;
}